.menu-01 {
    background-color: rgba(63, 63, 63, 0.3) !important;
}

.menu-01 .menu-wrapper,
.menu-01 .main-container {
    height: auto !important;
}

.menu-01 .padding40px {
    width: 0 !important;
}

.menu-01 .leftside {
    padding: 34px 0 !important;
}

.menu-01 .logo>p {
    font-family: 'Gilroy-Bold' !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #fbf9f8 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.menu-01 .list-item>a {
    font-family: 'Gilroy-Regular' !important;
    color: #fbf9f8 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.menu-01 .rightcontainer .fg-color>p>a {
    font-family: 'Gilroy-Regular' !important;
    color: #fbf9f8 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

@keyframes rotateLogoBg {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.menu-02 .menu-wrapper,
.menu-02 .main-container {
    height: 89px !important;
}

.menu-02 .leftside {
    padding: 0 !important;
}

.menu-02 {
    background-color: #424040 !important;
}

.menu-02 .leftcontainer>a {
    display: block;
    position: relative;
}

.menu-02 .list-item>a,
.menu-02 .rightcontainer .fg-color>p>a {
    transition: opacity .3s;
}

.menu-02 .list-item>a:hover,
.menu-02 .list-item>a:active {
    text-decoration: underline;
    opacity: .6;
}

.menu-02 .rightcontainer .fg-color>p>a:hover,
.menu-02 .rightcontainer .fg-color>p>a:active {
    text-decoration: underline;
    opacity: .6;
}

.menu-02 .leftcontainer>a::before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    background: transparent url('//fs.getcourse.ru/fileservice/file/download/a/11874/sc/165/h/d016a443f9c2497c356ff78df44fb538.png') no-repeat;
    background-size: contain;
    z-index: 1;
    left: -10px;
    top: -10px;
    animation: rotateLogoBg 16s linear infinite;
}

.menu-02 .leftcontainer>a>img {
    height: 49px !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    padding: 3px !important;
    position: relative;
    z-index: 2;
}

.menu-02 .collapsed-content .f-header>p {
    text-transform: uppercase !important;
}

.menu-02 .menu-wrapper .collapsed-view .collapsed-content {
    padding-right: 10px !important;
    padding-left: 0 !important;
}

.menu-02 .menu-wrapper .collapsed-view .collapsed-content .f-header {
    text-transform: uppercase !important;
}