header {
    height: 60px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
    background: #fff;

    .container {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .logo {
            display: flex;
            align-items: center;
            height: 60px;

            img {
                float: left;
                top: 12px;
                max-height: 40px;
            }
        }

        .menu {
            ul {
                list-style: none;

                li {
                    border-radius: 8px;
                    position: relative;

                    a {
                        color: #444;

                        i {
                            margin-right: 5px;
                        }
                    }

                    &.dropdown {
                        .dropdown-menu {
                            background: rgb(255, 255, 255);
                            border-radius: 4px;
                            box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px;
                            //transition: all 0.4s ease 0s;
                            padding: 10px;
                            margin: 5px 0px;
                            position: absolute;
                            transform: translate3d(-38px, 33px, 0px);
                            top: 0px;
                            left: 0px;
                            will-change: transform;

                            .dropdown-item {
                                font-size: 13px;
                                color: #444!important;
                            }
                        }
                    }
                }
            }
        }
    }
}
