#header {
    height: 125px;
    max-height: 125px;
    background: rgba(21,40,63,1);
    min-width: 0px;
    position: fixed;
    width: 100%;
    z-index: 999;
}

#header .topbar a{line-height: 14px;margin-bottom: 0; user-select: none;text-decoration: none;}

#header .topbar{
    display: block;
    height: 70px;
    max-height: 70px;
}

#header .topbar.logo img{
    width: 70px;
    cursor: pointer;
    vertical-align: unset;
}

#header .topbar.logo p{
    color: #fff;
    font-size: 45px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    font-weight: bold;
}

#header .topbar h3{
    width: 70px;
    cursor: pointer;
}

#header.row .menu {
    display: block;
    margin: auto;
	padding-bottom: 5px;
}

#header.row .menu .menu-item:hover{opacity: 0.7}

#header.row .menu .menu-item{
    width: 180px;
    cursor: pointer;
    display: inline-block;
    margin-left: 25px;
    font-size: 20px;
    text-decoration: none;
    color: #ffffff;
}

#header.row .menu .menu-item:first-child{
    margin-left: 0;
}

#header.row .menu ul > li a{
    position: relative;
    display: block;
}

#header.row .menu ul > li a::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0%;
    height: 2px;
    -webkit-transition: width .25s;
    transition: width .25s;
    z-index: 98;
    background-color: #fff;
}

#header.row .menu ul > li ul.submenu li:hover > a::before{
    width: 0%;
}

#header.row .menu ul > li:hover > a::before {
    width: 100%;
}

#header a {
    width: 165px !important;
}

#header ul,li {
    list-style-type: none;
    display: inline-block;
    position: relative;
    height: 25px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;

}

#header.row .menu ul > li ul.submenu {
	display: block;
    -webkit-transition: height .25s;
    transition: height .25s;
    position: absolute;
    z-index: 99;
    top: 48px;
    left: 0;
    width: 100%;
	overflow: hidden;
    height: 0px;
    background-color: rgba(21,40,63,1);
}

#header.row .menu ul > li ul.submenu > * {display:none;}
#header.row .menu ul > li:hover ul.submenu > * {display:block;}

#header.row .menu ul > li:hover ul.submenu {
    height: 122px;
}

#header.row .menu ul > li:hover ul.submenu li:first-child{
    margin-top: 10px;
    padding-top: 14px;
}

#header.row .menu ul > li:hover ul.submenu li{
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    height: 56px;
    border-top: 1px solid #FFFFFF;
}

#header.row .menu ul > li:hover ul.submenu li:last-child {
    border-bottom: 1px solid #FFFFFF;
}

#header.row .menu ul > li:hover ul.submenu li a{
    margin: auto;
}