//-----------------------------------
// HEADER 1
//-----------------------------------
@media screen and (min-width:1370px) {
    header.noo-main-header.header-1 .noo-header-nav-wrapper.nav-fullwith {
        padding-left: @header_1_nav_layout_padding;
        padding-right: @header_1_nav_layout_padding;
    }
}
.header-float {
    &.header-1 {
        .noo-top-bar {
            .noo-account {
                .sub-menu {
                    color: @text_color;
                }
            }
        }
        @media (min-width: 992px) {
            .noo-top-bar {
                position: absolute;
                width: 100%;
                z-index: 999;
                border-bottom: 1px solid fade(@white, 30%);
                .noo-meta-contact {
                    .meta-phone {
                        position: relative;
                        &:before {
                            top: 0;
                            width: 1px;
                            z-index: 1;
                            left: -17px;
                            content: '';
                            height: 100%;
                            position: absolute;
                            background-color: fade(@white, 30%);
                        }
                    }
                }
                .noo-account, .noo-popup-login {
                    display: inline-block;
                    margin-left: 20px;
                    position: relative;
                    &:before {
                        top: 0;
                        left: 0;
                        width: 1px;
                        content: '';
                        height: 100%;
                        position: absolute;
                        background-color: fade(@white, 30%);
                    }
                }
            }
            header.header-1 {
                top: 60px;
            }
            &.admin-bar {
                header.header-1 {
                    top: 80px;
                }
            }
        }
        .is-sticky.noo-sticky-wrapper .noo-header-nav-wrapper {
            background: @white !important;
            .noo-main-menu li {
                color: @text_color;
                a {
                    color: inherit;
                }
            }
        }
    }
}
html header.header-1 {
    background-color: @header_1_nav_bg_color;
    position: relative;
    .noo-header-nav-wrapper {
        padding-top: 10px;
        &.text-left {
            z-index: 10;
        }
        .container {
            .noo-header-logo {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-flow: row wrap;
                justify-content: space-around;
                padding: 40px 0 20px 0;
            }
        }
    }
    .noo-header-wrapper {
        .noo-main-menu {
            width: 100%;
            display: block;
            text-align: center;
            >li {
                float: none;
                display: inline-block;
                color: @header_1_nav_text_color;
                >a {
                    padding-right: @header_1_nav_distance;
                    @media (max-width: @screen-md-max ) {
                        padding: 20px 10px;
                        padding-right: 10px;
                    }
                }
            }
        }
    }
    .header-customize {
        &.header-customize-nav {
            float: right;
            height: 60px;
            line-height: 60px;
            .header-customize-item {
                margin-left: 20px;
            }
        }
        .header-customize-item {
            color: @header_1_nav_text_color;
        }
        input[type="text"]::-webkit-input-placeholder {
            color: fade(@header_1_nav_text_color, 70%);
        }
        input[type="text"]:-moz-placeholder {
            color: fade(@header_1_nav_text_color, 70%);
        }
        input[type="text"]::-moz-placeholder {
            color: fade(@header_1_nav_text_color, 70%);
        }
        input[type="text"]:-ms-input-placeholder {
            color: fade(@header_1_nav_text_color, 70%);
        }
    }
    .header-center {
        .menu-wrapper {
            margin: 0 auto;
        }
    }
    .noo-sticky-wrapper.is-sticky {
        .header-sticky {
            padding-top: 0px;
            background-color: @header_1_nav_bg_color;
        }
    }
    .noo-sticky-wrapper {
        .header-sticky {
            padding-top: 0px;
        }
    }
}