.extras{
    display: inline-block;
    float: none;
    margin-right: 15px;
}

.extras .extras__menu-btn {
    position: relative;
    padding: 0;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
}

.extras .extras__menu-btn-icon {
    position: absolute;
    font-size: 16px;
    top: calc(50% - 8px);
    left: calc(50% - 3px);
}

.extras .extras__menu{
    display: none;
    position: absolute;
    right: 0;
    list-style: none;
    z-index: 10;
    margin: 5px 0 0 0;
    padding: 15px 0;
    width: 277px;
    border-radius: 3px;
    box-shadow: 0 5px 25px 0 rgba(71, 52, 95, 0.1);
    background-color: #ffffff;
}

.extras .extras__menu .extras__menu-section-list{
    padding: 0;
    list-style: none;
}

.extras .extras__menu-section-list-title{
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #212b36;
    display: block;
    padding: 12px 0 12px 17px;
}

.extras .extras__menu-section-list-item-link:link,
.extras .extras__menu-section-list-item-link:visited,
.extras .extras__menu-section-list-item-link:active{
    font-family: Roboto;
    font-size: 14px;
    color: #212b36;
    text-decoration: none;
    display: block;
    padding: 12px 0 12px 17px;
}

.extras .extras__menu-section-list-item-link:hover{
    background-color: #f6f5f3;
}

.extras .extras__switch-interface-block {
    background-color: #f6f5f3;
    padding: 17px;
}

.extras .extras__switch-interface-title {
    font-family: Roboto;
    font-size: 14px;
    color: #212b36;
    line-height: 20px;
}

.extras .extras__switch-interface-body {
    margin-top: 10px;
}