@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
    border-bottom: 1px solid #eee;
}

[data-accordion] {}

[data-control] {
    color: #001a72;
    cursor: pointer;

    padding: 20px 0 20px 40px;
    background: url(../img/bg-item.png) left 15px no-repeat;
    background-size: 34px;
    position: relative;
}

[data-control]:before {
    position: absolute;
    content: "";
    font-family: 'Roboto';
    left: 12px;
    top: 20px;

}

[data-content] > * {
    padding: 20px 40px;

}

[data-content] > p,
[data-content] > ol,
[data-content] > ul,
[data-content] > h1,
[data-content] > h2,
[data-content] > h3 {
    padding-top: 0;
    margin-bottom: 0;
}

[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}

[data-accordion] [data-control] {
    position: relative;
}

[data-accordion] > [data-control]:after {}

[data-accordion].open > [data-control]:after {}

@media (max-width:768px) {
    [data-content] > * {
        padding: 20px 0;
    }
}