.header-area{
    width:100%;
    border-bottom:1px solid #d6d6d6;
     
    background:#fff;
    top:0;
    z-index:100;
    transition:box-shadow 0.2s ease-in-out
}
.header-area .header-flex-box-area{
    display:flex;
    height:80px;
    width:1330px;
    justify-content:space-between;
    margin:auto;
    position:relative
}
.header-area .header-flex-box-area .left-menu-area{
    display:flex;
    align-items:center
}
.header-area .header-flex-box-area .left-menu-area .menu-list-area{
    display:flex;
    align-items:center;
    margin-left:79px;
    height:100%
}
.header-area .header-flex-box-area .left-menu-area .menu-list-area .menu-item{
    font-size:16px;
    margin-right:48px;
    padding:29px 0;
    font-family:'Open Sans Regular', sans-serif;
    color:rgba(39,47,53,0.9);
    cursor:pointer
}
.header-area .header-flex-box-area .left-menu-area .menu-list-area .menu-item:hover{
    font-family:'Open Sans Semi Bold';
    color:#227ef6
}
.header-area .header-flex-box-area .left-menu-area .menu-list-area .dropdown{
    position:relative;
    z-index:3;
    display:inline-block
}
.header-area .header-flex-box-area .left-menu-area .menu-list-area .dropdown .dropdown-content{
    display:none;
    position:absolute;
    top:80px;
    background-color:#fff;
    min-width:140px;
    box-shadow:0px 2px 6px 0px rgba(0,0,0,0.15);
    border-radius:2px;
    z-index:1;
    font-family:'Open Sans Regular', sans-serif;
    font-size:14px;
    color:rgba(39,47,53,0.9);
    border-top:1px solid #d3d3d3
}
.header-area .header-flex-box-area .left-menu-area .menu-list-area .dropdown .dropdown-content a{
    width:100%;
    height:34px;
    padding:7px 16px;
    display:block
}
.header-area .header-flex-box-area .left-menu-area .menu-list-area .dropdown .dropdown-content a:hover{
    color:#227ef6
}
.header-area .header-flex-box-area .left-menu-area .menu-list-area .dropdown:hover .dropdown-content{
    display:block
}
.header-area .header-flex-box-area .right-menu-area .navbar-user{
    display:flex;
    height:100%;
    align-items:center;
    position:relative;
    cursor:pointer
}
.header-area .header-flex-box-area .right-menu-area .navbar-user:hover{
    opacity:0.9
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown{
    position:absolute;
    z-index:3;
    top:0;
    right:0;
    transform:translate(-3px, 81px);
    background:#fff;
    border-radius:4px;
    width:200px;
    box-shadow:0px 3px 10px 1px rgba(0,0,0,0.15);
    text-align:center;
    display:none
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown.show{
    display:block
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .user-img{
    padding-top:16px
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .user-info{
    line-height:12px;
    padding-top:12px;
    padding-bottom:27px
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .user-info .name{
    font-family:'Open Sans Bold', sans-serif;
    font-size:12px;
    color:#333
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .user-info .email{
    font-family:'Open Sans Regular', sans-serif;
    font-size:12px;
    color:rgba(123,123,123,0.9);
    padding-top:4px
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .logout,.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .account,.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .user-list{
    font-family:'Open Sans Regular', sans-serif;
    font-size:12px;
    background:#fff;
    border-top:1px solid #d6d6d6;
    text-align:left;
    width:100%;
    height:38px;
    color:#757577;
    cursor:pointer;
    padding:0 16px;
    line-height:38px
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .logout:hover,.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .account:hover,.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .user-list:hover{
    color:#1078ff
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .logout span,.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .account span,.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .user-list span{
    width:12px;
    height:12px;
    background:url(../../assets/img/logout_icon.png);
    display:inline-block;
    margin-left:10px
}
.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .logout:hover span,.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .account:hover span,.header-area .header-flex-box-area .right-menu-area .navbar-user-dropdown .user-list:hover span{
    background:url(../../assets/img/logout_icon_hover.png)
}
.header-area .header-flex-box-area .right-menu-area .account-name-area{
    font-size:14px;
    font-family:'Open Sans Regular', sans-serif;
    color:rgba(39,47,53,0.9);
    margin-left:12px;
    margin-right:9px
}