#banner{
    background: #fff;
    img{
        max-width: 1280px;
        margin: 0 auto;
        display: block;
        width: 100%;
        height: auto !important;
    }
}

@header-height:120px;
@header-border-height:24px;
@header-border-top-height:2px;

#header{
    .container{
        position: relative;
    }
    height: @header-height + @header-border-height + @header-border-top-height;
    background: #fff;
    position: relative;
    border-bottom:@header-border-height solid #fff;
    border-top:@header-border-top-height solid #fff;
    .site-title{
        padding-top: 15px;
        position: absolute;
        img{

            display: block;
            border: none;
            max-height: @header-height - (15px * 2px);
            width: auto !important;
        }
    }
}
#nav-top, #nav{
    .nav-header{
        display: none;
    }
    .menu{
        list-style-type: none;
        margin: 0;
        padding: 0;
        //font-family: @header-font-family;
        position: relative;

        .li-level-1{
            position: relative;
            display: inline-block;
            padding-right:7px;
            /*&:hover  > ul,*/ &.sfHover  > ul{
                display: block;
            }
            &:after{
                content:'•';
                color:#8c8c8c;
                display: inline-block;
                padding-left: 7px;
            }
            &:last-child{
                padding-right:0;
            }
            &:last-child:after{
                display: none;
            }
            > a{
                text-transform: uppercase;
                font-weight: 500;
            }
        }
        .ul-level-2 {
            display:none;
            list-style-type: none;
            margin: 0;
            padding: 10px 10px 20px;
            position:absolute;
            top:100%;
            left:50%;
            width: 300px;
            margin-left: -165px;
            text-align:left;
            font-size:13px;
            background-color: #e6272d;
            /*
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -o-transition: opacity .3s;
            -ms-transition: opacity .3s ;
            transition: opacity .3s;
            */
            text-align: center;
            > li{
                margin-top:8px;
            }
            a{
                display: block;
                padding: 3px 6px;
                border-radius: 300px;
                color:#fff;
                &:hover, &.selected, &.selected:hover{
                    background: #000;
                }
            }
            li:after{
                color:#fff;
            }
        }
    }
}
#nav{
    position: absolute;
    top:@header-height;
        z-index: 1000;
        left:0;
        right: 0;
}
#nav-top{
    text-align: right;
    margin-top:45px;
    .menu > li{
        font-size:11px;
    }
}

#nav-lang{
    position: absolute;
    text-align: right;
    top:15px;
    width: 200px;
    right:15px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    li{
        display: inline-block;
        &:after{
            content:'|';
            display: inline-block;
            margin:0 5px;
            font-size:10px;
        }
        &:last-child:after{
            content: none;
            display: none;
        }
    }
}
.fixed{
    #nav{
        text-align: right;
        background-color:transparent;
        position: fixed;
        top:0;
        left:0;
        right: 0;
        .container{
            position: relative;
        }
        .nav-header{
            display: block;
            color:#fff;
            position: absolute;
            top:16px;
            left:30px;
            text-transform: uppercase;
        }
        .menu{
            background: rgba(0, 0, 0, .8);
            padding-right:15px;
            > li > a{
                color:#fff;
            }
        }
    }
}

#nav{
    background:#fff;
    text-align: center;
    height: 54px;
    .menu > li > a{
        line-height: 54px;
    }
    &.active-submenu{
        overflow: visible;
        .menu{
            border-bottom: 40px solid @brand-primary;
        }
    }
}
#nav-mobile{
    display: none;
}

#nav-search{
    position: absolute;
    top:70px;
    width: 200px;
    right:15px;
}

.dl-menu{
    background: @brand-primary;
    text-align: left;
    li{
        a{
            color:#fff;
        }
    }
}

.breadcrumb{
    margin-top:30px;
}

@media (max-width: 767px) {
    #nav{
        display: none !important;
    }
    #nav-mobile{
        display: block;
        background: #f2f2f2;
        position: relative;
        z-index: 1001;
    }
    #header{
        height: auto;
        border-bottom: none;
        .site-title{
            position: static;
            text-align: center;
            margin:20px 0 0 0;
        }
        #nav-top{
            display: none;
        }
    }
    #nav-search{
        bottom:auto;
        top: auto;
        left:auto;
        width:auto;
        position:static;
        right: auto;
        margin-top: 15px;
    }
}