
.area-header { background-color:#ffffff; }
.area-logo { position:absolute; z-index:3; }
.area-social { position:absolute; z-index:3; }
.area-carrello { position:absolute; z-index:3; }
.area-bottone { position:absolute; z-index:4; }

.navbar-inverse .navbar-nav > li > a { font-family: "Jost", sans-serif; color:#000000; }
.navbar-inverse .navbar-nav > li > a:hover { color:#006858; }
.navbar-inverse .navbar-nav > li > a:focus { color:#006858; }
.navbar { border-radius: 0px; border:0px; margin-bottom:0px; background-color:transparent; z-index:8; }
.navbar-inverse { border-color:transparent; z-index:8; }
.navbar-collapse {  padding-left: 0px; min-height:auto; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; z-index:8; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.navbar-toggle { background-color: transparent; margin-right:-12px; margin-bottom:0px; margin-top:-50px; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:transparent; margin-top:5px; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #000000; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #000000; }
.navbar-toggle .icon-bar { width: 28px; }
.navbar-collapse { padding-right:0px; }

.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: #000000; }
.dropdown-menu { left:auto; right:0; }

.numero-carrello { text-align:center; position:absolute; z-index:5; background-color:#000000; border-radius:50px; color:#ffffff; font-family: "Jost", sans-serif; font-weight:400; }

@font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.eot?v=3.2.1'); src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; }
#return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px;    display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none;    -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9999999; }
#return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease;     -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top:hover { background: rgba(0, 0, 0, 0.9); }
#return-to-top:hover i { color: #fff; top: 5px; }
a [class^="icon-"], a [class*=" icon-"] { display: inline; }
[class^="icon-"], [class*=" icon-"] { width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none;     background-position: 0% 0%; background-repeat: repeat; margin-top: 0; }
[class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit;     -webkit-font-smoothing: antialiased; *margin-right: .3em; }
.icon-chevron-up:before { content: "\f077"; }
[class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; }


@media (max-width:767px) {
.area-header { min-height:120px;  }
.area-social { top:5px; left:5px; }
.ico-social { padding-left:3px; }
.area-carrello { right:5px; top:5px; }
.area-bottone { right:15px; top:36px; }
.numero-carrello { right:38px; top:78px; width:10px; }

.area-logo { position:relative; text-align:center; padding-top:35px; padding-bottom:23px;  }
.img-logo { width:192px; height:auto; }

.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; }
.navbar-collapse { border-top:1px; }
.navbar-nav { margin: 0px 0px 10px 10px;  }
.navbar-collapse { max-height: auto; }
}


@media(min-width:768px) and (max-width:991px) {

}


@media(min-width:992px) {	
.area-header { height:136px; }
.area-social { left:15px; top:23px; }
.area-carrello { right:155px; top:42px; }
.area-bottone { right:15px; top:36px; }
.numero-carrello { right:153px; top:40px; width:20px; }

.area-logo { left:50%; margin-left:-65px; }
.img-logo { width:131px; height:131px; }

.navbar-inverse .navbar-nav > li > a { font-size:12px; }
}


@media(min-width:1200px) {	
.container { width:1330px; }
.area-header { height:136px; }
.area-social { left:15px; top:42px; }
.area-carrello { right:155px; top:42px; }
.area-bottone { right:15px; top:36px; }
.numero-carrello { right:153px; top:40px; width:20px; }

.area-logo { left:50%; margin-left:-65px; }
.img-logo { width:131px; height:131px; }

.navbar-inverse .navbar-nav > li > a { font-size:12px; }
.navbar-nav>li>.dropdown-menu { margin-top:40px; }
}

