/*Margin e padding base*/
.p-top0 {padding-top:0 !important;}
.p-top5 {padding-top:5px !important;}
.p-top10 {padding-top:10px !important;}
.p-top15 {padding-top:15px !important;}
.p-top20 {padding-top:20px !important;}
.p-top30 {padding-top:30px !important;}
.p-top35 {padding-top:35px !important;}
.p-top50 {padding-top:50px !important;}

.p-bottom0 {padding-bottom:0 !important;}
.p-bottom5 {padding-bottom:5px !important;}
.p-bottom10 {padding-bottom:10px !important;}
.p-bottom15 {padding-bottom:15px !important;}
.p-bottom20 {padding-bottom:20px !important;}
.p-bottom30 {padding-bottom:30px !important;}
.p-bottom35 {padding-bottom:35px !important;}
.p-bottom50 {padding-bottom:50px !important;}

.p-left0 {padding-left:0 !important;}
.p-left5 {padding-left:5px !important;}
.p-left10 {padding-left:10px !important;}
.p-left15 {padding-left:15px !important;}
.p-left20 {padding-left:20px !important;}
.p-left30 {padding-left:30px !important;}

.p-right0 {padding-right:0 !important;}
.p-right5 {padding-right:5px !important;}
.p-right10 {padding-right:10px !important;}
.p-right15 {padding-right:15px !important;}
.p-right20 {padding-right:20px !important;}
.p-right30 {padding-right:30px !important;}

.m-top0 {margin-top:0 !important;}
.m-top2 {margin-top:2px !important;}
.m-top5 {margin-top:5px !important;}
.m-top7 {margin-top:7px !important;}
.m-top10 {margin-top:10px !important;}
.m-top15 {margin-top:15px !important;}
.m-top20 {margin-top:20px !important;}
.m-top30 {margin-top:30px !important;}
.m-top70 {margin-top:70px !important;}
.m-top90 {margin-top:80px !important;}
.m-top100 {margin-top:100px !important;}

.m-bottom0 {margin-bottom:0 !important;}
.m-bottom2 {margin-bottom:2px !important;}
.m-bottom5 {margin-bottom:5px !important;}
.m-bottom10 {margin-bottom:10px !important;}
.m-bottom15 {margin-bottom:15px !important;}
.m-bottom20 {margin-bottom:20px !important;}
.m-bottom30 {margin-bottom:30px !important;}
.m-bottom35 {margin-bottom:35px !important;}

.m-left0 {margin-left:0 !important;}
.m-left5 {margin-left:5px !important;}
.m-left10 {margin-left:10px !important;}
.m-left15 {margin-left:15px !important;}
.m-left20 {margin-left:20px !important;}
.m-left30 {margin-left:30px !important;}

.m-right0 {margin-right:0 !important;}
.m-right5 {margin-right:5px !important;}
.m-right10 {margin-right:10px !important;}
.m-right15 {margin-right:15px !important;}
.m-right20 {margin-right:20px !important;}
.m-right30 {margin-right:30px !important;}


