
/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Lato:400,300,700,900');
body { font-size: 16px; }
body, h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; }
.btn { border-radius: 5px; font-size: 11px; font-weight: 100; }
.container { max-width: 900px; }
.container-alternate { background: #f0f0f0; }
strong, b { font-weight: 900; }
h3 { color: #db5358; font-weight: 100; font-size: 30px; }
.grigio { color: #aaaaaa; }
.rosso { color: #db5358; }
.separa { padding: 0 20px 0 20px; color: #666666; }
.font10 { font-size: 10px; }
.font14 { font-size: 14px; }
.navbar { /* background: #fff; */
background: rgba(255,255,255,0.9); padding: 0.3em 0; }
.navbar .navbar-brand { color: #000; font-family: 'Lato', sans-serif; font-weight: bold; }
.navbar ul.nav li a { color: #2b2b2b; padding-left: 0; padding-bottom: 0; padding-right: 0; padding-top: 37px; margin: 0 0.7em; font-weight: 100; font-size: 18px; }
.navbar ul.nav li a:hover { color: #000; }
.navbar ul.nav li button { margin: 0.7em 0 0 1em; }
.jumbotron { background: #f0f0f0; color: #333; /*padding: 4.5em 0 3.5em;*/
text-align: center; margin-bottom: 0; border-bottom: 10px solid #e9e9e9; }
.jumbotron h1 { font-family: 'Lato', sans-serif; font-size: 2.5em; color: #ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
.jumbotron h2 { font-size: 1.2em; font-weight: 100; line-height: 1.4em; /* margin-bottom: 1.4em;*/
color: #ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
.jumbotron .btn { font-size: 1.2em; padding: 0.3em 2.5em 0.5em; }
.jumbotron .btn .glyphicon { margin-left: 0.2em; position: relative; top: 3px; }
.subhead { font-size: 2em; text-align: center; margin: 2em 0 0.5em; }
.benefits { margin-bottom: 3em; }
.benefit { margin: 1em 0; text-align: center; }
.benefit .benefit-ball { background: #f0f0f0; border-radius: 50%; color: #333; display: inline-block; line-height: 1em; padding: 3em; }
.benefit .benefit-ball .glyphicon { font-size: 3em; position: relative; top: -3px; right: 1px; }
/*
.benefit h3 {
  font-size: 1.5em;
}*/
.elencomacchine { min-height:450px}
#tour { margin: 1em 0 4em; }
#tour .carousel-inner img { height: 500px; width: 100%; }
.faqs { margin-bottom: 3em; }
.faqs p { line-height: 1.5em; margin: 1.2em 0; }
.about p { line-height: 1.5em; margin: 1em 0; }
.about p:last-child { margin-bottom: 4em; }
footer { background: #111; color: #fff; padding: 1.5em 0 0.8em; }
.gallery-wrap { margin-left: -10px; margin-right: -10px; }
.gallery .item { float: left; width: 33.33%; }
.gallery .item .item-inner { padding: 10px; }
.gallery img { max-width: 100%; height: auto; }

.intro-servizi { padding:0 0 20px 0 }
.offerte-home { padding-bottom:40px }
.offerte-home .btn { padding:9px 28px;
    font-size: 18px; 
}

@media screen and (max-width: 768px) {
.navbar ul.nav li { text-align: center; }
.navbar ul.nav li button { margin: 1em 0; }
.jumbotron { font-size: 14px; padding: 6em 0 4em; }
.benefit { margin-bottom: 2em; }
}

@media screen and (max-width: 480px) {
body { font-size: 12px; }
.jumbotron { font-size: 12px; }
footer .pull-right { display: none; }
}
