@media only screen and (max-width:1366px) {
    .c-head {
        width: 950px;
    }
}

.hidesktop {
    display: none !important;
}

.teacherD1 article p {
    font-size: 1.125em;
    color: #424242;
    line-height: 150%;
    font-family: "Open Sans", sans-serif;
}

#myBtn, .getStartedWindow .submit, .teacherD1 article button, .teacherD3 button, .teacherD4 button {
    background: orange;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 700;
    padding: 11px 26px 15px 28px;
    font-size: 18px;
    border: 2px solid orange;
    border-radius: 50px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px 0 orange;
    -moz-box-shadow: 0 0 10px 0 orange;
    box-shadow: 0 0 10px 0 orange;
}

#myBtn i, .teacherD3 button i {
    margin: 0 0 0 25px;
}

.menucovid {
    background: #477cef;
    width: 100%;
    height: 82px;
}

.toastFromBtn {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    animation-name: showToastBtm;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-iteration-count: 1;
    transform: translate(0, 60px);
    animation-fill-mode: forwards;
    transition: bottom 1s;
}

.toastFromBtn a {
    background: white;
    width: 620px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
    color: #494d5a;
    display: block;
    font-weight: 600;
    border-radius: 20px 20px 0 0;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 15px;
    padding: 15px 15px 5px 15px;
    cursor: pointer;
    user-select: none;
}

.toastFromBtn a:hover {
    color: #4477f2;
}

.toastFromBtn a span {
    margin: 10px 0 0 0;
}

.toastFromBtn a i {
    margin: 7px 0 0 0;
    font-size: 1.25em;
}

@keyframes showToastBtm {
    from {
        transform: translate(0, 60px);
    }

    to {
        transform: translate(0, 0);
    }
}

.thousand {
    background: brown;
    width: 100%;
    height: 300px;
}

