/* * * Sidebar :: nav * * */
.b-sidebar_nav {
    padding: 5px 0 0;
    background: #f8f8f8;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.b-sidebar_nav_caption {
    margin-top: -5px;
    padding: 15px 10px 15px 28px;
    font: 500 21px 'Roboto', sans-serif;
    color: #000;
    background: #ebedef;
}

.b-sidebar_nav_menu {
    list-style: none;
}

.b-sidebar_nav_menu > li ~ li {
    border-top: 1px solid #e3e3e3;
}

.b-sidebar_nav_menu > li > a {
    display: block;
    position: relative;
    padding: 13px 46px 14px 26px;
    font: 500 16px 'Roboto', sans-serif;
    text-decoration: none;
    color: #000;
}

.b-sidebar_nav_menu > li > a:hover {
    color: #1fa6a3;
}

.b-sidebar_nav_menu > li > a.current,
.b-sidebar_nav_menu > li.opened > a {
    color: #fe6913;
}

.b-sidebar_nav_menu > li > a.arrow:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    font: normal 7px/46px 'VetaptekaIcons', sans-serif;
    text-align: center;
    content: '\e808';
}

.b-sidebar_nav_menu > li.hasChild > a span {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    font: normal 7px/46px 'VetaptekaIcons', sans-serif;
    text-align: center;
    -webkit-transition: -webkit-transform 250ms;
    -o-transition: -o-transform 250ms;
    transition: transform 250ms;
}

.b-sidebar_nav_menu > li.hasChild > a span:before {
    content: '\e808';
}

.b-sidebar_nav_menu > li.hasChild.opened > a span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.b-sidebar_nav_menu > li > ul {
    display: none;
    list-style: none;
    padding: 8px 0 24px;
}

.b-sidebar_nav_menu > li > ul > li ~ li {
    margin-top: 11px;
}

.b-sidebar_nav_menu > li > ul > li > a {
    display: block;
    position: relative;
    padding: 3px 16px 3px 26px;
    font: 300 14px 'Roboto', sans-serif;
    text-decoration: none;
    color: #000;
}

.b-sidebar_nav_menu > li > ul > li > a:hover {
    color: #1fa6a3;
}

.b-sidebar_nav_menu > li > ul > li > a.current {
    color: #fe6913;
}

@media (min-width: 768px) and (max-width: 1263px) {

    .b-sidebar_nav_caption {
        margin-top: -5px;
        padding: 15px 10px 15px 15px;
    }

    .b-sidebar_nav_menu > li > a {
        padding: 14px 26px 15px 15px;
        font: 500 14px 'Roboto', sans-serif;
    }

    .b-sidebar_nav_menu > li.hasChild > a span {
        width: 32px;
        height: 46px;
    }

    .b-sidebar_nav_menu > li > ul > li > a {
        padding: 3px 10px 3px 15px;
        font: 300 12px 'Roboto', sans-serif;
    }

}