@charset "UTF-8";

:root {
	--primary-color: #172D56;
	--secondary-color: #f0bb1e;
	--text-color: #333333;
	--background-color: #ffffff;
	--error-color: #ea4335;
}

body,
html {
    overflow-x: hidden;
}

body {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    display:flex;
    flex-direction:column; 
    min-height: 100vh;
}

*,
::after,
::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img,
svg {
    display: block;
    width: 100%;
}

.container {
    margin: 0 auto;
    padding: 0;
}

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

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

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

input {
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}

section {
    background: #FFFFFF;
    position: relative;
    padding-top: 1px;
    flex:1;
}

#mask {
    background: #000000;
    opacity: .5;
    z-index: 997;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    cursor: pointer;
}

#video-popup {
    width: 80vw;
    height: 80vh;
    position: fixed;
    top: 10vh;
    left: 10vw;
    z-index: 1001;
    display: none;
    cursor: pointer;
}

#video-popup video {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    cursor: auto;
}

#video-popup::after {
    display: block;
    content: '';
    background: url("../img/icon/close.svg");
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    right: -56px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 575px) {
    .container {
        padding: 0 18px;
    }

    #video-popup::after {
        top: initial;
        bottom: -56px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.head {
    padding: 8px 0 65px;
}

.head .container {
    position: relative;
}

.head h1 {
    margin-top: 240px;
    max-width: 525px;
    margin-bottom: 52px;
}

.head p {
    max-width: 525px;
    margin-bottom: 66px;
}

.homepage-bg {
    background: url("../img/xtra-inc-1410691-unsplash.webp");
    background-position: center;
    background-size: cover;
}

.whyied-bg {
    background-image: url("../img/k-192-eye-00259_copy.webp");
    background-position: center;
    background-size: cover;
}

.educational-bg {
    background-image: url("../img/ieduni.webp");
    background-position: center;
    background-size: cover;
}

.student-bg {
    background-image: url("../img/k-61-jj-07240.webp");
    background-position: center;
    background-size: cover;
}

.studentprogram-bg {
    background-image: url("../img/students-1.webp");
    background-position: center;
    background-size: cover;
}

.terms-bg {
    background-image: url("../img/terms-and-conditions.webp");
    background-position: center;
    background-size: cover;
}

.privacy-bg {
    background-image: url("../img/privacy-policy.webp");
    background-position: center;
    background-size: cover;
}

.partnership-bg {
    background-image: url("../img/partnership.webp");
    background-position: center;
    background-size: cover;
}

.contactus-bg {
    background-image: url("../img/contactus.webp");
    background-position: center;
    background-size: cover;
}

.faqs-bg {
    background-image: url("../img/faqs.webp");
    background-position: center;
    background-size: cover;
}

.play-button {
    display: block;
    width: 100px;
    position: relative;
    -webkit-transition: -webkit-transform ease .2s;
    transition: -webkit-transform ease .2s;
    -o-transition: transform ease .2s;
    transition: transform ease .2s;
    transition: transform ease .2s, -webkit-transform ease .2s;
}

.play-button:hover {
    display: block;
    width: 100px;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.head-video {
    padding-bottom: 88px;
}

.breadcrumbs {
    font-size: 14px;
    color: #FFFFFF;
}

.breadcrumbs a {
    color: #FFFFFF;
    text-decoration: none;
}

.empty-head {
    padding-bottom: 14px;
    border-bottom: 1px solid #EEEEEE;
}

.empty-head .header {
    position: relative;
    top: 0;
    margin-top: 18px;
}

@media (max-width: 767px) {
    .head-small {
        padding: 8px 0 32px;
    }

    .head-small h1 {
        margin-top: 140px;
    }
}

@media (max-width: 575px) {
    .head {
        padding: 8px 0 65px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .head h1 {
        margin-bottom: 20px;
    }

    .empty-head {
        padding: 8px 0 0;
    }

    .head-video {
        padding: 8px 0 65px;
        height: 100vh;
        max-height: 1080px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .head-video .container {
        margin: auto 0;
        position: inherit;
        padding: 120px 18px 0;
    }

    .head-video h1 {
        margin-top: 0;
    }

    .whyied-bg {
        background-position: 80% center;
    }

    .student-bg {
        background-position: 20% center;
    }

    .studentprogram-bg {
        background-image: url("../img/k-61-jj-07240.webp");
        background-position: 20% center;
    }

    .head-small {
        padding: 8px 0 32px;
    }
}

.header {
    position: absolute;
    top: -220px;
    left: 0;
    width: 100%;
}

.header__inner {
    padding: 14px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.header__logo {
    width: 200px;
    z-index: 999;
}

.action__list,
.nav__list,
.footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.list__item,
.nav__item {
    list-style: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 21px;
    position: relative;
    cursor: pointer;
}

.list__item a,
.nav__item a {
    display: block;
    padding-top: 15px;
    height: 100%;
    text-decoration: none;
    color: #FFFFFF;
}

.list__item span,
.nav__item span {
    width: 9px;
    margin-left: 3px;
    top: -2px;
    position: relative;
    display: inline-block;
}

.list__item span i,
.nav__item span i {
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}

.action__list {
    position: absolute;
    top: -5px;
    right: 0;
}

.action__list a,
.action__list .inner-content {
    padding-top: 0;
}

.inner-content {
    padding-top: 15px;
}

.list__item.opened span i,
.nav__item.opened span i {
    position: relative;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.list__item:last-child {
    margin-right: 2px !important;
}

.nav__item:last-child {
    margin-right: 0;
    padding: 0;
}

.nav__item:last-child::after {
    display: none !important;
}

.nav__item {
    margin-top: 24px;
    margin-right: 42px;
    padding-left: 2px;
    padding-right: 2px;
    height: 44px;
    display: inline-block;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}

.nav__item::after {
    display: block;
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 2px;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    background: #FFFFFF;
}

.nav__item.active::after {
    left: 0;
    width: 100%;
}

.nav__item:hover::after {
    left: 0;
    width: 100%;
}

.item__inner {
    background: rgba(20, 54, 66, 0.9);
    list-style: none;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    padding: 18px 12px;
    min-width: 260px;
    z-index: 99;
    display: none;
    cursor: auto;
}

.lang-inner {
    min-width: 120px;
    top: calc(100% + 12px);
}

.item__inner-item {
    margin-top: 12px;
    margin-bottom: 0;
}

.item__inner-item a {
    color: #FFFFFF;
    padding-top: 0;
}

.item__inner-item .nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.item__inner-item .nav__item {
    height: auto;
    padding: 0 0 24px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 12px;
    border: 0 !important;
}

.item__inner-item .nav__item:last-child {
    padding-bottom: 12px;
}

.item__inner-item .nav__item::after {
    display: none;
}

.inner-item__title {
    margin: 24px 0;
    opacity: .75;
}

.header-light .dropdown-arrow {
    background-image: url("../img/icon/dropdown-arrow-dark.svg");
}

.header-light .header__nav>.nav__inner>.nav__list>.nav__item,
.header-light .action__list>.list__item {
    color: #65676E;
    -webkit-transition: color ease .4s;
    -o-transition: color ease .4s;
    transition: color ease .4s;
}

.header-light .header__nav>.nav__inner>.nav__list>.nav__item>a,
.header-light .action__list>.list__item>a {
    color: #65676E;
    -webkit-transition: color ease .4s;
    -o-transition: color ease .4s;
    transition: color ease .4s;
}

.header-light .header__nav>.nav__inner>.nav__list>.nav__item:hover,
.header-light .action__list>.list__item:hover {
    color: #143642;
}

.header-light .header__nav>.nav__inner>.nav__list>.nav__item>a:hover,
.header-light .action__list>.list__item>a:hover {
    color: #143642;
}

.header-light .inner-item__title {
    color: #FFFFFF;
}

.header__menu-button,
.header__close-button {
    position: absolute;
    top: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    display: none;
    cursor: pointer;
}

.header__menu-button svg,
.header__close-button svg {
    width: 40px;
    height: 40px;
}

@media (max-width: 1200px) {

    .list__item,
    .nav__item {
        margin-right: 30px;
    }
}

@media (max-width: 992px) {
    .header__menu-button {
        display: block;
    }

    .header__menu-button path {
        fill: #FFFFFF;
    }

    .header-light .list__item:hover,
    .header-light .nav__item:hover {
        color: #65676E;
    }

    .header-light .list__item:hover a,
    .header-light .nav__item:hover a {
        color: #65676E;
    }

    .header-light .header__menu-button path {
        fill: #65676E;
    }

    .header__close-button {
        top: 40px;
        right: 0;
        z-index: 1000;
    }

    .header__close-button path {
        fill: #65676E;
    }

    .header__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        position: absolute;
        width: calc(100% + 36px);
        height: 100vh;
        right: -18px;
        background: #FFFFFF;
        padding: 152px 26px 26px;
        z-index: 998;
        overflow: scroll;
        top: calc(-100vh - 28px);
        -webkit-transition: top ease .4s;
        -o-transition: top ease .4s;
        transition: top ease .4s;
    }

    .header__nav>* {
        opacity: 0;
        -webkit-transition: opacity ease .2s;
        -o-transition: opacity ease .2s;
        transition: opacity ease .2s;
    }

    .header__nav .button-cta {
        display: none;
    }

    .nav__inner>.nav__list {
        margin-top: 0;
    }

    .header-opened .header__inner::before {
        display: block;
        content: '';
        position: absolute;
        top: -28px;
        left: 0;
        width: 100%;
        height: 146px;
        z-index: 999;
        background: #FFFFFF;
    }

    .header-opened .header__nav {
        top: -28px;
    }

    .header-opened .header__nav>* {
        opacity: 1;
    }

    .header .list__item,
    .header .nav__item {
        font-size: 19px;
        color: #65676E;
        margin: 0 0 26px;
        padding: 0;
        height: auto;
        display: block;
    }

    .header .list__item a,
    .header .nav__item a {
        padding-top: 0;
        font-size: 19px;
        color: #65676E;
    }

    .header .list__item span,
    .header .nav__item span {
        width: 15px;
    }

    .nav__item:last-child {
        margin-bottom: 52px;
    }

    .nav__list,
    .action__list {
        display: block;
    }

    .action__list {
        position: relative;
        top: 0;
        right: 0;
    }

    .action__list .list__item:last-child {
        margin-bottom: 0;
    }

    .item__inner {
        position: relative;
        top: 0;
        background: transparent !important;
        padding: 0 26px;
        max-height: 0;
        display: block !important;
        overflow: hidden;
        -webkit-transition: all ease .4s;
        -o-transition: all ease .4s;
        transition: all ease .4s;
    }

    .item__inner-item:first-child {
        margin-top: 26px;
    }

    .item__inner-item {
        margin-top: 0;
    }

    .item__inner-item .nav__item {
        padding: 0;
        margin-left: 26px;
    }

    .item__inner-item .nav__item:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .opened .item__inner {
        max-height: 500px;
    }

    .lang-inner {
        padding: 0;
    }

    .nav__inner {
        margin: auto 0;
    }

    .empty-head .header .header__nav {
        left: -18px;
        width: calc(100% + 36px);
    }

    .empty-head .header-opened .header__inner::before {
        top: -26px;
        left: -18px;
        width: calc(100% + 36px);
    }

    .empty-head .header-opened .header__nav {
        top: -26px;
        left: -18px;
        width: calc(100% + 36px);
    }
}

@media (max-width: 767px) {

    .empty-head .header__close-button,
    .empty-head .header__menu-button {
        top: 28px;
        right: 0;
    }

    .empty-head .header__inner {
        padding: 0;
    }

    .empty-head .header-opened .header__inner::before {
        top: -46px;
    }

    .empty-head .header-opened .header__nav {
        top: -46px;
    }
}

@media (max-width: 575px) {
    .head .header {
        top: 20px;
    }

    .head-video .header {
        top: 28px;
    }

    .empty-head {
        border: 0;
    }

    .header__logo {
        width: 86px;
    }

    .header__nav {
        width: 100%;
        right: 0;
		padding-bottom: 60px;
    }

    .header__inner {
        padding: 14px 18px 0;
    }

    .header__close-button,
    .header__menu-button {
        top: 38px;
        right: 18px;
    }
}

@media (min-width: 991px) {

    .header__close-button,
    .header__menu-button {
        display: none !important;
    }
}

.button {
    display: inline-block;
    padding: 16px 45px 15px;
    text-align: center;
    font-size: 'Open Sans', sans-serif;
    font-weight: 600;
    -webkit-transition: background ease .4s, border ease .4s, color ease .4s;
    -o-transition: background ease .4s, border ease .4s, color ease .4s;
    transition: background ease .4s, border ease .4s, color ease .4s;
    text-decoration: none;
}

.button-cta {
    padding: 16px 15px 15px;
    background: #C4942F;
    color: #FFFFFF !important;
    max-width: 165px;
    height: auto !important;
}

.button-cta:hover {
    background: #EC9A29;
}

.button-submit {
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.button-submit:hover {
    background: #EC9A29 !important;
    color: #FFFFFF !important;
    border-color: 1px solid #EC9A29 !important;
}

.button-view {
    width: intrinsic;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #143642;
    color: #143642;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 157px;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.button-view::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    background: #143642;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-animation-name: out;
    animation-name: out;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}

.button-title {
    position: relative;
    z-index: 2;
}

.button-view:hover {
    color: #FFFFFF !important;
}

.button-view:hover::after {
    -webkit-animation-name: begin;
    animation-name: begin;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes begin {
    0% {
        left: -100%;
    }

    100% {
        left: 0;
    }
}

@keyframes begin {
    0% {
        left: -100%;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes out {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

@keyframes out {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 46px;
    color: #FFFFFF;
    text-align: left;
    margin-bottom: 42px;
}

h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 53px;
    color: #143642;
    text-align: left;
    margin-bottom: 37px;
}

h4 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    color: #143642;
    text-align: left;
    margin-bottom: 18px;
}

h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #0F8B8D;
    line-height: 28px;
    margin-bottom: 10px;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #FFFFFF;
    text-align: left;
    line-height: 32px;
}

@media (max-width: 767px) {
    h1 {
        font-size: 40px;
        line-height: 48px;
    }

    h3,
    h4 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 27px;
    }

    p {
        line-height: 28px;
    }
}

.footer {
    background: #143642;
}

.footer span {
    opacity: 0.5;
    font-size: 11px;
    color: #FFFFFF;
}

.footer .list__item {
    font-size: 11px;
    color: #FFFFFF;
    margin-right: 34px;
}

.footer .list__item a {
    opacity: 0.5;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    padding-top: 0;
}

.footer__inner {
    padding: 32px 0 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer__inner:last-child {
    padding: 44px 0 46px;
}

.footer__logo {
    width: 373px;
}

.footer__logo img {
    width: 99px;
}

.footer__logo p {
    margin-top: 22px;
    opacity: 0.5;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    line-height: 24px;
}

.links__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100px;
    margin-top: 22px;
    width: 408px;
}

.links__item {
    font-size: 14px;
    margin-bottom: 10px;
    width: 175px;
    margin-right: 58px;
}

.links__item a {
    opacity: 0.5;
    color: #FFFFFF;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    text-decoration: none;
}

.links__item a:hover,
.list__item a:hover {
    opacity: 1;
}

.footer__qr {
    margin-top: 119px;
    width: 90px;
}

.footer__line {
    opacity: .2;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
}

.footer-light {
    background: #FBFBFB;
}

.footer-light span,
.footer-light .list__item {
    color: #65676E;
    opacity: 1;
}

.footer-light span a,
.footer-light .list__item a {
    color: #65676E;
}

.footer-light span a:hover,
.footer-light .list__item a:hover {
    color: #143642;
}

.footer-light .footer__logo p {
    opacity: 1;
    color: #65676E;
}

.footer-light .links__list {
    height: 81px;
}

.footer-light .links__item {
    font-size: 11px;
    margin-bottom: 12px;
}

.footer-light .links__item a {
    color: #65676E;
}

.footer-light .footer__list .list__item a {
    opacity: 1;
}

.footer-light .footer__line {
    background: #65676E;
    opacity: .15;
}

@media (max-width: 992px) {
    .links__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: inherit;
        width: 160px;
        margin-top: -5px;
    }

    .footer-light .links__list {
        height: inherit;
    }

    .links__item {
        width: 100%;
    }

    .footer__logo {
        width: 300px;
    }

    .footer__qr {
        margin-top: 69px;
    }
}

@media (max-width: 767px) {
    .links__list {
        width: 100%;
        margin-top: 0;
        margin-bottom: 34px;
    }

    .links__item {
        width: 100%;
    }

    .footer__logo {
        width: 100%;
        margin-bottom: 62px;
    }

    .footer__logo a {
        display: inline-block;
    }

    .footer__qr {
        margin-top: 0;
    }

    .footer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer span {
        margin-bottom: 15px;
    }

    .footer__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .footer__list .list__item {
        cursor: inherit;
    }

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

@media (max-width: 575px) {
    .footer {
        padding: 0 18px;
    }

    .footer__line {
        width: calc(100% + 36px);
        margin-left: -18px;
    }
}

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

form a:hover {
    text-decoration: underline !important;
}

.form__inner {
    width: 460px;
    margin: 122px auto 150px;
}

.form__inner>span {
    display: block;
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
}

.form__inner span {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #65676E;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
}

.title {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #65676E;
    text-align: center;
    line-height: 45px;
    margin-bottom: 13px;
}

.title-colored {
    color: #143642;
}

.form-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #A8201A;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    width: 232px;
    padding: 21px 53px;
    margin: 43px auto 51px;
    text-decoration: none;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    border: 1px solid #DBDBDB;
    cursor: pointer;
}

.form-button svg,
.form-button img.svg {
    margin: 0 auto 10px;
    width: 50px;
}

.form-button svg .st0 {
    -webkit-transition: fill ease .4s;
    -o-transition: fill ease .4s;
    transition: fill ease .4s;
    fill: #b7b7b7;
}

.form-button span {
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    color: #838383;
}

.form-button:hover {
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
    box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
}

.form-button:hover span {
    color: #A8201A;
}

.form-button:hover svg .st0 {
    -webkit-transition: fill ease .4s;
    -o-transition: fill ease .4s;
    transition: fill ease .4s;
    fill: #A8201A;
}

a.form-button {
    color: #b7b7b7;
}

a.form-button:hover {
    color: #A8201A;
}

#sign-in input[type="text"],
#sign-in input[type="password"],
#sign-in input[type="number"],
#sign-in textarea,
#forget-pw input[type="text"],
.fill-out-form input[type="text"],
.fill-out-form input[type="password"],
.fill-out-form input[type="number"],
.fill-out-form input[type="tel"],
.fill-out-form textarea,
.registration input[type="text"],
.registration input[type="password"],
.registration input[type="number"],
.registration textarea {
    width: 100%;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    padding: 15.5px 16px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    margin-bottom: 18px;
    height: 57px;
}

#sign-in input[type="text"]::-webkit-input-placeholder,
#sign-in input[type="number"]::-webkit-input-placeholder,
#forget-pw input[type="text"]::-webkit-input-placeholder,
.fill-out-form input[type="text"]::-webkit-input-placeholder,
.fill-out-form input[type="number"]::-webkit-input-placeholder,
.registration input[type="text"]::-webkit-input-placeholder,
.registration input[type="number"]::-webkit-input-placeholder {
    color: #838383;
}

#sign-in input[type="text"]:-ms-input-placeholder,
#sign-in input[type="number"]:-ms-input-placeholder,
#forget-pw input[type="text"]:-ms-input-placeholder,
.fill-out-form input[type="text"]:-ms-input-placeholder,
.fill-out-form input[type="number"]:-ms-input-placeholder,
.registration input[type="text"]:-ms-input-placeholder,
.registration input[type="number"]:-ms-input-placeholder {
    color: #838383;
}

#sign-in input[type="text"]::-ms-input-placeholder,
#sign-in input[type="number"]::-ms-input-placeholder,
#forget-pw input[type="text"]::-ms-input-placeholder,
.fill-out-form input[type="text"]::-ms-input-placeholder,
.fill-out-form input[type="number"]::-ms-input-placeholder,
.registration input[type="text"]::-ms-input-placeholder,
.registration input[type="number"]::-ms-input-placeholder {
    color: #838383;
}

#sign-in input[type="text"]::placeholder,
#sign-in input[type="number"]::placeholder,
#forget-pw input[type="text"]::placeholder,
.fill-out-form input[type="text"]::placeholder,
.fill-out-form input[type="number"]::placeholder,
.registration input[type="text"]::placeholder,
.registration input[type="number"]::placeholder {
    color: #838383;
}

#sign-in input[type="checkbox"],
.fill-out-form input[type="checkbox"],
.registration input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

#sign-in input[type="checkbox"]+label,
.fill-out-form input[type="checkbox"]+label,
.registration input[type="checkbox"]+label {
    display: block;
    text-align: left;
    position: relative;
    height: 24px;
    display: inline-block;
    border-radius: 4px;
    vertical-align: bottom;
    margin-right: 10px;
    top: 2px;
    cursor: pointer;
}

#sign-in input[type="checkbox"]+label::before,
.fill-out-form input[type="checkbox"]+label::before,
.registration input[type="checkbox"]+label::before {
    display: block;
    content: '';
    text-align: left;
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    vertical-align: bottom;
    margin-right: 10px;
    top: 0;
    left: 0;
}

#sign-in input[type="checkbox"]:checked+label::before,
.fill-out-form input[type="checkbox"]:checked+label::before,
.registration input[type="checkbox"]:checked+label::before {
    background: url("../img/icon-check.svg");
    background-size: 14px 14px;
    background-position: center;
    background-repeat: no-repeat;
}

#sign-in input[type="button"],
.fill-out-form input[type="button"],
.registration input[type="button"] {
    width: 114px;
    padding: 16px 0px 15px;
    border: 1px solid #C4942F;
    color: #C4942F;
    background: #FFFFFF;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    border-radius: 0;
}

#forget-pw input[type="button"] {
    width: 200px;
    padding: 16px 0px 15px;
    border: 1px solid #C4942F;
    color: #C4942F;
    background: #FFFFFF;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    border-radius: 0;
}

.registration-payment input[type="text"],
.registration-payment input[type="number"] {
    width: 100%;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    padding: 15.5px 16px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    margin-bottom: 18px;
    height: 57px;
}

.registration-payment input[type="text"]::-webkit-input-placeholder,
.registration-payment input[type="number"]::-webkit-input-placeholder {
    color: #838383;
}

.registration-payment input[type="text"]:-ms-input-placeholder,
.registration-payment input[type="number"]:-ms-input-placeholder {
    color: #838383;
}

.registration-payment input[type="text"]::-ms-input-placeholder,
.registration-payment input[type="number"]::-ms-input-placeholder {
    color: #838383;
}

.registration-payment input[type="text"]::placeholder,
.registration-payment input[type="number"]::placeholder {
    color: #838383;
}

.registration-payment input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.registration-payment input[type="button"] {
    width: 114px;
    padding: 16px 0px 15px;
    border: 1px solid #C4942F;
    color: #C4942F;
    background: #FFFFFF;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    border-radius: 0;
}

.custom-select {
    width: 95px;
    position: relative;
}

.custom-select select {
    display: none;
}

.select-selected {
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 12px;
    width: 11px;
    height: 10px;
    background: url("../img/icon/dropdown-arrow-silver.svg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    z-index: 99;
}

.select-arrow-active {
    color: #FFFFFF !important;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
    color: #838383;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding: 15.5px 16px;
    border-bottom: 1px solid #DBDBDB;
    cursor: pointer;
    background-color: #FFFFFF;
}

.select-items div:first-child {
    background: transparent;
}

.select-items div:last-child {
    border-bottom: 0;
}

/* Style items (options): */
.select-items {
    position: absolute;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 224px;
    overflow: scroll;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-user input[type="radio"],
.select-program input[type="radio"],
.registration-payment input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.registration-payment label {
    padding: 0;
    width: 262px;
    margin: 0;
}

.registration-payment label.form-button-small {
    padding: 0;
    width: 165px;
    margin: 0;
}

.form .sb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 64px;
}

.form .sb a,
.form .sb span {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #838383;
    letter-spacing: 0;
    line-height: 20px;
    text-decoration: none;
}

.form .sb a a,
.form .sb span a {
    text-transform: uppercase;
    color: #A8201A;
    font-weight: 600;
}

.form .sb:last-child {
    margin-bottom: 0;
}

.form .sb:last-child>span {
    padding-top: 20px;
}

.form .form-step2,
.form .form-step3,
.form .form-step1 {
    display: none;
    opacity: 0;
}

.form-wide .form__inner {
    width: 850px;
}

.form-wide .sb {
    width: 495px;
    margin: 0 auto;
}

.form-wide .sb a {
    margin-left: 0;
    margin-right: 0;
}

.form-wide .sb-wide {
    width: 760px;
    margin-bottom: 31px;
}

.fill-out-form,
.registration-payment,
.registration {
    width: 556px;
    margin-left: auto;
    margin-right: auto;
}

.fill-out-form .sb,
.registration-payment .sb,
.registration .sb {
    width: 100%;
}

.fill-out-form input[type="text"],
.registration-payment input[type="text"],
.registration input[type="text"] {
    width: 270px;
}
.fill-out-form input.captcha[type="text"] {
    width: 370px;
}
.fill-out-form img.captcha {
    height: 57px;
    width: auto;
}

.fill-out-form select,
.registration-payment select,
.registration select {
    width: 95px;
}

.fill-out-form input[type="number"],
.fill-out-form input[type="tel"],
.registration-payment input[type="number"],
.registration input[type="number"] {
    width: 160px;
}

.fill-out-form input[type="number"]::-webkit-inner-spin-button,
.fill-out-form input[type="number"]::-webkit-outer-spin-button,
.registration-payment input[type="number"]::-webkit-inner-spin-button,
.registration-payment input[type="number"]::-webkit-outer-spin-button,
.registration input[type="number"]::-webkit-inner-spin-button,
.registration input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.fill-out-form input[type="button"],
.registration-payment input[type="button"],
.registration input[type="button"] {
    margin-top: 72px;
    float: right;
    border-radius: 0;
}

.registration-payment {
    display: block;
    width: 100%;
}

.registration-payment select.select-wide {
    width: 270px;
}

.select-user .form-button:hover,
.select-program .form-button:hover,
.registration-payment .form-button:hover {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    border: 1px solid #DBDBDB;
}

.select-user .form-button:hover span,
.select-program .form-button:hover span,
.registration-payment .form-button:hover span {
    color: #838383;
}

.select-user .form-button:hover svg .st0,
.select-program .form-button:hover svg .st0,
.registration-payment .form-button:hover svg .st0 {
    fill: #838383;
}

.select-user .form-button img.svg {
    transition: filter ease .4s;
    filter: invert(.8);
}

.select-user .form-button:hover img.svg {
    filter: invert(.6);
}

.select-user input[type="radio"]:checked+.form-button img.svg {
    filter: invert(45%) sepia(36%) saturate(878%) hue-rotate(132deg) brightness(91%) contrast(98%);
}


.select-user input[type="radio"]:checked+.form-button,
.select-program input[type="radio"]:checked+.form-button,
.registration-payment input[type="radio"]:checked+.form-button {
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
    box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
    position: relative;
}
.select-user input[type="radio"]:checked+.form-button img, 
.select-program input[type="radio"]:checked+.form-button img,
.registration-payment input[type="radio"]:checked+.form-button img{
    filter: invert(45%) sepia(36%) saturate(878%) hue-rotate(132deg) brightness(91%) contrast(98%);
}

.select-user input[type="radio"]:checked+.form-button span,
.select-program input[type="radio"]:checked+.form-button span,
.registration-payment input[type="radio"]:checked+.form-button span {
    color: #143642;
}

.select-user input[type="radio"]:checked+.form-button svg .st0,
.select-program input[type="radio"]:checked+.form-button svg .st0,
.registration-payment input[type="radio"]:checked+.form-button svg .st0 {
    fill: #143642;
}

.select-user input[type="radio"]:checked+.form-button::after,
.select-program input[type="radio"]:checked+.form-button::after,
.registration-payment input[type="radio"]:checked+.form-button::after {
    display: block;
    content: '';
    position: absolute;
    top: 14px;
    right: 14px;
    background: url("../img/check.svg");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.form-wide__nav {
    position: relative;
}

.form-wide__nav a {
    cursor: pointer;
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #838383;
    letter-spacing: 0;
    text-decoration: none;
    top: 8px;
    left: 0;
}

.form-wide__nav a svg,
.form-wide__nav a img.svg {
    margin-right: 6px;
    position: relative;
    top: 1px;
    width: 8px;
    display: inline-block;
}

.form-wide__nav a svg polygon {
    fill: #838383;
}

.form-wide__nav a:hover {
    border-bottom: 1px solid;
}

.form-wide__nav a:last-child {
    left: inherit;
    right: 0;
    color: #C4942F;
}

.form-wide__nav a:last-child svg {
    margin-right: 0;
    margin-left: 6px;
}

.form-wide__nav a:last-child svg polygon {
    fill: #C4942F;
}

.form-wide__nav .next, .form-wide__nav .prev {
    text-transform: capitalize;
}

.form-wide__nav .next img.svg {
    filter: invert(61%) sepia(76%) saturate(410%) hue-rotate(3deg) brightness(85%) contrast(89%);
}

.form-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 52px auto 104px;
}

.nav__step {
    width: 133px;
}

.step__number {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #838383;
    letter-spacing: 0;
    text-align: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    margin-right: 84px;
    margin-bottom: 14px;
    position: relative;
}

.step__number::after {
    display: block;
    content: '';
    width: 67px;
    height: 1px;
    background: #E0E0E0;
    position: absolute;
    top: 23px;
    left: calc(100% + 12px);
}

.nav__step:last-child {
    width: 45px;
}

.nav__step:last-child .step__number {
    margin-right: 0;
}

.nav__step:last-child .step__number::after {
    display: none;
}

.step__title {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #8E8E8E;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    width: 130px;
    margin-left: 23px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.active .step__number {
    background: #FAFFF6;
    border: 1px solid #8ACE5A;
    color: #8ACE5A;
}

.active .step__title {
    color: #8ACE5A;
}

.done .step__number {
    border: 1px solid #8ACE5A;
    background: #8ACE5A;
    color: #8ACE5A;
    position: relative;
}

.done .step__number::after {
    background: #8ACE5A;
}

.done .step__number::before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    background: url("../img/icon/check.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.done .step__title {
    color: #8ACE5A;
}

.apply-students {
    display: none;
}

.apply-done {
    margin: 0 auto;
    width: 628px;
    text-align: center;
}

.apply-done .title {
    color: #143642;
    margin-bottom: 33px;
}

.apply-done p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #65676E;
    letter-spacing: 0;
    text-align: center;
    line-height: 28px;
    margin-bottom: 28px;
}

.apply-done .button {
    margin-top: 65px;
    width: 114px;
    padding: 16px 0px 15px;
    border: 1px solid #C4942F;
    color: #C4942F;
    background: #FFFFFF;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
}

.form-light .title-colored,
.form-light .select-program input[type=radio]:checked+.form-button span,
.form-light .select-user input[type=radio]:checked+.form-button span {
    color: #0F8B8D;
}

.form-light .select-program input[type=radio]:checked+.form-button svg .st0,
.form-light .select-user input[type=radio]:checked+.form-button svg .st0
    {
    fill: #0F8B8D;
}

.form-light .select-program input[type=radio]:checked+.form-button::after,
.form-light .select-user input[type=radio]:checked+.form-button::after,
.form-light .registration-payment input[type=radio]:checked+.form-button::after {
    background: url("../img/check-teal.svg");
    background-repeat: no-repeat;
}

.registration-payment input[type=radio]:checked+.form-button.form-button-small::after {
    background: url("../img/check-teal.svg");
    background-repeat: no-repeat;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
}

.row .title {
    text-align: left;
    font-size: 20px;
    color: #0F8B8D;
    line-height: 28px;
    margin-bottom: 34px;
}

.row .custom-select:last-child {
    margin-bottom: 74px;
}

.form.flex-column .form__inner {
    width: 100%;
}

.form.flex-column .form-wide__nav {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.choose-program__inner {
    padding: 25px 28px 28px;
    -webkit-box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
    box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
}

.choose-program__inner table {
    border-collapse: collapse;
    width: 100%;
}

.choose-program__inner table input[type="text"] {
    width: 190px !important;
    font-size: 12px !important;
    line-height: 24px !important;
    height: 40px !important;
    margin-bottom: 0 !important;
}

.choose-program__inner th,
.choose-program__inner b {
    color: #0F8B8D;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 19px;
    border-bottom: 1px solid #ECECEC;
}

.choose-program__inner b {
    border-bottom: 0;
    display: block;
    text-align: right;
    padding-bottom: 0;
}

.choose-program__inner th:first-child,
.choose-program__inner td:first-child {
    max-width: 190px;
}

.choose-program__inner th:last-child,
.choose-program__inner td:last-child {
    text-align: right;
    padding-right: 22px;
}

.choose-program__inner td {
    padding: 38px 0 36px;
    font-size: 14px;
    color: #65676E;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    border-bottom: 1px solid #ECECEC;
}

.choose-program__inner td img {
    width: 20px;
}

.choose-program__inner td a {
    display: inline-block;
}

.choose-program__inner tr:last-child td {
    font-size: 12px;
    line-height: 24px;
    border-bottom: 0;
    padding-top: 30px;
    padding-bottom: 0;
}

input[type="text"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    border-color: #143642 !important;
}

input[type="text"].has-error,
input[type="number"].has-error,
textarea.has-error,
select.has-error {
    border-color: #A8201A !important;
}

#sign-in,
#forget-pw,
.fill-out-form,
.registration-payment .col-xl-6,
.registration {
    position: relative;
}

.input-helper {
    position: absolute;
    font-size: 11px;
    line-height: 18px;
    padding: 4px 6px;
    background: #65676E;
    color: #FFFFFF;
    border-radius: 2px;
    z-index: 5;
    margin-top: -60px;
    right: 12px;
    display: none;
}

.fill-out-form .input-helper:first-of-type,
.registration-payment .input-helper:first-of-type,
.registration .input-helper:first-of-type {
    margin-top: 15px;
    right: calc(50% + 21px);
}

.fill-out-form .input-helper,
.registration-payment .input-helper,
.registration .input-helper {
    margin-top: 15px;
}

.registration-payment .col-xl-6 .input-helper:last-of-type {
    right: 27px;
}

@media (max-width: 1199px) {
    .registration-payment {
        width: 556px;
    }

    .choose-program {
        margin-top: 74px;
    }
}

@media (max-width: 991px) {
    .form-wide .sb-wide {
        width: 100%;
    }

    .form-wide .form__inner {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .fill-out-form,
    #registration,
    .registration-payment {
        width: 100%;
    }

    .form .sb {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form__inner {
        margin: 73px 0 73px;
    }

    .form__inner span {
        text-align: left;
    }

    .title {
        font-size: 30px;
        text-align: left;
        line-height: 45px;
    }

    .step__number {
        width: 39px;
        height: 39px;
        line-height: 37px;
        margin-right: 56px;
        margin-bottom: 4px;
    }

    .step__number::after {
        width: 56px;
        height: 1px;
        left: 100%;
        top: 18px;
        line-height: 24px;
    }

    .step__title {
        font-size: 11px;
    }

    .nav__step {
        width: 80px;
    }

    .step__title {
        width: 70px;
        margin-left: 20px;
    }

    .form-wide .form__inner {
        position: relative;
    }

    .form-wide .sb {
        width: 100%;
    }

    .form-wide__nav {
        position: initial;
    }

    .form-wide__nav a {
        top: inherit;
        bottom: 0;
        z-index: 3;
    }

    .form-button {
        width: calc(50% - 9px);
        padding: 18px 26px;
        margin: 43px auto 70px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .form-button span {
        text-align: center;
    }

    .form-nav {
        margin-bottom: 60px;
    }

    .select-user .form-button {
        margin: 0 0 120px;
    }

    .select-program .sb {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .select-program .form-button:last-child {
        margin-left: 0;
    }

    .select-program .sb-wide {
        margin-bottom: 120px;
    }

    .select-program .sb-wide .form-button {
        margin: 0 0 120px;
        margin-bottom: 18px !important;
        height: 140px;
    }

    .select-program .sb:not(.sb-wide) {
        position: relative;
        margin-top: -120px;
        margin-bottom: 120px;
    }

    .select-program .sb:not(.sb-wide) .form-button {
        margin-bottom: 0 !important;
        height: 140px;
    }

    .select-program .sb:not(.sb-wide) .form-button:first-of-type {
        position: absolute;
        top: -158px;
        left: calc(50% + 9px);
    }

    .fill-out-form .sb,
    .registration-payment .sb,
    .registration .sb {
        display: block;
    }

    .fill-out-form .sb input,
    .fill-out-form .sb select,
    .registration-payment .sb input,
    .registration-payment .sb select,
    .registration .sb input,
    .registration .sb select {
        width: 100%;
    }

    .fill-out-form input.captcha[type="text"] {
        width: 100%;
    }

    .fill-out-form .sb input[type="number"],
    .fill-out-form .sb input[type="tel"],
    .registration-payment .sb input[type="number"],
    .registration .sb input[type="number"] {
        width: calc(100% - 113px);
        margin-left: 18px;
    }

    .fill-out-form .sb .custom-select,
    .registration-payment .sb .custom-select,
    .registration .sb .custom-select {
        float: left;
    }

    .fill-out-form input[type="button"],
    .registration-payment input[type="button"],
    .registration input[type="button"] {
        float: inherit;
        margin-bottom: 84px;
        border-radius: 0;
    }

    .apply-done {
        width: 100%;
        text-align: left;
    }

    .apply-done p {
        text-align: left;
    }

    .apply-done .button {
        margin-bottom: 84px;
    }

    .registration-payment .sb .half-select,
    .registration .sb .half-select {
        width: calc(50% - 9px) !important;
        float: left;
    }

    .registration-payment .sb::after,
    .registration .sb::after {
        content: '';
        display: block;
        clear: both;
    }

    .registration-payment input.half-select,
    .registration input.half-select {
        margin-right: 18px;
    }

    .registration-payment input[name="selectpayment"]+label,
    .registration input[name="selectpayment"]+label {
        width: calc(50% - 9px);
        float: left;
        margin-right: 18px;
        margin-bottom: 18px;
    }

    .registration-payment label[for="paydollar"],
    .registration label[for="paydollar"] {
        margin-right: 0 !important;
    }

    .choose-program__inner td {
        padding: 23px 0;
    }

    .choose-program__inner td:first-child,
    .choose-program__inner th:first-child {
        max-width: 160px;
    }

    .choose-program__inner td:last-child,
    .choose-program__inner th:last-child {
        padding-right: 0;
    }

    .input-helper {
        margin-top: -60px !important;
        right: 12px !important;
    }

    .registration-payment .col-xl-6 .input-helper {
        right: 27px !important;
    }

    .registration-payment .col-xl-6 input[name="school"]+.input-helper {
        right: calc(50% + 21px) !important;
        margin-top: 15px !important;
    }

    .registration .input-helper {
        right: 27px !important;
    }

    .registration input[name="school"]+.input-helper {
        right: calc(50% + 21px) !important;
        margin-top: 15px !important;
    }
}

@media (max-width: 575px) {
    .form__inner {
        width: 100%;
    }

    #sign-in input[type=button], #forget-pw input[type=button] {
        position: absolute;
        top: 0;
        left: 0;
    }

    .form .sb:last-child {
        position: relative;
    }

    .form .sb:last-child>span {
        padding-top: 8px;
        text-align: right;
        width: 50%;
        display: block;
        margin-left: 50%;
    }

    .form .sb:last-child>span a {
        display: block;
    }

    .nav__step {
        width: 80px;
    }

    .step__title {
        width: 70px;
        margin-left: 20px;
    }

    .choose-program__inner {
        padding: 18px 18px 18px;
    }
}

.dropdown-arrow {
    background-image: url("../img/icon/dropdown-arrow.svg");
    width: 9px;
    height: 6px;
    display: block;
}

@media (max-width: 992px) {
    .dropdown-arrow {
        background-image: url("../img/icon/dropdown-arrow-grey.svg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 15px;
        height: 10px;
    }
}

.grid-block {
    margin: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    min-height: 600px;
}

.grid-block .video-button {
    width: calc(50vw - 30px);
    margin-right: 10px;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.grid-block .video-button img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%;
}

.grid-block>img {
    width: calc(50vw - 30px);
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: -10vw;
    height: 100%;
    opacity: 0;
    -webkit-transition: left ease-out .6s, opacity ease-out .6s;
    -o-transition: left ease-out .6s, opacity ease-out .6s;
    transition: left ease-out .6s, opacity ease-out .6s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.video-button::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/watch-our-intro.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70px 70px;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}

.video-button:hover::after {
    background-size: 80px 80px;
}

.grid-block-middle {
    min-height: 710px;
}

.grid-block-big {
    min-height: 1075px;
}

.grid-block-big .grid-block__inner h3 {
    max-width: inherit;
}

.grid-block-big .grid-block__inner p {
    max-width: inherit;
}

.grid-block-big .grid-block__inner h4 {
    margin-top: 16px;
}

small {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase;
    color: #838383;
    letter-spacing: 2px;
    margin-bottom: 9px;
    margin-left: 2px;
}

.grid-block__inner {
    overflow: hidden;
    width: calc(50vw - 30px);
    margin-left: 20px;
    background: #FBFBFB;
    padding: 52px 104px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: 0;
    left: calc(50vw - 30px);
    opacity: 0;
    -webkit-transition: opacity ease-out .6s;
    -o-transition: opacity ease-out .6s;
    transition: opacity ease-out .6s;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.grid-block__inner ul:not(.program__list) {
    list-style: none;
    margin-bottom: 26px;
}

.grid-block__inner ul:not(.program__list) li {
    position: relative;
    padding-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    text-align: left;
    line-height: 26px;
    color: #65676E;
}

.grid-block__inner ul:not(.program__list) li::before {
    content: '•';
    color: #A8201A;
    position: absolute;
    left: 0;
}

.grid-block__inner ul:not(.program__list):last-of-type {
    margin-bottom: 0;
}

.grid-block__inner h3 {
    max-width: 470px;
}

.grid-block__inner p {
    max-width: 470px;
    font-size: 16px;
    line-height: 28px;
    color: #65676E;
    margin-bottom: 28px;
}

.grid-block__inner p a {
    color: #88101C;
    font-weight: 600;
    text-decoration: none;
}

.grid-block__inner p a:hover {
    text-decoration: underline;
}

.grid-block__inner p:last-of-type {
    margin-bottom: 60px;
}

.grid-block-revert img {
    left: calc(60vw - 30px);
    margin-left: 20px;
}

.grid-block-revert .grid-block__inner {
    left: 0;
    margin-left: 0;
}

.grid-block.visible>img {
    left: 0;
    opacity: 1;
}

.grid-block.visible .grid-block__inner {
    opacity: 1;
}

.grid-block-revert.visible>img {
    left: calc(50vw - 30px);
    opacity: 1;
}

.grid-block-revert.visible .grid-block__inner {
    opacity: 1;
}

.grid-block-footer.visible .grid-block__inner {
    opacity: 1;
}

.grid-block-navy p {
    color: #143642;
}

.grid-block-teal h3,
.grid-block-teal h4 {
    color: #0F8B8D;
}

.grid-block-teal .button-view {
    color: #0F8B8D;
    border-color: #0F8B8D;
}

.grid-block-teal .button-view:hover {
    color: #FFFFFF !important;
}

.grid-block-teal .button-view::after {
    background: #0F8B8D;
}

.grid-block-maroon h3 {
    color: #A8201A;
}

.grid-block-maroon .button-view {
    color: #C4942F;
    border-color: #C4942F;
}

.grid-block-maroon .button-view::after {
    background: #C4942F;
}

.grid-block-footer .grid-block__inner {
    margin-left: 0;
    margin-right: 10px;
    background: transparent;
    padding: 124px 104px 122px;
    padding-left: 204px;
    position: relative;
    left: 0;
    opacity: 0;
}

.grid-block-footer .grid-block__inner h3,
.grid-block-footer .grid-block__inner p,
.grid-block-footer .grid-block__inner small {
    color: #FFFFFF;
}

.grid-block-footer .grid-block__inner h3,
.grid-block-footer .grid-block__inner p,
.grid-block-footer .grid-block__inner small,
.grid-block-footer .grid-block__inner a {
    position: relative;
    z-index: 2;
}

.grid-block-footer .grid-block__inner h3 {
    font-size: 46px;
    line-height: 55px;
    margin-bottom: 38px;
    max-width: inherit;
}

.grid-block-footer .grid-block__inner p {
    max-width: 390px;
}

.grid-block-footer .grid-block__inner:last-child {
    margin-left: 10px;
    margin-right: 0;
}

.grid-block-footer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.grid-block-footer .button-view {
    color: #FFFFFF;
    border-color: #FFFFFF;
    width: 174px;
}

.grid-block-footer .button-view:hover {
    background: transparent;
    color: #143642 !important;
}

.grid-block-footer .button-view::after {
    background: #FFFFFF;
}

.grid-block-footer .grid-block__inner:last-child .button-view:hover {
    background: transparent;
    color: #0F8B8D !important;
}

.grid-block-footer .grid-block__inner:last-child .button-view::after {
    background: #FFFFFF;
}

.program__list {
    list-style: none;
}

.program__list+.button {
    margin-top: 44px;
    max-width: 174px;
    padding-left: 15px;
    padding-right: 15px;
}

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

.program__item b {
    max-width: 170px;
    /*font-family: 'Lato';*/
    font-weight: 700;
    font-size: 16px;
    color: #65676E;
    line-height: 28px;
    margin-bottom: 20px;
}

.item__title {
    font-family: 'Lato';
    font-size: 16px;
    color: #65676E;
    line-height: 28px;
    margin-bottom: 20px;
    width: 130px;
}

.item__title img {
    width: 20px;
    height: 20px;
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-right: 10px;
    vertical-align: sub;
}




@media (max-width: 1199px) {
    .grid-block__inner {
        padding: 26px 52px;
    }

    .grid-block-footer .grid-block__inner {
        padding: 52px;
    }

    .grid-block-footer img {
        width: auto;
    }
}

@media (max-width: 991px) {
    .grid-block-footer img {
        width: auto
    }

    .grid-block__inner {
        padding: 26px;
    }

    .grid-block-footer .grid-block__inner {
        padding: 26px;
    }

    .grid-block-big {
        margin: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .grid-block-big>img {
        width: 100%;
        margin-right: 0;
        position: relative;
    }

    .grid-block-big .grid-block__inner {
        width: 100%;
        margin-left: 0;
        padding: 52px 32px;
        left: 0;
    }

    .grid-block-big.grid-block-revert img {
        left: 0;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .grid-block {
        margin: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .grid-block>img {
        width: 100%;
        margin-right: 0;
        position: relative;
        left: 0;
    }

    .grid-block__inner {
        width: 100%;
        margin-left: 0;
        padding: 52px 32px;
        left: 0;
    }

    .grid-block-revert img {
        left: 0;
        margin-left: 0;
    }

    .grid-block-revert.visible>img {
        left: 0;
    }

    .grid-block-footer .grid-block__inner {
        margin-right: 0;
        padding: 112px 32px;
        margin-bottom: 18px;
    }

    .grid-block-footer .grid-block__inner:last-child {
        margin-left: 0;
        margin-bottom: 0;
    }

    .grid-block .video-button {
        width: 100%;
        margin-right: 0;
        position: relative;
        top: 0;
        left: 0;
        height: auto;
    }

    .grid-block .video-button img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        height: 100%;
    }

    .grid-block-big,
    .grid-block-middle {
        min-height: inherit;
    }

    .grid-block-big h4,
    .grid-block-middle h4 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 22px;
    }

    .grid-block-big h3,
    .grid-block-middle h3 {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 22px;
    }

    .grid-block__inner p:last-of-type {
        margin-bottom: 40px;
    }
}

@media (max-width: 575px) {
    .program__item b {
        max-width: 140px;
    }
}

.partners {
    margin: 54px 0 150px;
}

.partners .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

.partners__button {
    width: 19px;
    height: 5px;
    margin-right: 5px;
    background: #DADADA;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    cursor: pointer;
}

.partners__button.active {
    background: #A8201A;
}

.partners__carousel {
    display: block;
    margin-top: 10px;
    width: 830px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.carousel__page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.carousel__page img {
    width: auto;
    max-width: 215px;
    height: 50px;
    margin-right: 52px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.carousel__page img:last-child {
    margin-right: 0;
}

.partners-teal h4 {
    color: #0F8B8D;
}

@media (max-width: 1199px) {
    .partners__carousel {
        width: 100%;
    }

    .partners {
        margin: 43px 0 96px;
    }

    .partners .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .partners__inner {
        position: relative;
    }

    .partners__nav {
        position: absolute;
        top: 185px;
    }
}

@media (max-width: 991px) {
    .carousel__page img {
        height: 30px;
        margin-right: 26px;
    }

    .carousel__page img:nth-child(3) img {
        margin-right: 0;
    }

    .carousel__page a:nth-child(5) {
        display: none;
    }
}

@media (max-width: 767px) {
    .advisory__carousel {
        padding-bottom: 50px;
    }

    .carousel__page img {
        height: 25px;
        margin-right: 26px;
    }

    .carousel__page a:nth-child(3) img {
        margin-right: 0;
    }

    .carousel__page a:nth-child(4),
    .carousel__page a:nth-child(5) {
        display: none;
    }
}

@media (max-width: 575px) {
    .carousel__page img {
        height: 20px;
        margin-right: 18px;
    }
}

.advisory {
    margin: 150px 0 144px;
    overflow: hidden;
    padding-bottom: 100px;
}

.advisory h4 {
    color: #A8201A;
    margin: 12px 0 26px;
}

.advisory p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #838383;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    margin-bottom: 24px;
}

.advisory p:last-of-type {
    margin-bottom: 54px;
}

.advisory .advisory__name {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 24px;
    color: #65676E;
    letter-spacing: 0;
    text-align: left;
    line-height: 30px;
    position: relative;
    padding-left: 48px;
}

.advisory .advisory__name::before {
    display: block;
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 34px;
    height: 1px;
    background: #979797;
}

.advisory .advisory__title {
    padding-left: 48px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #65676E;
    letter-spacing: 0;
    text-align: left;
    line-height: 26px;
}

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

.advisory__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    bottom: -92px;
    right: 197px;
}

.advisory__button {
    width: 19px;
    height: 5px;
    margin-right: 5px;
    background: #DADADA;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    cursor: pointer;
}

.advisory__button.active {
    background: #A8201A;
}

.advisory__carousel {
    transition: height 0.5s ease-in-out;
    display: block;
    width: 100%;
    position: relative;
}

.advisory__inner {
    width: 592px;
}

.carousel__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    min-height: 618px;
}

.carousel__item img {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 674px);
    height: 618px;
    -ms-flex-item-align: center;
    align-self: center;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.carousel__item:nth-child(2) {
    width: 100%;
    position: absolute;
    top: 0;
    left: calc(100% - 644px);
}

.carousel__item:nth-child(2) .advisory__inner {
    display: none;
    opacity: 0;
}

.carousel__item:nth-child(3) {
    width: 100%;
    position: absolute;
    top: 0;
    left: calc(200% - 1288px);
}

.carousel__item:nth-child(3) .advisory__inner {
    display: none;
    opacity: 0;
}

@media (max-width: 991px) {
    .advisory {
        margin: 75px 0 93px;
        padding-bottom: 0;
    }

    .carousel__item {
        min-height: inherit;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .carousel__item .advisory__inner {
        display: block !important;
    }

    .carousel__item img {
        position: relative;
        right: 0;
        top: 0;
        width: auto;
        margin: 0 auto 130px;
        height: 460px;
    }

    .advisory__inner {
        width: 100%;
    }

    .carousel__item:nth-child(2) {
        left: 100%;
    }

    .carousel__item:nth-child(3) {
        left: 200%;
    }

    .advisory__nav {
        bottom: inherit;
        bottom: 0px;
        left: 50%;
        right: inherit;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .advisory {
        margin: 18px 0 93px;
    }
}

.programs {
    margin: 150px 0 144px;
}

.programs__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 10px 0 0;
}

.programs__program {
    width: calc(33.3333% - 23px);
    margin-right: 32px;
    margin-bottom: 49px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.program__inner {
    background: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #143642;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    border: 1px solid #DBDBDB;
    border-top: 0;
    padding: 16px 24px 20px;
}

.program__inner p {
    font-size: 14px;
    color: #65676E;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    margin-bottom: 28px;
}

.program__inner a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #143642;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: capitalize;
}

.program__inner a:hover {
    text-decoration: underline;
}

.programs__program:nth-last-child() {
    margin-right: 0;
}

.program__title {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #143642;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 9px;
    min-height: 56px;
}

.programs__program:hover {
    -webkit-box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
    box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
}

.programs__program:hover .program__inner {
    border-color: #FFFFFF;
}

.programs-teal h4 {
    color: #0F8B8D;
}

.programs-teal .program__inner {
    color: #0F8B8D;
}

.programs-teal .program__inner a {
    color: #0F8B8D;
}

.programs-teal .program__title {
    color: #0F8B8D;
}

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

.programs__button {
    width: 19px;
    height: 5px;
    margin-right: 5px;
    background: #DADADA;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    cursor: pointer;
}

.programs__button.active {
    background: #A8201A;
}

@media (max-width: 1199px) {
    .programs__program {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .program__inner {
        height: 100%;
    }

    .program__inner a {
        margin-top: 100%;
    }
}

@media (max-width: 767px) {
    .programs {
        margin: 80px 0;
    }

    .programs__row {
        display: block;
        position: relative;
    }

    .programs__program {
        width: 100%;
        margin-right: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        position: relative;
        display: block;
    }

    .programs:not(.programs-column) .programs__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .programs:not(.programs-column) .programs__program:nth-child(2),
    .programs:not(.programs-column) .programs__program:nth-child(3) {
        position: absolute;
        top: 10px;
        left: 100vw;
    }

    .programs:not(.programs-column) .programs__program:nth-child(3) {
        left: 200vw;
    }
}

.terms {
    list-style: none;
    padding: 142px 0;
}

.terms b {
    display: block;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 20px;
    color: #65676E;
    line-height: 28px;
    margin-top: 40px;
    margin-bottom: 35px;
}

.terms p,
.terms li {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #65676E;
    text-align: left;
    line-height: 26px;
    margin-bottom: 26px;
}

.terms p:last-child {
    margin-bottom: 0;
}

.terms li p,
.terms li ul {
    padding-left: 50px;
}

.terms li ul {
    list-style: none;
    margin-bottom: 26px;
}

.terms li ul li {
    margin-bottom: 0;
}

.terms li ul li::before {
    content: '-';
    padding-right: 24px;
    color: #65676E;
}

@media (max-width: 767px) {
    .terms {
        padding: 32px 0;
    }

    .terms li p,
    .terms li ul {
        padding-left: 0;
    }

    .terms li ul li {
        position: relative;
        padding-left: 24px;
    }

    .terms li ul li::before {
        position: absolute;
        left: 0;
        padding-right: 0;
    }
}

.privacy {
    list-style: none;
    padding: 142px 0;
}

.privacy b {
    display: block;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 20px;
    color: #65676E;
    line-height: 28px;
    margin-top: 40px;
    margin-bottom: 35px;
}

.privacy p,
.privacy li {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #65676E;
    text-align: left;
    line-height: 26px;
    margin-bottom: 26px;
}

.privacy p:last-child {
    margin-bottom: 0;
}

.privacy li {
    padding-left: 50px;
    position: relative;
}

.privacy li ul {
    list-style: none;
    margin: 26px 0;
}

.privacy li ul li {
    padding-left: 50px;
    margin-bottom: 0;
}

.privacy li ul li:first-child {
    margin-top: 26px;
}

.list-style {
    position: absolute;
    left: 0;
}

@media (max-width: 767px) {
    .privacy {
        padding: 32px 0;
    }

    .privacy li ul {
        margin-left: -25px;
    }

    .privacy li ul li ul li {
        margin-left: -25px;
    }
}

.partnership {
    margin: 150px 0 144px;
}

.partnership__item {
    margin-bottom: 32px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    background: #FBFBFB;
    margin: 18px;
}

.partnership__item img {
	display: block;
	max-height: 170px;
    max-width: 100%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.partnership__inner {
    background: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #143642;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    text-decoration: none;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.partnership__item:hover {
    -webkit-box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
    box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
}

.toefl h3 {
    color: #A8201A;
}
.toefl p {
    max-width: 100%;
    font-size: 16px;
    line-height: 28px;
    color: #65676E;
    margin-bottom: 28px;
}

.toefl .form__inner {
    margin: 122px auto 50px;
} 
.toefl .partner{
    background: transparent;
}
.toefl .partner:hover{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.toefl .row{
    justify-content: space-evenly;
}

.partnership__item:hover partnership__inner {
    border-color: #FFFFFF;
}

@media (max-width: 767px) {
    .partnership {
        margin: 80px 0 100px;
    }
}

@media (min-width: 576px) {
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 36px);
        flex: 0 0 calc(50% - 36px);
        max-width: calc(50% - 36px);
    }
}

@media (min-width: 768px) {
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.333333% - 36px);
        flex: 0 0 calc(33.333333% - 36px);
        max-width: calc(33.333333% - 36px);
    }
}

.contact-us p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #65676E;
    text-align: left;
    line-height: 26px;
    margin-bottom: 94px;
}

.contact-us h3 {
    color: #A8201A;
}

.contact-us input {
    width: 100% !important;
    margin-bottom: 25px !important;
}

.contact-us textarea {
    width: 100%;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    padding: 15.5px 16px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    margin-bottom: 18px;
    color: #838383;
    margin-bottom: 25px !important;
    outline: none;
}

.contact-us textarea:placeholder {
    color: #838383;
}

.contact-us input[type="button"] {
    max-width: 137px;
    margin-right: 15px;
    margin-top: 0 !important;
    float: none !important;
}

.contact-us__list {
    padding-left: 42px;
    padding-right: 24px;
}

.contact-us__item {
    margin-bottom: 26px;
    font-size: 15px;
    color: #65676E;
    text-align: left;
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-us__item img {
    min-width: 25px;
    width: 25px;
    height: 25px;
    margin-right: 19px;
    display: block;
}

.contact-us__item a {
    text-decoration: none;
    color: #65676E;
}

.contact-us__item span {
    text-align: left;
}

@media (max-width: 767px) {
    .contact-us p {
        margin-bottom: 39px;
    }

    .contact-us input[type="button"] {
        margin-top: 80px !important;
    }

    .recaptcha {
        display: none;
    }

    .contact-us__list {
        padding-left: 18px;
        padding-right: 18px;
        margin-top: 37px;
    }
}

.faqs {
    margin: 144px auto 150px;
}

.faqs p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #65676E;
    text-align: center;
    line-height: 26px;
}

.faqs h3 {
    text-align: center;
    color: #A8201A;
}

.faqs .sb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.faqs .form-button {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0;
}

.faqs .form-button.active {
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
    box-shadow: 0 15px 35px 5px rgba(222, 222, 222, 0.4);
    color: #A8201A;
    position: relative;
}

.faqs .form-button.active span {
    color: #A8201A;
}

.faqs .form-button.active::after {
    display: block;
    content: '';
    position: absolute;
    top: 14px;
    right: 14px;
    background: url("../img/check-maroonsecondary.svg");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.faqs__inner {
    width: 584px;
    text-align: center;
    margin: 0 auto 150px;
}

.faqs__inner+.title {
    text-align: left;
    margin-bottom: 45px;
}

.faqs-title {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #65676E;
    line-height: 28px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.faqs__item {
    padding: 39px 45px 42px;
    border: 1px solid #DDDDDD;
    margin-bottom: 30px;
    max-height: 109px;
    overflow: hidden;
    -webkit-transition: all ease-out .6s;
    -o-transition: all ease-out .6s;
    transition: all ease-out .6s;
    position: relative;
}

.faqs__item p:first-of-type {
    margin-top: 36px;
}

.faqs__item p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #65676E;
    text-align: left;
    line-height: 26px;
    margin-bottom: 26px;
    -webkit-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.faqs__item p:last-child {
    margin-bottom: 0;
}

.faqs__item.open {
    max-height: 5000px !important;
}

.faqs__item.open p:first-of-type {
    margin-top: 26px;
}

.faqs__item::after {
    display: block;
    content: '';
    position: absolute;
    right: 45px;
    top: 43px;
    background-image: url("../img/icon/dropdown-arrow-dark.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    z-index: 0;
    -webkit-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.faqs__item.open::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faqs__item+.title {
    text-align: left;
    margin-top: 95px;
    margin-bottom: 45px;
}

@media (max-width: 767px) {
    .faqs {
        margin: 73px auto 75px;
    }

    .faqs p {
        text-align: left;
    }

    .faqs h3 {
        text-align: left;
    }

    .faqs__inner {
        width: 100%;
        text-align: left;
        margin: 0 auto 75px;
    }

    .form-button {
        padding-left: 18px;
        padding-right: 18px;
    }

    .faqs__item {
        padding: 16px 53px 16px 23px;
        border: 1px solid #DDDDDD;
        margin-bottom: 30px;
        max-height: 60px;
    }

    .faqs__item::after {
        display: block;
        content: '';
        position: absolute;
        right: 23px;
        top: 24px;
        width: 14px;
        height: 14px;
    }
}

.cta {
    margin: 150px 0;
    border: 1px solid #EAEAEA;
    padding: 65px 120px 65px 65px;
}

.cta p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #143642;
    text-align: left;
    line-height: 24px;
    max-width: 580px;
    padding-top: 12px;
}

.cta h4,
.cta h3 {
    color: #143642;
}

.cta .sb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cta__button {
    background: #FFFFFF;
    color: #143642;
    border: 1px solid #143642;
    position: relative;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    top: 0;
}

.cta__button:hover {
    -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
    top: -8px;
    background: #143642;
    color: #FFFFFF;
}

.button-teal {
    border-color: #0F8B8D;
    color: #0F8B8D;
    background: transparent;
}

.button-teal:hover {
    background: #0F8B8D;
}

.cta-teal h4 {
    color: #0F8B8D;
}

@media (max-width: 1200px) {
    .cta p {
        margin-bottom: 34px;
    }

    .cta .sb {
        display: block;
    }

    .cta h3 {
        font-size: 30px;
        line-height: 45px;
    }
}

@media (max-width: 575px) {
    .cta {
        margin: 76px 0;
        padding: 26px;
    }
}

span.error {
    color: red;
}

.error {
    border-color: #A8201A !important;
}