@media (min-width:992px) {
    .header {
        background-color: #fff
    }

    .header-fixed .header {
        -webkit-box-shadow: 0 0 40px 0 rgba(82,63,105,.1);
        box-shadow: 0 0 40px 0 rgba(82,63,105,.1)
    }

    .header .header-menu .menu-nav > .menu-item > .menu-link {
        border-radius: 4px
    }

        .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
            color: #6c7293;
            font-weight: 500
        }

        .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
            color: #6c7293
        }

        .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
            color: #6c7293
        }

        .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #6c7293
        }

        .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

    .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link {
        background-color: rgba(77,89,149,.06)
    }

        .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text {
            color: #3699ff
        }

        .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow {
            color: #3699ff
        }

        .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon {
            color: #3699ff
        }

        .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #3699ff
        }

        .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }

    .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
        background-color: rgba(77,89,149,.06)
    }

        .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
            color: #3699ff
        }

        .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow, .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow {
            color: #3699ff
        }

        .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
            color: #3699ff
        }

        .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease;
            fill: #3699ff
        }

        .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
            -webkit-transition: fill .3s ease;
            transition: fill .3s ease
        }
}

@media (max-width:991.98px) {
    .topbar {
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .topbar-mobile-on .topbar {
        -webkit-box-shadow: 0 0 40px 0 rgba(82,63,105,.2);
        box-shadow: 0 0 40px 0 rgba(82,63,105,.2);
        border-top: 1px solid #eff0f6
    }
}