.with-sub-arrow .child-arrow{
    cursor:pointer
}
.with-sub-arrow .child-arrow:before{
    content:'';
    width:8px;
    height:8px;
    display:inline-block;
    border:1px solid transparent;
    pointer-events:none;
    padding:0;
    border-bottom-color:inherit;
    border-left-color:inherit;
    transition:transform .3s linear,border .3s linear;
    transform-origin:center;
    transform-style:preserve-3D;
    transform:rotateZ(-45deg);
    margin-bottom:4px;
    margin-left:4px
}
.child-arrow.open:before{
    transform:rotateZ(-225deg);
    margin-bottom:0
}
.with-sub-arrow ul .child-arrow:before{
    transform:rotateZ(-135deg);
    margin-bottom:0
}
.with-sub-arrow ul .child-arrow.open:before{
    transform:rotateZ(45deg);
    margin-bottom:0
}