.c-head {
    height: 450px;
    background-image: url(../img/studentStudy.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 90%
}

.c-head article {
    float: left;
    width: 800px;
    margin: 100px 0 0 60px;
}

.c-head span {
    position: absolute;
    top: 100px;
    color: #4477f2;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

.c-head h1 {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -.7px;
    font-size: 36px;
    color: #00af5e;
}

.c-head p {
    font-family: "Open Sans", sans-serif;
    width: 430px;
    line-height: 150%;
    font-size: 24px;
    color: #868686;
}

@media only screen and (max-width:1366px) {
    .c-head h1 {
        width: 430px;
        line-height: 1.3;
        margin-top: 0;
    }
}

.c-head article .hollowBtn {
    box-shadow: none !important;
    background: #fff !important;
    color: orange !important;
    border: 3px solid orange !important;
    margin-right: 15px;
}

.c-head article a:nth-of-type(2) #myBtn i {
    float: right;
    margin: 1px 0 0 12px;
}

.book-a-demo {
    height: 200px;
    background: #fff;
    text-align: center;
    border: 2px solid #eceef4;
}

.book-a-demo a {
    width: 100%;
    display: block;
    cursor: pointer;
    height: 197px;
    padding-top: 70px;
    box-sizing: border-box;
}

.book-a-demo a button {
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    padding: 15px 30px 15px 20px;
    letter-spacing: -.5px;
    background: #ff723c;
    cursor: pointer;
}

.book-a-demo a button i {
    font-size: 22px;
    float: right;
    margin: 3px 0 0 23px;
}

.book-a-demo a:hover i {
    transform: translate(8px, 0);
    transition: transform 50ms ease-in-out;
}

.bookdemobg {
    background-image: url(img/bookdemobg.svg);
    background-repeat: no-repeat;
    background-position: center right;
}

.c-cards {
    width: 1250px;
    height: 370px;
    margin: 30px auto 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 3%
}

.c-cards a {
    height: 340px;
    background: #fff;
    border-radius: 20px !important;
    height: 318px;
    user-select: none;
    -webkit-box-shadow: 0 25px 34px -15px rgb(96 129 163 / 37%);
    -moz-box-shadow: 0 25px 34px -15px rgb(96 129 163 / 37%);
    box-shadow: 0 25px 34px -15px rgb(96 129 163 / 37%);
    -webkit-animation: padUp .3s forwards;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

.c-cards a:hover {
    -webkit-animation: padDown .3s forwards;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

.c-cards a p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125em;
    color: #8f93a0;
    letter-spacing: -.5px;
    line-height: 140%;
    text-align: center;
    width: 70%;
    margin: 20px auto 0;
    height: 25%
}

.c-cards a img {
    margin: 30px auto 0 auto;
    display: block;
    width: 55%
}

@keyframes padDown {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(.975);
        box-shadow: 0 6px 34px -15px rgb(96 129 163 / 57%);
    }
}

@keyframes padUp {
    0% {
        transform: scale(.975);
        box-shadow: 0 6px 34px -15px rgb(96 129 163 / 57%);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 25px 34px -15px rgb(96 129 163 / 37%);
    }
}

@media only screen and (max-width:1366px) {
    .c-cards {
        width: 92%;
        height: 290px;
    }

    .c-cards a {
        height: 301px;
    }

    .c-cards a p {
        font-size: 1.062em;
        color: ##808492;
        letter-spacing: -.5px;
        line-height: 140%;
        text-align: center;
        width: 77%;
        margin: 25px auto 0;
        height: 25%
    }
}

.getStartedHeader {
    background: url(https://i.postimg.cc/4sCnT7X9/Unt2232itled-1.jpg);
    max-width: 100%;
    height: 250px;
    margin: 0 auto;
    background-size: 100%;
    background-position: 0 50%
}

.getStartedHeader h1 {
    color: #fff;
    margin: 0 auto 15px;
    text-align: center;
    padding-top: 140px;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
}

.getStartedWindow {
    margin: 50px auto 100px;
    width: 600px;
    font-family: "Open Sans", sans-serif;
}

.getStartedWindow h1 {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 36px;
    color: #489dfc;
}

.getStartedWindow p {
    text-align: center;
    font-size: 16px;
    width: 50%;
    margin: 0 auto 30px;
    line-height: 150%;
    color: #565f73;
}

.getStartedWindow input, .getStartedWindow select, .getStartedWindow textarea {
    width: 100%;
    font-size: 16px;
    padding: 10px 13px;
    margin-bottom: 15px;
    border: 2px solid #99cffd;
    border-radius: 5px;
    box-sizing: border-box;
}

.getStartedWindow select {
    color: #696969;
}

.getStartedWindow textarea {
    font-family: "Open Sans", sans-serif;
    margin-bottom: 40px;
}

.getStartedWindow .g-recaptcha>div:first-of-type {
    margin: 0 auto;
}

.getStartedWindow .submit {
    font-size: 24px;
    width: 50%;
    display: block;
    margin: 30px auto 0;
}

.partnerDir {
    height: 190px !important;
}

.partnerDir article {
    padding: 110px 3% 0 3% !important;
}

.directoryTable {
    margin-top: 40px !important;
    padding: 0 !important;
    max-width: 800px !important;
    grid-template-columns: 1fr !important;
    grid-gap: 12px !important;
}

.directoryTable a {
    background: #efefef;
    padding: 15px;
    color: #404040;
}

.directoryTable a:hover {
    background: #e6e6e6;
}

.directoryTable a:hover i {
    opacity: 1;
}

.directoryTable a i {
    float: right;
    opacity: 0.5;
}


.pd-intro {
    height: 310px;
    background: none;
    background-color: #477cef;
}

.pd-intro article {
    display: grid;
    grid-template-columns: auto 1fr;
    max-width: 1800px;
    margin: 0 auto;
    padding: 130px 3% 0 3%;
    grid-gap: 45px;
}

.pd-intro article img {
    width: 125px;
    line-height: 130%;
}

.pd-intro article h1 {
    line-height: 130%;
    text-align: left;
    padding: 15px 0 0 0;
    width: 750px;
    margin: 0;
    z-index: 1;
    max-width: 550px;
    font-family: 'Montserrat', sans-serif;
}

.pd-form {
    max-width: 1800px;
    margin: 0 auto 50px auto;
    padding: 30px 3% 0 3%;
    display: grid;
    grid-template-columns: 700px 1fr;
    grid-gap: 50px;
}

.pd-form>section {
    text-align: center;
}

.pd-form>section>img {
    border: 1px solid #477cef;
    border-radius: 20px;
    margin: -160px 0 0 0;
    width: 100%;
    min-width: 450px;
    max-width: 673px;
}

.pd-form>form {
    margin: 0 0 0 170px;
}

.pd-form>form input, .pd-form>form textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #bfbfbf;
    margin: 0 0 15px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25em;
    padding: 10px 15px;
}

.pd-form>form textarea {
    height: 200px;
}

.pd-form>form input:focus, .pd-form>form textarea:focus {
    outline: none;
}

.pd-form>form input:last-of-type {
    background: #477cef;
    color: white;
    font-weight: 700;
    margin: 20px 0 0 0;
    padding: 15px 0;
    border-radius: 60px;
    font-size: 1.5em;
    cursor: pointer;
}

.pd-form>form input:last-of-type:hover {
    background: #3b61d3;
}

.pd-form>form>p {
    font-family: 'Montserrat', sans-serif;
    color: grey;
    font-size: 1.125em;
    line-height: 130%;
    margin: 0 0 50px 0;
}

.pd-form .g-recaptcha>div {
    margin: 30px 0 0 0;
}

.pd-form>article {
    grid-column: 1/3;
    background: #f5f5f5;
    user-select: none;
    text-align: center;
    margin: 90px 0 0 0;
    height: 200px;
    font-family: 'Montserrat', sans-serif;
}

.pd-form>article h2 {
    color: dimgrey;
    margin: 50px 0 30px 0;
}

.pd-form>article a {
    color: #477cef;
    font-weight: 600;
    border: 1px solid #477cef;
    padding: 9px 15px;
}

.pd-form>form h1 {
    font-family: 'Montserrat', sans-serif;
    color: dimgrey;
    margin: 40px 0 30px 0;
}

.pd-form>form sup {
    margin: 20px 0 7px 17px;
    display: block;
}

.pd-form>form label {
    background: #f7f7f7;
    display: block;
    padding: 15px 20px;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    color: dimgrey;
    user-select: none;
}

.pd-form>form label input {
    float: right;
    width: 30px;
    margin: 0 !important;
}



.cloudsBgL, .cloudsBgR {
    background: url(../img/misc/cloudsBg-left.svg);
    width: 450px;
    height: 500px;
    background-size: cover;
    background-position: bottom;
    position: absolute;
    top: 882px;
}

.cloudsBgR {
    background: url(../img/misc/cloudsBg-right.svg);
    right: 0;
    left: auto;
}

.demosched {
    text-align: center;
    font-size: 16px;
    width: 50%;
    margin: 0 auto 50px;
    line-height: 150%;
    color: #565f73;
    font-family: "Open Sans", sans-serif;
}

.demosched a {
    color: #477cef;
}

.modalbackdrop_corona {
    background: rgba(52, 100, 187, .5);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 999;
    overflow-y: auto;
}

.coronanotice {
    width: 800px;
    background: #fff;
    display: block;
    margin: 40px auto 0;
    height: 520px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-image: url(https://i.imgur.com/QBYOKoR.png);
    background-position: bottom;
}

.coronanotice .closes {
    width: 44px;
    opacity: .4;
    cursor: pointer;
    float: right;
    margin: 20px 30px 0 0;
}

.coronanotice .closes:hover {
    opacity: .6;
}

.coronanotice h1 {
    color: #4477f2;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: -10px 0 20px;
    text-align: center;
    float: left;
    width: 100%;
    line-height: 1.1;
    letter-spacing: -.5px;
    font-size: 30px;
}

.coronanotice img:nth-of-type(2) {
    margin: 0 auto;
    display: block;
    margin-top: 45px;
}

.coronanotice font {
    color: #4477f2;
    text-align: left;
    font-weight: 600;
    letter-spacing: .2px;
    font-size: 16px;
    width: 50%;
    display: block;
    margin: 40px auto 10px;
    line-height: 130%;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -.3px;
    padding-left: 50px;
}

.coronanotice font li {
    margin-bottom: 10px !important;
}

.coronanotice>a:first-of-type {
    margin: 15px auto 0;
    padding: 0;
    display: block;
    text-align: center;
}

.coronanotice button {
    background: #994cff;
    font-size: 24px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 50px;
    margin: 0 auto;
    float: none;
    color: #fff;
    cursor: pointer;
}

.coronanotice .spacex {
    border-radius: 10px;
    margin: 20px 0 0 20px !important;
    float: left;
}

.coronanotice .nasaimg {
    float: right;
    margin: 30px 15px 0 0;
}

.coronanotice .spaceximg {
    float: right;
    margin: 35px -10px 0 0;
}

.coronanotice article {
    float: left;
    width: 370px;
    margin: 25px 0 0 25px;
    color: #0034c5;
}

.coronanotice article p:first-of-type {
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 14px;
}

.coronanotice article p:last-of-type {
    font-family: 'Montserrat', sans-serif;
    margin: 10px 0 0;
    font-size: 32px;
}

.zaprii {
    display: none !important;
}

.refs {
    margin: 130px auto 90px auto !important;
    max-width: 1300px;
    height: 320px;
}

.refs h1 {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 1.75em;
    font-weight: 800;
    letter-spacing: -.4px;
    margin: 0 auto;
    color: #b3b7c3;
}

.refs section {
    height: 140px;
    width: 100% !important;
    display: grid;
    grid-template-columns: 14% 14% 20% 19% 16% 12%;
    grid-gap: 1%;
    margin: 45px auto -3px 0;
    opacity: 0.75;
}

.refs section a {
    cursor: default;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.refs section a:first-of-type {
    background: url(../img/referrals/01g.png);
}

.refs section a:nth-of-type(2) {
    background: url(../img/referrals/02g.png);
}

.refs section a:nth-of-type(3) {
    background: url(../img/referrals/03g.png);
}

.refs section a:nth-of-type(4) {
    background: url(../img/referrals/04g.png);
}

.refs section a:nth-of-type(5) {
    background: url(../img/referrals/05g.png);
}

.refs section a:nth-of-type(6) {
    background: url(../img/referrals/06g.png);
}

.refs article {
    display: grid;
    grid-template-columns: 1fr auto auto 1fr;
    grid-gap: 1%
}

.refs article img:first-of-type {
    margin-top: 20px;
}

.refs article span {
    border-bottom: 1px solid #d4d4d4;
    height: 55px;
}

.refs article span:first-of-type {
    margin-right: 50px;
}

.refs article span:last-of-type {
    margin-left: 50px;
}

.index1 .deets, .index1 .openModal, .index2 .deets, .index2 .openModal, .index3 .deets {
    background: #4477f2;
    color: #fff;
    font-weight: 700;
    padding: 13px 24px 10px !important;
    letter-spacing: -.3px;
    font-size: 18px;
    border: 0;
    border-radius: 30px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
}

.index1 .openModal i, .index2 .openModal i {
    margin-left: 8px;
    font-size: 15px;
}

.index1 .deets, .index1 .deets:hover {
    background: #fff !important;
    color: #4477f2 !important;
    border: none !important;
}

.index2 .deets, .index2 .deets:hover {
    background: #edfff4 !important;
    color: #1caf53 !important;
    border: none !important;
}

.index3 .deets, .index3 .deets:hover {
    background: #fff !important;
    color: #ff8a19 !important;
    border: none !important;
    margin-top: 20px !important;
}

.index2 span p:nth-of-type(3) {
    margin: 50px 0 10px;
}

.index21 {
    background: #eefff4;
    padding-top: 70px;
    padding-bottom: 70px;
}

.index21>section>h1 {
    color: #1caf53;
    line-height: 140%;
    font-size: 1.75em;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -.5px;
    width: 73%;
    margin: 0 auto 70px;
    text-align: center;
}

.index21>section {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    padding-top: 90px;
    padding-bottom: 100px;
}

.index21 section article {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 90%;
    grid-gap: 27px;
}

.index21 article div p {
    font-family: "Open Sans", sans-serif;
    color: #555;
    line-height: 150%;
    margin: 0;
    font-size: 17px;
}

@media only screen and (min-width:1366px) {
    .index21>section {
        width: 1300px;
    }

    .index21 section article {
        width: 1150px !important;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    }

    .index21>section>h1 {
        width: 55% !important;
    }
}

.index21>section article div span {
    width: 100%;
    height: 80px;
    display: block;
}

.index21>section article div:nth-of-type(1) img {
    width: 80px;
    margin: 9px 0 0;
}

.index21>section article div:nth-of-type(2) img {
    width: 50px;
    margin: 6px 0 0 5px;
}

.index21>section article div:nth-of-type(3) img {
    width: 100px;
    margin: -9px 0 0 -10px;
}

.index21>section article div:nth-of-type(3) p {
    font-weight: 600;
    color: #4477f2;
}

.index21>section article div:nth-of-type(4) img {
    width: 78px;
    margin: 4px 0 0;
}

.index21>section article div:nth-of-type(5) img {
    width: 77px;
    margin: 8px 0 0;
}

.index21>section article div:nth-of-type(6) img {
    width: 74px;
    margin: 10px 0 0;
}

.index21>section article div:nth-of-type(6) {
    margin-bottom: 40px;
}

.index21>section article div:nth-of-type(7) img {
    width: 53px;
    margin: 7px 0 0 8px;
}

.index21>section article div:nth-of-type(8) img {
    width: 75px;
    margin: 4px 0 0;
}

.index21>section article div:nth-of-type(9) img {
    width: 53px;
    margin: 6px 0 0 4px;
}

.index21>section article div:nth-of-type(10) img {
    width: 80px;
    margin: 12px 0 0;
}

.index21>section article div:nth-of-type(11) img {
    width: 52px;
    margin: 6px 0 0 5px;
}

.index21>section article div:nth-of-type(12) img {
    width: 65px;
    margin: 7px 0 0 6px;
}

.index21>#myBtn {
    margin: 60px auto 25px;
    display: block;
    font-size: 20px;
    letter-spacing: -.3px;
    width: 300px;
}

.index21>a {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 240px;
}

.index21>a>#myBtn {
    box-shadow: none;
    border: 2px solid #1caf53;
    background: #fff;
    color: #1caf53;
    width: 240px;
}

.teacherD1 {
    width: 100%;
    margin-top: 40px;
}

.teacherD1 section {
    width: 80%;
    max-width: 1200px;
    min-width: 950px;
    margin: 0 auto;
}

.teacherD1 section p {
    color: #1caf53;
    margin: 0 0 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.teacherD1 section h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #1caf53;
    margin: 0;
    letter-spacing: -.7px;
    font-size: 27px;
}

.teacherD1 span:nth-of-type(1) {
    width: 100%;
    height: 520px;
    display: block;
    position: absolute;
    z-index: -2;
    top: 83px;
    background: #edfff4;
    background: -moz-linear-gradient(top, #edfff4 0, #fff 100%);
    background: -webkit-linear-gradient(top, #edfff4 0, #fff 100%);
    background: linear-gradient(to bottom, #edfff4 0, #fff 100%);
}

.teacherD1 span:nth-of-type(2) {
    background-color: #1caf53;
    background-image: url(../img/pic_BMEE/tdclouds.svg);
    background-repeat: no-repeat;
    background-position: right center;
    height: 142px;
    width: 82%;
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 0 10px 10px 0;
    margin: 42px 0 0;
}

.teacherD1 h2 {
    width: 80%;
    max-width: 1200px;
    min-width: 950px;
    margin: 67px auto 0;
    line-height: 135%;
    letter-spacing: -.7px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 34px;
    padding-right: 130px;
    box-sizing: border-box;
}

.teacherD1 img {
    position: absolute;
    left: 64%;
    top: 136px;
}

.teacherD1 article {
    margin: 100px auto 0;
    width: 80%;
    max-width: 1200px;
    min-width: 950px;
}

.teacherD1 article p {
    width: 75%;
    margin: 0 auto;
}

.teacherD1 article button {
    margin: 50px auto;
    display: block;
    font-size: 20px;
    letter-spacing: -.3px;
}

.dTeacher2 {
    margin-top: 100px;
}

.dTeacher2 .section {
    border-bottom: 1px solid #d3d3d3;
    overflow: auto;
    margin-bottom: 80px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.dTeacher2 img {
    position: absolute;
}

.dTeacher2 h1 {
    width: 42%;
    font-weight: 300;
    color: #424242;
    line-height: 1.3;
    font-size: 2.25em;
    font-family: "Open Sans", sans-serif;
}

.dTeacher2 p {
    width: 42%;
    font-weight: 300;
    color: #424242;
    line-height: 1.3;
    font-family: "Open Sans", sans-serif;
}

.dTeacher2 .section:nth-of-type(1) img {
    margin: -170px 0 0 517px;
}

.dTeacher2 .section:nth-of-type(1) {
    height: 320px;
}

.dTeacher2 .section:nth-of-type(2) img {
    margin: -171px 0 0 -270px;
}

.dTeacher2 .section:nth-of-type(2) {
    height: 310px;
}

.dTeacher2 .section:nth-of-type(2) h1 {
    margin-left: 50%;
    text-align: right;
    width: 50%
}

.dTeacher2 .section:nth-of-type(3) img {
    margin: -267px 0 0 517px;
}

.dTeacher2 .section:nth-of-type(3) {
    height: 330px;
}

.dTeacher2 .section:nth-of-type(4) img {
    margin: -170px 0 0 -220px;
}

.dTeacher2 .section:nth-of-type(4) {
    height: 315px;
}

.dTeacher2 .section:nth-of-type(4) h1 {
    margin-left: 57%;
    text-align: right;
}

.dTeacher2 .section:nth-of-type(5) img {
    margin: -200px 0 0 517px;
}

.dTeacher2 .section:nth-of-type(5) {
    height: 306px;
}

.dTeacher2 .section:nth-of-type(odd) span {
    position: absolute;
    z-index: -1;
    margin: -20px 0 0 -50px;
    border-radius: 20px;
    width: 400px;
    height: 200px;
    background: #edfff4;
    background: -moz-linear-gradient(-45deg, #edfff4 0, #fff 80%);
    background: -webkit-linear-gradient(-45deg, #edfff4 0, #fff 80%);
    background: linear-gradient(135deg, #edfff4 0, #fff 80%);
}

.dTeacher2 .section:nth-of-type(even) span {
    position: absolute;
    z-index: -1;
    margin: -20px 0 0 670px;
    border-radius: 20px;
    width: 400px;
    height: 200px;
    background: #fff;
    background: -moz-linear-gradient(45deg, #fff 20%, #f2f5ff 99%);
    background: -webkit-linear-gradient(45deg, #fff 20%, #f2f5ff 99%);
    background: linear-gradient(45deg, #fff 20%, #f2f5ff 99%);
}

.teacherD3 {
    text-align: center;
    margin-top: -50px;
}

.teacherD3 button {
    font-size: 20px;
    letter-spacing: -.3px;
    background: #4477f2;
    -webkit-box-shadow: 0 0 10px 0 #4477f2;
    -moz-box-shadow: 0 0 10px 0 #4477f2;
    box-shadow: 0 0 10px 0 #4477f2;
}

.teacherD4 {
    text-align: center;
    margin: 60px auto 55px;
}

.teacherD4 button {
    font-size: 20px;
    letter-spacing: -.3px;
}

.pricing1_faq {
    background: #efefef;
    width: 100%;
    overflow: auto;
    padding: 20px 0 60px;
    margin-top: 100px;
}

.pricing1_faq span {
    display: block;
    float: left;
    width: 512px;
}

.pricing1_faq span:nth-of-type(2) {
    padding-left: 50px;
    box-sizing: border-box;
}

.pricing1_faq h2 {
    text-align: center;
    margin: 50px auto 70px;
    font-weight: 400;
    font-size: 2.25em;
    color: #a2a2a2;
    font-family: 'Montserrat', sans-serif;
}

.pricing1_faq h1 {
    font-weight: 500;
    letter-spacing: -.25px;
    line-height: 1.42;
    color: #424242;
    font-size: 1.5em;
    font-family: "Open Sans", sans-serif;
}

.pricing1_faq p {
    font-weight: 300;
    line-height: 1.65;
    color: #292929;
    margin-bottom: 20px;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
}

body, html {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    scroll-behavior: smooth;
}

footer, header, menu, nav, section {
    display: block;
}

a {
    text-decoration: none;
}

ol, ul {
    list-style: none;
    padding: 0;
}

#itemOne .anchorLink h3, #itemOne button, .BMDNS5 .gumbeq, .BMH2 .floatingButton, .BMH2 .section div a p, .BMH2 article a, .BRshop li, .contact1 form input, .contact1 form select, .contact1 form textarea, .dashboardButton, .dept, .dept p, .gumbeq, .header ul li, .index1 a, .index1 button:nth-of-type(1), .index2 a, .index2 button:nth-of-type(1), .index3 a, .pricing1 button:nth-of-type(1), .pricing1 button:nth-of-type(2), .quoteWin .dumbBox form input, header, header .container a img, header li, header ul ul, header.sticky li, header.sticky ul ul {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.BMDNS5 .gumbeq:hover, .BMEE_A span:nth-of-type(2), .BMH1 .section div:nth-of-type(1) span, .BMH2 .floatingButton:hover, .BR1 span, .faq2 .section, .pricing1 article, footer div:nth-of-type(2) {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .38);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .38);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .38);
}

body {
    margin: 0;
    font-family: "Fira Sans", sans-serif;
    line-height: 1;
    background: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mailMessage {
    width: 50%;
    height: 300px;
    background: #fff;
    position: fixed;
    display: block;
    margin: 30vh 0 0 25%;
    z-index: 99999;
    padding: 20px 0;
    box-sizing: border-box;
    font-size: 1.5em;
    text-align: center;
    border-radius: 10px;
    border: 1px solid lightgrey;
}

.mailMessage .gumbeq {
    display: inline-block;
    text-align: center;
    font-size: 1em;
    margin-top: 50px;
}

#showspanel {
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, .75);
}

#expandMenu {
    display: none !important;
}

.page-wrap {
    min-height: 100%;
    margin-bottom: -420px;
}

.page-wrap:after {
    content: "";
    display: block;
}

.page-wrap:after, footer {
    height: 420px;
    font-family: "Open Sans", sans-serif;
}

.page-wrap-privacy {
    min-height: 100%;
    margin-bottom: -420px;
}

.page-wrap-privacy:after {
    content: "";
    display: block;
}

.page-wrap-privacy:after, footer {
    /* height: 420px; */
    font-family: "Open Sans", sans-serif;
}

footer {
    background-image: url(../img/footimg.jpg);
    background-size: cover;
    display: grid;
    grid-template-rows: auto 44px;
}

footer .container {
    max-width: 1800px;
    padding: 0 7%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 20px;
}

footer .container span {
    margin-top: 50px;
    box-sizing: border-box;
}

footer .container h1 {
    color: #feba3f;
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

footer .container span a, footer .container span p {
    padding: 7px 0;
    float: left;
    width: 100%;
    display: inline-block;
    font-size: 1em;
    font-weight: 400 !important;
    color: #efefef;
    text-decoration: none;
    line-height: 1.25;
}

footer .container span p {
    line-height: 140%;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700 !important;
}

footer .container span a:hover {
    color: #fff;
}

footer div:nth-of-type(2) {
    width: 100%;
    color: #cfddff;
    font-weight: 400;
    padding: 10px 0 12px;
    font-size: .8em;
    text-align: right;
    background: #4249bc;
    box-sizing: border-box;
}

footer div:nth-of-type(2) .section {
    width: auto;
    max-width: 1800px;
    lolol margin: 0 auto;
    padding: 0 7%;
}

footer div:nth-of-type(2) a {
    color: #fff;
    margin: 0 10px;
}

footer div:nth-of-type(2) a i {
    font-size: 1.25em;
}

footer div:nth-of-type(2) a i:hover {
    color: #ffc71e;
}

footer div:nth-of-type(2) a:nth-of-type(1), footer div:nth-of-type(2) a:nth-of-type(2) {
    float: left;
    margin: 4px 10px 0 0;
}

.contact1 h1, .dashboard h1, .privacyP h1, .refunds h1 {
    color: #4477f2;
    font-weight: 600;
    margin-bottom: 60px;
}

.dParent3 h1, .index1 h1, .index2 h1, .index3 h1, .index4 h1, .index5 h1, .index6 h1, .partner1 h1 {
    color: #4477f2;
    font-weight: 300;
    line-height: 150%;
    font-size: 2.25em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: -.3px;
}

.index2 h1 {
    color: #1caf53;
}

.index3 h1 {
    color: #ff8a19;
}

.index5 h1 {
    color: #ebba37;
}

.index1 h1 strong, .index2 h1 strong, .index3 h1 strong, .index4 h1 strong, .index5 h1 strong, .index6 h1 strong, .partner1 h1 strong {
    font-weight: 700;
    line-height: 130%
}

.index1 h1 strong, .index2 h1 strong, .index3 h1 strong, .index4 h1 strong {
    display: block;
}

.BMEE_A font, .index1 p, .index2 p, .index3 p, .index4 p, .index5 p {
    color: #424242;
    font-weight: 300;
    line-height: 150%;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}

.BMH2 article a, .index1 a, .index1 button, .index2 a, .index2 button, .index6 a, .pricing1 button {
    border: none;
    outline: 0;
    background: 0 0;
    padding: 10px 18px 9px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    font-size: .9em;
    text-decoration: none;
}

.index1 button, .index2 button {
    color: #fff;
    border: 2px solid #4477f2;
    border-radius: 20px;
    background: #4477f2;
}

.deets {
    color: #838383 !important;
    border: 2px solid #838383 !important;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0) !important;
    padding: 10px 18px 9px !important;
    font-size: .9em;
    font-weight: 700;
}

.deets:hover {
    background: #838383 !important;
    color: #fff !important;
}

.index1 a, .index2 a, .index6 a:nth-of-type(1), .pricing1 button {
    color: #fff;
    background: #ffc71e;
    border: 2px solid #ffc71e;
    border-radius: 20px;
}

.index1 a:hover, .index2 a:hover {
    background: orange;
    border: 2px solid orange;
}

.index6 a:nth-of-type(2) {
    color: #fff;
    background: #4477f2;
    border: 2px solid #4477f2;
    border-radius: 20px;
}

.index3 a {
    display: inline-block;
    margin: 16px 0 0 37px !important;
}

.gumbeq {
    background: #4477f2;
    text-decoration: none;
    border: none;
    font-size: 1.05em;
    color: #fff;
    padding: 8px 18px 7px;
    font-family: inherit;
    border-radius: 18px;
    cursor: pointer;
    user-select: none;
}

.gumbeq:hover {
    background: #00008b;
}

/* newPrivacy1236.php */

.privacy-container {
    display: flex;
    width: 90%;
    margin: 0;
}

.privacy-container>* {
    padding: 20px 25px;
}

.privacy-container h2 {
    color: #4477f2;
}

.privacy-container a {
    color: #4477f2;
    font-weight: 700;
}

.privacy-container p {
    line-height: 1.42;
    font-weight: 500;
}

.privacy-container li {
    line-height: 1.42;
}

.privacyP li strong {
    display: block;
    margin: 20px 0 0;
}

.privacy-container ul {
    margin-left: 50px;
}

.privacy-container ul li {
    margin: 10px 0;
    list-style: circle;
}

.privacy-container article {
    width: 600px;
    overflow: auto;
}

.privacy-container article ol {
    float: left;
    width: 300px;
}

.privacy-container article span {
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #d3d3d3;
}

.table-of-contents {
    position: relative;
    flex-basis: 390px;
    background: #F5F5F5;
    text-decoration: underline;
    padding-bottom: 7em;
}

.table-of-contents p {
    text-transform: uppercase;
    letter-spacing: 0.125em;
    color: #555;
}

.table-of-contents ul {
    position: sticky;
    top: 13em;
    padding-left: 15px;
}

.table-of-contents ul li {
    margin-top: 20px
}

.table-of-contents a {
    color: grey;
    opacity:75%;
    font-size:18px
}

h1:first-child {
    margin-top: 0;
}

.post-content {
    flex-basis: 1115px;
    max-width: 100%;
    margin: 50px 50px 100px 50px;
}


/* NEW PRIVACY 1236 CSS ABOVE */

.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 0 auto 60px;
    background-color: #f1f1f1;
    padding-bottom: 40px;
    padding-top: 20px;
}

.flex-center>content {
    background-color: white;
    width: 100%;
    margin: 10px;
}

.collapsiblePrivacy {
    background-color: #4477f2;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 80%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    margin: 2px
}

.active, collapsiblePrivacy:hover {
    background-color: #00008b;
}

.collapsiblePrivacy:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: '\2212'
}

.contentPrivacy {
    padding: 0 18px;
    max-height: 0;
    width: 80%;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
}

.northBg_thankYou {
    width: 100%;
    background-image: url(http://i.imgur.com/v0CNrJB.png);
    background-color: #4477f2;
    height: 300px;
}

.northBg_thankYou article {
    width: 1200px;
    margin: 0 auto;
    display: block;
    background-image: url(http://i.imgur.com/eRyzVSy.png);
    height: 300px;
    color: #fff;
    padding: 100px 0 0;
    box-sizing: border-box;
    text-align: center;
}

.northBg_thankYou .section h1 {
    margin: 20px 0 0;
}

.northBg_thankYou .section h2 {
    font-weight: 300;
    font-size: 1em;
    margin-top: 10px;
}

.northBg_thankYou .fa-twitter {
    color: #62d8ff;
}

.northBg_careers, .northBg_job1, .northBg_team {
    max-width: 1800px;
    background-color: #00008b;
    height: 342px;
    margin: 0 auto;
    background-size: cover;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 160px;
    box-sizing: border-box;
}

.northBg_dns {
    width: 100%;
    height: 342px;
    padding-top: 160px;
    box-sizing: border-box;
}

.northBg_dns .section {
    background: url(http://i.imgur.com/nAecIF0.png);
    height: 342px;
    margin-top: -160px;
}

.northBg_dns h1 {
    position: absolute;
    width: 420px;
    margin: 120px 0 0 20px;
    font-size: 1.5em;
}

.northBg_dns h1 p {
    color: #fff;
    margin: 0;
}

.northBg_dns h1 p:nth-of-type(2) {
    font-size: .65em;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

.northBg_dns h1 p:first-child {
    color: #fff;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 17px;
    font-size: 1.22em;
    font-family: "Fira Sans", sans-serif;
}

.northBg_team {
    background-image: url(http://i.imgur.com/v1AcB4K.jpg);
}

.BMDNS5 .gumbeq, .bcloud h1, .faqS a:nth-of-type(6), .howtoContent span a:nth-of-type(4), .northBg_dns {
    background: #4477f2;
    background: -moz-linear-gradient(-45deg, #4477f2 0, #6ad0ff 100%);
    background: -webkit-linear-gradient(-45deg, #4477f2 0, #6ad0ff 100%);
    background: linear-gradient(135deg, #4477f2 0, #6ad0ff 100%);
}

.northBg_dns .gumbeq {
    background: #00008b;
    font-size: .65em;
    font-weight: 500;
    margin-top: 25px;
    position: absolute;
}

.northBg_dns img {
    display: none;
}

.northBg_careers {
    background-image: url(http://i.imgur.com/W4ohQhX.png);
}

.northBg_careers h1, .northBg_job1 h1, .northBg_team h1 {
    color: #fff;
    margin: 0;
    text-align: center;
    font-weight: 300;
    font-size: 2.75em;
    line-height: 1.2;
}

.northBg_collapsed {
    width: 100%;
    background-image: url(../img/footimg.jpg);
    background-size: cover;
    height: 88px;
}

.northBg_mobile {
    display: none;
}

.northBg {
    width: 100%;
    background-image: url(../img/footimg.jpg);
    background-size: cover;
    height: 239px;
}

.northBg section {
    width: 1024px;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 120px;
}

.northBg h1 {
    color: #fff;
    font-size: 2.75em;
    margin: 0;
    font-weight: 700;
}

.northBg h2 {
    color: #fff;
    font-weight: 300;
    font-size: 1.25em;
    margin: 15px 0 0;
}

.northBg .button {
    margin: -38px 0 0;
    float: right;
    background: #fd8c25;
    color: #fff;
    border-radius: 4px;
    padding: 10px 17px;
    font-size: 1em;
    text-decoration: none;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
}

.northBg .faq {
    float: right;
    color: #ffc927;
    margin: -25px 0 0;
    color: #ffd248;
    padding-bottom: 5px;
    font-weight: 600;
}

.northBg .faq:hover {
    border-bottom: 1px solid #ffc927;
}

.northBg .inst {
    color: #fff;
    float: right;
    margin: -39px 90px 0 0;
    background: #ebba37;
    font-weight: 700;
    padding: 13px 20px;
    border-radius: 50px;
}

.centerTitle {
    width: 100%;
    height: 70px;
    font-size: 2em;
    font-weight: 500;
    padding-top: 20px !important;
    box-sizing: border-box;
    margin-bottom: 50px;
    border-bottom: 1px solid #999;
    color: #999;
}

.northBg_job1 {
    background-image: url(http://i.imgur.com/lLS1ATY.png);
}

.northBg_job1 p {
    color: #fff;
    font-weight: 400;
    width: 42%;
    text-align: center;
    margin: 50px auto 0;
    line-height: 1.5;
    font-size: .8em;
}

.northBg sup {
    color: #fff;
}

.quoteWin, .quoteWinF {
    display: none;
    z-index: 40001;
}

.dumbBoxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #4477f2;
    opacity: .5;
    z-index: 40001;
    left: 0;
    top: 0;
}

.vertical-offset {
    position: fixed;
    top: 5%;
    width: 100%;
    z-index: 40002;
}

.vertical-offset #closeModal, .vertical-offset #closeModalF {
    cursor: pointer;
    float: right;
    width: 30px;
    margin: -6px -5px 0 0;
}

.dumbBox {
    width: 520px;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
    height: auto;
}

.dumbBox form h3 {
    font-weight: 700;
    margin-top: -5px;
    line-height: 133%;
    letter-spacing: -.5px;
    margin-bottom: 30px;
    color: #4477f2;
    font-family: "Open Sans", sans-serif;
}

.dumbBox form .submit {
    background: #4477f2;
    font-size: 1.25em;
    color: #fff;
    padding: 15px;
}

.dumbBox form input:focus {
    border: 1px solid #4477f2;
}

.dumbBox form input, .dumbBox form select, .dumbBox form textarea {
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #000;
    width: 100%;
    font-size: 1em !important;
    border-radius: 5px;
    -moz-appearance: none !important;
}

.dumbBox form select {
    height: 40px;
}

.tryfree {
    background: #fd8c25 !important;
    color: #fff;
    font-weight: 700;
    border-radius: 3px !important;
    font-size: 1em !important;
}

.dumbBox input[type=number] {
    -moz-appearance: textfield !important;
}

.dumbBox input[type=number]:focus, .dumbBox input[type=number]:hover {
    -moz-appearance: number-input !important;
}

.dumbBox form input:nth-of-type(3) {
    width: 50%
}

.dumbBox form input:nth-of-type(4) {
    width: 49%
}

.dumbBox form input:nth-of-type(5) {
    width: 257px;
}

.dumbBox form input:nth-of-type(6) {
    width: 257px;
}

.dumbBox form textarea {
    width: 100%;
    font-family: sans-serif !important;
}

.dumbBox form input:nth-of-type(8) {
    width: 100%;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    margin: 0;
}

.tollfreenum {
    width: 100%;
    position: absolute;
    margin: 80px 0 0;
    z-index: 90;
    opacity: .75;
}

.tollfreenum p {
    color: #efefef;
    display: block;
    width: 1024px;
    margin: 0 auto;
    text-align: left;
}

.tollfreenum p i {
    margin: 0 6px -2px 0;
}

#itemOne {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 10 !important;
    position: relative;
    background-color: #d3d3d3;
    background-image: url(../img/classroom.png);
    background-size: cover;
    background-position: 50% 45%;
    text-align: center;
}

#itemOne h1 {
    font-weight: 300;
    color: #fff;
    letter-spacing: -.5px;
    font-size: 2em;
    margin-top: 33vh;
}

#itemOne h1 span {
    display: block;
    margin-top: 9px;
    font-size: 1.25em;
    font-weight: 500;
}

#itemOne p {
    color: #efefef;
    font-size: 1.125em;
    font-weight: 300;
    background: rgba(0, 0, 0, .3);
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    line-height: 1.5;
    border-radius: 6px;
    margin-bottom: 0 !important;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -.3px;
}

#itemOne p span {
    font-weight: 700;
}

#itemOne p span:first-of-type img {
    width: 20px;
    margin: 0 4px -4px 2px;
}

#itemOne p span:nth-of-type(2) img {
    width: 20px;
    margin: 0 6px -3px;
}

#itemOne strong {
    color: #fff;
    font-size: 1.125em;
    font-weight: 300;
    display: block;
    margin-top: 15vh;
}

#itemOne article {
    width: 360px;
    margin: 0 auto;
}

.ca3-scroll-down-link {
    margin-top: 60px !important;
}

#itemOne a:nth-of-type(1) {
    width: 200px;
    display: block;
    position: relative;
    padding: 20px 50px;
    box-sizing: border-box;
}

#itemOne a:nth-of-type(1) h3 {
    background-color: #4477f2;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.125em;
    padding: 10px 6px 9px;
    width: 100px;
    border-radius: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

#itemOne a:nth-of-type(1):hover h3 {
    background-color: #00008b;
}

#itemOne button {
    color: #fff;
    border: 2px solid #fff;
    padding: 7px 15px 8px;
    border-radius: 20px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0);
    margin: -75px 50px 0 0;
    float: right;
}

#itemOne button:hover {
    background: rgba(255, 255, 255, .3);
}

#itemOne button h4 {
    margin: 0;
    font-size: 16px;
}

