/* Start general */
.container {
    max-width: 1110px;
    margin: 0 auto;
}

.py_lg_100 {
    padding: 100px 0px;
}

.py_lg_80 {
    padding: 80px 0px;
}

.py_lg_50 {
    padding: 50px 0px;
}

@media screen and (max-width:768px) {
    .py_md_50 {
        padding: 50px 0px;
    }
}
/* End general */

/* Start header */
.header {
    background-image: url(/Content/Images/Intro/DrMVP/intro_2_bg_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.header_bg {
    background-color: rgba(187,225,250,0.3);
}
/* End header */

/* Start data */
.data {
    background-image: url(/Content/Images/Intro/DrMVP/intro_3_bg_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.data_bg {
    background-color: rgba(255,255,255,0.55);
}

.data_tutor {
    width: 30%;
}

.data_chart {
    width: 60%;
}

@media screen and (max-width:576px) {
    .data_chart {
        width: 90%;
        margin-bottom: 40px;
    }

    .data_tutor {
        width: 60%;
    }
}
/* End data */

/* Start material */
.material {
    background-image: url(/Content/Images/Intro/DrMVP/intro_4_bg_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.material_bg {
    background-color: rgba(20,83,116,0.85);
}

.material_theme {
    width: 75%;
    background-image: url(/Content/Images/Intro/DrMVP/intro_4_1_780.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.material_topicbox_top {
    margin-bottom: 60px;
}

.material_topic_1,
.material_topic_2,
.material_topic_3,
.material_topic_4 {
    width: 22%;
}

.material_topic_1 {
    margin-left: 100px;
}

.material_topic_2,
.material_topic_3 {
    margin-right: 30px;
}

.material_topic_2 {
    margin-top: 80px;
}

.material_topic_3 {
    margin-bottom: 80px;
}

.material_topic_4 {
    margin-top: 80px;
}

.material_tutor {
    width: 25%;
}

@media screen and (max-width:576px) {
    .material_bg {
        background-color: rgba(20,83,116,0.7);
    }

    .material_content {
        background-position: center;
    }

    .material_topicbox_top {
        margin-bottom: 10px;
        padding-top: 160px;
    }

    .material_topic_1,
    .material_topic_2,
    .material_topic_3,
    .material_topic_4 {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .material_topic_2,
    .material_topic_3,
    .material_topic_4 {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .material_tutor {
        width: 60%;
    }
}
/* End material */

/* Start teacher */
.teacher_bg {
    background-image: url(/Content/Images/Intro/DrMVP/intro_5_bg_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher_content {
    padding-top: 270px;
    padding-bottom: 100px;
}

.teacher_teacherteam_group_lg {
    margin-bottom: 40px;
}

.teacher_text {
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: 2px;
    color: #0f4c75;
}

@media screen and (max-width:576px) {
    .teacher {
        background-image: url(/Content/Images/Intro/DrMVP/intro_5_bg_768.jpg);
    }

    .teacher_bg {
        background-color: rgba(255,255,255,0.6);
    }

    .teacher_content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .teacher_teacher_item {
        width: 60%;
        margin-bottom: 20px;
    }

    .teacher_text {
        font-size: 1.5rem;
        letter-spacing: 1px;
    }
}
/* End teacher */

/* Start strategy */
.strategy {
    background-image: url(/Content/Images/Intro/DrMVP/intro_6_bg_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.strategy_bg {
    background-color: rgba(204,204,204,0.5);
}

.strategy_tutor {
    width: 66%;
}

.strategy_text {
    font-size: 3.375rem;
    font-weight: 700;
    letter-spacing: 5px;
    color: #0f4c75;
}

@media screen and (max-width:768px) {
    .strategy_tutor {
        width: 90%;
    }

    .strategy_text {
        font-size: 2.5rem;
        letter-spacing: 2px;
    }
}

@media screen and (max-width:576px) {
    .strategy_text {
        font-size: 1.5rem;
        letter-spacing: 1px;
    }
}
/* End strategy */

/* Start experience_dris */
.experience_dris {
    background-color: #0f4c75;
}

.experience_dris_headline {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 1px;
    color: #ffffff;
}

.experience_dris_form {
    max-width: 600px;
}

    .experience_dris_form select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .experience_dris_form input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="number"],
    select {
        padding: 18px 20px;
        border-radius: 36px;
        width: 100%;
        background-color: #fefefe;
        color: #333333;
        font-size: 1rem;
        font-weight: 300;
        border: none;
    }

        .experience_dris_form input, select:focus {
            outline: 0;
        }

            .experience_dris_form input[type="submit"] {
                padding: 16px 16px;
                border-radius: 32px;
                width: 100%;
                border: none;
                background-color: #0ea5c6;
                color: #ffffff;
                font-weight: 400;
                font-size: 1rem;
                margin-bottom: 0px;
                letter-spacing: 1px;
            }

@media screen and (max-width:992px) {
    .experience_dris_headline {
        font-size: 1.375rem;
        font-weight: 500;
        letter-spacing: 0px;
    }

    .experience_dris_form input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="number"],
    select {
        font-weight: 400;
    }

    .experience_dris_form input[type="submit"] {
        padding: 12px 16px;
        font-weight: 500;
        font-size: 1.125rem;
    }
}

@media screen and (max-width:576px) {
    .experience_dris_headline {
        font-size: 1.25rem;
    }
}
/* End experience_dris */