.navbar{
    z-index:99999;
    display:inline-flex;
    align-items:center;
    min-height:60px;
    margin-bottom:0;
    border:0;
    background-color:#111
}
.navbar .container{
    padding:0 20px
}
@media only screen and (max-width: 850px){
    .navbar .container{
        margin:0;
        width:100%
    }
}
.navbar .container .navbar-header{
    height:60px
}
.navbar .container .navbar-header button.navbar-toggle{
    border-color:#333;
    margin:13px 0
}
.navbar .container .navbar-header a.navbar-brand{
    padding-top:8px;
    padding-bottom:0;
    max-width:220px
}
.navbar .container .navbar-header a.navbar-brand>img{
    max-width:100%
}
.navbar .container .navbar-collapse.collapsing{
    opacity:0
}
@media only screen and (max-width: 850px){
    .navbar .container .navbar-collapse{
        overflow:visible;
        height:auto;
        max-height:unset
    }
}
.navbar .container .navbar-collapse ul.nav{
    padding-left:10px
}
@media only screen and (max-width: 850px){
    .navbar .container .navbar-collapse ul.nav{
        padding:0 10px;
        overflow:visible
    }
}
.navbar .container .navbar-collapse ul.nav>li{
    list-style:none
}
.navbar .container .navbar-collapse ul.nav>li ul{
    list-style:none
}
.navbar .container .navbar-collapse ul.nav>li.open>ul.dropdown-menu{
    display:block;
    list-style:none
}
@media only screen and (max-width: 850px){
    .navbar .container .navbar-collapse ul.nav>li.open>ul.dropdown-menu{
        max-height:600px;
        overflow-y:auto;
        position:absolute;
        width:91vw;
        max-width:420px;
        overflow-x:hidden
    }
}
.navbar .container .navbar-collapse ul.nav>li>a{
    color:#fff;
    font-weight:400;
    font-size:16px;
    line-height:30px
}
.navbar .container .navbar-collapse ul.nav>li>a .caret{
    color:#fff
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content{
    display:none;
    width:300px;
    height:initial;
    position:absolute;
    background-color:#0007;
    padding:12px;
    text-align:left;
    border-radius:0;
    z-index:2
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li{
    margin:0px;
    line-height:40px;
    width:100%
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li>a{
    color:#fff;
    font-size:14px;
    background-color:unset;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    width:100%;
    height:auto;
    line-height:40px
}
@media only screen and (max-width: 850px){
    .navbar .container .navbar-collapse ul.nav>li>ul.drop_content{
        position:relative;
        width:100%;
        padding:0 24px
    }
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li>a .caret{
    color:#fff
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-header{
    font-size:14px;
    color:#fff;
    padding:0px
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu>ul.dropdown-menu{
    overflow-y:auto;
    max-height:200px;
    display:none;
    width:300px;
    height:initial;
    position:absolute;
    background-color:#0007;
    padding:12px;
    text-align:left;
    border-radius:0;
    z-index:2
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu>ul.dropdown-menu>li{
    margin:0px;
    line-height:40px;
    width:100%
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu>ul.dropdown-menu>li>a{
    color:#fff;
    font-size:14px;
    background-color:unset;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    width:100%;
    height:auto;
    line-height:40px
}
@media only screen and (max-width: 850px){
    .navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu>ul.dropdown-menu{
        width:100%;
        overflow:hidden
    }
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu>ul.dropdown-menu::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
    background-color:#F5F5F5
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu>ul.dropdown-menu::-webkit-scrollbar{
    width:12px;
    background-color:#f5f5f5
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu>ul.dropdown-menu::-webkit-scrollbar-thumb{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    background-color:#555
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu>ul.dropdown-menu>li:not(:last-child){
    border-bottom:1px solid rgba(255,255,255,0.15)
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu>ul.dropdown-menu>li a{
    padding:0 8px
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu.open>ul.dropdown-menu{
    display:block;
    overflow-y:auto
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu.mobile{
    display:none
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li:not(:last-child):not(.last){
    border-bottom:1px solid rgba(255,255,255,0.15)
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li:not(.dropdown-header):not(.dropdown-submenu)>a{
    padding:0 8px
}
.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li:not(.dropdown-header):not(.dropdown-submenu)>a:hover,.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li:not(.dropdown-header):not(.dropdown-submenu)>a:focus,.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li:not(.dropdown-header):not(.dropdown-submenu)>a:active,.navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li:not(.dropdown-header):not(.dropdown-submenu)>a.open{
    background-color:rgba(0,0,0,0.7);
    border-color:transparent
}
@media only screen and (max-width: 850px){
    .navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li:not(.dropdown-submenu){
        display:none
    }
    .navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu.mobile{
        display:block
    }
    .navbar .container .navbar-collapse ul.nav>li>ul.drop_content>li.dropdown-submenu.open>ul{
        position:relative;
        padding:0
    }
}
.navbar .ytfb{
    width:100%;
    max-width:315px;
    display:inline-flex;
    align-items:center;
    padding-left:1%
}
@media only screen and (max-width: 900px){
    .navbar .ytfb{
        display:none
    }
}