#itemOne sup {
    position: absolute;
    color: #fff;
    font-weight: 700;
    background: #fd8c25;
    padding: 5px 10px 3px;
    border-radius: 10px;
    margin: -80px 0 0 520px;
}

#announce01 {
    display: none;
    width: 100%;
    height: 63px;
    position: absolute;
    top: 90px;
}

#announce01 section {
    width: 300px;
    display: grid;
    grid-template-columns: 1fr 70px;
    cursor: pointer;
    background: rgba(255, 255, 255, .75);
    margin: 0 auto;
    border-radius: 10px;
    height: inherit;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .31);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .31);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .31);
}

#announce01 #exx {
    width: 35px;
    margin: 14px 0 0;
}

#announce01 section a {
    padding: 0 !important;
    height: 63px;
    width: 100% !important;
}

#announce01 section a:first-of-type {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#announce01 section a:hover {
    background: rgba(255, 255, 255, .5);
}

#announce01 section a img {
    float: left;
    margin: 10px 0 0 10px;
}

#announce01 section a:nth-of-type(2) img {
    margin: 8px 0 0 10px;
}

#announce01 section a h4 {
    color: #2b2b2b;
    font-weight: 400;
    font-size: 14px;
    line-height: 133%;
    margin: 18px auto 0;
}

#announce01 section a h4 strong {
    color: #4477f2;
    margin: 0;
    font-weight: 500;
    font-size: 1em;
}

#announce055 {
    background: rgba(255, 255, 255, .8);
    position: absolute;
    z-index: 200;
    left: 10px;
    top: 20px;
    width: 11%;
    border-radius: 10px;
}

#announce055>img {
    width: 20px;
    position: absolute;
    margin: -10px 0 0 94%;
    cursor: pointer;
}