body {color:#333; font:300 15px/15px Roboto,Arial,Helvetica; background:url(../i/sfondo-home.jpg) right repeat fixed #fff; -webkit-font-smoothing:antialiased;}

a{color:#000; text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h2{font:300 2.5em Josefin Sans,Arial,Helvetica;margin-bottom: 1.5em;}
h3{font:300 2em Roboto,Arial,Helvetica;margin:2em 0 1em 0;}
h4{font:300 1.5em Roboto,Arial,Helvetica;margin-bottom: 1em;}
h4 i{margin-right: 0.5em;}

p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}

.spacer{margin-top:3em; padding:6em 0;}

.btn{border:none;border-radius: 0;padding: 1em 3em;background: rgba(0,0,0,0.5);text-transform: uppercase;}
.btn:hover,.btn:active{color: #fff;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background:#406458;width: 100%;outline: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#333;box-shadow: none;}

.topbar {background:url(../images/lines.png); height:5px;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navbar-nav > li > a{font-size: 1em;line-height: 3.6em;font-family: Josefin Sans,Arial,Helvetica;}
.navbar-fixed-top{top: 5px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background: none;color: #777;}
.navbar-inverse .navbar-nav>li>a {color: #fff;}

.navbar-inverse {background-color:#124f25;}

#head,.carousel{margin-top: 0;}

#home{padding-top: 6em;}

/*banner*/
.banner{position: relative;}
.banner .caption{position: absolute;top: 0;left:0; right: 0; bottom: 0;background:rgba(0,0,0,0.4); }
.banner .caption-wrapper{display: table;height: 100%;width: 100%;}
.banner .caption-info{display: table-cell;vertical-align: middle;text-align: center;color: #fff;}
.banner .caption-info h1{font:normal 4.5em Lobster,Arial,Helvetica;text-transform:capitalize;}
.banner .caption-info p{font:600 1.7em Josefin Sans,Arial,Helvetica;}
.banner a.explore{color: #fff;}

/*about*/
.about.spacer{padding-left:4em; padding-right:4em; padding-top:2em; padding-bottom:2em;}
.about.spacer{padding:7em;}
.food-list{line-height:3em;border-bottom:1px dotted #ccc; }
.panel-group .panel{border-radius: 0;border:none;}
.panel-group .panel a:hover{text-decoration: none;}



/*testimonials*/
.partners img{float: left;margin:0 75px 30px 0;}
.testimonails{min-height: 195px;}
.testimonails img{margin-top: 5px;}
.testimonails span{color: #888;}
.testimonails span b{font-weight: 400;}
.carousel-indicators li{border: 1px solid #ccc;}
.carousel-indicators{bottom: 0;}

/*foods*/
#foods{padding-top:6em;}
#foods figcaption a{border:1px solid #fff;margin-top: 1em;display: inline-block;color: #fff;padding: 0 2em;}
#foods figcaption a:hover{text-decoration: none;padding: 0 3em;}
/*foods*/

/*team*/
.team figure{width: 100%;}
.team img{width: 100%;}
.team b{font-size: 1.2em;display: block;}
.team a i.fa{color: #fff; font-size: 2em;}
.team a i.fa:hover{color: #E89F10;}


/* .highlight-info{ background:url(../images/lab.jpg) center fixed; background-size: cover; color:#fff;}
 */.highlight-info .overlay{background:rgba(64, 100, 88, 0.7);}
.highlight-info h4{color: #fff;margin:0.5em 0 0 0;}
/*about us*/



/*contact*/
.contactform textarea,.contactform input.contatto{width: 100%;padding:1em;border:1px solid #ccc;margin-bottom: 1em;border-radius: 0;outline: none;}
/*contact*/

#map{width: 100%; height: auto;}
#map p{margin: 0 !important;}

.footer {background-color:#124f25; color:#fff; font-size:1em;}
.footer a{color:#fff; margin:0; }

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(64,100,88,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}


@media (max-width: 1200px) {
	body{font:300 13px/13px Roboto,Arial,Helvetica;}
	.navbar-brand{padding-top: 11px;}
	.services ul li{margin:0 0.5em; }

	.grid figure h2{font: 700 1.5em Roboto,Arial,Helvetica;}
	figure.effect-oscar figcaption{padding: 12%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;}

	.partners img{margin: 0 25px 25px 0;}
}

@media (max-width: 900px) {
	h1{font: 700 3.5em Roboto,Arial,Helvetica;}
	h4 {font: 300 1.3em Roboto,Arial,Helvetica;}
	.btn{padding: 1em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.services ul li{width: 9em;height: 9em;}
	figure.effect-chico figcaption {padding: 2em;}
	figure.effect-oscar figcaption {padding: 20%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}
}


@media (max-width: 767px) {
	body{font:300 12px/12px Roboto,Arial,Helvetica;}
	.navbar-nav > li > a {line-height: 1em;}
	.navbar-brand{padding: 7px;}
	.navbar-brand img{height: 37px;}
	.navbar-toggle{margin-top: 12px;}

	.banner .caption,.carousel-caption,.carousel-control,.carousel-indicators{display: none;}

	h2.text-center{text-align: left;font-size: 1.7em;}
	h4 {font: 300 1.2em Roboto,Arial,Helvetica;}
	#partners h2{padding: 0 1em;}
	#home {padding-top: 5em;}

	.partners{display: block;float: left;}
	.partners img{width: 120px;}



	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:2em 0 ;}
	.services ul li{margin-bottom: 1em;}

	.highlight-info .overlay{padding-bottom: 2em;}

	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}
	#map{height: 200px;}
	.footer{padding-bottom: 2em;}
}

#gallery {margin-top:5%; margin-bottom:5%;}
figure.effect-oscar figcaption.galleryfoto {padding:1%;}


.sfondo-bianco {background-color:rgba(255,255,255,0.75);}
.sfondo-bianco90 {background-color:rgba(255,255,255,0.90);}
.rosso {color:#FF0000;}
.rosso2 {color:#C00000;}
.bianco {color:#fff;}
.nero {color:#000;}
a.arancione {color:#f90; margin:0;}
.btn-danger:hover {background-color: #058000; border-color: #058000;}
.modal-header {min-height:45px;}

.titolo-categoria {padding:5px 0; background-color:#406458; color:#fff; margin-bottom:10px;}
.titolo-categoria-home {position:absolute; top:0px; left:0; padding:5px 0; background-color:#406458; color:#fff; margin-bottom:10px; z-index:2; text-align:center; width:100%;}
div#products .effect-oscar {margin-top:5px;}

.verde-pavimenti {padding:5px 0; background-color:#406458; color:#fff; margin-bottom:20px;}
.verde-recinzioni {padding:5px 0; background-color:#406458; color:#fff; margin-bottom:20px;}
.verde-controsoffitti {padding:5px 0; background-color:#406458; color:#fff; margin-bottom:20px;}
.verde-rivestimenti {padding:5px 0; background-color:#406458; color:#fff; margin-bottom:20px;}
.verde-frangisole {padding:5px 0; background-color:#406458; color:#fff; margin-bottom:20px;}

.fs10 {font-size:10px;}
.fs14 {font-size:14px;}
.fs1e2 {font-size:1.2em;}
.nav>li>a>img {padding-top: inherit;}

.btn-menu {padding:1em 3em; margin-bottom:10px;}

.categorie>.btn-danger:hover {background-color:#058000;}

.grid figure h2 {font-weight: 700;}

figure.effect-oscar figcaption {padding:49% 15% 0% 15%; text-shadow:2px 2px 4px rgba(150, 150, 150, 1); font-weight:400;}

/*
.navbar-brand {padding: 5px 15px 15px 15px;}
*/
.navbar-inverse .navbar-brand {color: #fff;}
hr {color:#000000; border:1px solid #000;}
.nav-tabs {border-bottom: 1px solid #000;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: 1px solid #000;}


.carousel-control.right {background-image:none;}
.carousel-control.left {background-image:none;}

.sfondo-verde {background-color:#406458 !important;}
.verde {color:#406458 !important;}
.w100 {width:100% !important;}
