/*****************************************************************************
                    Navigation Menu                                          

*****************************************************************************/

/**************************************************************************/
/*                      Section :Top Menu                                 */
/**************************************************************************/
empty-navbar-header
.close-dropdown-menu {
    float: right;
    padding-right: 5px;
}

.navbar-collapse.in{
    position : relative !important;
    z-index:2;
}

nav.navbar.navbar-default.navbar-jaspers {
    min-height: 60px;
}

nav.navbar.navbar-default.navbar-jaspers.navbar-fixed-top {
    min-height: 50px;
    width:100vw;
}

.navbar .btn, .navbar .btn-group {
    margin-top: 0;
}

a#dropdownMenuButton {
    background-color: inherit;
    box-shadow: inherit;
}

form input[type="submit"].searchButton {
    background-color: #FFFFFF;
    background-image: url('/tools/img/tech/input-search-bg.png');
    background-position: right center;
    background-repeat: no-repeat;
    border-top: 1px solid #D3D4D5;
    border-bottom: 1px solid #D3D4D5;
    border-right : 1px solid #D3D4D5;
    border-left : none;
    cursor: pointer;
    float : none;
    height: 25px;
    position: relative;
    text-indent: -9999px;
    top: 0;
    width: 25px;
}
.nav>li>a{
    padding-left:6px ;
    padding-right:6px ;
    font-size:15px!important ; 
}
ul.lang-list {
    padding-top: 5px;
    font-size: 0.85em;
}
ul.eib-eu-icon {
    text-align:right;
    padding-top:5px;
    padding-right:0;
}

