.logoPartner{height:45px;margin-right: 15px}
.up-bar {
   background-color: #0098a7;
   font-size:15px;
   font-weight: 300;
   text-align:center;
   min-height:32px;
   margin:0;
   clear:both
}
/* definizione barra preview opencms */
.opencms-bar{
   height:20px !important;
   background-color:#FFF !important;
   border-bottom:4px solid #b1162f;
   padding: 2px 0 4px
}
.opencms-bar img{
   height: 100%
}
.logo{
   float:left;
   padding:4px 30px 0;
}
.vendors{
   float:left;
   width:60%;
}
.vendors li{
   font-size:14px;
   float:left;
   padding:8px 30px 0;
   height:32px;
   list-style:none;
   text-transform: uppercase;
   font-weight: 400

}
.assistance{
   float:left;
   width:40%;
}
.assistance li{
   font-size:14px;
   float:right;
   padding:8px 0 0 30px;
   height:32px;
   list-style:none;
   text-transform: uppercase;
   font-weight: 400
}
.vendors li a, .assistance li a{
   color:#fff;

}
.vendors .active{
   background-color:#FFF;
}
.vendors .active a{
   color:#7f7f7f;
   padding-top:0;
}

.inbound{background-color: #7db900;margin-left:10px;padding:5px 10px 0 !important}

/* navbar */
.navbar-brand{
   padding: 0px 5px 0 15px; 
}
.navbar-brand img{
   /*width:144px;*/
}
.nav-bottom{
   margin-top:15px;
   text-transform: uppercase;

}
.navbar-default{
   background:#fff;
}
.navbar-right{
    margin-top:1px
}
.brand-name{
   float:left;
   font-size:30px;
   line-height:39px;
   font-weight: 100;
   color:#7f7f7f;
}
.brand-name a{
   color:#4D4D4D
}
.navbar-default .navbar-nav > li > a{
   color:#5A5A59;
   font-size: 14px;
   line-height: 19px;
}
.nav > li > div {
   display: block;
   padding: 15px 15px 5px;
   position: relative;
   font-size:14px;
}
.submenu{
   font-size:13px;
   border: none;
   border-radius: 0;
   /*box-shadow: none;*/
   float:none;
   left:-5px !important;
   min-width: 214px;
   /*margin-left:-22px;*/
}
.dropdown-menu > li > a {
   color: #0098a7;
   line-height: 2;

}
.dropdown-menu>li>p {
   display: block;
   padding: 3px 20px;
   margin:0 0 -8px;
   clear: both;
   font-weight: 500;
   line-height: 1.42857143;
   color: #333;
   white-space: nowrap;
}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{
   color:#5A5A59;
   background-color: #fff;
   text-decoration: underline
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{
   color: #5A5A59;
}
#dropdown-6{
   display:none
}
.navigation{
   background:#d2ebed;
}	
.navigation .col-md-4:nth-child(2){text-align: center}
.navigation img{height:70px}
.navigation h1{
   font-size:26px;
   color:#0098a7;
   font-weight:400;
   height:40px
}
.navigation .menu{
   font-size:13px;
   font-weight:400;
   margin-top:30px;

}
.navigation .menu a {    
   text-transform: lowercase !important;
}


@media only screen and (max-width: 1200px){
   .navbar-nav li a{
      font-size:14px; 
   }    
}

@media only screen and (max-width: 1024px){
   .navbar-nav .nav-hide{
      display:none
   }   
   .logo {padding: 4px 12px 0;}
}

@media only screen and (max-width: 824px){
   .vendors li, .assistance li{
      font-size:13px; 
   }
   .nav > li > div{
      padding: 15px 8px 5px;
   }  
}

@media only screen and (min-width:768px) and (max-width: 1200px){
   .container {
      width:100%
   }
}

@media only screen and (max-width: 768px){
   .navbar-nav .nav-hide{
      display:block
   } 
   .navbar-collapse.collapse{
      display:none !important
   }
   .navbar-collapse.in{
      display:block !important
   }
   .container-fluid>.navbar-collapse{
      margin-right: -15px;
      margin-left: -15px
   }

   .container-fluid>.navbar-header{
      margin-right: -15px;
   }

   .navbar-header {
      float: none;
   }
   .navbar-toggle {
      display: block;
   }
   .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

   }
   .nav-bottom{
      width:100%;
      padding-right:0;
      padding-left:0;
   }
   .navbar-header{
      padding-left:15px
   }
   .navbar-nav {
      float: none!important;
      margin: 0;
   }
   .navbar-nav>li {
      float: none;
      border-bottom: 1px solid #e7e7e7
   }
   #dropdown-6{
       border:none;
       display:block
   }
   .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
      font-size:16px; 
   }

   .navbar-nav li a{
      font-size:16px; 
   }

   .navbar{
      margin-bottom:0;
      border: none;
   }

   .navbar-default .navbar-toggle{
      border:none
   }
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
      background-color: #fff;
   }
   .navbar-toggle{
      margin-top:2px;
      margin-right:10px;
   }
   .navbar-toggle .fa-bars {
      color:#0098a7 !important
   }
   .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
      max-height: 10000px;
   }
   .navbar-collapse{
      padding: 0;
   }
   .navbar-fixed-bottom, .navbar-fixed-top{
      position:static;
   }
   .nav li div{
      padding:10px 20px;
   }
   .dropdown-menu{
      padding:0;
      position:relative;
      display:block
   }
   .no-submenu{
      padding-left: 20px
   }
   .submenu{
      background-color: #f0f0f0;
      font-size:16px;
      left: 0 !important
   }
   .dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{
      background-color: #f0f0f0;
   }
   .dropdown div::after {
      color: #0098a7;
      content:"\F055";
      float: right;
      font-family: "FontAwesome";
      cursor:pointer;
      font-size:21px;
      margin-top:-3px;
   }
   .navbar-toggle i::after{
      content:"\F057";
      color: #0098a7
   }
   .navbar-header .collapsed i::after{
      content:"\F0C9";
      color: #0098a7
   }
   .dropdown .opened::after {
      content:"\F056";
   }
   .other-sites{
      background:#0098a7
   }
   .other-sites a{
      color:#fff !important;
      border-bottom: 1px solid #fff;
   }
   .other-sites a:hover{
      background:#0098a7 !important
   }
   .up-bar .container{
      padding-left:0;
      padding-right:0;
   }
   .vendors ul, .assistance ul{
      display:none !important;
   }
   .logo{
      padding-left:0;
   }
   .search .container .row > div{
      margin-bottom:20px;
      text-align:center
   }
   .footer-link > div{
      text-align:center;
      display: flex;
      justify-content: center;
      align-items: center;    
   }
   .navigation .menu{
      text-align:center;
      margin:0 0 10px;
   }
   .navigation h1{
      margin-left:-15px
   }

}

@media only screen and (max-width: 700px){
   .up-bar {
        min-height:5px;
   }    
   .nav-bottom{
      padding-right:15px;
      padding-left:15px;
   }
   .navbar-header{
      padding-left:0;
   }
   .navigation h1{
      text-align:center;
      font-size:24px
   }
   .logoPartner{position: absolute;top:10px;right:5px;height:45px}
}        

@media only screen and (max-width: 320px){
   .navigation h1{
      font-size:20px
   }
}