#announce055 a {
    display: block;
    text-align: center;
    padding: 20px 0;
}

#announce055 a:first-of-type {
    border-radius: 10px 10px 0 0;
}

#announce055 a:nth-of-type(2) {
    border-radius: 0;
}

#announce055 a:last-of-type {
    border-radius: 0 0 10px 10px;
}

#announce055 a:hover {
    background: rgba(255, 255, 255, .6);
}

#announce055 a h4 {
    color: #474747;
    margin: 0;
    font-size: 1.25em;
    margin: 10px 0;
}

#announce055 a h4 strong {
    display: block;
    font-size: .8em;
    margin: 5px 0;
    font-weight: 500;
    color: #4477f2;
}

#announce01, #announce055 {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (max-width:1366px) {
    #announce055 {
        display: none;
    }

    #announce01 {
        display: block;
    }
}

.ca3-scroll-down-arrow {
    background-image: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
}

.ca3-scroll-down-link {
    cursor: pointer;
    height: 30px;
    width: 40px;
    bottom: 40px;
    margin: 0 0 0 -15px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    color: #fff;
    text-align: center;
    font-size: 1em;
    z-index: 90;
    text-decoration: none;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4);
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite;
}

@-webkit-keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
}

@-moz-keyframes ca3_fade_move_down {
    0% {
        -moz-transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -moz-transform: translate(0, 20px);
        opacity: 0;
    }
}

@keyframes ca3_fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translate(0, 20px);
        opacity: 0;
    }
}

.grayline {
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    height: 1px;
    display: block;
}

.section {
    width: 1024px;
    margin: auto;
}

.intro {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 100px 0;
    box-sizing: border-box;
    z-index: 2 !important;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
}

.intro h3 {
    font-size: 2.125em;
    color: #4477f2;
    line-height: 1.3;
    font-weight: 300;
    margin: 0 auto 17px;
}

.intro h3 strong {
    font-weight: 600;
}

.intro h4 {
    line-height: 1.5;
    font-weight: 300;
    font-size: 1.25em;
    color: #464646;
    width: 800px;
    margin: 0 auto;
}

.intro a {
    color: #fd8c25;
    text-decoration: underline;
    font-size: 1.25em;
    font-weight: 500;
    display: block;
    margin: 0 auto 40px;
}

.intro a img {
    width: 20px;
}

.index1 {
    height: 700px;
    padding-top: 40px;
}

.index1>img:nth-of-type(2) {
    display: none;
}

.index1>img {
    float: left;
    margin: 0 0 0 -100px;
    z-index: 1;
}

.index1 span {
    display: block;
    width: 577px;
    float: left;
    margin: 95px 0 0 470px;
    position: absolute;
}

.index1 span h1 {
    font-size: 2.5em;
    margin-left: 41px;
    width: 410px;
}

.index1 span h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125em;
    font-weight: 500;
    margin: 0 0 10px 47px;
}

.index1 span div {
    display: block;
    DISPLAY: NONE;
    height: 50px;
}

.index1 span div img {
    width: 27px;
    float: left;
    margin-left: 9px;
}

.index1 span div img:first-of-type {
    margin: 3px 0 0 44px;
}

.index1 span div img:nth-of-type(2) {
    opacity: 0.7;
}

.index1 span div img:nth-of-type(3) {
    margin: 2px 0 0 10px;
}

.index1 p {
    margin-left: 50px;
    font-size: 1.125em;
}

.index1 button {
    margin: 25px 16px 0 46px;
}

.index2 {
    height: 802px;
}

.index2>img {
    width: 920px;
    position: absolute;
    margin: 0 0 0 60px;
}

.index2 span {
    display: block;
    width: 560px;
    float: left;
    margin: 80px 0 0 -20px;
    text-align: right;
}

.index2 h1 {
    text-align: right;
    margin-right: -20px;
    margin-bottom: 20px;
}

.index2 p {
    width: 100%;
    font-size: 1.125em;
    text-align: right;
    display: inline-block;
    margin: 20px 0 10px;
}

.index2 p:nth-of-type(2) {
    margin-bottom: 60px;
}

.index2 p:nth-of-type(3) {
    font-size: 14px;
    margin: 80px 0 0;
    color: #696969;
}

.index2 a {
    margin-left: 10px;
}

.index2 button {
    margin: 0 0 0 30px;
}

.index3 {
    height: 655px;
}

.index3 img {
    width: 920px;
    float: left;
    margin: 0 90px 0 -480px;
}

.index3 span {
    display: block;
    width: auto;
    position: absolute;
    margin: 20px 0 0 480px;
}

.index3 h1 {
    text-align: left;
    margin-bottom: 40px;
}

.index3 p {
    width: 480px;
    font-size: 1.125em;
    text-align: left;
    margin: 20px 0 20px 50px;
    display: block;
}

.index4 {
    text-align: center;
    height: 900px;
    margin-top: 80px;
}

.index4 p {
    width: 500px;
    font-size: 1.125em;
}