ul.eib-eu-icon .fa-search:hover {
    color:#333333;
}
ul.eib-eu-icon li a i {
    color:#aaaaaa;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}
ul.eib-eu-icon li a i:hover {
    opacity: .7;
}

ul.eib-eu-icon li.search-icon {
    border-left: 1px solid #bbb;
    padding-left: 8px;
}

ul.eib-eu-icon li.search-icon a {
    padding-top: 5px;
    padding-bottom: 5px;
}

ul.eib-eu-icon li.search-icon a:hover {
    cursor: pointer;
}

.social-bottom [class*="fa fa-"] {
    background-color: #333;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
}

ul.social-bottom  {
    margin-top:10px;
}

ul.social-bottom li {
    display: inline;
}

ul.social-bottom li a i:hover {
    opacity: .7;
    border:none;
}
    
/**************************************************************************/
/*                       Navigation - Header page                         */
/**************************************************************************/

.nav-margin {
    margin-top: 20px;
    position: initial;
    padding-top: 0;
    padding-bottom:0;
}

a.navbar-brand img {
    padding-top: 15px;
    width: 85%;
    padding-left: 15px;
}
.padding-0 {
    padding: 0;
}
.navbar-default .navbar-nav > li:hover > a.dropdown-toggle, .navbar-default .navbar-nav > li:hover > a {
    background-color: #FF4000 !important;
    color: #fff;
}
/*a.navbar-brand{
    padding:0.3rem 0.3rem!important;
}*/
.navbar-default .navbar-nav>li>a {
    font-size:1.3em;
}

.navbar-logo {
    max-height: 50px;
    min-height: 30px;
    min-width: 100px;
}

div.search-icon {
    margin-top: 10px;
    border-left: 1px solid;
    text-align: center;
}

div.search-icon a {
    cursor: pointer;
}

nav.wrapper .language-list a {
    text-transform: uppercase;
}

.empty-navbar-header {
    min-height: 25px !important;
}

.navbar-inverse .navbar-nav li a {
    padding-top: 8px;
    padding-bottom: 6px;
    text-transform: uppercase;
}

.navbar-head .navbar-nav li a:hover{
    background-color:#fff !important;
    color:#333 !important;
}

.navbar {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border:none;
}
.navbar-inverse {
    border-radius: 0px;
    /* height: auto; */
    min-height: auto;
}

.navbar-default .navbar-nav>li>a {
    color: #000000;
    padding-top: 30px;
    padding-bottom: 40px;
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li:hover,
.navbar-nav>li:focus {
    background-color: #FF4000 !important;
    background: #FF4000 !important;
    color: white;
}

.navbar-default .navbar-nav>li>a.dropdown-toggle:focus, .navbar-default .navbar-nav>li>a.dropdown-toggle:hover{
    background-color: #FF4000 !important;
    background: #FF4000 !important;
    color: #ffffff;
}

/*.navbar-default .navbar-nav > li:hover > a.dropdown-toggle {
  background-color: #FF4000 !important;
  color: #fff;
}*/

.white-text {
    color: white !important;
}

.white-text:hover {
    background: white !important;
    color: black !important;
}

.dropdown-language {
    color: white;
}

.btn-lang{
    padding: 6px 0px;
}

.language-menu {
    background: black;
    position:inherit;
    margin-top: 8px;
}

.dropdown-menu-language {
    min-width:100%;
    top: inherit;
}

.dropdown-language:hover, .dropdown-language:focus {
    color: white;
}

.dropdown-language::after {
    color: white;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.btn-header:hover {
    color: white !important;
}

#navbar-menu-principal{
    background:#FF4000 ;
}
    
.container-menu {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.dropdown-menu .divider {
    height: 100%;
    overflow: hidden;
    background: white;
    position: absolute;
    width: 1px;
    margin: 0;
}

.subMenuNav .picture-menu img {
    border: 1px solid #fff;
    opacity:1;
    -webkit-transition: opacity .25s ease-in-out;
       -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
         -o-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}

.subMenuNav a.picture-menu img:hover {
    opacity:0.7;
}

.menu-center .dropdown-menu.dropdown-submenu {
    border-radius:0;
}

.dropdown-menu.dropdown-submenu:before {
    content: none !important;
}

.dropdown-menu.dropdown-submenu:after {
    content: none !important;
}

.navbar-jaspers {
    border-bottom: 1px solid #f3f3f3 !important;
}

/**************************************************************************/
/*                       Navigation - Menu Top                            */
/**************************************************************************/
.navbar-jaspers {
background: white;
border: none;
}

.menu-center {
position: static;
padding-left:0;
}

.menu-center .collapse {
padding-left:0;
}

.dropdown-submenu {
width: 100%;
background: #FF4000;
border:none;
}

.p-middle-li {
border-bottom: none !important;
}

.nav>li {
position: relative;
}

.visible-xs .nav>li {
width: 100%;
display: inline-block;    
}

.dropdown.open .dropdown-menu li a,
.dropdown .dropdown-menu li a{
padding: 12px 6px;
}
.dropdown:hover > .dropdown-menu {
display: block;
}
.dropdown-menu {
padding: 0 !important;
}

#navbar-menu-principal a {
color:white;   
}

.navbar-inverse .dropdown-menu {
width: inherit;
}

.first-picture-div {
margin-left: 25px;
}

.subMenuNav .title-picture-div {
margin-top: -25px;
margin-left: 25px;
margin-bottom: 10px;
}

.list-submenu .title-menu-div {
text-align: right;
padding-right: 30px;
}

.subMenuNav .title-submenu-div {
margin-top: -10px;
margin-left: 25px;
margin-bottom: 0px;
}

.picture-menu {
overflow: hidden;
display: block;
position: relative;
}

.subMenuNav0 {
margin-top: 1% !important;
}

.subMenuNav {
display:none;
}

.dropdown-toggle {
cursor: pointer;
}

.list-submenu li {
list-style: none;
padding: 7px 0px;
}

.left-column-menu {
padding-right: 30px;
text-align: right;
font-size: larger;
font-weight: bold;
}

.right-text-menu {
padding-right: 30px;
position: absolute;
font-size: large;
cursor: default;
}

ul.left-column-menu li a {
cursor: pointer;
}

.splitInColumns {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
column-gap: 25px;
list-style: none;
width: 65%;
padding-left:40px;
}

.splitInColumns li{
border-bottom: 1px dotted white;
padding: 7px 0px;
-webkit-column-break-inside: avoid;
break-inside: avoid;
}

.splitInColumns li:last-child{
border-bottom: none !important;
}

.dropdown-submenu a {
color: #fff;
}

.language-list .dropdown-menu {
margin-top: 0;
padding-top: 0;
border: none;
margin-bottom: 0;
padding-bottom: 0;
}


/*--------------------- Search Box ---------------------*/

.search-form-large {
background: #FF4000;
padding-top: 40px;
padding-bottom: 40px;
z-index: 999;
position: fixed;
display:none;
width:100%;
}

.search-form-large input.form-control.input-lg {
height: 64px;
}

.search-form-large input.form-control.input-lg {
font-size: 2em;
}

.search-form-large input.form-control.input-lg {
border: none !important;
}

.search-form-large .close-link {
width: 50px;
height: 64px;
text-align: center;
display: block;
cursor: pointer;
opacity:1;
-webkit-transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
     -o-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
}

.search-form-large .icon-close {
color: #ffffff;
font-size: 1.8em;
font-family: cursive;
text-align: center;
line-height: 60px;
}

.search-form-large .icon-close:hover {
text-decoration: none;
}

.search-form-large .close-link:hover {
opacity: 0.7;
}

.search-form-large #custom-search-input .input-group {
background: #fff;
}

.search-form-large #custom-search-input .input-group form {
display:inherit;
margin: 0;
}

