#we_app_header{
    background:#026C89;
}
#header_inner {
    max-width: 1200px;
    padding: 4px 20px;
    max-width:1200px;
    margin: auto;
    height: 60px;
    position: relative;
}

#we_app_nav li#mobile_logo_wrap{
    display: none!important;
}
#mobile_logo{
    height: 30px;
}

.flexinav_we_custom {
    /*background: #026C89 none repeat scroll 0 0;*/
    /*float: left;*/
    float: right;
    font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 11px;
    line-height: 21px;
    /*margin: 0 auto 30px;*/
    margin: 0;
    padding: 0;
    position: relative;
    /*width: 100%;*/
    width: auto;
    z-index: 999;
}

.flexinav_we_custom{
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.flexinav_we_custom,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li.noactive,
.flexinav_we_custom +  .flexinav_btn {
    background: #026C89;
}
.flexinav_we_custom .flexinav_ddown a,
.flexinav_we_custom .dropdown_flyout li span {
    color: #FFFFFF;
    font-style: normal;
}

.flexinav_we_custom .flexinav_ddown li.active a,
.flexinav_we_custom .dropdown_flyout li.active span {
    color:#ededaa;
    font-style: italic;
    font-weight: bold;
}

.flexinav_we_custom .flexinav_ddown a:hover,
.flexinav_we_custom .dropdown_flyout li span:hover {
    color:#ededaa;
}
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_active,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_active:hover {
    background: #182b36;
}
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_noactive,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_noactive:hover {
    background: #026C89;
}


.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li > a, .flexinav_we_custom .flexinav_wrapper .flexinav_menu > li > span, .flexinav_we_custom .flexinav_wrapper .flexinav_menu > li > span > a {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
}

.flexinav_we_custom .main-item{
    border-left-width: 1px;
    border-left-color: rgba(75, 248, 255,0.2);
    border-left-style: solid;
    font-style: italic;

}
li.flexinav_collapse{
    padding-left: 20px;
}
.flexinav_we_custom.flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse {
    /*background: #262626 none repeat scroll 0 0;*/
    padding-left: 20px;
}

.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li:hover,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li.active {
    background: #026C89;
}

.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li:hover > a,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li:hover > span,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li:hover > span > a,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li.active > a,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li.active > span,
.flexinav_we_custom .flexinav_wrapper .flexinav_menu > li.active > span > a {
    color:#ededaa;
}

.flexinav_we_custom .main-item>span{
    height: 56px;
}

.flexinav_we_custom .has-children>span::after {
    content: "";
    font-family: "fontawesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    letter-spacing: 0;
    margin-left: 0.35em;
}
.flexinav_we_custom a.nav-link{
    font-size: 14px;
}
.flexinav_we_custom .flexinav_menu .flexinav_ddown {
    background: #026C89 none repeat scroll 0 0;

}
#we_app_nav .flexinav_ddown_fly_out {
    padding: 10px 0 8px;
}

#we_app_nav h3.mega_heading{
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    color: #ededaa;
    text-transform: uppercase;
    border-top: 2px solid rgba(75, 248, 255,0.2);
    font-style: normal;
    line-height: 1.3;
    margin-bottom: 10px;
}
.flexinav_we_custom .flexinav_ddown .colrow ul li, .flexinav_we_custom .flexinav_ddown .colrow ol li {
    line-height: 21px;
    margin: 0;
    margin-bottom: .5em;
    padding: 0;
}
#we_app_nav .flexinav_wrapper .flexinav_menu > li > span, #we_app_nav .flexinav_wrapper .flexinav_menu > li > a {

    padding: 0 10px;
}
#we_app_nav .flexinav_menu .flexinav_ddown_mega {
    left: auto;
    margin-left: auto;
    right: 0;

}

.flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse.flexinav_collapse_active {
    background: white;
}

.flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse.flexinav_collapse_active > span {
    color: #026c89 !important;
}

@media only screen and (max-width: 900px){
    #we-logo{
        /*max-height: 30px;*/
        position: absolute;
        top: 10px;
        left:10px;
       /* z-index: -1;*/

    }
    #we_app_nav .flexinav_wrapper .flexinav_menu > li > span, #we_app_nav .flexinav_wrapper .flexinav_menu > li > a {
        padding: 0 4px;
    }

    #we_app_nav li.main-item.too-wide {
        max-width: 95px !important;
    }
    #header_inner{
        /*padding-left: 4px;
        padding-right: 4px;*/
        padding: 0;
    }
    /*#we_app_nav li.main-item.too-wide{
        max-width: none!important;
    }*/

   /* #we_app_nav .flexinav_wrapper .flexinav_menu > li.main-item > span, .flexinav .flexinav_wrapper .flexinav_menu > li.main-item > a {
        display: block;
        line-height: 30px;
        padding: 0 20px;
        height: auto;
    }

    .flexinav_we_custom .main-item > span {
        height:  auto!important;
    }*/
}


#we_app_nav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_noactive {
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    #we_app_nav .flexinav_wrapper .flexinav_menu > li.main-item > span, .flexinav .flexinav_wrapper .flexinav_menu > li.main-item > a {
        display: block;
        line-height: 30px;
        padding: 0 20px;
        height: auto;
    }
    #we_app_nav li.main-item.too-wide{
        max-width: none!important;
    }
    #we_app_nav .flexinav_collapse_active + li#mobile_logo_wrap{
        display: block!important;
    }
}
@media only screen and (max-width: 1100px) {
    #we_app_nav li.main-item.too-wide{
       max-width: 110px;
    }
    #header_inner{
        max-width: none;
       /* padding-right: 10px;*/
    }
    #we_app_nav li.main-item.too-wide >span{
      /* white-space: nowrap;
        width: 100px;
        overflow: hidden;

        text-overflow: ellipsis;*/
        line-height: 1;
        padding-top: 10px;
    }
    #we-logo{
         max-height: 39px;
    }

}