html, body { height: 100%; }
body { font-family: 'Raleway', sans-serif !important; font-size: 14px; font-weight: 300; color: #000; }
a, a:active, a:visited, a:focus, a:hover { border: 0px; outline: none; text-decoration: none; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background: none !important; border: 0px !important; }
.carousel { z-index:1; }
.navbar { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.italic { font-style: italic; }
.raleway { font-family: 'Raleway', sans-serif; }
.bold { font-weight: 700; }
/* GENERALI */
.relative { position: relative; }
.img-max-responsive { max-width: 100%!important; }
.img-responsive { width: 100%!important; }
.clear-fix { clear: both; }
.img-height-responsive { height: 100%!important; max-width: 100%!important; }
.width-30 { width: 30px; }
.width-35 { width: 35px; }
a.nero { color: #000 !important; }
a.nero:hover { color: #fff!important; }
.clearfix { clear: both; }
::-webkit-input-placeholder { color: #000!important; }
:-moz-placeholder { /* Firefox 18- */ color: #000!important; }
::-moz-placeholder { /* Firefox 19+ */ color: #000!important; }
:-ms-input-placeholder { color: #000!important; }
a.nav-bianco { background: #fff none repeat scroll 0 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #fff !important; height: 30px; line-height: 20px; padding: 0 0 0 13px !important; width: 30px; display: inline-block; }
a.nav-bianco i { line-height: 30px; font-size: 22px; color: rgba(0,0,0,0.5); }
.margin-zero { margin: 0!important; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-top-zero { margin-top: 0px; }
.margin-top-3 { margin-top: 3px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-88 { margin-top: 88px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }
.padding-0 { padding: 0; }
.padding-15 { padding: 15px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-100 { padding-top: 100px; }
.bx-next {
right: -10px !important;
}
.bx-prev {
left: -10px !important;
}
/* --------------- LINK TO TOP -------------- */
.back-to-top { margin: 0; position: fixed; bottom: 20px; right: 20px; padding: 10px; z-index: 990; display: none; text-decoration: none; }
/* --------------- CAROUSEL -------------- */
.carousel, .carousel-inner, .carousel-inner .item { height: 100%; max-height: 100%; }
.caption-logo img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.carousel-control { background: rgba(29, 29, 27, 1) none repeat scroll 0 0 !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display: block; font-size: 30px; height: 50px; line-height: 48px; filter: alpha(opacity=100); opacity: 1; text-align: center; top: 55%; width: 50px; z-index: 2; }
.carousel-control.left { left: 20px; }
.carousel-control.right { right: 20px; }
/*---------------- VAI GIU --------------- */
.div-giu { bottom: 10px; position: absolute; text-align: center; width: 100%; }
/*---------------- TEMPALTE --------------- */
/*---------------- TEMPALTE --------------- */
.cat_caccia { border-bottom: 3px solid #29601c !important; }
.cat_caccia a { color: #29601c !important; font-weight: 900; }
.cat_sport { border-bottom: 3px solid #0d96aa !important; }
.cat_sport a { color: #0d96aa !important; font-weight: 900; }
.cat_scienza { border-bottom: 3px solid #010c3f !important; }
.cat_scienza a { color: #010c3f !important; font-weight: 900; }
.img-zoom { background-position:center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
display: block;
}
.img-zoom:hover {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1); /* IE 9 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */
}
.categorie-cover-block { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; bottom: 0; color: #fff !important; font-size: 20px; font-weight: 900; height: 30px; display: block; position: absolute; text-transform: uppercase; left: 0; right: 35px; }
.home-left {
left: 0 !important;
}
.home-right {
right: 0 !important;
padding-right: 20px;
}
.cat-home { background: rgba(0, 0, 0, 0.5) !important; }
.link-box-home { position: absolute; width: 100%; height: 100%; }
.home-cover { padding: 10px; text-transform: uppercase; letter-spacing: -3px; text-align: center; position: absolute; width: 100%; background: rgba(255, 255, 255, 0.56); bottom: 0; display: block; font-size: 29px; color: #36393b; font-weight: 900; }
.text-cover { color: #000; letter-spacing: 0px; }
.table-row { display: table-row; height: 100%; }
.cell-col { display: table-cell; float: none; }
.divider { z-inde: -2; background: url('../images/fondino.png'); background-position: center; background-repeat: repeat-y; }
h2.titolo-news { color: #000; font-size: 28px; }
.testo-news-introduzione { color: #000; }
.link-interno { display: inline-block; padding: 4px; border: 1px solid #8d8d8d; margin-top: 10px; margin-bottom: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.link-interno a { text-transform: lowercase; color: #000; display: block; padding: 0 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.link-interno a:hover { background: #8d8d8d; }
.data-news { background: #d0cecc; color: #fff; padding-top: 24px; text-align: center; position: absolute; width: 85px; height: 85px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.data-news.prima { right: -98px; }
.data-news.seconda { margin-top: 30px; left: -98px; }
.data-news-interna { margin-top: -20px; }
.link-riviste { display: block; }
.cover-riviste { padding: 10px; text-transform: uppercase; letter-spacing: -3px; text-align: center; position: absolute; width: 100%; background: rgba(255, 255, 255, 0.56); bottom: 0; display: none; color: #36393b; font-weight: 900; }
.box-riviste { border: 1px solid #d0cecc; }
.sfondo-pagina-categorie { /* background: url('../images/sfondo-pagina.png') left top no-repeat #f1f1f1; */ background: #fff; }
.categoria-interna { background: #fff; /*border: 1px solid #d0cecc;*/ }
.link-box-categorie { position: absolute; width: 100%; height: 100%; }
.link-box-categorie:hover { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; }
.categorie-cover { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; bottom: 0; color: #fff !important; font-size: 20px; font-weight: 900; height: 50px; display: none; position: absolute; text-transform: uppercase; width: 100%; }
.categorie-text-cover{ padding-left: 20px; color: #fff; letter-spacing: 0; line-height: 30px; }
.cover-open { background: #FEA800 none repeat scroll 0 0; color: #fff; display: block; height: 30px; position: absolute; right: 0; bottom: 0; width: 30px; text-align: center; }
.fa.fa-plus.fa-cover { line-height: 30px; }
.titolo-interno > a { color: #1d1d1b; }
.bianco { background: #fff; }
.nome-prodotto, .specifiche-prodotto, .prodotto-dettagli { color: #767676; margin-top: 0; border-bottom: 1px solid #656565; font-size: 20px; }
.specifiche-prodotto, .prodotto-dettagli { margin-top: 20px; }
.bx-bianco { background: #fff; height: 140px; }
.bx-wrapper { margin: 0 !important }
.slide { height: 173px; }
.padre-categorie { display: inline-block; padding-right: 20px; margin-right: 10px !important; }
.sotto-titolo-categoria { font-size: 25px; display: inline-block; }
.sotto-titolo-categoria > a { color: #000; }
.suqare-title { display: inline-block; float: right; font-size: 12px; line-height: 25px; }
ul.download > li > a { font-size: 14px; color: #656565; }
.appears { top: -10px; left: -10px; opacity: 0; }
.bxsliderVertical { margin: 0px; }
.h500 { height: 500px; }
section.sfondo-pagina, section.sfondo-pagina-categorie, section.home-page {
padding-top: 150px;
}
.form-control.get-address {
display: inline-block;
height: 34px;
vertical-align: bottom;
width: 250px;
}
.container.sfondo-home {
background: rgba(0, 0, 0, 0) url("../images/sfondoxy.jpg") no-repeat scroll 50% 49% / 22% auto;
}
@media (max-width: 768px) { }
@media (min-width: 992px ) { }
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.nav-lang.list-inline > li:last-child {
margin-top: 20px;
}
.navbar-collapse.collapse.in {
height: 100%;
max-height: 100%;
min-height: 100%;
}
.categorie-cover {
display: block !important;
}
.container.sfondo-home {
background: none;
}
.h300 { height: 300px }
section.sfondo-pagina, section.sfondo-pagina-categorie, section.home-page {
padding-top: 50px;
}
.phone-hidden { display: none!important; }
.nav-lang-padding-mod a, .nav-lang-padding-mod { padding: 0 1px !important; }
.navbar { background: #3a3938; border-radius: 0; margin-bottom: 0; position: absolute; width: 100%; z-index: 99; }
.navbar-brand { height: 70px; }
.navbar-brand img {
width: 150px;
}
.nav > li { text-transform: uppercase; }
.nav-lang { margin: 10px 0; }
.nav-lang > li > a { color: #fff; }
.dropdown-menu > li > a { white-space: normal; }
.caption-logo img { width: 250px; }
.caption-logo { position: absolute; top: 45%; width: 100%; }
.home-caption { text-align: center; position: absolute; top: 20%; right: 30%; z-index: 9; }
.home-caption h1 { color: #c6c6c4; font-size: 24px; font-weight: 700; margin: 0; text-transform: uppercase; }
.home-caption img { width: 40%; }
.home-caption a { border-bottom: 1px solid #fff; color: #000; display: inline-block; font-size: 15px; font-weight: 700; line-height: 25px; text-transform: uppercase; }
.girgio { background: #d6d6d4; padding: 30px 0 50px 0; color: #565655; font-size: 16px; }
.girgio a, .girgio a:hover { color: #565655; }
.girgio h1 { font-size: 24px; font-weight: 700; color: #000 }
.footer, .footer a { margin-top: 20px; background: #3b3938; color: #fff; }
.footer a { text-transform: uppercase; }
.sfondo-pagina { /* background: url('../images/sfondo-pagina.png') right top no-repeat; */ min-height: 100%; }
.header-categorie { height: 50px; }
.logo-padre { border-bottom: 1px solid #a7a6a6; padding-bottom: 5px; }
.logo-padre-interno { border-bottom: 1px solid #a7a6a6; padding-bottom: 5px; margin-top: 14px; margin-left: 15px; }
.menu-categorie { margin: 20px 0 0 10px; }
.menu-categorie-interno { margin: 15px 0 0 20px; }
.menu-categorie-interno > li > a, .menu-categorie > li > a { color: #a7a6a6; font-size: 12px; font-style: italic; text-transform: uppercase; }
.menu-categorie-interno > li > a.hover, .menu-categorie > li > a:hover { color: #1d1d1b; }
.menu-categorie-interno > li > a.active, .menu-categorie > li > a.active { color: #1d1d1b; font-size: 38px; }
.expand { text-transform: uppercase; font-size: 12px; font-weight: 700; }
.overlay { display: none; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: url("../images/overl.png") no-repeat scroll center center / contain; }
.cat-code { color: #009382 }
.testo-cat-prd { position: absolute; bottom: 0; display:block; color: #000; padding-left: 40px; }
.easyzoom {margin-bottom: -5px; }
.thumbnails li { margin: 0; border: none; }
.txt-prodotto { padding: 10px 20px; }
.red { color: #e63332; }
.text-tecnico { color: #3c3c3b; font-size: 12px; margin-bottom: 30px; text-transform: uppercase; }
.element-bx { max-width: 50%; }
.panel-container { /* display: table; */ }
.panel-prd { /* display: table-cell; vertical-align: top; float: none; */ }
.container-temperature { width: 15px; line-height: 13px; font-size: 11px; }
.row-temperature { width: 65px; height: 13px; color: #fff; font-weight: 700; line-height: 13px; font-size: 11px; background: url('../images/temperature.jpg'); }
.width-50 { width: 50%; }
.grigetto { color: #9f9e9e; }
.private-label { padding: 3px; border: 1px solid #a7a6a6; margin: 0 0 0 20px; position: absolute; bottom: 20px; }
.private-label a { display: block; color: #a7a6a6; font-style: italic; text-transform: uppercase; padding: 2px 6px; }
.private-label a:hover { color: #fff; background: #a7a6a6; }
.titolo-interno { font-size: 28px; color: #1d1d1b; border-bottom: 1px solid #1d1d1d; font-weight: 300; font-style: italic; margin: 40px 0 20px 0; }
.mappa-contatti { height: 500px; }
.form-control { height: 27px; background: #d1d1d1; -webkit-border-radius: 0px; border: none; -moz-border-radius: 0px; border-radius: 0px; }
.form-group { margin-bottom: 5px; }
.titolo-news { font-size: 30px; color: #1d1d1b; font-weight: 300; font-style: italic; }
.titolo-interno-news { text-transform: uppercase; font-size: 48px; color: #1d1d1b; border-bottom: 1px solid #1d1d1d; font-weight: 300; font-style: italic; margin: 40px 0 0 0; }
hr { border-color: #1d1d1b; margin-top: 40px; }
.padding-0-prd { padding: 0px; }
.padding-0-int-prd { padding: 0 15px; }
.list-inline.margin-top-20.black { margin-left: 5px; }
.news { margin-top: 0px; }
.padding-phone-0 { padding: 0; }
.nav-lang-padding-mod img {
max-width: 25px;
}
.sfondo-cerca { background: rgba(0, 0, 0, 0) url("../images/sfondo-cerca.png") no-repeat scroll center center / contain ; display: inline-block; padding: 4px 8px 0; width: 244px; }
input.typeahead { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; display: inline-block !important;
font-size: 12px; height: 20px; margin-top: 2px; padding: 0 5px; max-width: 200px !important; width: 200px !important; }
.typeahead-addon { background: rgba(0, 0, 0, 0); margin-top: -5px; padding: 0; display: inline-block; height: 25px; border: none!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.typeahead-submit { background: rgba(0, 0, 0, 0); height: 13px; border: none; }
.bxNews > li > div { background: #fff none repeat scroll 0 0; display: inline-block; margin: 10px; padding: 10px; width: 95%; min-height: 210px; position: relative; }
.bxNews > li > div > h2 { font-size: 15px; margin: 0 0 10px 0; }
.border-left { border-left: 1px solid #cdcdcd; }
.bxNews-txt { font-size: 14px; }
.link-interno-home { border: 1px solid #a7a6a6; bottom: 0; display: inline-block; left: 25px; margin: 10px 0 20px; padding: 3px; position: absolute; }
.link-interno-home a { display: block; font-size: 12px!important; bottom: 0; color: #a7a6a6; text-transform: uppercase; padding: 2px 10px; }
.link-interno-home a:hover { color: #fff; background: #a7a6a6; }
}
@media (min-width: 767px) and (max-width: 1024px ) {
.h300 { height: 300px }
.tablet-hidden { display: none!important; }
.nav-lang-padding-mod a { padding: 0 1px !important; }
.img-tec { max-width: 90px; }
.navbar-inverse { z-index: 9; width: 100%; }
.navbar-inverse { height: 140px; background: #3a3938; border: 0; margin: 0; }
.navbar-brand { height: 64px; margin-top: 40px; line-height: auto; padding: 0; margin-left: 0 !important; }
.navbar-brand img { width: 150px; }
.navbar-collapse { overflow: auto; padding: 0; height: 23px !important; margin-top: 117px; }
.nav-container { position: relative; z-index: 1; }
.barbatrucco-navbar { background: #a7a6a6; bottom: 0; color: #000; height: 23px; position: absolute; right: 0; width: 50%; z-index: 0; }
.navbar-nav { background: #a7a6a6 none repeat scroll 0 0; float: right; height: 23px; }
.navbar-nav li { }
.navbar-nav li a { display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0); font-weight: 400; line-height: 14px; font-family: 'Roboto', sans-serif; margin: 2px; padding: 3px 2px 0; color: #000!important; text-transform: uppercase; font-size: 12px; }
.navbar-nav li a:hover, .navbar-nav li a.active { border-bottom: 1px solid #fff; }
.dropdown { padding-bottom: 5px; }
.dropdown:hover .dropdown-menu { display: block; }
.navbar-nav > li > .dropdown-menu { background: rgba(255, 255, 255, 0.8); color: #000; margin-top: 0px; }
.navbar-nav > li > .dropdown-menu > li > a { color: #000 !important; border-bottom: 1px solid rgba(255, 255, 255, 0); }
.navbar-nav > li > .dropdown-menu > li > a:hover { color: #000 !important; background: none; border-bottom: 1px solid #000; }
.nav-lang { position: absolute; right: 0; top: 49px; }
.nav-lang li { margin: 0; padding: 0; }
.nav-lang li a { padding: 0 5px; color: #fff; }
.nav-lang li a:hover, .nav-lang li a.active { color: #fff; }
.home-caption { text-align: center; position: absolute; top: 20%; right: 30%; z-index: 9; }
.home-caption h1 { margin-top: 0 0 15px 0; color: #c6c6c4; font-size: 44px; text-transform: uppercase; font-weight: 700; }
.home-caption img { width: 70%; }
.home-caption a { text-transform: uppercase; margin-top: 10px; line-height: 45px; font-size: 33px; display: inline-block; color: #000; border-bottom: 1px solid #fff; font-weight: 700; }
.girgio { background: #d6d6d4; padding: 30px 0 50px 0; color: #565655; font-size: 16px; }
.girgio a, .girgio a:hover { color: #565655; }
.girgio h1 { font-size: 34px; font-weight: 700; color: #000 }
.footer, .footer a { background: #3b3938; color: #fff; }
.footer a { text-transform: uppercase; }
.sfondo-pagina { background: none!important;/* background: url('../images/sfondo-pagina.png') left top no-repeat; */ min-height: 100%; }
.made-in-italy { width: 27px; position: absolute; left: -8px; top: 115px; bottom: 0; }
.made-italy-interno { position: absolute; top: 150px; bottom: 0; left: 0; right: 0; background: #a7a6a6; }
.header-categorie { height: 140px; }
.logo-padre { border-bottom: 1px solid #a7a6a6; padding-bottom: 5px; }
.logo-padre-interno { border-bottom: 1px solid #a7a6a6; padding-bottom: 5px; margin-top: 14px; margin-left: 15px; }
.menu-categorie { margin: 20px 0 0 10px; }
.menu-categorie-interno { float: rightimportant; margin: 15px 0 0 20px; }
.menu-categorie-interno > li > a, .menu-categorie > li > a { color: #a7a6a6; font-size: 12px; font-style: italic; text-transform: uppercase; }
.menu-categorie-interno > li > a.hover, .menu-categorie > li > a:hover { color: #1d1d1b; }
.menu-categorie-interno > li > a.active, .menu-categorie > li > a.active { color: #1d1d1b; font-size: 38px!important; }
.expand { text-transform: uppercase; font-size: 12px; font-weight: 700; }
.overlay { display: none; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: url("../images/overl.png") no-repeat scroll center center / contain; }
.cat-code { color: #009382 }
.testo-cat-prd { position: absolute; bottom: 0; display:block; color: #000; padding-left: 40px; }
.easyzoom {margin-bottom: -5px; }
.thumbnails li { margin: 0; border: none; }
.txt-prodotto { padding: 10px 20px; }
.red { color: #e63332; }
.text-tecnico { color: #3c3c3b; font-size: 12px; margin-bottom: 30px; text-transform: uppercase; }
.element-bx { max-width: 50%; }
.panel-container { /* display: table; */ }
.panel-prd { /* display: table-cell; vertical-align: top; float: none; */ }
.container-temperature { width: 15px; line-height: 13px; font-size: 11px; }
.row-temperature { width: 65px; height: 13px; color: #fff; font-weight: 700; line-height: 13px; font-size: 11px; background: url('../images/temperature.jpg'); }
.width-50 { width: 50%; }
.grigetto { color: #9f9e9e; }
.private-label { padding: 3px; border: 1px solid #a7a6a6; margin: 0 0 0 20px; position: absolute; bottom: 20px; }
.private-label a { display: block; color: #a7a6a6; font-style: italic; text-transform: uppercase; padding: 2px 6px; }
.private-label a:hover { color: #fff; background: #a7a6a6; }
.titolo-interno { font-size: 48px; color: #1d1d1b; border-bottom: 1px solid #1d1d1d; font-weight: 300; font-style: italic; margin: 40px 0 20px 0; }
.mappa-contatti { margin-top: 75px; height: 500px; }
.form-control { height: 27px; background: #d1d1d1; -webkit-border-radius: 0px; border: none; -moz-border-radius: 0px; border-radius: 0px; }
.form-group { margin-bottom: 5px; }
.titolo-news { font-size: 30px; color: #1d1d1b; font-weight: 300; font-style: italic; }
.titolo-interno-news { text-transform: uppercase; font-size: 48px; color: #1d1d1b; border-bottom: 1px solid #1d1d1d; font-weight: 300; font-style: italic; margin: 40px 0 0 0; }
hr { border-color: #1d1d1b; margin-top: 40px; }
.padding-0-prd { padding: 0px; }
.padding-0-int-prd { padding: 0 15px; }
.tablet-30 { margin-top: 30px; }
.news { margin-top: 50px; }
.sfondo-cerca { background: rgba(0, 0, 0, 0) url("../images/sfondo-cerca.png") no-repeat scroll center center / contain ; display: inline-block; padding: 4px 8px 0; width: 244px; }
input.typeahead { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; display: inline-block !important;
font-size: 12px; height: 20px; margin-top: 2px; padding: 0 5px; max-width: 200px !important; width: 200px !important; }
.typeahead-addon { background: rgba(0, 0, 0, 0); margin-top: -5px; padding: 0; display: inline-block; height: 25px; border: none!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.typeahead-submit { background: rgba(0, 0, 0, 0); height: 13px; border: none; }
.nav-lang-padding-mod img {
max-width: 30px;
}
.bxNews > li > div { background: #fff none repeat scroll 0 0; display: inline-block; margin: 10px; padding: 10px; width: 95%; min-height: 210px; position: relative; }
.bxNews > li > div > h2 { font-size: 20px; margin: 0 0 10px 0; }
.border-left { border-left: 1px solid #cdcdcd; }
.link-interno-home { border: 1px solid #a7a6a6; bottom: 0; display: inline-block; left: 25px; margin: 10px 0 20px; padding: 3px; position: absolute; }
.link-interno-home a { display: block; font-size: 12px!important; bottom: 0; color: #a7a6a6; text-transform: uppercase; padding: 2px 10px; }
.link-interno-home a:hover { color: #fff; background: #a7a6a6; }
#map-canvas.bordino {
height: 750px !important;
}
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.h300 { height: 300px }
.desktop-hidden { display: none; }
.padding-0-desktop { padding: 0; }
.nav-lang-padding-mod a { padding: 0 1px !important; }
.navbar-inverse { z-index: 9; width: 100%; }
.navbar-inverse, .navbar-header { height: 140px; background: #3a3938; border: 0; margin: 0; }
nav.navbar, .navbar-header, .navbar-collapse, .nav-lang { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
img.navbar-logo { width: 277px; -webkit-transition: width 0.2s; transition: width 0.2s; }
.nav-lang.nav-lang-shrink{ top: 13px; }
.navbar-collapse.navbar-collapse-shrink { margin-top: 47px; }
.navbar-header.shrink-header{ height: 70px; }
nav.navbar.shrink { height: 70px; }
img.navbar-logo.shrink-logo { width: 150px; }
.navbar-brand { height: 64px; margin-top: 20px; line-height: auto; padding: 0; margin-left: 0 !important; }
.navbar-collapse { overflow: auto; padding: 0; height: 23px !important; margin-top: 117px; }
.nav-container { position: relative; z-index: 1; }
.barbatrucco-navbar { background: #a7a6a6; bottom: 0; color: #000; height: 23px; position: absolute; right: 0; width: 50%; z-index: 0; }
.navbar-nav { background: #a7a6a6 none repeat scroll 0 0; float: right; height: 23px; }
.navbar-nav li { }
/*.navbar-nav li a { display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0); font-weight: 400; line-height: 14px; font-family: 'Roboto', sans-serif; margin: 2px 3px; padding: 3px 3px 0; color: #000!important; text-transform: uppercase; font-size: 15px; }*/
.navbar-nav li a {
border-bottom: 1px solid rgba(255, 255, 255, 0);
color: #000 !important;
display: inline-block;
font-family: "Roboto",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 14px;
margin: 2px 3px;
padding: 3px 2px 0;
text-transform: uppercase;
}
.navbar-nav li a:hover, .navbar-nav li a.active { border-bottom: 1px solid #fff; }
.dropdown { padding-bottom: 5px; }
.dropdown:hover .dropdown-menu { display: block; }
.navbar-nav > li > .dropdown-menu { background: rgba(255, 255, 255, 0.8); color: #000; margin-top: 0px; }
.navbar-nav > li > .dropdown-menu > li > a { color: #000 !important; border-bottom: 1px solid rgba(255, 255, 255, 0); }
.navbar-nav > li > .dropdown-menu > li > a:hover { color: #000 !important; background: none; border-bottom: 1px solid #000; }
.nav-lang { position: absolute; right: 0; top: 49px; }
.nav-lang li { margin: 0; padding: 0; }
.nav-lang li a { padding: 0 5px; color: #fff; }
.nav-lang li a:hover, .nav-lang li a.active { color: #fff; }
.home-caption { text-align: center; position: absolute; top: 40%; right: 30%; z-index: 9; }
.home-caption h1 { margin-top: 0 0 15px 0; color: #c6c6c4; font-size: 64px; text-transform: uppercase; font-weight: 700; }
.home-caption img { max-width: 100%; }
.home-caption a { float: right; text-transform: uppercase; margin-top: 20px; line-height: 45px; font-size: 53px; display: inline-block; color: #000; border-bottom: 1px solid #fff; font-weight: 700; }
.girgio { background: #d6d6d4; padding: 30px 0 50px 0; color: #565655; font-size: 16px; }
.girgio a, .girgio a:hover { color: #565655; }
.girgio h1 { font-size: 34px; font-weight: 700; color: #000 }
.footer, .footer a { background: #393837; color: #fff; }
.footer a { text-transform: uppercase; }
.sfondo-pagina { /* background: url('../images/sfondo-pagina.png') -70px top no-repeat; */ min-height: 100%; }
.made-in-italy { width: 27px; position: absolute; left: 0; top: 115px; bottom: 0; }
.made-italy-interno { position: absolute; top: 150px; bottom: 0; left: 0; right: 0; background: #a7a6a6; }
.header-categorie { height: 140px; }
.logo-padre { position: absolute; top: -46px; border-bottom: 1px solid #a7a6a6; padding-bottom: 5px; }
.logo-padre-interno { border-bottom: 1px solid #a7a6a6; padding-bottom: 5px; margin-top: 14px; margin-left: 15px; }
.menu-categorie { margin: 60px 0 0 20px; }
.menu-categorie-interno { margin: 15px 0 0 20px; }
.menu-categorie-interno > li > a, .menu-categorie > li > a { color: #a7a6a6; font-size: 23px; font-style: italic; text-transform: uppercase; }
.menu-categorie-interno > li > a.hover, .menu-categorie > li > a:hover { color: #1d1d1b; }
.menu-categorie-interno > li > a.active, .menu-categorie > li > a.active { color: #1d1d1b; font-size: 58px; }
.expand { text-transform: uppercase; font-size: 12px;font-weight: 700 }
.overlay { display: none; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: url("../images/overl.png") no-repeat scroll center center / contain; }
.cat-code { color: #009382 }
.testo-cat-prd { position: absolute; bottom: 5px; display:block; color: #000; padding-left: 85px; }
.easyzoom {margin-bottom: -5px; }
.thumbnails li { margin: 0; border: none; }
.txt-prodotto { padding: 10px 20px; }
.red { color: #e63332; }
.text-tecnico { position: absolute; bottom: 20px; text-transform: uppercase; color: #3c3c3b; font-size: 13px; }
.element-bx { max-width: 50%; }
.panel-container { display: table; }
.panel-prd { display: table-cell; vertical-align: top; float: none; }
.container-temperature { width: 15px; line-height: 13px; font-size: 11px; }
.row-temperature { width: 65px; height: 13px; color: #fff; font-weight: 700; line-height: 13px; font-size: 11px; background: url('../images/temperature.jpg'); }
.width-50 { width: 50%; }
.grigetto { color: #9f9e9e; }
.private-label { padding: 3px; border: 1px solid #a7a6a6; margin: 0 0 0 20px; position: absolute; bottom: 20px; }
.private-label a { display: block; color: #a7a6a6; font-style: italic; text-transform: uppercase; padding: 2px 6px; }
.private-label a:hover { color: #fff; background: #a7a6a6; }
.titolo-interno { font-size: 48px; color: #1d1d1b; border-bottom: 1px solid #1d1d1d; font-weight: 300; font-style: italic; margin: 22px 0 20px 0; }
.mappa-contatti { margin-top: 55px; height: 500px; }
.form-control { height: 27px; background: #d1d1d1; -webkit-border-radius: 0px; border: none; -moz-border-radius: 0px; border-radius: 0px; }
.form-group { margin-bottom: 5px; }
.titolo-news { font-size: 30px; color: #1d1d1b; font-weight: 300; font-style: italic; }
.titolo-interno-news { line-height: 40px; text-transform: uppercase; font-size: 48px; color: #1d1d1b; border-bottom: 1px solid #1d1d1d; font-weight: 300; font-style: italic; margin: 40px 0 0 0; }
hr { border-color: #1d1d1b; margin-top: 40px; }
.padding-0-prd { padding: 0; }
.padding-0-int-prd { padding: 0; }
.news { margin-top: 50px; }
.sfondo-cerca { background: rgba(0, 0, 0, 0) url("../images/sfondo-cerca.png") no-repeat scroll center center / contain ; display: inline-block; padding: 4px 8px 0; width: 244px; }
input.typeahead { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; display: inline-block !important;
font-size: 12px; height: 20px; margin-top: 2px; padding: 0 5px; max-width: 200px !important; width: 200px !important; }
.typeahead-addon { background: rgba(0, 0, 0, 0); margin-top: -5px; padding: 0; display: inline-block; height: 25px; border: none!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.typeahead-submit { background: rgba(0, 0, 0, 0); height: 13px; border: none; }
.bxNews { margin-left: -10px; }
.bxNews > li > div { background: #fff none repeat scroll 0 0; display: inline-block; margin: 10px; padding: 10px; width: 95%; min-height: 210px; position: relative; }
.bxNews > li > div > h2 { font-size: 20px; margin: 0 0 10px 0; }
.border-left { border-left: 1px solid #cdcdcd; }
.link-interno-home { border: 1px solid #a7a6a6; bottom: 0; display: inline-block; left: 25px; margin: 10px 0 20px; padding: 3px; position: absolute; }
.link-interno-home a { display: block; font-size: 12px!important; bottom: 0; color: #a7a6a6; text-transform: uppercase; padding: 2px 10px; }
.link-interno-home a:hover { color: #fff; background: #a7a6a6; }
}
.btn-sample { -webkit-border-radius: 0px; -moz-border-radius: 0px;
border-radius: 0px;
color: #333333;
background-color: #AFAFAF;
border-color: #AFA6A3;
}
.btn-sample:hover,
.btn-sample:focus,
.btn-sample:active,
.btn-sample.active,
.open .dropdown-toggle.btn-sample {
color: #333333;
background-color: #afa6a3;
border-color: #AFA6A3;
}
.btn-sample:active,
.btn-sample.active,
.open .dropdown-toggle.btn-sample {
background-image: none;
}
.btn-sample.disabled,
.btn-sample[disabled],
fieldset[disabled] .btn-sample,
.btn-sample.disabled:hover,
.btn-sample[disabled]:hover,
fieldset[disabled] .btn-sample:hover,
.btn-sample.disabled:focus,
.btn-sample[disabled]:focus,
fieldset[disabled] .btn-sample:focus,
.btn-sample.disabled:active,
.btn-sample[disabled]:active,
fieldset[disabled] .btn-sample:active,
.btn-sample.disabled.active,
.btn-sample[disabled].active,
fieldset[disabled] .btn-sample.active {
background-color: #AFAFAF;
border-color: #AFA6A3;
}
.btn-sample .badge {
color: #AFAFAF;
background-color: #333333;
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.desktop-hidden { display: none; }
.padding-0-desktop { padding: 0; }
.navbar-nav li a { display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0); font-weight: 400; line-height: 14px; font-family: 'Roboto', sans-serif; margin: 2px 3px; padding: 3px 3px 0; color: #000!important; text-transform: uppercase; font-size: 15px; }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1900px) {
.desktop-hidden { display: none; }
.padding-0-desktop { padding: 0; }
.logo-padre {
border-bottom: 1px solid #a7a6a6;
padding-bottom: 5px;
position: absolute;
top: -46px;
max-width: 400px;
}
.logo-padre-interno {
max-width: 400px;
}
.barbatrucco-navbar { background: #a7a6a6; bottom: 0; color: #000; height: 23px; position: absolute; right: 0; width: 30%; z-index: 0; }
.container { width: 1570px; }
.sfondo-pagina { background: url('../images/sfondo-pagina.png') left top no-repeat; min-height: 70%; }
.menu-categorie { margin: 100px 0 0 20px; }
.testo-cat-prd {
bottom: 5px;
color: #000;
padding-left: 105px;
position: absolute;
}
.h300 { height: 370px }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 2500px) {
.desktop-hidden { display: none; }
.padding-0-desktop { padding: 0; }
.logo-padre {
border-bottom: 1px solid #a7a6a6;
padding-bottom: 5px;
position: absolute;
top: -46px;
max-width: 400px;
}
.logo-padre-interno {
max-width: 400px;
}
.barbatrucco-navbar { background: #a7a6a6; bottom: 0; color: #000; height: 23px; position: absolute; right: 0; width: 30%; z-index: 0; }
.container { width: 2200px; }
.sfondo-pagina { background: url('../images/sfondo-pagina.png') left top no-repeat; min-height: 70%; }
.menu-categorie { margin: 100px 0 0 20px; }
.testo-cat-prd {
bottom: 5px;
color: #000;
padding-left: 150px;
position: absolute;
}
.h300 { height: 460px }
}
/* end .squaredOne */
/* .squaredTwo */
.squaredTwo {
width: 28px;
height: 28px;
position: relative;
/*margin: 20px auto;*/
margin-right: 20px;
display: block;
float: left;
background: #fcfff4;
background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.squaredTwo label {
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
left: 4px;
top: 4px;
background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.squaredTwo label:after {
content: '';
width: 9px;
height: 5px;
position: absolute;
top: 4px;
left: 4px;
border: 3px solid #fcfff4;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: content-box;
}
.squaredTwo label:before {
box-sizing: content-box;
}
.squaredTwo label:hover::after {
opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
visibility: hidden;
}
.squaredTwo input[type=checkbox]:checked + label:after {
opacity: 1;
}