.index5 {
    width: 100%;
    height: 470px;
    display: block;
    text-align: center;
    padding-top: 50px;
    background: #efefef;
    background: -moz-linear-gradient(-45deg, #efefef 0, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #efefef 0, #fff 100%);
    background: linear-gradient(135deg, #efefef 0, #fff 100%);
}

.index5 section {
    width: 1024px;
    display: block;
    margin: 0 auto;
    height: 280px;
    margin-top: 60px;
}

.index5 section h2 {
    width: 524px;
    float: left;
    text-align: right;
    padding-right: 24px;
    box-sizing: border-box;
    font-weight: 300;
    color: #000;
}

.index5 section h2 sup {
    line-height: 3;
    font-size: .625em;
}

.index5 section p {
    width: 500px;
    float: left;
    text-align: left;
    font-size: 1em;
    color: #696969;
    margin-top: 18px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5 !important;
}

.index5 .default {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: gray;
    border-radius: 20px;
    margin: 0 5px;
    cursor: pointer;
}

.index5 .aktiven {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #ffc71e;
    border-radius: 20px;
    margin: 0 5px;
}

.index6 {
    text-align: center;
    height: 450px;
    padding-top: 57px;
}

.index6 p {
    color: #4477f2;
    font-weight: 300;
    font-size: 1.25em;
    line-height: 1.3;
}

.index6 img {
    display: block;
    margin: 50px auto;
}

.index6 a {
    font-size: 1em;
    font-weight: 600;
    background: #4477f2 !important;
    border: none !important;
}

.BMEE1 {
    background-color: #efefef;
    width: 100%;
    height: 208px;
}

.BMEE1 h3 {
    float: left;
    display: block;
    width: 500px;
    margin: 60px 0 0;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 150%;
    color: #7b7a7a;
}

.BMEE1 h3 strong {
    font-weight: 700;
}

.BMEE1 iframe {
    float: right !important;
    width: 370px;
    height: 208px;
}

.BMEE0, .BMEE1 .section, .BMEE2 {
    width: 80% !important;
    max-width: 1200px;
    min-width: 950px;
    margin: 0 auto !important;
}

.BMEE2 {
    text-align: center;
    padding-top: 60px;
}

.BMEE2 h3 {
    color: #4477f2;
    font-size: 1.5em;
}

.BMEE2 p {
    color: #222;
    line-height: 160%;
    font-weight: 300;
    font-size: 1.25em;
    margin-bottom: 30px;
    text-align: left;
}

.BMEE2 p strong {
    font-size: 1.25em;
    display: block;
    font-weight: 600;
    color: #4477f2;
}

.BMEE2 p:last-of-type {
    margin-bottom: 80px;
}

.BMEE_A {
    width: 100%;
    margin-top: 100px;
    padding-top: 35px;
    background-image: url(../img/pic_BMEE/adminbg.png);
    background-repeat: repeat-x;
    height: 1060px;
}

.BMEE_A span:nth-of-type(1) {
    display: block;
    width: 342px;
    float: left;
    margin: 0;
}

.BMEE_A h1 {
    margin: 0;
    color: #fff;
    font-size: 2.25em;
    width: 250px;
    line-height: 130%
}

.BMEE_A img {
    margin: 50px 0 20px;
}

.BMEE_A p {
    color: gray;
    text-align: left;
    width: 242px;
    line-height: 1.65;
    font-weight: 300 !important;
    font-size: 1.15em;
}

.BMEE_A span:nth-of-type(2) {
    display: block;
    width: 682px;
    float: left;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 4px;
}

.BMEE_A span:nth-of-type(2) div {
    display: block;
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    margin-bottom: 30px;
    padding-top: 20px;
}

.BMEE_A i {
    float: left;
    width: 17%;
    text-align: right;
    color: #4477f2;
    font-size: 2.75em;
    padding-right: 35px;
    box-sizing: border-box;
}

.BMEE_A section {
    width: 83%;
    float: left;
}

.BMEE_A h2 {
    margin: 0 0 20px;
    color: #4477f2;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.42;
}

.bmeeprice {
    height: 350px;
    text-align: center;
    background: #e6f3ff;
    padding-top: 110px;
    margin: 220px 0 0 0;
    box-sizing: border-box;
    width: 100%;
}

.bmeeprice a {
    width: 342px;
    margin: 0 auto;
    font-family: arial, sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    display: block;
    margin-bottom: 15px;
    padding: 16px 0;
    border-radius: 50px;
}

.bmeeprice a:first-of-type {
    background: #fd8c26;
}

.BMEE3 {
    width: 100%;
    overflow: auto;
    text-align: center;
}

.BMEE3 span {
    width: 100%;
    height: 370px;
    background: #efefef;
    display: block;
    padding: 60px 0 30px;
}

.BMEE3 span a {
    color: #fff;
    font-weight: 700;
    background: #ffc71e;
    border-radius: 4px;
    padding: 12px 0;
    text-decoration: none;
    margin: 30px 0;
    font-size: 1.2em;
    font-weight: 500;
    width: 220px;
    display: block;
    margin: 0 auto;
}

.BMEE3 span p {
    color: gray;
    font-size: .8em;
    margin: 15px 0;
    display: block;
}

.BMEE3 span div {
    background: #fff;
    width: 600px;
    padding: 50px 0 20px;
    margin: 0 auto;
    margin-top: 50px;
}

.BMEE3 span div a {
    background: #4477f2 !important;
    display: block;
    margin: 0 auto 30px;
    cursor: pointer;
}

.BMEE3 span div h3 {
    color: #4477f2;
    font-weight: 300;
    font-size: 1.5em;
    display: block;
}

.BMH1 {
    width: 100%;
    background-image: url(../img/pic_BMH/studentAtHome.jpg);
    background-size: cover;
    height: 540px;
    margin: 110px 0 550px;
    background-position: 0 45%
}

.BMH1 .section {
    height: auto;
}

.BMH1 .section div:nth-of-type(1) {
    display: inline-block;
    height: auto;
    width: 652px;
    float: left;
}

.BMH1 .section div:nth-of-type(1) h1 {
    color: #fff;
    font-weight: 300;
    line-height: 150%;
    width: 600px;
    margin-top: 40px;
}

.BMH1 .section div:nth-of-type(1) a {
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    background: rgba(0, 0, 0, .2);
    padding: 8px 20px;
    margin-top: 20px;
    display: inline-block;
}

.BMH1 .section div:nth-of-type(1) span {
    display: block;
    background-color: #fff;
    height: auto;
    margin-top: 50px;
    border-radius: 4px;
    padding: 10px 0;
}

.BMH1 .section div:nth-of-type(1) span section {
    display: block;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    overflow-y: hidden;
    padding: 15px 40px 16px 0;
    border-bottom: 1px solid #d3d3d3;
}

.BMH1 .section div:nth-of-type(1) span section:last-child {
    border-bottom: 0;
}

.BMH1 .section div:nth-of-type(1) span section i {
    float: left;
    width: 12%;
    text-align: right;
    color: #4477f2;
    font-size: 2em;
    padding: 4px 20px 0 0;
    box-sizing: border-box;
    font-size: 1.5em;
}

.BMH1 .section div:nth-of-type(1) span section p {
    display: block;
    float: left;
    width: 88%;
    color: #4477f2;
    line-height: 170%;
    margin: 0;
    font-size: 1.125em;
    font-weight: 300;
}

.BMH1 .section div:nth-of-type(2) {
    width: 372px;
    height: auto;
    display: inline-block;
}

.BMH1 .section div:nth-of-type(2) img {
    margin: 670px 0 0;
}

.BMH2 {
    width: 100%;
    background: #efefef;
    padding: 30px 0 50px;
    overflow: auto;
    border-bottom: 1px solid #d6d6d6;
}

.BMH2 span {
    display: block;
}

.BMH2 span article {
    float: left;
    background: #fff;
    width: 450px;
    padding: 0 20px;
    box-sizing: border-box;
}

.BMH2 span article:nth-of-type(1) {
    margin-right: 24px;
}

.BMH2 span h1 {
    color: #4477f2;
    font-weight: 400;
    float: left;
    font-size: 1.125em;
}

.BMH2 span h1 strong {
    font-size: 2.125em;
    font-weight: 500;
    margin-right: 7px;
}

.BMH2 span h1 strong sup {
    font-size: .6em;
    margin-left: 7px;
}

.BMH2 article a {
    background: #ffc71e;
    float: right;
    margin: 16px 0 0;
    color: #fff;
}

.BMH2 article a:hover {
    background: orange;
}

.BMH2 article h3 {
    position: absolute;
    font-size: .7em;
    font-weight: 400;
    margin: 14px 0 0 160px;
    color: #696969;
    font-family: sans-serif;
}

.BMH2 .section span {
    display: inline-block;
    width: 100px;
    float: left;
    font-size: 2em;
    padding: 20px 0 0 22px;
    box-sizing: border-box;
    color: #696969;
}

.BMH2 .section h4 {
    color: #fd8931;
    margin: 0 0 0 20px;
    width: 800px;
    font-size: 1.5em;
    border: 2px solid #fd8931;
    padding: 10px;
}

.BMH22 {
    background: #efefef;
    width: 100%;
    padding: 44px 0;
}

.BMH22 article {
    background: #fff;
    max-width: 1024px;
    margin: 0 auto;
    border-radius: 50px;
    -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px 1px rgba(0, 0, 0, .1);
    height: 90px;
}

.BMH22 article div {
    float: left;
    width: 80%
}

.BMH22 article div h1 {
    margin: 23px 0 0 30px;
    font-weight: 500;
    font-size: 2.5em;
    color: gray;
}

.BMH22 article div h1>sup {
    font-size: 24px;
    margin-left: 3px;
}

.BMH22 article div h1 font, .BMH22 article div h1 font sup {
    font-size: .7em;
}

.BMH22 article div h1 strong {
    color: #a7a7a7;
    font-size: .6em;
    font-weight: 400;
}

.BMH22 article div h2 {
    margin: 20px 0 0 20px;
    font-size: 1em;
    color: #696969;
    font-weight: 400;
}

.BMH22 article a span {
    float: left;
    width: 20%;
    outline: 1px solid green;
}

.BMH22 article a {
    background: #fb893d;
    color: #fff;
    font-weight: 700;
    font-size: 1.25em;
    padding: 9px 20px;
    border-radius: 50px;
    box-sizing: border-box;
    float: left;
    margin: 26px 0 0 62px;
}

.pricedrop {
    width: 170px !important;
    margin-left: 150px !important;
    font-family: "Open Sans", sans-serif;
}

.pricedrop h1 {
    float: left;
    width: 50%
}

.pricedrop h1:first-of-type {
    font-size: 1.5em !important;
    color: #a0a0a0 !important;
}

.pricedrop h1:last-of-type {
    font-weight: 700 !important;
    color: #fd8c25 !important;
    text-decoration: none !important;
}

.pricedrop p {
    color: #fd8c25 !important;
    text-decoration: none !important;
    float: right;
    margin: 10px 4px 0 0;
}

.pricedrop~p {
    position: absolute;
    margin: 26px 0 0 935px;
    line-height: 120%;
    color: #696969;
    width: 50px;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
}

.BR_promo {
    border: 2px solid #fd8c25;
    height: 220px;
    width: 800px;
    margin: 44px auto 0;
    border-radius: 10px;
    background: #fff9f5;
}

.BR_promo h2 {
    color: #696969;
    font-weight: 400;
    letter-spacing: -.5px;
    font-family: "Open Sans", sans-serif;
}

.BR_promo div {
    height: 60px;
    width: 300px;
    margin: 40px auto 0;
}

.BR_promo div h3 {
    font-family: "Open Sans", sans-serif;
    width: 50%;
    color: #fd8c25;
    font-size: 2em;
    display: inline;
}

.BR_promo div h3:first-of-type {
    text-decoration: line-through;
    color: gray !important;
    font-weight: 400;
    font-size: 1.5em;
}

.BR_promo .gumbeq {
    display: block;
    width: 170px;
    font-size: 1.25em;
    background: #fd8c25;
    margin: 0 auto;
    font-weight: 700;
    padding: 10px 0;
}

.BR1 {
    margin-bottom: 40px;
}

.BR1 section {
    background-image: url(../img/pic_BR/BR_1.png);
    height: 400px;
    background-size: cover;
    padding: 110px 0 0 540px;
    box-sizing: border-box;
}

.BR1 section h1 {
    font-size: 3.25em;
    color: #4477f2;
    font-weight: 300;
    margin: 0;
}

.BR1 section h1 strong {
    font-weight: 700 !important;
}

.BR1 section p {
    color: #4477f2;
    font-size: 1.25em;
}

.BR1 span {
    display: block;
    width: 100%;
    height: 135px;
    padding-top: 30px;
    box-sizing: border-box;
}

.BR1 span div:nth-of-type(1) {
    float: left;
    width: 150px;
    height: 70px;
    margin-right: 20px;
    border-right: 1px solid gray;
    padding-left: 20px;
}

.BR1 span div:nth-of-type(1) p {
    color: gray;
    margin: 10px 0;
    font-size: .9em;
}

.BR1 span div:nth-of-type(1) i {
    color: #888;
    margin: 5px 10px 0 0;
    font-size: 1.5em;
}

.BR1 span h2 {
    display: block;
    margin: 0;
    font-size: 1.2em;
    height: 70px;
    float: left;
    font-weight: 300;
    padding-top: 20px;
    line-height: 130%;
    box-sizing: border-box;
    color: gray;
}

.BR1 span div:nth-of-type(2) {
    float: left;
    width: 170px;
    height: 70px;
    margin-left: 230px;
}

.BR1 span div:nth-of-type(2) h1 {
    text-decoration: line-through;
    margin: 10px 0 0;
    text-align: center;
    font-weight: 400;
    font-size: 2em;
    color: #4477f2;
}

.BR1 span div:nth-of-type(2) h1 sup {
    font-size: .7em;
}

.BR1 span div:nth-of-type(2) p {
    font-size: .8em;
    text-align: center;
    color: gray;
}

.BR1 span a {
    display: block;
    float: left;
    color: #fff;
    padding: 15px 25px;
    border-radius: 4px;
    font-size: 1.5em;
    font-weight: 500;
    margin: 12px 0 0 23px;
}

.BR1 span a, .BR5 span, .faqS a:nth-of-type(5), .howtoContent span:nth-of-type(2) a:nth-of-type(2) {
    background: #901eed;
    background: -moz-linear-gradient(-45deg, #901eed 0, #4477f2 100%);
    background: -webkit-linear-gradient(-45deg, #901eed 0, #4477f2 100%);
    background: linear-gradient(135deg, #901eed 0, #4477f2 100%);
}

.BR2 {
    height: 280px;
}

.BR2 div {
    float: left;
    width: 300px;
}

.BR2 i {
    font-size: 2.5em;
    color: #4477f2;
    float: left;
    width: 22%;
    margin: 18px 0 0;
}

.BR2 p {
    color: #444;
    font-size: 1.1em;
    float: left;
    width: 78%;
    line-height: 160%;
    font-weight: 300;
}

.BR2 div:nth-of-type(1), .BR2 div:nth-of-type(2), .BR2 div:nth-of-type(4), .BR2 div:nth-of-type(5) {
    margin-right: 45px;
}

.BR3 {
    height: 600px;
    margin-bottom: 200px;
}

.BR3 div {
    height: 240px;
}

.BR3 h1 {
    font-size: 2.75em;
    float: left;
    width: 42%;
    text-align: right;
    line-height: 145%;
    margin: 0;
    float: left;
    font-weight: 600;
    color: #4477f2;
}

.BR3 h4 {
    display: block;
    width: 58%;
    float: left;
    margin: 0;
    padding: 12px 0 0 40px;
    font-size: 1.15em;
    line-height: 160%;
    box-sizing: border-box;
    font-weight: 300;
    color: #696969;
}

.BR3 h4 a {
    display: block;
    color: #4477f2;
    margin-top: 20px;
}

.BR3 span {
    display: block;
    width: 100%;
    background: url(../img/pic_BR/BR_2.png);
    height: 500px;
}

.BR3 span div {
    background: rgba(255, 255, 255, .8);
    width: 340px;
    float: right;
    border-radius: 5px;
    margin: 42px 42px 0 0;
    padding-left: 30px;
    box-sizing: border-box;
    height: 320px;
}

.BR3 span div h2 {
    color: #777;
    font-size: 1.75em;
    line-height: 140%;
    margin-bottom: 40px;
}

.BR3 span div li {
    font-weight: 400;
    color: #696969;
    list-style: none;
    margin: 12px 0;
    font-size: 1.25em;
}

.BR4 {
    height: 950px;
}

.BR4 h1 {
    font-weight: 300;
    color: #4477f2;
    font-size: 2.75em;
}

.BR4 p {
    color: #696969;
    font-weight: 300;
    line-height: 150%;
    width: 400px;
}

.BR4 div:first-child a {
    border: 1px solid #4477f2;
    padding: 5px 10px;
    color: #4477f2;
    border-radius: 4px;
    margin: 20px 5px 0 0;
}

.BR4 div:first-child {
    height: 380px;
    clear: both;
    padding-top: 50px;
}

.BR4 div:first-child img {
    position: absolute;
    width: 700px;
    float: right;
    margin: -300px 0 0 450px;
}

.BR4 span {
    display: block;
    height: 500px;
}

.BR4 span img {
    width: 650px;
    position: absolute;
    margin: 0 0 0 -170px;
}

.BR4 span div {
    width: 400px;
    float: right;
    margin: 70px 100px 0 0;
}

.BR5 {
    box-sizing: border-box;
    height: 800px;
}

.BR5 span {
    width: 100%;
    height: 300px;
    display: block;
    color: #fff;
    padding: 40px 0 0 40px;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.BR5 span h1 {
    width: 800px;
    margin: 0 0 40px;
    line-height: 140%;
    font-weight: 500;
}

.BR5 span p {
    width: 500px;
    line-height: 170%;
    font-weight: 300;
}

.BR5 span a {
    color: #fff;
    float: right;
    border: 1px solid #fff;
    border-radius: 4px;
    margin: -58px 40px 0 0;
    padding: 12px 20px;
}

.BR5 span a:hover {
    background: rgba(255, 255, 255, .1);
}

.BR5 div {
    background-image: url(../img/pic_BR/br_app.jpg);
    background-size: cover;
    height: 400px;
    padding: 40px 0 0 40px;
    box-sizing: border-box;
}

.BR5 div h2 {
    margin: 0;
    color: #fff;
    font-weight: 300;
    line-height: 150%;
    font-size: 2.25em;
    width: 400px;
}

.BR6 {
    height: 1400px;
}

.BMH3 {
    height: 980px;
}

.BR6 h1 {
    color: #4477f2;
    font-weight: 300;
    font-size: 2.5em;
    width: 600px;
    line-height: 150%;
    text-align: center;
    margin: 0 auto;
    margin: 30px auto 70px auto;
}

.BR6 .fa-check {
    color: #32cd32;
}

.BR6 .fa-times {
    color: #b8b8b8;
}

.BR6 ul {
    clear: both;
    height: 60px;
    background: #fff;
    margin: 0;
}

.BR6 ul:nth-child(odd) {
    background: #efefef;
}

.BR6 ul:nth-of-type(27) {
    height: 80px;
}

.BR6 ul:nth-of-type(27) .bl0x {
    border-bottom: none;
    line-height: 130%;
    padding: 15px;
    font-size: 14px;
}

.BR6 ul .feature {
    width: 364px;
    text-align: center;
    height: 60px;
    padding-top: 10px;
    box-sizing: border-box;
    padding-top: 24px;
    color: gray;
    font-size: .9em;
}

.BR6 ul li {
    width: 165px;
    float: left;
    text-align: center;
    height: 60px;
    padding-top: 22px;
    box-sizing: border-box;
}

.BR6 ul .feature {
    width: 344px;
}

.BR6 .titles {
    padding: 18px 0 0 344px;
    font-size: 1.2em;
    color: gray;
    background: #fff !important;
    height: 58px;
    text-align: center;
}

.BR6 .titles li {
    height: inherit;
    font-size: .9em;
    color: gray;
    padding-top: 18px;
    font-weight: 300;
}

.BR6 .bl0x {
    background: #fff;
}

.BMH3 {
    height: 1800px;
    border-bottom: 1px solid gray;
}

.BMH3 h1 {
    text-align: left;
    margin: -5px 0 0 10px;
    position: absolute;
    font-size: 2em;
    width: 400px;
}

.BMH3 ul li {
    width: 340px;
}

.BMH3 i {
    margin: 0 5px;
    font-size: 1.25em;
}

.BMH3 .titles {
    padding: 0 0 0 512px;
    height: 168px;
    background: rgba(0, 0, 0, 0) !important;
}

.BMH3 .titles li {
    width: 256px;
    height: 130px;
    padding: 20px 15px;
    box-sizing: border-box;
}

.BMH3 .titles .free {
    background: #efefef;
    color: #999;
    padding-top: 53px;
    font-size: 1.5em;
}

.BMH3 .titles .bl0x {
    height: 130px !important;
}

.BMH3 .titles h2 {
    font-size: 1.125em;
    font-weight: 700;
    margin: 0;
}

.BMH3 .titles p {
    margin: 0;
    margin: 5px auto 5px auto;
    font-size: .5em;
    line-height: 1.42;
    font-family: sans-serif;
}

.BMH3 .titles .bl0x p {
    font-size: 1em;
    margin: 7px auto;
}

.BMH3 .titles .bl0x p:nth-of-type(1) {
    font-size: .7em;
}

.BMH3 .bl0x p:nth-of-type(1) strong {
    font-size: 1.42em;
    display: block;
}

.BMH3 .bl0x {
    border-bottom: 1px solid #efefef;
    background: rgba(255, 255, 255, .5);
}

.BMH3 ul .feature {
    width: 512px;
    text-align: left;
    padding: 18px 0 0 30px;
    height: 40px !important;
}

.BMH3 ul li {
    width: 256px;
}

.BMH3 ul {
    height: 50px;
}

.BMH3 ul li:nth-of-type(2), .BMH3 ul li:nth-of-type(3) {
    height: 50px !important;
    padding-top: 15px;
}

.BMH3 ul:nth-last-child(2) {
    height: 100px;
    color: #696969;
}

.BMH3 ul:nth-last-child(2) li {
    height: 100px;
}

.BMH3 ul:nth-last-child(2) .bl0x {
    line-height: 1.5;
    font-size: .85em;
    padding: 20px 17px 0;
    box-sizing: border-box;
}

.BMH3 ul:nth-last-child(2) li:first-child {
    padding-top: 20px;
}

.BMH3 ul:last-child {
    height: 120px;
}

.BMH3 ul:last-child .bl0x {
    background: #efefef;
}

.BMH3 ul:last-child li:last-child {
    border: none;
}

.BMH3 ul:last-child li:last-child .gumbeq {
    display: block;
    width: 80px;
    margin: 10px auto;
}

.BMH3 ul:last-child li:last-child .gumbeq:nth-of-type(2) {
    background: gray;
}

.BMH3 ul:last-child li:last-child .gumbeq:nth-of-type(2):hover {
    background: #696969;
}

.BMH3 ul:last-child li:nth-last-child(2) {
    height: 200px;
    padding: 30px 0 0 20px;
}

#getAddon {
    font-size: 1.05em;
    padding: 6px 18px;
}

#expandAddon {
    position: absolute;
    width: 173px;
    height: auto;
    font-size: .9em;
    margin: 20px 0 0 31px;
    display: none;
    border-radius: 4px;
}

#expandAddon a {
    width: 100%;
    padding: 12px 0 12px 19px;
    box-sizing: border-box;
    display: block;
    background: #efefef;
    text-align: left;
    color: #696969;
}

#expandAddon a:hover {
    background: #fff;
}

#expandAddon a i {
    font-size: .95em;
    margin-right: 6px;
}

.BMH4 {
    padding-top: 40px;
}

.BMH4 .gumbeq {
    margin: -117px 0 0 -136px;
    position: absolute;
}

.BMH4 p:first-of-type {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -.2px;
    font-size: 24px;
    text-align: center;
}

.BMH4 p:nth-of-type(2) {
    font-family: "Open Sans", sans-serif;
    text-align: center;
    font-size: 18px;
    width: 800px;
    margin: 0 auto 60px;
    letter-spacing: .2px;
}

.brshop2 h1 {
    color: #d3d3d3;
    font-size: 1.5em;
    font-weight: 700;
}

.brshop2 {
    text-align: center;
    padding-top: 50px;
}

.brshop2 h4 {
    color: #696969;
    font-weight: 300;
}

.brshop2 a {
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    width: 320px;
    display: inline-block;
}

.brshop2 a:hover {
    background: #eff3fe;
    border: 1px solid #4477f2;
}

.brshop2 a img {
    width: 88px;
}

.brshop2 a p {
    color: #696969;
    font-weight: 400;
}

.brshop2 ul {
    text-align: center;
    width: 800px;
    margin: 90px auto;
}

.brshop2 a img, .brshop2 ul {
    opacity: .8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.brshop2 li {
    width: 200px;
    height: 100px;
    cursor: pointer;
    padding-top: 10px;
    display: inline-block;
    text-align: center;
}

.Trends {
    background: #eff3fe;
}

.Trends * {
    box-sizing: border-box;
}

.Trends .section {
    background: #fff;
    padding: 22px 0 0;
}

.Trends .section article {
    background: #42c3ff;
    border-radius: 10px;
    padding: 22px 22px 2px;
    width: 980px;
    margin: 0 auto;
    color: #fff;
    background-image: url(https://i.imgur.com/hPDcjTw.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.Trends article h2 {
    margin: 0;
    font-size: 2.25em;
}

.Trends article p {
    font-size: 1.5em;
    line-height: 133%;
    width: 610px;
}

.Trends section {
    background-image: url(https://i.imgur.com/ODGp4lw.png);
    background-repeat: no-repeat;
    padding-top: 62px;
    margin-bottom: 50px;
}

.Trends section img {
    width: 512px;
    margin: 88px auto 0;
    display: block;
}

.Trends section h3 {
    font-family: 'Montserrat', sans-serif;
    color: #4477f2;
    line-height: 150%;
    width: 640px;
    margin: 44px auto 88px;
    text-align: center;
}

.Trends section button {
    display: none;
}

.Trends section p {
    margin: 22px auto 22px 165px;
    color: #4b4b4b;
    line-height: 133%;
    width: 730px;
    font-size: 1.33em;
    font-weight: 300;
}

.Trends section p:nth-of-type(2) {
    margin: 0 auto 0 165px;
}

.Trends font {
    display: block;
    height: 22px;
    width: 1024px;
    margin: 0 auto;
    background: #f6c33a;
}

.icon-1, .icon-2, .icon-3, .icon-4 {
    width: 66px;
    position: absolute;
}

.icon-1 {
    margin: 850px 0 0 -30px;
}

.icon-2 {
    margin: 770px 0 0 20px;
}

.icon-3 {
    margin: 810px 0 0 900px;
}

.icon-4 {
    margin: 720px 0 0 980px;
}

.t-intro {
    width: 100%;
    background: #f1f1f1;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 66px;
}

.t-intro .section {
    padding-top: 44px;
    height: 380px;
    text-align: center;
    background-image: url(https://i.imgur.com/Fdjeqic.png);
    background-size: cover;
    box-sizing: border-box;
}

.t-intro h1 {
    margin: 0;
    color: #4477f2;
    font-size: 2.5em;
    letter-spacing: -2px;
    margin-bottom: 20px;
}

.t-intro p {
    margin: 0;
    color: gray;
    width: 600px;
    margin: 0 auto 40px auto;
    line-height: 142%
}

.trends-features {
    height: auto;
    margin: 166px auto 0;
    width: 1024px;
}

.trends-features section:first-of-type {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-template-rows: 370px;
}

.trends-features section:first-of-type>div {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
    text-align: right;
}

.trends-features section:first-of-type>div img {
    margin-right: -110px;
}

.trends-features section:first-of-type>article {
    grid-column: 1/2;
    grid-row: 1/2;
    margin: 0;
    padding-left: 50px;
}

.trends-features section:first-of-type>article p {
    margin: 30px 0 0 3px;
}

.trends-features section:nth-of-type(2) {
    display: grid;
    grid-template-columns: 1fr 470px;
    grid-template-rows: 420px;
}

.trends-features section:nth-of-type(2)>article {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
}

.trends-features section:nth-of-type(2)>article h1 {
    width: 300px;
    margin: 44px 0 30px;
}

.trends-features section:nth-of-type(2)>div {
    grid-column: 1/2;
    grid-row: 1/2;
    margin: 0;
    padding-left: 70px;
}

.trends-features section:nth-of-type(3) {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-template-rows: 344px;
}

.trends-features section:nth-of-type(3)>div {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
    text-align: right;
    padding-right: 70px;
}

.trends-features section:nth-of-type(3)>article {
    grid-column: 1/2;
    grid-row: 1/2;
    margin: 0;
    padding-left: 50px;
}

.trends-features section:nth-of-type(3)>article h1 {
    margin-top: 80px;
}

.trends-features section:nth-of-type(3)>article p {
    width: 270px;
}

.trends-features h1 {
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-size: 2em;
    line-height: 110%;
    color: gray;
    margin: 0;
}

.trends-features p {
    font-family: "Open Sans", sans-serif;
    line-height: 150%;
    font-size: .9em;
    color: #616161;
    width: 350px;
    font-weight: 300;
}

.privacyNew {
    color: #696969 !important;
    font-family: sans-serif !important;
}

.privacyNew h1 {
    color: #4477f2;
    font-weight: 600;
    margin-bottom: 25px
}

.privacyNew h2 {
    color: #4477f2;
}

.privacyNew a {
    color: #4477f2;
    font-weight: 700;
}

.privacyNew p {
    line-height: 1.42;
    font-weight: 500;
}

.privacyNew h3 {
    margin-bottom: 10px;
}

.privacyP {
    color: #696969 !important;
    font-family: sans-serif !important;
}

.privacyP h2 {
    color: #4477f2;
}

.privacyP a {
    color: #4477f2;
    font-weight: 700;
}

.privacyP p {
    line-height: 1.42;
    font-weight: 500;
}

.privacyP li {
    line-height: 1.42;
}

.privacyP li strong {
    display: block;
    margin: 20px 0 0;
}

.privacyP ul {
    margin-left: 50px;
}

.privacyP ul li {
    margin: 10px 0;
    list-style: circle;
}

.privacyP article {
    width: 600px;
    overflow: auto;
}

.privacyP article ol {
    float: left;
    width: 300px;
}

.privacyP article span {
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #d3d3d3;
}

.privacyP article ol span:nth-of-type(1) {
    height: 90px;
    font-weight: 600;
    font-size: .8em;
    line-height: 1.3;
}

.terms h3 {
    margin: 0 0 5px;
    padding-top: 42px;
}

.terms tt {
    line-height: 1.42;
    font-size: 1.25em;
}

.terms .links a {
    display: block;
    color: #4477f2;
    line-height: 1.3;
}

.aboutus {
    height: 600px;
}

.aboutus h2 {
    color: #4477f2;
    font-weight: 300;
    width: 750px;
    line-height: 130%;
    text-align: center;
    margin: 80px auto;
    display: block;
    font-size: 2em;
}

.aboutus section {
    background: linear-gradient(180deg, #5937da, #4477f2, #8e57ff);
    background-size: 400% 400%;
    width: 200px;
    height: 200px;
    border-radius: 18px;
    float: left;
    margin: 0 40px 50px 0;
    -webkit-animation: AnimationName 9s ease infinite;
    -moz-animation: AnimationName 9s ease infinite;
    animation: AnimationName 9s ease infinite;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 51% 0;
    }

    50% {
        background-position: 50% 100%
    }

    100% {
        background-position: 51% 0;
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 51% 0;
    }

    50% {
        background-position: 50% 100%
    }

    100% {
        background-position: 51% 0;
    }
}

@keyframes AnimationName {
    0% {
        background-position: 51% 0;
    }

    50% {
        background-position: 50% 100%
    }

    100% {
        background-position: 51% 0;
    }
}

.aboutus section img {
    width: 90px;
    display: inline-block;
    margin: 52px 0 0 59px;
}

.aboutus p {
    font-weight: 400;
    font-size: 1.175em;
    line-height: 142%;
    margin: 0 0 20px;
    color: gray;
}

.contact1 div {
    text-align: center;
    float: left;
    width: 511px;
}

.contact1 div:nth-of-type(1) {
    border-right: 1px solid #d3d3d3;
}

.contact1 div h1 {
    font-weight: 300;
}

.contact1 ul {
    line-height: 150%;
    font-size: 1.175em;
    color: #696969;
}

.contact1 span {
    text-align: center;
    display: block;
    color: gray;
}

.contact1 p {
    display: inline-block;
    margin: 50px auto;
    outline: 1px solid #d3d3d3;
    clear: both;
    padding: 15px 25px;
    border-radius: 4px;
}

.contact1 i {
    margin-right: 20px;
}

.contact1 img {
    margin: 40px auto;
}

.contact1 h3 {
    font-weight: 300;
    width: 550px;
    margin: -20px auto 0;
    line-height: 150%
}

.contact1 form {
    height: 470px;
    width: 683px;
    margin: 50px auto 0;
}

.contact1 form input, .contact1 form select, .contact1 form textarea {
    border: 1px solid grey;
    padding: 5px 12px;
    font-size: 1em;
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    color: #696969 !important;
    width: 330px;
    float: left;
    box-sizing: border-box;
    margin-bottom: 14px;
    border-radius: 4px;
}

.contact1 form input:nth-child(even), .contact1 form select:nth-of-type(1) {
    margin-right: 21px;
}

.contact1 form textarea {
    width: 100%
}

.contact1 form input:last-child {
    border: none;
    float: right;
    background: #4477f2;
    color: #fff !important;
    font-weight: 500;
    width: 200px;
    padding: 10px 0;
    cursor: pointer;
}

.contact1 form input:last-child:hover {
    background: #00008b;
}

.contact1 form input:focus, .contact1 form select:focus, .contact1 form textarea:focus {
    border: 1px solid #4477f2;
}

::-webkit-input-placeholder {
    color: #696969;
}

:-moz-placeholder {
    opacity: 1;
    color: #696969;
}

::-moz-placeholder {
    opacity: 1;
    color: #696969;
}

:-ms-input-placeholder {
    color: #696969;
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dashboard {
    margin-bottom: 70px;
}

.dashboard h1 {
    text-align: center;
    margin: 50px 0;
}

.dashboard div {
    width: 100%;
    background: #d3d3d3;
    border-radius: 5px;
    padding: 12px 12px 3px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.dashboard div h2 {
    color: #fff;
    font-weight: 500;
    margin: 5px 0 15px;
}

.dashboard span {
    display: block;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    height: auto;
    padding: 20px 20px 20px 30px;
    margin: 10px 0;
}

.dashboard img {
    width: 65px;
    margin: 8px 27px 0 0;
    float: left;
}

.dashboard h3 {
    color: #4477f2;
    font-size: 2em;
    font-weight: 300;
    margin: 10px 0 0;
}

.dashboard p {
    color: gray;
    font-family: "Open Sans", sans-serif;
}

.dashboard section {
    float: right;
    margin: -60px 20px 0 0;
}

.dashboard section .gumbeq {
    margin-left: 10px;
}

.delegatebutton {
    margin-top: -20px !important;
}

.delegatebutton a {
    background: #ff8c00;
}

.delegatebutton a:hover {
    background: #d4570c !important;
}

.studentButton {
    padding-top: 39px;
    margin-right: 145px !important;
}

.studentButton a {
    background: #09a146;
    margin-right: 38px;
}

.studentButton a:hover {
    background: #008134;
}

.servReq {
    color: #696969;
}

.servReq h1 {
    text-align: center;
    color: #4477f2;
    margin-bottom: 30px;
}

.servReq li {
    text-align: left;
    width: 700px;
    margin: 15px auto;
    display: block;
    line-height: 1.5;
}

#submitTicketForm input:nth-of-type(2) {
    margin: 0 0 0 20px !important;
}

.faq1 {
    margin-top: 30px;
}

.faq1 a {
    font-size: 1.5em;
    font-weight: 300;
    color: #696969;
}

.faq1 a i {
    margin-right: 10px;
}

.faq1 a:hover {
    border-bottom: 1px solid #4477f2;
    color: #4477f2;
}

.faq1 h1 {
    color: #4477f2;
    margin-left: 18px;
    cursor: default;
}

.faq2 {
    background: #efefef;
    height: auto;
    display: block;
    width: 100%;
    padding: 50px 0 90px;
}

.faq2 .section {
    background: #fff;
    padding: 10px 50px 50px 30px;
    box-sizing: border-box;
}

.faq2 h3 {
    color: #4477f2;
    margin: 0;
    font-weight: 600;
    font-size: 1.25em;
    margin: 40px 0 15px 0;
    line-height: 142%
}

.faq2 p {
    line-height: 160%;
    color: #696969;
    font-family: sans-serif;
    margin-left: 30px;
}

.faq2 .back {
    color: #f8bb01;
    font-weight: 600;
    float: right;
    margin: 10px -20px 0 0;
}

.faqS {
    background: #fff;
    padding: 40px 0 50px !important;
}

.faqS a {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: block;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    width: 420px;
}

.faqS a:nth-of-type(1), .faqS a:nth-of-type(2), .faqS a:nth-of-type(3) {
    background: #4477f2;
}

.faqS a:nth-of-type(4) {
    background: orange;
}

.faqS h1 {
    text-align: center;
    color: gray;
    font-weight: 300;
    font-size: 1.5em;
    margin: 30px auto 20px;
}

.dParent1, .dTeacher1, .delegate1, .delegate1 .section {
    height: 150px;
}

.dParent1 a, .dTeacher1 a {
    font-size: 1.5em;
    font-weight: 300;
    color: #fff;
}

.dParent1 a i, .dTeacher1 a i {
    margin-right: 10px;
}

.dParent1 a:hover, .dTeacher1 a:hover {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.dParent1 h1, .dTeacher1 h1 {
    color: #fff;
    margin: 15px 0 0 18px;
    cursor: default;
}

.dParent1 span:nth-of-type(1), .dTeacher1 span:nth-of-type(1) {
    width: 673px;
    float: left;
    display: inline-block;
    height: 157px;
    padding: 55px 0 0 20px;
    box-sizing: border-box;
}

.dParent1 span:nth-of-type(1) {
    background: #ffc61b;
}

.dTeacher1 span:nth-of-type(1) {
    background: #35c25e;
}

.dParent1 span:nth-of-type(2), .dTeacher1 span:nth-of-type(2) {
    width: 33.3%;
    float: left;
    display: inline-block;
    height: 100%
}

.dParent1 img, .dTeacher1 img {
    float: left;
    height: 157px;
}

.dTeacher1 img {
    margin: 0 0 0 20px;
}

.dParent2 {
    margin-top: 100px;
}

.dParent2 .section {
    border-bottom: 1px solid #d3d3d3;
    overflow: auto;
    margin-bottom: 60px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.dParent2 img {
    position: absolute;
}

.dParent2 h1 {
    width: 42%;
    font-weight: 300;
    color: gray;
    line-height: 1.3;
    font-size: 2.25em;
    font-size: 2em !important;
}

.dParent2 p {
    width: 42%;
    font-weight: 300;
    color: gray;
    line-height: 1.3;
}

.dParent2 .section:nth-child(even) h1, .dParent2 .section:nth-child(even) p {
    text-align: right;
    margin-left: 58%
}

.dParent3 h1 {
    font-size: 1.5em;
    text-align: center;
}

.dParent3 h1 strong {
    display: block;
}

.dParent2 .section:nth-of-type(1) img {
    margin: -260px 0 0 480px;
}

.dParent2 .section:nth-of-type(1) {
    padding-bottom: 50px;
}

.dParent2 .section:nth-of-type(2) img {
    margin: -197px 0 0 -75px;
}

.dParent2 .section:nth-of-type(2) {
    padding-bottom: 93px;
}

.dParent2 .section:nth-of-type(3) img {
    margin: -250px 0 0 520px;
}

.dParent2 .section:nth-of-type(3) {
    padding-bottom: 83px;
}

.delegate1 {
    border-bottom: 2px solid #813dff;
    width: 100%
}

.delegate1 .section {
    background: url(../img/pic_BMEE/dashboard_delegate.png);
    background-repeat: no-repeat;
    padding-top: 44px;
}

.delegate1 a:first-of-type {
    font-size: 1.5em;
    font-weight: 300;
    color: #696969;
    cursor: pointer;
}

.delegate1 a:first-of-type i {
    margin-right: 10px;
}

.delegate1 a:first-of-type:hover {
    border-bottom: 1px solid #696969;
}

.delegate1 h1 {
    color: #813dff;
    margin: 15px 0 0 18px;
    cursor: default;
}

.delegate1 button {
    background: #a4a4a4;
    color: #fff;
    border: none;
    font-weight: 700;
    float: right;
    padding: 8px 12px;
    border-radius: 7px;
    cursor: pointer;
    margin-top: -36px;
}

.delegate2 {
    background: #f6f6f6;
    color: #575757;
    width: 100%;
    padding-bottom: 40px;
    font-family: "Open Sans", sans-serif;
}

.delegate2 p {
    width: 850px;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
    font-size: 1.125em;
    line-height: 142%;
    padding: 50px 0 40px;
}

.delegate2 p strong {
    font-weight: 600;
}

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

.delegate2 a {
    background: #813dff;
    color: #fff;
    cursor: pointer;
    padding: 8px 20px 9px;
    border-radius: 7px;
}

.delegate2 a:hover {
    background: #6d2af7;
}

.delegate3 span {
    border-bottom: 1px solid #d3d3d3;
    width: 100%;
    display: block;
}

.delegate3 span h1 {
    color: gray;
    margin: 0;
    font-size: 2em;
    line-height: 1.3;
    width: 400px;
    font-weight: 300;
}

.delegate3 span:nth-of-type(1) h1, .delegate3 span:nth-of-type(2) h1, .delegate3 span:nth-of-type(3) h1 {
    padding: 100px 0 80px;
}

.delegate3 span:nth-of-type(2) h1 {
    text-align: right;
    margin-left: 624px;
}

.delegate3 span:nth-of-type(1) {
    background-image: url(../img/pic_BMEE/dlgt01.png);
    background-repeat: no-repeat;
    background-position: 75% 50%
}

.delegate3 span:nth-of-type(2) {
    background-image: url(../img/pic_BMEE/dlgt02.png);
    background-repeat: no-repeat;
    background-position: 20% 50%
}

.delegate3 span:nth-of-type(3) {
    background-image: url(../img/pic_BMEE/dlgt03.png);
    background-repeat: no-repeat;
    background-position: 75% 50%
}

.delegate4 {
    width: 100%;
    height: 470px;
    background-image: url(../img/pic_BMEE/dlgtbg.jpg);
    background-attachment: fixed;
    font-family: "Open Sans", sans-serif;
    background-size: cover;
}

.delegate4 .section {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 430px 1fr;
}

.delegate4 span {
    grid-column: 1/2;
    padding-top: 72px;
}

.delegate4 article {
    grid-column: 2/3;
    padding: 44px 0 0 44px;
}

.delegate4 li {
    list-style: none;
    display: grid;
    grid-template-columns: auto 1fr;
    font-size: 1em;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 7px;
    width: auto;
    outline: 1px solid #d3d3d3;
}

.delegate4 li img {
    grid-column: 1/2;
    padding: 12px 20px 11px 15px;
}

.delegate4 li font {
    grid-column: 2/3;
    padding: 20px 0 0;
    line-height: 130%
}

.delegate4 h2 {
    color: #6d2af7;
    font-size: 2em;
    letter-spacing: -1px;
}

.delegate4 p {
    line-height: 150%;
    font-size: .9em;
}

.delegate5 {
    height: 100px;
    padding-top: 140px !important;
    text-align: center;
}

.delegate5 a {
    font-family: "Open Sans", sans-serif;
    font-size: 1.25em;
    margin-right: 44px;
    border-radius: 10px;
    padding: 15px 30px;
}

.delegate5 a:first-of-type {
    background: #f6f6f6;
    color: #696969;
    border: 1px solid #696969;
}

.delegate5 a:last-of-type {
    background: #5215ec;
    color: #fff;
    cursor: pointer;
}

.delegate5 a:last-of-type:hover {
    background: #6d2af7;
}

.pricing1 article {
    width: 520px;
    margin: 0 auto 40px;
    padding-bottom: 35px;
    box-sizing: border-box;
    background: #fff;
}

.pricing1 h1 {
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 17px 0 14px;
    box-sizing: border-box;
    font-size: 1.42em;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.pricing1 h3 {
    font-weight: 300;
    text-align: center;
    font-size: 1.125em;
    margin: 40px auto 0;
}

.pricing1 h2 {
    font-weight: 600;
    text-align: center;
    font-size: 1.25em;
    margin: 20px auto;
}

.pricing1 h2 strong {
    font-size: 2.75em;
}

.pricing1 h2 sup {
    font-size: .55em;
}

.pricing1 button {
    border: none;
    margin: 20px auto 50px;
    display: block;
    font-size: 1.125em;
}

.pricing1 button:nth-of-type(1) {
    background: #efb519;
}

.pricing1 button:nth-of-type(1):hover {
    background: #eaa207;
}

.pricing1 p {
    text-align: center;
    line-height: 1.5;
    color: #999;
    width: 420px;
    margin: 0 auto;
}

.bmhPrice article {
    color: #4477f2;
    width: 620px;
}

.bmhPrice article h3 {
    font-size: 3.5em;
    font-weight: 300;
    color: gray;
}

.bmhPrice article strong {
    display: block;
    text-align: center;
    color: gray;
    font-weight: 400;
    line-height: 142%;
    margin-top: 6px;
}

.bmhPrice article a {
    border-radius: 3px;
    font-size: 1.25em;
    font-weight: 700;
}

.bmhPrice article a button {
    background-color: #fb8c35 !important;
    border-radius: 10px;
}

.bmhPrice article h2 {
    float: left;
    width: 309px;
    padding: 30px 0;
}

.bmhPrice article h2:nth-of-type(1) {
    border-right: 1px solid #d3d3d3;
}

.partner1 span {
    display: block;
    width: 800px;
    margin: 0 auto;
}

.partner1 span img {
    float: left;
    margin-right: 20px;
}

.partner1 span h3 {
    color: #4477f2;
    font-weight: 300;
    line-height: 1.5;
    font-size: 1.125em;
}

.partner1 h1 {
    text-align: center;
    margin: 100px auto 70px;
}

.partner1 div {
    overflow: auto;
    margin: 0 auto 70px;
}

.partner1 div article {
    width: 33%;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
}

.partner1 div article:nth-of-type(1) {
    padding: 0 40px 0 0;
}

.partner1 div article:nth-of-type(3) {
    padding: 0 0 0 40px;
}

.partner1 article i {
    font-size: 3.5em;
    color: #ffc71e;
    float: left;
    margin-right: 25px;
}

.partner1 article:nth-of-type(2) i {
    font-size: 4.2em;
}

.partner1 article h2 {
    color: #4477f2;
    font-weight: 300;
    font-size: 1.9em;
    margin: 0;
}

.partner1 article p {
    line-height: 1.5;
    color: #696969;
    font-size: 1em;
    font-weight: 300;
    margin-top: 42px;
}

.partner2 {
    margin: 100px auto;
}

.partner2 article {
    overflow: auto;
}

.partner2 article h1 {
    border-bottom: 1px solid gray;
    float: left;
    width: 256px;
    margin: 0;
    padding: 70px 0 18px;
    box-sizing: border-box;
    font-size: 1em;
    color: gray;
}

.partner2 article h2 {
    float: left;
    width: 25%;
    margin: 0;
    text-align: center;
    color: #fff;
    background: #4477f2;
    padding: 20px;
    box-sizing: border-box;
    font-size: 1em;
    font-weight: 400;
}

.partner2 h3 {
    float: left;
    width: 128px;
    text-align: center;
    padding: 20px 0;
    box-sizing: border-box;
    margin: 0;
    font-weight: 400;
    font-size: 1em;
}

.partner2 h3:nth-child(even) {
    background: #efefef;
}

.partner2 ul {
    margin: 0;
    overflow: auto;
}

.partner2 ul h1 {
    margin: 0;
    width: 256px;
    float: left;
    font-weight: 400;
    color: gray;
    padding: 20px 0 0;
    box-sizing: border-box;
    border-bottom: 1px solid #d3d3d3;
    font-size: 1.125em;
    height: 54px !important;
    font-size: 1em;
}

.partner2 ul li {
    width: 128px !important;
    display: inline-block;
    text-align: center;
    height: 54px;
    float: left;
    padding: 20px 0 0;
    box-sizing: border-box;
    border-bottom: 1px solid #d3d3d3;
}

.partner2 ul li:nth-of-type(5) {
    width: 256px !important;
}

.partner2 ul li:nth-child(odd) {
    background: #efefef;
}

.partner2 i {
    font-weight: 700;
}

.partner2 .fa-check {
    color: #32cd32;
}

.partners-welcome {
    width: 800px;
    margin: 50px auto;
    height: 400px;
}

.partners-welcome h1 {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    color: #404040;
    margin: 50px auto 100px auto;
}

.partners-welcome a {
    padding: 20px;
    margin: 16px auto;
    display: block;
    width: 400px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 1.25em;
    border-radius: 5px;
    font-weight: 600;
    user-select: none;
    cursor: pointer;
}

.partners-welcome a:first-of-type {
    color: white;
    background: #477cef;
}

.partners-welcome a:last-of-type {
    background: #e6f3ff;
    color: #477cef;
}


.homeSetup article {
    border: 1px solid #4477f2;
    border-radius: 4px;
    width: 700px;
    margin: 30px auto;
    padding: 30px 50px;
    color: #696969;
}

.homeSetup article h1 {
    text-align: center;
    color: #4477f2;
    margin: 0;
    box-sizing: border-box;
}

.homeSetup article h2 {
    font-size: 1.125em;
    font-weight: 600;
    color: #ffc819;
}

.homeSetup article li, .homeSetup article p {
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1.5;
}

.careers {
    overflow: auto;
    margin: 50px auto;
}

.dept {
    width: 500px;
    float: left;
    display: inline-block;
    margin: 15px 0;
}

.dept:nth-child(odd) {
    margin-right: 24px;
}

.dept {
    padding: 15px 20px 15px 25px;
    box-sizing: border-box;
    border-left: 1px solid #4477f2;
}

.dept:hover {
    background: #f3f3f3;
}

.dept:hover p {
    color: #4477f2;
}

.dept h1 {
    color: #4477f2;
}

.dept h2 {
    color: #696969;
    font-weight: 300;
    line-height: 1.42;
    font-size: 1em;
}

.dept p {
    color: #999;
}

.jobs {
    color: #696969;
    line-height: 1.42;
    width: 800px;
}

.jobs h1 {
    margin-top: 40px;
    border-bottom: 1px solid #4477f2;
}

.jobs h2 {
    margin: 20px 0 10px;
    font-size: 1.25em;
}

.jobs li {
    line-height: 1.7;
}

.jobs button {
    margin: 20px 0;
    border: none;
    background: #4477f2;
    color: #fff;
    padding: 8px 12px;
    cursor: pointer;
}

.jobs button:hover {
    background: #00008b;
}

.whoswho {
    overflow: hidden;
    height: 880px;
    width: 600px;
    margin-top: 70px;
}

.whoswho span {
    display: block;
    height: 134px;
    background: linear-gradient(135deg, #4477f2, #00008b, #4477f2);
    background-size: 600% 600%;
    -webkit-animation: AnimationName2 16s ease infinite;
    -moz-animation: AnimationName2 16s ease infinite;
    -o-animation: AnimationName2 16s ease infinite;
    animation: AnimationName2 16s ease infinite;
}

.whoswho span:nth-of-type(2) {
    -webkit-animation: AnimationName2 12s ease infinite;
    -moz-animation: AnimationName2 12s ease infinite;
    -o-animation: AnimationName2 12s ease infinite;
    animation: AnimationName2 12s ease infinite;
}

.whoswho span:nth-of-type(3) {
    -webkit-animation: AnimationName2 14s ease infinite;
    -moz-animation: AnimationName2 14s ease infinite;
    -o-animation: AnimationName2 14s ease infinite;
    animation: AnimationName2 14s ease infinite;
}

@-webkit-keyframes AnimationName2 {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 93% 100%
    }

    100% {
        background-position: 0 0;
    }
}

@-moz-keyframes AnimationName2 {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 93% 100%
    }

    100% {
        background-position: 0 0;
    }
}

@-o-keyframes AnimationName2 {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 93% 100%
    }

    100% {
        background-position: 0 0;
    }
}

@keyframes AnimationName2 {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 93% 100%
    }

    100% {
        background-position: 0 0;
    }
}

.whoswho span img {
    float: left;
    width: 200px;
}

.whoswho div {
    height: 150px;
    width: 600px;
    margin: 0;
}

.whoswho div article {
    float: left;
    width: 200px;
    height: 100px;
    margin-top: 20px;
}

.whoswho h1 {
    text-align: center;
    font-weight: 500;
    color: #696969;
    font-size: 1.125em;
}

.whoswho h2 {
    text-align: center;
    font-weight: 400;
    color: #4477f2;
    font-size: 1em;
    margin: 0;
}

.news {
    padding-top: 40px;
}

.news span {
    width: 100%;
    background: #efefef;
    color: #696969;
    display: block;
    text-align: center;
    font-size: 1.75em;
    font-weight: 300;
    padding: 30px 0;
}

.anchors {
    background: #696969;
    width: 30%;
    float: left;
}

.anchors a {
    text-decoration: none;
    color: #fff;
}

.BMDNS1 {
    width: 800px;
    text-align: justify;
    font-size: 1.33em;
    color: #696969;
    line-height: 1.25;
    font-weight: 300;
    margin: 20px auto;
    height: 260px;
    padding-top: 30px;
}

.BMDNS2 {
    width: 100%;
    height: 460px;
    background: #efefef;
}

.BMDNS2 li {
    width: 33.3%;
    float: left;
    list-style: none;
    padding: 0 15px;
    box-sizing: border-box;
    cursor: default;
}

.BMDNS2 li:first-child {
    padding-left: 0;
}

.BMDNS2 li:last-child {
    padding-right: 0;
}

.BMDNS2 li span {
    border-radius: 20px;
    display: block;
    margin: 0 auto;
    background: #fff;
    padding: 55px 25px 0;
    box-sizing: border-box;
    margin-top: 70px;
    height: 280px !important;
    text-align: center;
}

.BMDNS2 li span i {
    font-size: 1.75em;
    background: #ffc71e;
    margin: -80px 0 0 -25px;
    color: #fff;
    border-radius: 100px;
    padding: 10px 17px;
    position: absolute;
}

.BMDNS2 li:nth-of-type(2) i {
    padding: 10px 14px;
}

.BMDNS2 li:nth-of-type(3) i {
    padding: 10px;
}

.BMDNS2 li span h1 {
    color: #4477f2;
    font-size: 1.25em;
    margin: 0;
    line-height: 1.3;
}

.BMDNS2 li span p {
    line-height: 1.55;
    color: #696969;
    font-weight: 300;
    font-size: 1em;
    text-align: left;
    font-family: "Open Sans", sans-serif;
}

.BMDNS3 {
    width: 100%;
    height: 420px;
    background: url(http://i.imgur.com/gq7NV22.jpg);
    background-size: cover;
    background-position: fixed;
    background-attachment: fixed;
}

.BMDNS3 .section {
    height: auto;
    padding-top: 40px;
}

.BMDNS3 img {
    width: 50px;
}

.BMDNS3 h1 {
    color: #fff;
    text-align: center;
    margin-bottom: 80px;
}

.BMDNS3 li {
    border-left: 5px solid #fff;
    float: left;
    width: 300px;
    color: #fff;
    font-size: 1.5em;
    list-style: none;
    height: 57px;
    font-weight: 300;
    line-height: 1.33;
    padding: 0 0 0 10px;
    margin: 0 0 35px;
}

.BMDNS3 li:nth-of-type(1), .BMDNS3 li:nth-of-type(2), .BMDNS3 li:nth-of-type(4), .BMDNS3 li:nth-of-type(5) {
    margin-right: 35px;
}

.BMDNS5 {
    width: 100%;
    height: auto;
    padding-bottom: 80px;
    background: #fff;
}

.BMDNS5 .section {
    text-align: center;
    color: #4477f2;
}

.BMDNS5 h1 {
    margin: 70px auto 50px;
}

.BMDNS5 img {
    margin: 20px auto 30px;
    border-radius: 17px;
}

.BMDNS5 .gumbeq {
    display: inline-block;
    font-size: 1.25em;
    margin: 20px auto 0;
    padding: 10px 20px 10px 23px;
}

.BMDNS5 .gumbeq i {
    font-size: .9em;
    margin: 0 0 -2px 5px;
}

.bcloud h2 {
    line-height: 1.5em;
}

.howtoNav {
    background: #eff3fe;
    width: 100%;
    height: 50px;
    padding-top: 17px;
    box-sizing: border-box;
    border-bottom: 1px solid #4477f2;
}

.howtoNav h1 {
    margin: 0;
    float: left;
    font-size: 1em;
    cursor: default;
}

.howtoNav h1 a {
    color: #4477f2;
}

.howtoNav nav {
    float: right;
}

.howtoNav nav a {
    color: #4477f2;
    font-size: .85em;
    margin: 0 6px;
    text-transform: uppercase;
    font-weight: 300;
}

.howtoNav nav a:hover {
    text-decoration: underline;
}

.howtoNav .active {
    font-weight: 700;
}

.howtoContent {
    background: #f7f7f7;
}

.howtoContent article {
    padding: 50px 0;
    background: #fff;
}

.howtoContent iframe {
    border-radius: 6px;
}

.howtoContent section {
    width: 720px;
    margin: 0 auto;
    color: #696969;
    line-height: 1.3;
    font-weight: 300;
}

.howtoContent section a, .howtoContent section h3 {
    color: #4477f2;
}

.howtoContent h1 {
    color: #4477f2;
    text-align: center;
    font-size: 1.25em !important;
}

.howtoContent span {
    background: #eff3fe;
    display: block;
    width: 512px;
    margin: 0 auto;
    border-radius: 7px;
    text-align: center;
    padding: 15px 0;
    border: 1px solid #4477f2;
}

.howtoContent span a {
    background: #4477f2;
    margin: 10px 3px;
    font-size: 18px;
    display: inline-block;
    padding: 6px 14px 5px;
    border-radius: 20px;
    color: #fff;
}

.howtoContent span:nth-of-type(2) a:nth-of-type(1) {
    margin-top: 20px;
    background: orange;
}

.howtoContent h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 300;
    color: #4477f2 !important;
}

.howtoContent h2 img {
    width: 42px;
    margin: 0 15px -13px 0;
}

.homeSelect .section {
    height: 400px;
}

.homeSelect .section a button {
    font-size: 30px;
    cursor: pointer;
    border: 0;
    padding: 15px 30px;
    border-radius: 5px;
    font-weight: 700;
    width: 100%;
    text-align: left;
}

.homeSelect .section a:first-of-type button {
    background: #fff4ed;
    color: #fb893d;
    margin-bottom: 20px;
}

.homeSelect .section a:nth-of-type(2) button {
    background: #ebf0ff;
    color: #4477f2;
}

.homeSelect .section>div {
    width: 50%;
    margin: 100px auto;
}

.head21 {
    margin: 0 auto;
    width: 100%;
    background-image: url(../img/girlbulb.jpg);
    height: 100vh;
    background-size: cover;
    background-position: 0 20%;
    padding-top: 87px;
    box-sizing: border-box;
}

.menucovid {
    display: none;
}

.head21 span .callUs {
    font-family: 'Open Sans', sans-serif;
    color: #303030;
    font-size: 12px;
    background: rgba(255, 255, 255, .5);
    padding: 6px 17px;
    border-radius: 20px;
    letter-spacing: .3px;
    display: inline;
}

.head21 article {
    max-width: 1800px;
    padding-left: 15%;
    margin: 0 auto;
    margin-top: calc(50vh - 220px);
}

.head21 article h1 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 3em;
    line-height: 110%;
    width: 420px;
    margin: 0;
}

.head21 article p {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 1.25em !important;
    margin-bottom: 40px;
}

.head21 article a:first-of-type button {
    background: #303030 !important;
    border: 2px solid #303030 !important;
    box-shadow: none !important;
    margin-right: 10px;
    font-family: 'Montserrat', sans-serif !important;
}

.head21 article a:nth-of-type(2) button {
    box-shadow: none !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
}

.head21 article a:nth-of-type(2) button i {
    margin-left: 8px;
}

.testimos {
    padding-top: 50px;
    background: linear-gradient(180deg, #e8edf1 0, #fff 66%);
}

.testimos h1 {
    font-family: 'Montserrat', sans-serif;
    line-height: 110%;
    font-size: 45px;
    text-align: center;
    letter-spacing: -.4px;
    margin: 0 auto 70px auto;
    color: #8594a2;
    padding-top: 47px;
}

.testimos>section {
    max-width: 1300px;
    min-width: 950px;
    margin: 0 auto;
    display: grid;
    grid-gap: 45px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 34px 50px 130px 50px;
}

.testimos section div article {
    text-align: center;
    padding-bottom: 43px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #ced8de;
}

.testimos section div article span {
    width: 80px;
    height: 80px;
    display: block;
    position: relative;
    border-radius: 100px;
    margin: 0 auto;
    margin-top: -45px;
    display: inline-block;
}

.testimos section div:first-of-type article span {
    background-image: url(../img/referrals/testos-griesser.png);
}

.testimos section div:nth-of-type(2) article:first-of-type span {
    background-image: url(../img/referrals/testos-rhoads.png);
}

.testimos section div:nth-of-type(2) article:nth-of-type(2) span {
    background-image: url(../img/referrals/testos-mandy.png);
}

.testimos section div:nth-of-type(3) article:first-of-type span {
    background-image: url(../img/referrals/testos-garback.png);
}

.testimos section div:nth-of-type(3) article:nth-of-type(2) span {
    background-image: url(../img/referrals/testos-becky.png);
}

.testimos section div:first-of-type article {
    margin-top: 111px;
    padding-bottom: 30px;
}

.testimos section div:nth-of-type(2) article:first-of-type {
    padding-bottom: 43px;
}

.testimos section div:nth-of-type(2) article:nth-of-type(2) {
    margin-top: 70px;
}

.testimos section div:nth-of-type(3) article:nth-of-type(2) {
    margin-top: 70px;
}

.testimos section div article p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    padding: 0 50px;
    color: #606d79d1;
}

.testimos section div article strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #98b1c5;
    letter-spacing: -.3px;
    font-size: 14px;
}

/*certified Congrats*/

.certifiedCongrats {
    background: #fdfdfd;
    padding-top: 1px;
}

.certifiedCongrats>section:first-of-type {
    text-align: center;
    background: #e6f3ff;
    padding: 30px 30px 50px 30px;
    font-family: 'Montserrat', sans-serif;
    color: #466adc;
    border-radius: 20px;
    margin: 40px 3% 0 3%;
    border: 1px solid #adcae4;
}

.lv2>section:first-of-type {
    color: #00b24c;
    background: #ddffe4;
    border: 1px solid #9edeab;
}

.certifiedCongrats>section:first-of-type h1 {
    width: 682px;
    line-height: 142%;
    margin: 30px auto 0 auto;
    font-size: 1.75em;
}

.certifiedCongrats>section:first-of-type p {
    font-size: 1.125em;
    margin: 20px auto 40px auto;
}

.certifiedCongrats>article {
    outline: none;
    border-radius: 20px;
    max-width: 900px;
    margin: 40px auto;
    -webkit-box-shadow: 0px 8px 30px -11px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 30px -11px rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
}

body#tinymce {
    background: #FFFFFF
}

.certifiedCongrats>article h1 {
    font-family: 'Montserrat', sans-serif;
    color: #878890;
    padding: 20px 25px;
    font-weight: 800;
    font-style: italic;
    font-size: 1.5em;
    margin: 0;
}

.certifiedCongrats>article p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: italic;
    margin: 0 0 20px 25px;
    color: #656469;
    font-size: 1.125em;
}

.certifiedCongrats>article:last-of-type {
    margin-bottom: 100px;
}

.lv2>article:nth-of-type(3) {
    background: white !important;
}


.emailBadge {
    padding: 30px 0 40px 49px;
    display: block;
}

.emailBadge img {
    margin-right: 20px;
}

.certifiedCongrats>article iframe {
    margin: 12px 0 40px 50px;
}


.continueCert {
    background: #ddffe4 !important;
}

.continueCertBtn {
    background: #00b24c;
    color: white;
    font-weight: 600;
    padding: 15px 20px;
    display: inline-block;
    margin: 12px 0 40px 50px;
    border-radius: 40px;
    font-family: 'Montserrat', sans-serif;
}

.continueCertBtn i {
    margin-left: 10px;
}

.socMed {
    width: 400px;
    display: grid;
    margin-top: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}

.socMed>div:last-of-type {
    margin-left: -11px;
}

.success3dicon {
    margin: -50px auto 0 auto;
    display: block;
}

.socMed p {
    font-style: normal !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
    color: grey;
    margin-left: 49px !important;
}


.magicImages {
    display: grid;
    grid-template-columns: 350px auto;
    padding: 40px 0 50px 60px;
}

.magicImages .continueCertBtn {
    width: 280px;
    height: 58px;
    margin: 210px auto;
    padding: 18px 0 17px 30px;
    font-size: 1.25em;
    grid-column: 2/3;
    background: #feba3f;
    cursor: pointer;
}

.magicImages .ccb2 {
    background: #477cef;
}

.magicImages img {
    grid-column: 1/2;
    grid-row: 1/2;
    outline: 1px solid lightgrey;
}


@media only screen and (max-width:1024px) {
    .testimos {
        padding-bottom: 40px;
    }

    .testimos>section {
        max-width: 85%;
        min-width: 80%;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .testimos h1 {
        padding-top: 0;
    }

    .testimos section div article p {
        padding: 0 10%
    }

    .testimos section div article {
        margin-bottom: 30px;
    }

    .testimos section div:nth-of-type(2) article:nth-of-type(2) {
        display: none;
    }

    .testimos section div:nth-of-type(3) article:first-of-type {
        display: none;
    }

    .testimos section div:nth-of-type(3) article:nth-of-type(2) {
        margin-top: 0;
    }
}

.head21 article {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (max-width:1023px) {
    .head21 {
        height: 600px;
    }

    .head21 article {
        margin-top: 80px;
        padding-left: 80px;
    }
}

@media only screen and (max-width:900px) {
    .head21 {
        height: auto;
        padding-bottom: 70px;
        background-position: center center;
        padding-top: 1px;
    }

    .head21 article {
        margin: 0 auto;
        padding: 0 20px !important;
        text-align: center;
    }

    .head21 article h1 {
        width: 100%;
        margin: 150px auto 0 auto;
        line-height: 125%;
        font-size: 2.25em !important;
        text-align: left;
    }

    .head21 article button {
        width: 100%;
        border-radius: 50px !important;
    }

    .head21 article p {
        margin-bottom: 0;
        text-align: left;
    }

    .head21 span {
        text-align: center;
        min-width: 100%;
        margin: 0 auto;
    }

    .head21 span .callUs {
        width: 80%;
        display: block;
        margin: 0 auto;
        font-size: 16px;
        padding: 15px 0;
    }
}