header {

    .navbar {
        border: none;
        margin-bottom: 0;
        background: #fff;
        padding: 0 15px;

        .nav-con{
            padding: 30px 0;
            @include trans();

            @include mq(t){
                padding: 20px 0;
            }
            .navbar-header {
                @media (min-width: 768px){
                    float: none;
                }
                .navbar-nav{
                    float: right;

                    li{
                        display: inline-block;
                    }
                }
                .navbar-toggle{
                    margin: 8px 0;
                    padding-right: 0;
                    float: right;

                    @media (min-width: 768px){
                        display: block;
                    }
                    .icon-bar{
                        background-color: #000000;
                    }
                }
                ul.language{
                    li{
                        &.active{
                            a{
                                font-weight: 800;
                                transform: scale(1.3);
                            }
                        }
                        &:first-child{
                            position: relative;

                            &:after{
                                content: '';
                                position: absolute;
                                right: -2px;
                                top: 35%;
                                width: 2px;
                                height: 15px;
                                background: #ccc;
                            }
                        }
                        a{
                            font: 100 18px/1 $seconderyFont;
                            padding: 16px 15px;
                            color:#000;

                            @include mq(t) {
                                padding: 10px 15px;
                            }
                            &:hover,
                            &:focus{
                                background: none;
                            }
                        }
                    }
                }
                h1 {
                    margin: 0;
                    float: left;

                    a{display: block;}
                    svg{
                        width: 120px;
                        @include trans();
                        margin: 8px 0 0;
                    }
                }
                @include mq(m){
                    float: none;
                    margin: 0 auto;

                    img {
                        margin: 0 auto;
                    }
                }
            }
        }

        &.sticky{
            .nav-con {
                padding: 15px 0;
            }
        }
    }
}