/* -----------------Menu nella versione mobile-----------------*/
*{
  box-sizing:border-box;
  margin:0;
  padding: 0;
}
@media screen and (max-width: 1469px){

.active{
color:#FFF;
background-color: #f04a20;
}

.active-dropdown{
color:#FFF;
background-color:#f04a20;
}

nav{
z-index: 9999;
height:100%;
background-color:#f04a20;
position:fixed;
width:100%;
margin-top:80px;
visibility:hidden;
overflow:auto;
}

nav ul{
padding-bottom:66px;
}

nav ul li a {
padding: 8px 0 8px 32px;
display:block;
color:#FFF;
font-size:1.0em;
transition: background-color 0.3s ease;
border-bottom:1px solid #FFF;
}

.submenu{
color:#FFF;
padding-left: 55px;
padding-bottom: 5px;
}

nav ul li ul {
padding-left:0;
padding-bottom:0;
}

nav ul li ul li a {
font-size:1.1em;
padding:10px 0 10px 55px;

}

/* ----------------- div bar per l'attivazione del menu ------------------ */

#bar{
background-color: #ffd700;
height:80px;
width:100%;
z-index:100;
position:fixed;
opacity:1.0;
}

#bar #logo{
float:right;
margin: 7px 10px 0 0;/* controllare distanza dal bordo dx */
}
.logo1{
float:right;
max-width:70%;
}
}
/* ----------------- Hamburger animation ------------------ */

#hamburger {
display: none;
}

.menuicon {
position:fixed;
height:66px;
width:66px;
margin-left:10px; /* controlla distanza icona del menu dal bordo sx */
margin-top:12px;
z-index:9999;
}

.menuicon span {
  display: block;
  top: 25px;
  width: 40px;
  height:3px;
  left:8px;
  background-color: #FFF;
  position: relative;
  border-radius:20px;
  transition-duration: 0;
  transition-delay: .1s;
}

.menuicon  span::after, .menuicon  span::before {
  display: block;
  content: '';
  position: absolute;
  width: 40px;
  height:3px;
  background-color: #FFF;
  border-radius:20px;
  transition-duration: .1s;
  -webkit-transition-delay: .1s, 0;
  transition-delay: .1s, 0;
}
.menuicon  span::before {
    margin-top: -10px;
}
.menuicon  span::after {
    margin-top: 10px;
}

#hamburger:checked ~ .menuicon span{
    background-color: rgba(0,0,0,0);
}
    
#hamburger:checked ~ .menuicon span::before {
      margin-top: 0px;
      -webkit-transition-delay: 0, .3s;
      -moz-transition-delay: 0, .3s;
      -ms-transition-delay: 0,.3s;
      -o-transition-delay: 0, .3s;
      transition-delay: 0, .3s;
}
	
#hamburger:checked ~ .menuicon span::after {
      margin-top: 0px;
      -webkit-transition-delay: 0, .3s;
      -moz-transition-delay: 0, .3s;
      -ms-transition-delay: 0,.3s;
      -o-transition-delay: 0, .3s;
      transition-delay: 0, .3s;
}

#hamburger:checked ~ .menuicon span::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
}

#hamburger:checked ~ .menuicon span::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

/* ----------------- menu animation faccio apparire il menu ------------------ */

#hamburger:checked ~ .menu-visibility {
visibility:visible;
}


/* -------------------------------------------------------- menu orizzontale -------------------------------------------------- */

@media screen and (min-width: 1470px){
.sottomenu{
	width:100%;
	height: 80px;
	padding-left:5px;
	margin-top:0px;
	position: fixed;
	background-color:#fff;
	opacity:1.0;
  z-index:1000;
  border-bottom:1px solid #ccc;
}
.sottomenu1{
	width:100%;
	height: 75px;
	padding-left:5px;
	margin-top:0px;
	position: fixed;
	background-color:#ffd700;
	opacity:1.0;
  z-index:1000;
  box-shadow: 0px 0px 10px 0px grey;
}
.log{
width: 90%;
}
.log1{ /* chiamata da jquery con lo scroll*/
width: 75%;
-webkit-animation: logo1 0.5s ease-in-out;
            animation: logo1 0.5s ease-in-out;
}
@-webkit-keyframes logo1 {
0% {
opacity: 1;
width: 60%;
}
100% {
display: none;
width: 50%;
}
}

.menuicon{
display:none; /* togliere icona hambuger icon */
}

#bar #logo{
float:left;
padding:8px 0px 0 10px;
}

nav{
z-index:3;
margin-top:21px;
height:auto;
transition:none;
width:auto;
float:left;
margin-left:0px;/*sposto lateralmente la riga delle voci*/
visibility:visible;
overflow:inherit;
}

.active{
background-color:transparent;
color:#333;
}

.active-dropdown{
color:#333;
}

nav ul{
padding:0;
}

nav ul li a {
padding:4px;
display:inline;
font-size:1.1em;
color: #333;
}

nav ul li a:hover {
background-color:transparent;
color:green;
}

.submenu{
padding-left: 0;
color:#333;
}

nav ul li {
margin:0;
float:left;
position:relative;
padding:12px 6px;
}

.submenu::after{
content: url(img/arrow-down.svg);
float: right;
padding-left: 6px;
}

/* ----------------- dropdown - attivare il menu a tendina ------------------ */

nav ul li ul {
position:fixed;
left:0px;
height:0;
width: 190px;
overflow:hidden;
background-color: #85b5bd;
border-radius:10px;
}

nav ul li:hover ul{
height:auto;
padding-top: 0px;
position: absolute;
right: 0;
}

nav ul li ul li {
font-size: 0.9em;
font-weight: normal;
float:none;
padding:0;
border-bottom: 2px dotted #CCC;
}

nav ul li ul li a {
padding: 10px 60px 10px 20px;
display: block;
background-color: #FFF;
color: #333;
font-weight: normal;
}

nav ul li ul li a:hover {
background-color:#85b5bd;
color:#333;
}

.lingua{
border-top: 0;
border-left: solid 1px #fff;
float: left;
}
}