/*web-font*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

:root
{
    --plyr-color-main: #003366;
    /* --plyr-control-icon-size: 28px; */
    --plyr-video-controls-background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 1));
    /* --plyr-range-track-height: 10px; */
    --plyr-video-control-color: #036;
    --plyr-range-fill-background: #81abe8;
    --plyr-video-range-track-background: #ccc;
    /* --plyr-range-thumb-height: 18px; */
    --plyr-range-thumb-background: #104f8e;
    --plyr-font-size-time: --plyr-font-size-base;
    --plyr-video-background: #fff;
    /* --plyr-control-padding: 15px; */
}
.plyr__control--overlaid { color: #fff !important; }
    .plyr__control--overlaid .svg { width: 46px; height: 46px; }


body
{
    font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;
    font-weight: 400;
}

a
{
    text-decoration: underline;
    transition: all .25s ease-in-out;
}
    a:focus, a:hover
    {
        text-decoration: none;
    }

h1, h2, h3, h4
{
    font-weight: 800;
    color: #003366;
}
h1 { font-size: 3.375rem; }
h2 { font-size: 2.875rem; }
h3 { font-size: 2.500rem; }
h4 { font-size: 2.125rem; }
h5 { font-size: 1.750rem; }
h6 { font-size: 1.500rem; }
p, li
{
    line-height: 1.85;
    font-size: 1.5rem;
    font-weight: 300;
    color: #111;
}
li { margin-bottom: 15px; }

.small h1 { font-size: 2.7rem; }
.small h2 { font-size: 2.3rem; }
.small h3 { font-size: 2.0rem; }
.small h4 { font-size: 1.7rem; }
.small h5 { font-size: 1.4rem; }
.small h6 { font-size: 1.2rem; }
.small p, .small li
{
    font-size: 1.2rem;
}

input:focus, select:focus, textarea:focus
{
    outline: none;
}

img
{
    border-style: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.alert { border-left-width: 8px; }
.alert li { font-size: 1rem; }
.alert strong { color: inherit !important; }
.alert-info
{
    color: #fff;
    background-color: #448aff;
    border-color: #1565c0;
}
    .alert-info h1, .alert-info h2, .alert-info h3,
    .alert-info h4, .alert-info h5, .alert-info h6
    {
        color: #fff !important;
    }
.alert-success
{
    color: #fff;
    background-color: #4caf50;
    border-color: #2e7d32;
}
    .alert-success h1, .alert-success h2, .alert-success h3,
    .alert-success h4, .alert-success h5, .alert-success h6
    {
        color: #fff !important;
    }
.alert-warning
{
    color: inherit;
    background-color: #ffc107;
    border-color: #ff8f00;
}
.alert-danger
{
    color: #fff;
    background-color: #f44336;
    border-color: #c62828;
}
    .alert-danger h1, .alert-danger h2, .alert-danger h3,
    .alert-danger h4, .alert-danger h5, .alert-danger h6
    {
        color: #fff !important;
    }

.wrapper
{
    overflow: hidden;
}
/***** CSS *****/

.nav
{
    padding: 0;
}

.logo
{
    margin: 0;
    padding: 0;
}
.logo img { transition: max-width .25s ease-in-out; }

#header
{
    padding: 23px 0 27px;
    background-color: #fff;
}

    #header .nav-item
    {
        margin-right: 32px;
    }

    #header .nav-link
    {
        padding: 0;
        font-weight: 800;
        color: #000033;
        font-size: 20px;
        text-transform: uppercase;
        text-decoration: none;
    }
        #header .nav-link:hover,
        #header .nav-link:focus
        {
            text-decoration: underline;
        }

    #header .container-fluid
    {
        padding: 0 40px;
    }

.social-icon
{
    display: flex;
    align-items: center;
}

    .social-icon li
    {
        margin-right: 30px;
    }

        .social-icon li:last-child
        {
            margin-right: 0px;
        }

.hero-sec
{
    background: #8C99A6 url("../images/hero-bg.png") no-repeat center center;
    background-size: cover;
    padding: 151px 0 168px;
}
    .hero-sec .btn
    {
        padding: 20px;
    }

.hero-text
{
    text-align: center;
    max-width: 917px;
    margin: 0 auto;
    text-shadow: 0 0 8px rgba(0,0,0,.75);
}

    .hero-text h1
    {
        margin-bottom: 44px;
        line-height: 65.23px;
        font-size: 3.375rem;
        color: #fff;
        font-weight: 800;
        text-shadow: 0 0 30px rgba(0,0,0,.8);
    }

        .hero-text h1 span
        {
            display: block;
        }

.hero-text ul
{
    margin-bottom: 55px;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    overflow: hidden;
}
    .hero-text li
    {
        flex: 1 1 auto;
        font-size: 1.625rem;
        position: relative;
        line-height: 50px;
        color: #fff;
    }
    .hero-text li a
    {
        font-weight: 300;
        color: #fff;
        text-decoration: none;
    }
    .hero-text li:before
    {
        position: absolute;
        content: "";
        width: 2px;
        height: 1.2em;
        background-color: #fff;
        top: 49%;
        right: 100%;
        transform: translate(0, -50%);
    }
    .hero-text li:first-child:after
    {
        display: none;
    }
        .hero-text li:nth-child(5):after
        {
            display: none;
        }

.btn
{
    width: auto; height: auto;
    max-width: none;
}
.btn.disabled, .btn:disabled
{
    opacity: 0.5;
    filter: saturate(0.6);
}

.btn-primary
{
    background-color: #fff;
    border: 4px solid #00407c;
    border-radius: 10px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: none;
    font-weight: 700;
    color: #003;
    padding: .5rem 1rem;
}

    .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active
    {
        background-color: #00407c;
        border-color: #00407c;
    }

    .btn-primary:focus
    {
        box-shadow: 0 0 2px 0.2rem rgba(0, 64, 124, .5);
    }
.btn-light
{
    text-decoration: none;
}

.my-btn, .btn-lg /*TODO: Get rid of the my-btn class*/
{
    font-size: 18px;
    font-weight: 800;
    color: #000033;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 74px;
    max-width: 301px;
    width: 100%;
    border-radius: 10px;
    border: 5px solid rgb(0, 64, 124);
}

.btn-group-sm .my-btn,
.my-btn.btn-sm
{
    border-width: 2px;
    border-radius: 6px;
}

.card
{
    border-color: #00407C;
}

.california-sec
{
    text-align: center;
    padding: 89px 0 100px;
}
    .california-sec .btn
    {
        padding: 20px;
    }

.california-text
{
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}

.course-sec
{
    padding: 98px 0 100px;
    background-color: #6699cc;
    text-align: center;
}
    .course-sec .btn
    {
        padding: 20px;
    }

.course-inner
{
    max-width: 1530px;
    width: 100%;
    margin: 0 auto 56px;
    display: flex;
    justify-content: space-between;
}

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

    .course-one .icon-holder
    {
        min-height: 80px;
        margin-bottom: 36px;
    }

    .course-one h3
    {
        text-transform: uppercase;
        line-height: 24px;
        font-size: 20px;
        font-weight: 800;
        color: #000033;
        margin-bottom: 10px;
    }

        .course-one h3 span
        {
            display: block;
        }

    .course-one p
    {
        line-height: 30px;
        font-size: 20px;
        color: #fff;
        font-weight: 300;
        width: 272px;
        margin: 0 auto;
    }

.works-sec
{
    text-align: center;
    padding: 100px 0 94px;
    background-image: url("../images/works-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.heading
{
    font-size: 40px;
    font-weight: 800;
}

.works-sec .heading
{
    margin-bottom: 46px;
    color: #fff;
}

.works-inner
{
    max-width: 1530px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

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

    .works-one h3
    {
        margin-bottom: 33px;
        font-size: 80px;
        font-weight: 800;
        line-height: 45px;
        color: #fff;
    }

        .works-one h3 span
        {
            display: block;
            font-size: 20px;
        }

    .works-one h4
    {
        margin-bottom: 8px;
        line-height: 24px;
        color: #fff;
        font-size: 20px;
        font-weight: 800;
    }

        .works-one h4 span
        {
            display: block;
        }

    .works-one p
    {
        width: 248px;
        font-size: 20px;
        color: #fff;
        line-height: 30px;
        font-weight: 300;
        margin: 0 auto;
    }

.choose-sec
{
    text-align: center;
    padding: 90px 0 93px;
}

.choose-sec .heading
{
    color: #003366;
}

.choose-sec .text-box
{
    margin-bottom: 64px;
}

.text-box .heading
{
    margin-bottom: 17px;
}

.text-box p
{
    line-height: 45px;
    font-size: 24px;
    color: #000;
    font-weight: 300;
}

.fee-box h3, /*TODO: delete old fee-box class*/
.choose-sec thead th
{
    color: #003;
    font-size: 1.5rem;
    font-weight: 800;
}
.choose-sec tbody th
{
    color: #346;
    font-size: 1.5rem;
}

.choose-sec td
{
    color: #000;
    font-size: 1.5rem;
    font-weight: 300;
}

.device-sec
{
    padding: 99px 0 100px;
    background-color: #6699cc;
    text-align: center;
}

    .device-sec .text-box
    {
        margin-bottom: 60px;
    }

    .device-sec .heading
    {
        color: #003366;
    }

    .device-sec .text-box p
    {
        color: #fff;
    }

/* UNUSED?? - JR - 2020.01.14 */
/*.testimonies-sec {
    text-align: center;
    padding: 100px 0 96px;
    background-image: url("../images/testimonies.png");
    background-repeat: no-repeat;
    background-size: cover;
}

    .testimonies-sec .heading {
        margin-bottom: 33px;
        color: #fff;
    }

    .testimonies-sec .text-box p {
        line-height: 48px;
        color: #fff;
    }*/

/* UNUSED?? - JR - 2021.06.19 */
/*.question-box
{
    background-color: rgb(225, 225, 225);
    padding: 100px 80px 24px;
    height: 100%;
}

.question-sec .heading
{
    margin-bottom: 16px;
    color: #003366;
}

.question-sec .text-box
{
    margin-bottom: 42px;
}*/

/* UNUSED?? - JR - 2021.06.19 */
/*.email-box
{
    margin-bottom: 53px;
}

    .email-box h3
    {
        color: #000033;
        font-size: 24px;
        font-weight: 800;
        margin-bottom: 9px;
    }

    .email-box span
    {
        line-height: 45px;
        display: block;
        color: #000000;
        font-size: 24px;
        font-weight: 300;
    }*/

.brand-img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.copyright-sec
{
    padding: 40px 0 50px;
    background-color: rgb(0, 64, 124);
    text-align: center;
}

    .copyright-sec p
    {
        color: #ffffff;
        font-size: 20px;
        margin-bottom: 28px;
    }

    .copyright-sec ul
    {
        display: flex;
        justify-content: center;
        margin-bottom: 8px;
    }

        .copyright-sec ul li
        {
            position: relative;
            margin-right: 34px;
            color: #b2c5d7;
            font-size: 14px;
        }

            .copyright-sec ul li a
            {
                color: #52a6ff;
            }

            .copyright-sec ul li:after
            {
                position: absolute;
                content: "";
                width: 1px;
                height: 16px;
                background-color: #b2c5d7;
                top: 51%;
                left: -19px;
                transform: translate(0, -50%);
            }

            .copyright-sec ul li:first-child:after
            {
                display: none;
            }

            .copyright-sec ul li:last-child
            {
                margin-right: 0;
            }

#footer
{
    padding: 62px 0 33px;
}

.brand-one
{
    margin-bottom: 44px;
    width: 20%;
}

.footer-items
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 743px;
    margin: 0 auto;
    align-items: center;
}

/*about-us*/
.page-two .hero-sec
{
    padding: 0;
    height: 400px;
}

.page-two .hero-text
{
    min-height: 400px;
}

    .page-two .hero-text h1
    {
        margin-bottom: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-shadow: 0 0 30px rgba(0,0,0,.4);
    }

.content-sec
{
    padding: 90px 0 89px;
    text-align: left;
}

.content-box
{
    max-width: 1045px;
    margin: 0 auto;
    width: 100%;
}

.elit-text
{
    background-color: rgb(225, 225, 225);
    padding: 93px 80px 36px;
    height: 100%;
}

    .elit-text h3
    {
        color: #000033;
    }

.brand-img
{
    height: 100%;
}

#how-it-works
{
    background-image: url("../images/hero-bg-2.png");
}

#our-guarantee
{
    background-image: url("../images/hero-bg-3.png");
    background-position: top center;
}

.brand img
{
    width: 100%;
}

.elit-sec-two
{
    background-image: url("../images/elite-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .elit-sec-two .elit-text
    {
        padding: 96px 80px 97px;
        background-color: transparent;
    }

#contact-us, #privacy-policy
{
    background-image: url("../images/hero-bg-5.png");
}

/* UNUSED?? - JR - 2021.06.19 */
/*.contact-sec .question-box
{
    padding: 79px 80px 98px;
}*/

/* UNUSED?? - JR - 2021.06.19 */
/*.contact-sec .email-box
{
    margin-bottom: 45px;
}

    /*.contact-sec .email-box h3
    {
        color: #3399cc;
    }*/

.contact-details h3 { margin-bottom: .1em; }
.contact-details p { margin-bottom: 2em; }

#login
{
    background-image: url("../images/hero-bg-6.png");
}

.form-sec
{
    padding: 100px 0 102px;
}

.form-inner
{
    max-width: 603px;
    width: 100%;
    margin: 0 auto;
}

    .form-inner .form-group
    {
        margin-bottom: 20px;
    }

    .form-inner .form-control
    {
        text-align: center;
        padding-left: .75rem;
        height: 74px;
        border: 3px solid #7690a9;
        border-radius: 6px;
        color: #5b7a97;
        font-size: 18px;
        font-weight: 800;
    }

    .form-inner .submit-btn
    {
        max-width: 100%;
        background-color: transparent;
        cursor: pointer;
    }

    .form-inner .form-control:focus
    {
        color: #00407c;
        border-color: #00407c;
        box-shadow: none;
    }

    /* Chrome/Opera/Safari/Firefox */
    .form-inner .form-control::placeholder
    {
        color: #bbb;
        opacity: 1; /* Firefox */
    }

    /* IE 10+/Edge */
    .form-inner .form-control:-ms-input-placeholder,
    .form-inner .form-control::-ms-input-placeholder { color: #bbb; }

#faq
{
    background-image: url("../images/hero-bg-4.png");
}
#reviews
{
    background-image: url("../images/testimonies.png");
}
/*
accordion css*/

.my-accordion
{
    max-width: 1050px;
    margin: 0 auto;
}

.card-2
{
    border: none;
    margin-bottom: 56px;
}

.header-accordion
{
    background-color: transparent;
    border: none;
    padding: 0;
}

    .header-accordion a
    {
        font-size: 22px;
        color: #3399cc;
        font-weight: 700;
        display: flex;
        align-items: flex-start;
    }

.body-accordion p
{
    font-size: 22px;
    font-weight: 300;
    color: #000;
    line-height: 40px;
}

.my-accordion img
{
    display: inline-block;
    margin-right: 21px;
    margin-top: 4px;
}

.my-accordion a .fa-minus
{
    display: inline-block;
}

.my-accordion a .fa-plus
{
    display: none;
}

.my-accordion a.collapsed .fa-minus
{
    display: none;
}

.my-accordion a.collapsed .fa-plus
{
    display: inline-block;
}

.body-accordion
{
    padding: 14px 0 0px 38px;
}

.client-testimonial
{
    padding: 70px 0;
    background-image: url("../images/testimonies.png");
    background-repeat: no-repeat;
    background-size: cover;
}

    .client-testimonial .text-box .heading, /*TODO: delete old heading class*/
    .client-testimonial h2
    {
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
        text-shadow: 0 0 20px rgba(0,0,0,.65);
    }

    .client-testimonial .item
    {
        background-color: #fff;
        padding: 1.5rem;
        border-top: 8px solid #00407c;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        position: relative;
        overflow: hidden;
    }

        .client-testimonial .item *
        {
            position: relative;
            z-index: 2;
        }

        .client-testimonial .item:after
        {
            content: '\201C';
            font-size: 600px;
            color: #f0f0f0;
            font-family: arial, helvetica, sans-serif;
            position: absolute;
            left: -0.05em;
            top: 0;
            z-index: 1;
            line-height: .88em;
            display: block;
        }

    .client-testimonial h4
    {
        margin-bottom: 1rem;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
    }

    .client-testimonial p
    {
        margin-bottom: 1rem;
        font-weight: 400;
        font-size: 16px;
        font-style: italic;
        line-height: 2em;
    }

    .client-testimonial .item ul
    {
        display: block;
        text-align: center;
    }

        .client-testimonial .item ul li
        {
            display: inline-block;
        }

            .client-testimonial .item ul li img
            {
                width: 12px;
                display: inline-block;
            }

            .client-testimonial .item ul li:last-child
            {
                margin-right: 0px;
            }

.inner-testimonial
{
    max-width: 1530px;
    margin: 0 auto;
}

.top-bar
{
    background-color: rgb(225, 225, 225);
    display: flex;
    align-items: center;
    width: 100%;
    padding: .5em 0;
    font-size: 14px;
    transition: all .25s ease-in-out;
    /*background-color: rgb(225, 225, 225);
    min-height: 80px;
    display: flex;
    align-items: center;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    transition: margin-top .25s ease-in-out;
    margin-top: -160px;*/
}

.top-item
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 26px;
}

    .top-item .btn, .top-item a
    {
        font-size: 14px;
        transition: all .25s ease-in-out;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    .top-item .phone { text-decoration: none; }
    .top-item a { color: rgb(0, 64, 124); }
    .top-item .btn-primary
    {
        border-radius: 8px;
        padding: .25rem .5rem;
    }

    .top-item a img
    {
        height: 22px;
        transition: height .25s ease-in-out;

        /*height: 30px;*/
        margin-right: 9px;
    }
.top-bar .StartNow { text-align: right; }

.fixed-bar
{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    height: auto;
    margin-top: 0;
    padding: 1em 0;
    font-size: 16px;
}

    .fixed-bar a img
    {
        height: 30px;
    }

    .fixed-bar .btn, .fixed-bar a
    {
        font-size: 16px;
    }

    .fixed-bar .btn-primary
    {
        border-radius: 10px;
        padding: .5rem 1rem;
    }
/*.fixed-bar
{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    min-height: 80px;
    height: auto;
    margin-top: 0;
}*/

.header2
{
    margin-top: 0;
}

#copy-two .copyright-text
{
    margin-bottom: 2em;
    color: #b2c5d7;
    font-size: 14px;
}

#copy-two .brand-one img
{
    max-width: 107px;
    max-height: 60px;
}

#copy-two .brand-one
{
    margin-bottom: 37px;
}
/*new-css*/

.blue-box
{
    margin-bottom: 10px;
    background-color: #00407C;
    padding: 25px 0 25px 0px;
    color: #fff;
}
    .blue-box .container { position: relative; }
    .blue-box h3
    {
        font-weight: 900;
        color: inherit;
    }
    .blue-box a.btn
    {
        color: #00407C;
        font-weight: bold;
        text-transform: uppercase;
    }

.course-items
{
    display: flex;
    margin: 0;
    padding: 0;
}

    .course-items li
    {
        list-style: none;
        margin: 5px 20px 5px 0;
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 800;
    }

        .course-items li:last-child
        {
            margin-right: 0px;
        }

        .course-items li a
        {
            color: #FFFFFF;
        }

        .course-items li span
        {
            position: relative;
            top: -.1em;
            width: 24px;
            height: 24px;
            margin-right: 6px;
            border: 1px solid #fff;
            border-radius: 100px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            color: #00407C;
            background-color: #fff;
        }

    .course-items .dark-item
    {
        opacity: 0.5;
    }

        .course-items .dark-item span
        {
            background-color: transparent;
            color: #fff;
        }

.Timer { display: inline-block; }

.personal-sec .container
{
    max-width: 1678px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

#secure-box a
{
    color: #00407C;
}

    #secure-box a span
    {
        color: #fff;
        background-color: #00407C;
    }

#secure-box
{
    margin-bottom: 49px;
}

    #secure-box li
    {
        font-weight: 400;
        color: #00407C;
        font-size: 16px;
        display: flex;
        align-items: center;
    }

    #secure-box li
    {
        margin-right: 50px;
    }

        #secure-box li img
        {
            margin-right: 16px;
        }

.info-form
{
    max-width: 1248px;
    margin: 0 auto 50px;
}

    .info-form h3
    {
        text-align: center;
        font-size: 24px;
        color: #00407C;
        margin-bottom: 50px;
        font-weight: 800;
    }

.form-control
{
    padding-left: .75rem;
    height: 74px;
    border: 3px solid #7690a9;
    border-radius: 4px;
    color: #5b7a97;
    font-size: 18px;
    font-weight: 800;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .form-control:focus
    {
        color: #00407c;
        border-color: #00407c;
        box-shadow: none;
    }

    /* Chrome/Opera/Safari/Firefox */
    .form-control::placeholder
    {
        color: #bbb;
        opacity: 1; /* Firefox */
    }

    /* IE 10+/Edge */
    .form-control:-ms-input-placeholder,
    .form-control::-ms-input-placeholder { color: #bbb; }

.form-control-sm { height: auto; }

span.form-check-input
{
    position: static;
    margin: 0;
}

    span.form-check-input input
    {
        position: absolute;
        margin-top: .3rem;
        margin-left: -1.25rem;
    }

.info-form .form-group
{
    margin-bottom: 30px;
}

.drop-btn
{
    position: absolute;
    top: 34px;
    right: 28px;
    pointer-events: none;
}

.info-form select.form-control:not([size]):not([multiple])
{
    height: 74px;
}

.calendar-drop
{
    position: absolute;
    top: 27px;
    right: 28px;
    pointer-events: none;
}

.password-form
{
    max-width: 600px;
    margin: 0 auto 60px;
    width: 100%;
}

.info-form p
{
    text-align: center;
    color: #00407C;
    font-weight: 500;
    margin-bottom: 30px;
}

.note-text
{
    color: #00407C;
    font-size: 16px;
    font-weight: 700;
}

.terms-condition
{
    max-width: 1248px;
    margin: 0 auto;
}

    .terms-condition h3
    {
        margin-bottom: 30px;
        font-size: 20px;
        font-weight: 800;
    }

.condition-box
{
    background-color: rgba(225, 225, 225, 0.3);
    border-radius: 6px;
    padding: 24px 22px;
    margin-bottom: 44px;
}

    .condition-box h4
    {
        margin-bottom: 20px;
        font-size: 16px;
        color: #9D9D9D;
        font-weight: 700;
    }

    .condition-box p
    {
        line-height: 22px;
        font-size: 16px;
        color: #9D9D9D;
        margin-bottom: 20px;
    }

.container-chk
{
    display: block;
    position: relative;
    padding-left: 41px;
    margin-bottom: 27px;
    color: #00407C;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /* Hide the browser's default checkbox */
    .container-chk input
    {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
/* Create a custom checkbox */
.checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 2px solid #00407C;
    border-radius: 100px;
}
    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after
    {
        content: "";
        position: absolute;
        display: none;
    }
/* Show the checkmark when checked */
.container-chk input:checked ~ .checkmark:after
{
    display: block;
}
/* Style the checkmark/indicator */
.container-chk .checkmark:after
{
    left: 8px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #00407C;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sub-btn
{
    background-color: transparent;
    cursor: pointer;
    color: #00407C
}

.personal-sec
{
    padding-bottom: 80px;
}

.quick-test-sec
{
    padding-bottom: 67px;
}

.quick-inner
{
    max-width: 1300px;
    margin: 0 auto;
}

    .quick-inner h3
    {
        font-size: 20px;
        color: #00407C;
        margin-bottom: 30px;
        font-weight: 800;
    }

    .quick-inner p, .quick-inner li
    {
        margin-bottom: 20px;
        line-height: 22px;
        font-size: 16px;
    }
    .quick-inner li { margin-bottom: 10px; }

    .quick-inner strong
    {
        color: #00407C;
        font-weight: bold;
    }

    /* repair issues caused by defaults */
    .card-body ul, .card-body ol
    {
        margin: 0 0 1em 0;
        padding: 0 0 0 40px;
    }
        .card-body ul { list-style: disc; }
        .card-body ul li { list-style: inherit; }
        .card-body ol { list-style: decimal; }

.location-sec
{
    padding: 50px 0 80px;
}

.inner-area
{
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 15px;
}

.head-location
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

    .head-location h3
    {
        font-weight: 800;
        color: #00407C;
    }

.dmv-box a
{
    display: block;
    text-decoration: underline;
    color: #00407C;
    font-weight: 600;
}

.dmv-box span
{
    color: #9D9D9D;
}


.congratulation-box h3
{
    text-align: center;
    font-size: 20px;
    color: #00407C;
    font-weight: 800;
    margin-bottom: 30px;
}


.state-items li
{
    display: flex;
    color: #333; /*Old: #9D9D9D;*/
}

    .state-items li span
    {
        font-weight: 800;
        color: #00407C;
        min-width: 64px;
        margin-right: 10px;
    }

    .state-items li strong
    {
        color: inherit; /*Old: #000033;*/
    }

.approved-img
{
    text-align: right;
}

    .approved-img img
    {
        width: 180px;
    }

.congratulation-box
{
    margin-bottom: 30px;
}

.not-approved h4
{
    font-weight: 800;
    color: #00407C;
    margin-bottom: 15px;
}

.not-approved h5
{
    color: #00407C;
    font-weight: 600;
    margin-bottom: 40px;
}

.crazy-box h6
{
    color: #00407C;
    font-weight: 600;
    margin-bottom: 10px;
    font-weight: 700;
}

    .crazy-box h6 span
    {
        color: #9D9D9D;
        text-decoration: underline;
    }

.crazy-box p
{
    margin-bottom: 20px;
    line-height: 22px;
    color: #9D9D9D;
    font-size: 16px;
}

    .crazy-box p strong
    {
        color: #00407C;
    }

.choosing-text
{
    color: #00407C;
}

.account-detail-sec
{
    padding: 30px 0 50px 0;
}

.back-box
{
    width: 136px;
    text-align: right;
    margin-bottom: 30px;
}

    .back-box a
    {
        text-decoration: underline;
        display: inline-block;
        color: #00407C;
        font-weight: 700;
        font-size: 12px;
        position: relative;
    }
        .back-box a:before
        {
            content: '\00ab';
            position: absolute;
            right: 100%; top: 50%;
            margin-right: 0.3em;
            margin-top: -.5em;
            line-height: 1em;
        }

    .back-box span
    {
        font-size: 11px;
        color: #9D9D9D;
        display: block;
        text-align: right;
    }

.detail-one label
{
    color: #000033;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}

.button-box
{
    display: flex;
    justify-content: space-between;
}

    .button-box button
    {
        height: 71px;
        max-width: 241px;
        font-size: 18px;
    }

.detail-two
{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #00407C;
}

.main-sec
{
    padding: 50px 0;
}

    .main-sec .card-body h2,
    .main-sec .card-body h3,
    .main-sec .card-body h4,
    .main-sec .card-body h5,
    .main-sec .card-body h6
    {
        color: #00407C;
        margin-bottom: .5em;
        font-weight: bold;
    }

    .main-sec .card-body h2,
    .main-sec .card-body h3
    {
        text-align: center;
        font-size: 32px;
        font-weight: 800;
    }
    .main-sec .card-body p ~ h2,
    .main-sec .card-body p ~ h3
    {
        margin-top: 1.1em;
    }
    .main-sec .card-body h3
    {
        font-size: 26px;
    }
    .main-sec .card-body h4
    {
        font-size: 22px;
    }
    .main-sec .card-body h5
    {
        font-size: 18px;
    }
    .main-sec .card-body h6
    {
        font-size: 16px;
    }

    .main-sec .card-body img
    {
        float: right;
        max-width: 45%;
        margin: .25rem 0 .25rem 1rem;
        border: 3px solid #ddd;
        padding: 2px;
        border-radius: .5rem;
    }
        .main-sec .card-body img.float-none
        {
            max-width: 100%;
            margin-left: 0;
            margin-right: 0;
            vertical-align: top;
        }
        .main-sec .card-body img.float-left
        {
            margin-left: 0;
            margin-right: 1rem;
        }
        .main-sec .card-body img.display-inline-block
        {
            max-width: 45%;
            margin-left: 5px;
            margin-right: 5px;
        }
        .main-sec .card-body img.small
        {
            max-width: 30%;
        }
    .main-sec .card-body .alert-primary img
    {
        border-color: #b8daff;
    }
    .main-sec .card-body img.drop-btn
    {
        float: none;
        max-width: 100%;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
    }

    .main-sec .small-text
    {
        font-style: italic;
    }

        .main-sec .small-text span
        {
            text-decoration: underline;
            font-weight: 600;
        }

.main-text a
{
    text-decoration: underline;
}

.student-info
{
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #00407C;
}
    .student-info h4
    {
        color: #FFFFFF;
        font-size: 1.25rem;
        font-weight: 800;
        background-color: #00407C;
        min-height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .student-info .state-items { padding-left: 0; }
    .student-info .state-items li
    {
        font-size: 1.125rem;
    }
    .student-info .save-btn .btn { min-width: 250px; }

.body-info
{
    padding: 5px 20px;
}

    .body-info .state-items li .Label
    {
        min-width: 103px;
    }

.main-student-area
{
    max-width: 900px;
    margin: 0 auto;
}

.body-info .state-items li
{
    align-items: baseline;
    margin-bottom: 6px;
}

.body-info p
{
    margin-bottom: 8px;
    display: flex;
    /*align-items: center;*//* causes weirdness on coursestatus.ascx */
    justify-content: space-between;
}

    .body-info p a
    {
        text-decoration: none !important;
        border-radius: 6px;
        border: 3px solid rgb(0, 64, 124);
        width: 100px;
        height: 40px;
        color: rgb(0, 64, 124);
        font-size: 14px;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.student-info-two
{
    overflow: visible; /* needed for current section arrow on course progress - JR - 2020.04.07 */
    margin-bottom: 30px;
}

    .student-info-two .body-info { padding: 15px 10px; }

        .student-info-two .body-info p { font-size: 13px; }

        .student-info-two .body-info .SectionNum
        {
            color: #00407C;
            font-weight: bolder;
            flex-grow: 0;
            min-width: 1.25em;
            text-align: right;
        }

        .student-info-two .body-info .SectionName
        {
            color: inherit;
            margin-left: .5em;
            flex-grow: 1;
        }
            .student-info-two .body-info .SectionName small
            {
                font-size: inherit;
                color: #888;
            }
        .student-info-two .body-info .InProgress
        {
            white-space: nowrap;
            min-width: 100px;
            text-align: center;
        }

        .student-info-two .body-info .btn
        {
            min-width: 100px;
            flex-grow: 0;
            text-decoration: none;
        }

        .student-info-two .body-info p.current
        {
            font-size: 14px;
            position: relative;
            padding: 15px 10px;
            margin-right: -14px;
            margin-left: -26px;
            border-left: 0;
            border-right: 0;
            background: #00407c;
            color: #fff;
            border-radius: 5px 0 0 2px;
        }
            .student-info-two .body-info p.current:before
            {
                content: '';
                position: absolute;
                right: 100%;
                top: 100%;
                border: 14px solid #001529;
                border-right: 0;
                border-bottom: 0;
                border-left-color: transparent;
                margin-right: -15px;
            }
            .student-info-two .body-info p.current:after
            {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                height: 0;
                width: 0;
                border: 26px solid transparent;
                border-left: 20px solid #00407c;
                border-right: none;
                display: block;
                margin-top: -26px;
            }
            .student-info-two .body-info p.current .SectionNum strong { color: #fff; }
            .student-info-two .body-info p.current .btn { display: none; }

        .student-info-two .body-info .disabled-box { opacity: 0.4; }
            .student-info-two .body-info .disabled-box .btn { cursor: auto; }

        .student-info-two .body-info p.FinalExam
        {
            font-size: 16px;
        }
            .student-info-two .body-info p.FinalExam.current { border-radius: 2px 0 0 5px; }
                .student-info-two .body-info p.FinalExam.current:before
                {
                    border-bottom: 14px solid #001529;
                    border-top: 0;
                    border-right: 0;
                    top: auto;
                    bottom: 100%;
                }

    .payment-box .info-text
    {
        margin: 0 0 30px;
        display: flex;
        align-items: center;
        padding: 10px;
        background-color: #00407C;
        color: #fff;
        font-weight: 800;
        font-size: 14px;
    }

    .payment-box .info-text img
    {
        width: 25px;
        margin-right: 10px;
    }

.quick-inner .SelectPayment p { color: #9D9D9D; }

select.form-control:not([size]):not([multiple])
{
    height: 74px;
}

.form-group span
{
    color: #000033;
}

.payment-card
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    border-top: 1px solid #00407C;
}

.student-main
{
    padding-bottom: 30px;
}

.delivery-one
{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #00407C;
}

    .delivery-one .body-info .state-items li
    {
        justify-content: space-between;
    }

        .delivery-one .body-info .state-items li:last-child
        {
            padding-top: 10px;
            border-top: 1px solid #00407C;
        }
    .delivery-one .main-method .container-chk > span
    {
        display: block;
        font-size: 0;
    }
    .delivery-one .main-method .container-chk label
    {
        font-size: 16px;
        margin: 0;
    }

.main-method
{
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 1rem;
}

    .main-method h5
    {
        color: #00407C;
        font-weight: 700;
    }

    .main-method .checkmark
    {
        top: 2px;
        background: #fff;
    }

    .main-method .container-chk { font-size: inherit; }

        .main-method .container-chk .checkmark:after
        {
            left: 5px;
            top: 5px;
            width: 11px;
            height: 11px;
            border: 0;
            border-width: 0;
            transform: none;
            background-color: #00407C;
            border-radius: 100px;
        }

.SelectPayment .featured
{
    margin: 15px -28px;
    padding: 10px 20px;
    border: 2px solid #00407c;
    border-radius: 6px;
    font-size: 1.1rem;
    background: #f9f9f9;
}

.SelectPayment .recommended
{
    margin: 15px -30px;
    padding: 10px 20px;
    border: 3px solid #00407c;
    border-radius: 8px;
    font-size: 1.2rem;
    background: #f6f6f6;
}

.quick-inner .main-method p
{
    max-width: 540px;
}

.save-btn
{
    margin-bottom: 20px;
}

    .save-btn .my-btn
    {
        text-decoration: none;
    }

.course-detail-box
{
    /*height: 843px;*/
    max-height: 85vh;
    margin-bottom: 20px;
    /*padding: 24px 22px;*/
    overflow-y: scroll;
    border: 1px solid #00407C;
}
    .course-detail-box p
    {
        line-height: 1.75em;
        margin-bottom: 1em;
    }
    .course-detail-box li
    {
        line-height: 1.75em;
    }
    .course-detail-box blockquote
    {
        margin-left: 5%;
        font-style: italic;
        opacity: .8;
    }

.Overview-one
{
    margin-bottom: 30px;
}

.support-items li
{
    list-style-type: disc;
}

.support-items
{
    max-width: 600px;
    margin: 0 auto 20px;
}

.main-sec-two
{
    padding-top: 20px;
}

/*#header {
    margin-top: 80px;
}*/
#client-web #header
{
    margin-top: 0;
}

#copy-two .copyright-text
{
    margin-bottom: 10px;
}

#copy-two .brand-one img
{
    max-width: 107px;
}

#copy-two .brand-one
{
    margin-bottom: 37px;
}

.select-sec
{
    padding: 50px 0;
}

.select-area h2
{
    font-size: 30px;
    color: #00407C;
    margin-bottom: 13px;
    font-weight: 800;
}

.select-area p
{
    line-height: 22px;
    color: #9D9D9D;
    font-size: 18px;
    max-width: 670px;
    width: 100%
}

.main-head-select
{
    margin-bottom: 40px;
    align-items: center;
}

.select-course-box
{
    width: 100%;
    max-width: 630px;
}

.Exam .Question
{
    display: block;
}
.Exam .Choices label
{
    margin-left: .5em;
}

/*#shopper_review_page #review_header { text-align: center; }
    #shopper_review_page #review_header .block
    {
        margin: 10px 0;
        padding: 0;
        height: auto;
    }

    #shopper_review_page #review_header .overall
    {
        margin: 10px 20px;
        width: auto;
        max-width: 125px;
    }
        #shopper_review_page #review_header .overall .outof { padding: 5px 18px; }

    #shopper_review_page #review_header .stars
    {
        width: auto;
        max-width: 135px;
    }

    #shopper_review_page #review_header .percentage
    {
        margin: 10px 30px;
        width: auto;
        max-width: 150px;
    }
        #shopper_review_page #review_header .percentage .numbers { line-height: 1.2; }*/