/*---------------------------- menu -----------------------------*/
.accordion {
    width: 100%;
    max-width: 360px;
    margin: 30px auto 20px;
    background: #faecc2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .accordion .link {
        cursor: pointer;
        display: block;
        padding: 15px 15px 15px 42px;
        color: #4D4D4D;
        font-size: 12px;
        font-weight: 700;
        border-bottom: 1px solid #CCC;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .accordion li:last-child .link {
        border-bottom: 0;
    }

    .accordion li i {
        position: absolute;
        top: 16px;
        left: 12px;
        font-size: 16px;
        color: #0078ff;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .accordion li {
        cursor: pointer;
    }

        .accordion li i.fa-chevron-down {
            right: 12px;
            left: auto;
            font-size: 14px;
        }

        .accordion li.open .link {
            color: #b63b4d;
        }

        .accordion li.open i {
            color: #b63b4d;
        }

            .accordion li.open i.fa-chevron-down {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

/*---------------------------- Submenu -----------------------------*/


.submenu {
    display: none;
    background: #2663a8;
    font-size: 12px;
}

    .submenu li {
        border-bottom: 1px solid #0078ff;
        cursor: pointer;
    }

    .submenu a {
        display: block;
        text-decoration: none;
        color: #d9d9d9;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .submenu a:hover {
            background: #b63b4d;
            color: #FFF;
        }