//*--------------------------------------------------------*/
/*NAVIGATION*/
/*--------------------------------------------------------*/

.mobile-nav{
    display: none;
}

.navbar {
    position:static;
    background:rgba(0,100,174,0.85);
    color:#fff;
    border:none;
    border-radius:0;
    z-index: 99999;
    font-size:1em;
    font-weight: 600;
    text-transform: uppercase;
    min-height:60px;
    font-family:arial, helvetica, sans-serif; 
}

.nav-container {
    width:calc(100% - 0px);
    float:none;    
    padding:0;
}

.navbar-collapse {
    padding:0;
} 

.navbar-toggle {
    border-radius:5px;
    background: #0071c5;
    background: -moz-linear-gradient(top,  #0071c5 0%, #004d86 100%);
    background: -webkit-linear-gradient(top,  #0071c5 0%,#004d86 100%);
    background: linear-gradient(to bottom,  #0071c5 0%,#004d86 100%);
}

.navbar-toggle:hover {
    /*background:rgba(0,100,174,1) !important;*/
}


.navbar .navbar-marker {
    display:none;
}

.navbar-default .navbar-nav > li > a {
    padding:20px 50px 20px 0;
    color:#fff;
    text-decoration: none;
    z-index:99999;
}

.sub-menu li a:hover {
    text-decoration: underline;
    color:#fff;
    cursor:pointer;
}


.navbar-default .navbar-nav > li > a:hover {
    color:#fff;
    cursor:pointer;
}

.navbar-default .navbar-toggle .icon-bar {
    background:#fff;
}

nav ul li:hover {
    text-decoration: none;        
}

.sub-menu{
    display: none;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    background:rgba(0,100,174,0.85);
    border-top:1px solid #fff;
    padding:30px;
}

.sub-menu li {
    list-style: none;
    margin:0;
    border-bottom:1px solid #fff;
}

.sub-menu li a {
    border-bottom: 1px solid #ccc;
    display: block;
    white-space:nowrap;
    color:#fff;
    text-decoration: none;
    border:none;
    padding:5px 0;
    font-weight:normal;
    font-family:jaf-bernino-sans-condensed, arial, sans-serif; 
}

.sub-menu-image {
    max-width:200px;
    min-height:200px;
    background-size: cover;
    width:32%;
    margin-right:4%;
    float:left;
    position: relative;
    border: 1px solid white;
}

.menu-title {
    margin-bottom:0.5em;
}

.sub-menu p {
    font-weight: normal;
    text-transform: none;
    font-family:jaf-bernino-sans-condensed, arial, sans-serif; 
}

.sub-menu-content {
    float:right;
    width:64%;
}

.sub-menu iframe {
    float:left;
}

.sub-menu .icon-blue {
    margin-top:1.9em;
}

.mobile-link,
#mobile-search {
    display:none !important;
}

#mobile-search {
    margin: 15px;
}

/*--------------------------------------------------------*/
/*NAV FOOTER*/
/*--------------------------------------------------------*/

#nav-footer {
    border-top:1px solid #fff;
    margin-top: 30px;
    padding:30px 0 0  0;
}

#nav-footer ul {
    float:none;
    width:100%;
}

#nav-footer li {
    width:auto;
    margin-right:30px;
}

#nav-footer li a {
    font-weight: 700;
    text-transform: uppercase;
    font-family:arial, helvetica, sans-serif; 
}

#nav-footer li a:before {
    content:"";
}

/*--------------------------------------------------------*/
/*RESPONSIVE MEDIA QUERIES*/
/*--------------------------------------------------------*/



@media screen and (max-width: 1280px) and (min-width: 1056px) {
    .navbar-default .navbar-nav > li > a {
        padding: 20px 25px 20px 0;
    }

    nav ul li:hover:after,
    nav .active-item:after {
        left: calc(50% - 10px);
    }   
}

/*DESKTOP VERSION*/
/*MIN. 900PX*/
@media screen and (min-width: 1056px) {

    .nav-container,
    .navbar {
        height:60px !important;
    }

    .navbar .wrapper {
        position:static;
    }

    .sub-menu .nav-wrapper {
        min-height:200px;
    }
 
    .nav > li {
        position:static;
    }

    .navbar-nav {
        width: 100%;
        float:none;
    }

    .navbar-nav > li {
        float:left;
        margin:0;
    }

    .navbar-nav > li:hover > .sub-menu{
        display: block !important;
    }  

    nav ul li:hover:after,
    nav .active-item:after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent transparent #fff;
        border-image: none;
        border-style: solid;
        border-width: 10px;
        content: "";
        height: 0;
        left: calc(50% - 35px);
        /*margin-left: -10px;*/
        pointer-events: none;
        position: relative;
        top: -30px;
        z-index: 999;
    }

    .sub-menu li:hover::after,
    .sub-menu .active-item:after  {
        content: none !important;
    }

    .sub-menu ul {
        float:right;
        width:64%;
    }

    .sub-menu li {
        border:none;
        width:50%;
        float:left;
    }

    .sub-menu .active-item a {
        text-decoration: underline;
    }

    .sub-menu li a {
        text-transform: none;
    }

    .sub-menu li a:before {
        font-family: 'FontAwesome';
        content:"\f0da\00a0";
    }

}

/*MOBILE VERSION*/
/*MAX. 899PX*/
@media screen and (max-width: 1055px) {

    .nav-wrapper {
        margin:0 !important;
    }

    .nav-container {
        width:100%;
    }

    .navbar {
        position:fixed;
        top:0;
        left:0;
        width:100%;
    }

    .sub-menu{
        position: static;
        background:#fff;
    }

    .sub-menu li a,
    .sub-menu li a:hover {
        color:#666;
    }

    .navbar-header {
        float: none;
        margin: 0 2% !important;
    }
    .navbar-toggle {
        float:left;
        display: block;
        margin:13px 20px 13px 0;
        height:40px;
        padding:12px 10px;
        border:2px solid #fff;
    }

    .navbar .navbar-marker {
        display:flex;
        -webkit-display:flex;
        margin:13px 0;
    }

    .navbar-collapse {
        margin: 0 !important;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px 0;
    }
    .navbar-nav>li {
        float: none;
        margin:0;
    }

    .navbar-default .navbar-nav > li > a {
        padding:10px 15px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

    .sub-menu-image,
    .sub-menu .column-right,
    .menu-title,
    #nav-footer  {
        display:none;
    }

    .sub-menu .column-left {
        width:100%;
        flaot:none;
        margin:0;
    }

    .mobile-link,
    #mobile-search {
        display:block !important;
    }

}

@media screen and (min-width: 1280px) {
    .nav-container {
        float:none !important;
    }
}

@media screen and (max-width: 1024px) {
    .nav-container {
        float:none !important;
    }

    .navbar {
        max-height: 100%;
        overflow-y: scroll;
    }
}