.area-header { background-color:#ffffff; }
.area-logo { position:absolute; z-index:3; }
.area-telefono { position:absolute; z-index:10; }
.area-ricerca { position:absolute; z-index:9; }
.area-carrello { position:absolute; z-index:9; }
.area-menu { position:absolute; z-index:9; }
.whatsapp { position:absolute; z-index:9; }
.menu {float:left;}
.riga {float:left;width:1px; height:30px; background-color: white;}



  .whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    z-index: 1000;
    transition: opacity 0.3s;
  }

  .whatsapp-float img {
    width: 100%;
    height: auto;
  }

  /* Effetto di scomparsa quando l’utente non scorre */
  .whatsapp-float.hidden {
    opacity: 0;
    pointer-events: none;
  }



.navbar-inverse .navbar-nav > li > a { font-family: "Roboto", sans-serif; font-weight:400; color:#fff; }
.navbar-inverse .navbar-nav > li > a:hover { color:#fff; background-color: #209cd8; }
.navbar-inverse .navbar-nav > li > a:focus { color:#fff; }
.navbar { border-radius: 0px; border:0px; margin-bottom:0px; background-color:transparent; z-index:9; }
.navbar-inverse { border-color:transparent; z-index:9; }
.navbar-collapse {  padding-left: 0px; min-height:auto; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; z-index:9; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.navbar-toggle { background-color: transparent; margin-right:0px; margin-bottom:0px; margin-top:0px; padding-bottom:5px; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:transparent;  }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #FFF; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #FFF; }
.navbar-toggle .icon-bar { width: 28px; }
.navbar-collapse { padding-right:0px; }
.dropdown-menu { z-index:999999; background-color:#ffffff; }
.dropdown-menu > li > a { font-family: "Roboto", sans-serif; font-weight:400; color:#222222;  }
.nav-tabs { border-bottom: 0px; float:right; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0px; padding-top:0px; text-decoration:none; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #ffffff; }



.right0 {right:0;left:auto;}

::placeholder {
  color:#eae2dd;
  opacity: 1; 
font-family: font-family: "Roboto", sans-serif; font-weight:400; font-size:12px;
  
}


@media (max-width:767px) {
.area-header { height:135px; }
.area-logo { left:50%; margin-left:-160px; margin-top:10px; }
.img-logo { width:320px; height:auto; }
.area-telefono { margin-left:0px; top:10px; }
.area-ricerca { right:30px; top:115px; }
.area-carrello { right:5px; top:120px; }
.area-menu { right:0px; top:10px; }
.form-ricerca { border:1px solid #eae2dd;  width:250px; height:40px; padding-left:15px; }
.right0 {right:0;left:auto;}
.menu {padding-right:20px}
.riga {margin-right:20px}
.whatsapp {right:15px;top:-50px;}

.navbar-inverse .navbar-nav > li > a { font-size:14px;  }
.navbar-inverse .navbar-nav > li > a {  background-color:transparent; }
.navbar-inverse .navbar-nav > li > a:hover { background-color:transparent; background-image:none; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { text-align:left; }
.nav > li > a { padding: 6px 6px; }
.navbar { background-color: transparent; min-height:0px; margin-top:135PX; }
.navbar-collapse { border-top:1px; background-color:#83d1f5; }
.navbar-nav { margin: 0px 0px 10px 10px;  }
.navbar-collapse { max-height: auto; }
.navbar-inverse .navbar-nav > li > a { color:#ffffff; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { padding-top:6px;  }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { font-family: "Roboto", sans-serif; font-weight:400; color:#fff;  }
 }

@media(min-width:768px) and (max-width:991px) {


.area-header { height:180px; }
.area-logo { left:50%; margin-left:-191px; margin-top:10px; }
.img-logo { width:383px; height:auto; }
.area-telefono { margin-left:0px; top:10px; }
.area-ricerca { right:30px; top:35px; }
.area-carrello { right:5px; top:40px; }
.area-menu { right:0px; top:10px; }
.form-ricerca { border:1px solid #eae2dd;  width:250px; height:40px; padding-left:15px; }
.right0 {right:0;left:auto;}
.menu {padding-right:20px}
.riga {margin-right:20px}
.whatsapp {right:0;top:35px;}


.navbar-nav { padding-left:150px; }
.navbar-inverse .navbar-nav > li > a { font-size:18px; }
.navbar { margin-top: 120px; }
.nav > li > a { padding: 20px 30px 20px 30px; }

.navbar-nav>li>.dropdown-menu { margin-top:10px; }
.dropdown-menu > li > a { font-size:16px; }
 }

@media(min-width:992px) {

.area-header { height:180px; }
.area-logo { left:50%; margin-left:-191px; margin-top:10px; }
.img-logo { width:383px; height:auto; }
.area-telefono { margin-left:0px; top:10px; }
.area-ricerca { right:30px; top:35px; }
.area-carrello { right:5px; top:40px; }
.area-menu { right:0px; top:10px; }
.form-ricerca { border:1px solid #eae2dd;  width:200px; height:40px; padding-left:15px; }
.right0 {right:0;left:auto;}
.menu {padding-right:20px}
.riga {margin-right:20px}
.whatsapp {right:0;top:35px;}


.navbar-nav { padding-left:0px; }
.navbar-inverse .navbar-nav > li > a { font-size:18px; }
.navbar { margin-top: 120px; }
.nav > li > a { padding: 20px 24px 20px 30px; }

.navbar-nav>li>.dropdown-menu { margin-top:10px; }
.dropdown-menu > li > a { font-size:16px; }
 }

@media(min-width:1200px) {
.area-header { height:180px; }
.area-logo { left:50%; margin-left:-191px; margin-top:10px; }
.img-logo { width:383px; height:auto; }
.area-telefono { margin-left:0px; top:10px; }
.area-ricerca { right:30px; top:35px; }
.area-carrello { right:5px; top:40px; }
.area-menu { right:0px; top:10px; }
.form-ricerca { border:1px solid #eae2dd;  width:250px; height:40px; padding-left:15px; }
.right0 {right:0;left:auto;}
.menu {padding-right:20px;}
.riga {margin-right:20px;}
.whatsapp {right:0;top:35px;}

.navbar-nav { padding-left:150px; }
.navbar-inverse .navbar-nav > li > a { font-size:18px; }
.navbar { margin-top: 120px; }
.nav > li > a { padding: 20px 30px 20px 30px; }

.navbar-nav>li>.dropdown-menu { margin-top:10px; }
.dropdown-menu > li > a { font-size:16px; }
 }