/*-------------------------------------------- 
      About Pages
  --------------------------------------------*/

.about-banner {
    height: 320px;
}

.about-main {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 30px 0 48px;
}

    .about-main .menus {
        margin: 0 30px 0 0;
    }

        .about-main .menus .menu-title {
            width: 200px;
            height: 50px;
            line-height: 50px;
            padding: 0 30px;
            background: #2681f6;
            color: #ffffff;
            font-size: 18px;
        }

        .about-main .menus .menu-list {
            display: flex;
            flex-flow: column nowrap;
        }

            .about-main .menus .menu-list .menu-item {
                position: relative;
                width: 200px;
                height: 60px;
                line-height: 60px;
                padding: 0 30px;
            }

                .about-main .menus .menu-list .menu-item.active {
                    background: #ffffff;
                    color: #2681f6;
                }

                    .about-main .menus .menu-list .menu-item.active::after {
                        content: "";
                        position: absolute;
                        top: 24px;
                        right: 21px;
                        width: 0;
                        height: 0;
                        border-top: 6px solid transparent;
                        border-bottom: 6px solid transparent;
                        border-left: 9px solid #2681f6;
                        border-right: 9px solid transparent;
                    }

                .about-main .menus .menu-list .menu-item:hover {
                    color: #2681f6;
                }

    .about-main .content {
        flex-grow: 1;
        min-width: 0;
        padding: 50px 50px 88px;
        background: #ffffff;
    }

        .about-main .content .title {
            position: relative;
            line-height: 32px;
            padding: 0 0 0 18px;
            font-size: 20px;
        }

            .about-main .content .title::before {
                content: "";
                position: absolute;
                left: 0;
                top: 6px;
                height: 20px;
                width: 6px;
                border-radius: 3px;
                background: #2681f6;
            }

        .about-main .content .text {
            line-height: 36px;
            padding: 30px 0 0;
            color: #333333;
        }

            .about-main .content .text p {
                margin-bottom: 15px;
                font-weight:100;
            }

            .about-main .content .text h3 {
                font-size: 18px;
                font-weight: bold;
            }