.dropdown-toggle + .dropdown-menu {
width: 100%;
}

.eib-topmenu .eib-list__column--items ul li{
    min-width: 33%;
}

@media only screen and (min-width: 1550px){
    a.img-responsive.navbar-logo{
        height:60px;
        }
    
        /*.ec_logo{
            margin-top:5px;
        }*/
    
        .navbar-logo {
            max-height: 55px;
            min-height: 55px;
            min-width: 160px;
        }
    }

/*@media only screen and (min-width: 1415px){
a.img-responsive.navbar-logo{
    height:60px;
    }

    .ec_logo{
        margin-top:5px;
    }

    .navbar-logo {
        max-height: 55px;
        min-height: 55px;
        min-width: 160px;
    }
}*/

@media only screen and (min-width: 1280px) and (max-width: 1414px){

    .nav>li>a{
        padding-left:5px !important;
        padding-right:5px !important;
        font-size:12px!important;
    }

    .nav>li>a>span{
        padding-left:0px !important;
        padding-right:0px !important;
        font-size:12px !important; 
    }

    .ec_logo{
        margin-top:0;
    }

    .logo-ec{
        margin-right: 30px;
        margin-left: 0px;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1279px){

    .nav>li>a>span{
        padding-left:4px !important;
        padding-right:4px !important;
        font-size:11px !important; 
    }

    .nav>li>a{
        padding-left:4px !important;
        padding-right:4px !important;
        font-size:11px!important;
    }

    .navbar-nav > li > a{
        padding-top:30px!important;
        padding-bottom: 39px!important;
      }

      
      /*#mainMenu .hidden-md{
        display:none!important;
      }*/
}

@media only screen and (min-width: 768px) and (max-width: 992px){

    .nav>li>a>span{
        padding-left:0px !important;
        padding-right:0px !important;
        font-size:10px !important; 
    }
    .nav>li>a{
        padding-left:3px !important;
        padding-right:3px !important;
        font-size:10px !important; 
        
    }
    .navbar-nav > li > a{
        padding-top:30px!important;
        padding-bottom: 39px!important;
      }

      .menu-center{
        width: 80%;
      }

      .eib-topmenu .eib-list__column--items ul li{
        min-width: 32%;
    }
}