/* CSS Document */


h3.question-title {
    text-align: center;
}

div#quiz-starter {
    text-align: center;
}

div.question[data-question="results"] p {
    text-align: center;
}

span#start-quiz, a#view-classes, a#apply-now {
    font-size: 24px;
    line-height: 60px;
    font-weight: bold;
    display: inline-block;
    margin: 0px auto;
    padding: 0px 30px;
    border-radius: 20px 20px;
}

span#start-quiz {
    cursor: pointer;
    background: #89bd40;
}

a#view-classes, a#apply-now {
    color: #fff;
    background: #13416d;
}

    span#start-quiz:hover, a#view-classes:hover, a#apply-now:hover {
        background: #c49435;
        text-decoration: none;
    }

div#alpha-questions, div.result-text {
    display: none;
}

ul.form-options {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 80px 0px;
    max-width: 500px;
    margin: 0px auto;
}

    ul.form-options li {
        margin-bottom: 8px;
        cursor: pointer;
        background: #89bd40;
    }

        ul.form-options li:hover span {
            background: #13416d;
            color: #fff;
        }

        ul.form-options li:before {
            padding: 0px 10px;
            background: #89bd40;
            line-height: 34px;
            display: inline-block;
            margin: 0px;
            font-weight: bold;
            vertical-align: top;
        }

        ul.form-options li:nth-child(1):before {
            content: 'A';
        }

        ul.form-options li:nth-child(2):before {
            content: 'B';
        }

        ul.form-options li:nth-child(3):before {
            content: 'C';
        }

        ul.form-options li:nth-child(4):before {
            content: 'D';
        }

        ul.form-options li:nth-child(5):before {
            content: 'E';
        }

        ul.form-options li:nth-child(6):before {
            content: 'F';
        }

        ul.form-options li:nth-child(7):before {
            content: 'G';
        }

        ul.form-options li:nth-child(8):before {
            content: 'H';
        }

        ul.form-options li span {
            background: #e9e9e9;
            line-height: 34px;
            display: inline-block;
            width: 464px;
            padding: 0px 10px;
        }

.modality-graph {
    line-height: 60px;
    padding-left: 16px;
    color: #fff;
    font-weight: bold;
    background: #13416d;
    margin-bottom: 10px;
    font-size: 24px;
    overflow: hidden;
}

#graph-F2F {
    color: #13416d;
    background: #13416d;
}

    #graph-F2F:before {
        content: 'FACE-TO-FACE';
        color: #fff;
    }

#graph-LIVONL {
    color: #89bd40;
}

    #graph-LIVONL:before {
        content: 'LIVE ONLINE';
        color: #fff;
    }

#graph-ONL {
    color: #c49435;
}

    #graph-ONL:before {
        content: 'ONLINE';
        color: #fff;
    }

#graph-BLEND {
    color: rgb(130, 150, 180);
}

    #graph-BLEND:before {
        content: 'BLENDED';
        color: #fff;
    }