/* ==========================================================================
   Bootstrap overrides
   ========================================================================== */

.navbar{
	min-height: 150px;
	margin-bottom: 0;
}

.nav>li>a{
	padding: 10px 8px;
}

.caret{
	color: #b3a176;
}

.navbar-default{
	background-image: none;
	background-color: #FFF;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: none;
	border-color: #FFF;
}

.navbar-nav>li>a{
	margin-top: 55px;
	text-transform: uppercase;
	font-size: 16px;
}

.navbar-default .navbar-nav>li>a{
	color: #494d4b;
}

.navbar-default .navbar-nav>.active>a{
	background-image: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background-color: #FFF;
	color: #b3a176;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{
	background-color: #FFF;
}

.navbar-brand{
	line-height: 150px;
	height: 150px;
	padding: 0;
}

.navbar-brand img+img{
	margin-top: 40px;
}

.slider_wrapper{
	/*height: 518px;*/
	margin-bottom: 50px;
}

.slider_wrapper .container{
	padding-left: 0;
	padding-right: 0;
}

.navbar-default .navbar-toggle{
	border-color: #b3a176;
}

.navbar-toggle{
	margin-top: 55px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: #FFF;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #b3a176;
}

.navbar-collapse.in{
	overflow-y: visible;
}

.dropdown-menu{
	border-radius: 0;
	text-transform: uppercase;
	border: 1px solid #24221c;
	width: 100%;
}

.dropdown-menu>li>a{
	padding: 10px 20px;
}

@media (min-width: 768px){
	.navbar-nav {
		float: right;
	}

	/*
	.navbar-nav>li>a{
		margin-top: 15px;
		margin-bottom: 15px;
	}*/

	.navbar>.container .navbar-brand, 
	.navbar>.container-fluid .navbar-brand {
		margin-left: 0;
	}

}

@media (max-width: 991px){
	.navbar-nav{
		float: left;
	}

	.navbar-nav>li>a{
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.container {
		width: 95%;
	}

	div.sp{
		margin: 25px auto 0;
	}

	.navbar-nav .open .dropdown-menu>li>a{
		line-height: 30px;
	}

	.nav{
		width: 100%;
	}
}

@media (min-width: 992px){
	.dropdown:hover .dropdown-menu {
    	display: block;
 	}
}

@media (max-width: 768px){
	.slider_wrapper{
	}

	div.blocchi_fluttuanti{
		margin: 25px auto 0;
		width: 290px;
	}

	nav>li>a{
		padding: 0 15px;
	}
}

@media (min-width: 993px) and (max-width: 1200px){
	.navbar-nav>li>a{
		font-size: 14px;
	}	

	.container {
	}
}

/* ==========================================================================
   Dinamiza's custom styles
   ========================================================================== */

::selection {
	background: rgba(179,161,118,0.4); /* Safari */
	}
::-moz-selection {
	background: rgba(179,161,118,0.4); /* Firefox */
}

a{
	color: #b3a176;	
}

a:hover, a:visited, a:focus{
	color: #b3a176;
}

.pixel24{
	font-size: 24px;
}

body{
	font-family: "brandon-grotesque",sans-serif;
}

.slider_wrapper{
	width: 100%;
	background-color: #24221c;
}

.blocchi_fluttuanti{
	width: 290px;
	background-repeat: no-repeat;
	height: 400px;
	margin: 0 auto;
	cursor: pointer;

	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

div.blocchi_fluttuanti a{
	color: #FFF;
	text-decoration: none;
}

div.blocchi_fluttuanti:hover{
	-webkit-transform: scale(1.03,1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.03,1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;

    -webkit-box-shadow: 4px 4px 10px 0px rgba(204, 204, 204, 0.6);
	-moz-box-shadow:    4px 4px 10px 0px rgba(204, 204, 204, 0.6);
	box-shadow:         4px 4px 10px 0px rgba(204, 204, 204, 0.6);
}

.target1{
	width: 100%;
	height: 200px;
	background-image: url('../img/target_bg1.jpg');
	padding: 45px 50px;
	color: #FFF;
	text-align: center;
}

.target1 h3{
	font-size: 24px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.target1 h4{
	font-size: 18px;
	margin-top: 1em;
}

.target1_img{
	width: 100%;
	height: 200px;
	background-image: url('../img/target_img1.jpg');
}

.target2{
	width: 100%;
	height: 200px;
	background-image: url('../img/target_bg2.jpg');
	padding: 45px 50px;
	color: #FFF;
	text-align: center;
}

.target2 h3{
	font-size: 24px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.target2 h4{
	font-size: 18px;
	margin-top: 1em;
}

.target2_img{
	width: 100%;
	height: 200px;
	background-image: url('../img/target_img2.jpg');
}

.target3{
	width: 100%;
	height: 200px;
	background-image: url('../img/target_bg3.jpg');
	padding: 45px 30px;
	color: #FFF;
	text-align: center;
}

.target3 h3{
	font-size: 24px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.target3 h4{
	font-size: 18px;
	margin-top: 1em;
}

.target3_img{
	width: 100%;
	height: 200px;
	background-image: url('../img/target_img3.jpg');
}

.news{
	margin-top: 65px;
}

.news_t{
	border-top: 1px solid rgba(204,204,204,0.6);
	border-bottom: 1px solid rgba(204,204,204,0.6);
	text-align: center;
	font-size: 36px;
	text-transform: uppercase;
	padding: 20px 0;
	width: 90%;
	margin: 0 auto;
}

.elenco_news{
	margin-top: 60px;
	margin-bottom: 60px;
}

.img_evento{
	width: 100%;
}

.img_evento img{
	max-width: 100%;
}

h3.titolo_evento{
	font-size: 24px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

h3.data_evento{
	font-weight: bold;
	font-size: 16px;
	margin: 1em 0 1em 0;
}

.descrizione_evento{
	font-size: 16px;
	line-height: 1.2em;
}

.continua a{
	font-weight: bold;
	color: #b3a176;
}

.continua{
	margin-top: 1em;
}

a.link_uncolor{
	color: #333;
}

footer.brown{
	background-color: #454136;
	width: 100%;
	min-height: 150px;
	color: #FFF;
	padding: 30px 0;
}

.mini_logo{
	margin-top: 0;
}

.step{
	margin-bottom: 80px;
}

.visual_wrapper{
	position: relative;
}

.section_wrapper{
	position: relative;
	text-transform: uppercase;
	padding: 70px 0 30px 0;
	width: 100%;
	background-color: #454136;
	background: url('../img/bg_pat.jpg') repeat-x;
	color: #FFF;
	margin-bottom: 80px;
}

.visual_anchor{
	position: absolute;
	right: -5%;
	top:-70px;
}

.visual_anchor_2{
	position: absolute;
	right: 2%;
	top:-100px;
}

.about_wrapper{
	position: relative;
	display: table;
	padding-left: 0;
	padding-right: 0;
}

.block_about{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	background-color: #fafafa;
	width: 100%;
	height: 341px;
	padding-right: 30px;
}

.block_about h1, .block_about p, .block_about h3{
	padding-left: 30px;
}

.nopadding{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.fafa{
	position: relative;
	background-color: #fafafa;
}

.fafa img{
	max-width: 100%;
}

.fafa2{
	position: relative;
	background-color: #fafafa;
}

.fafa2 img{
	max-width: 100%;
}

h1.about_title{
	margin-top: 0;
	font-size: 24px;
}

.about_description{
	font-size: 16px;
}

.fafa2:before{
	position: absolute;
	top: 42%;
	left: 0;
	content: '';
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	border-left: 20px solid #fafafa; 
}

.fafa:after {
	position: absolute;
	top: 42%;
	right: 0;
	content: '';
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	border-right: 20px solid #fafafa; 
}

.standard_title{
	margin-top: 0;
	font-size: 24px;
	font-weight: medium;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.standard_description{
	font-size: 16px;
}

.sottocategorie1, .sottocategorie2{
	margin: 30px 0;
	font-size: 16px;
	text-transform: uppercase;
}

.sottocategorie img{
	/*padding-right: 40px;*/
}

.sottocat_s{
	margin-bottom: 30px;
}

.categoria_nome{
	padding-top: .5em;
}

#filter li{
	cursor: pointer;
}

#filter li:hover{
	text-decoration: none;
}

.gallery{
	border-top: 1px solid rgba(204,204,204,0.6);
	border-bottom: 1px solid rgba(204,204,204,0.6);
	text-align: center;
	font-size: 22px;
	text-transform: uppercase;
	padding: 10px 0;
	width: 100%;
	margin: 30px auto 40px auto;
}

#grid{
	min-height: 500px;
	overflow: hidden;
	margin-bottom: 50px;
}

/*.item{*/
/*	margin: .5em;*/
/*	overflow: hidden;*/
/*	clear: both;*/
/*	height: 151px;*/
/*}*/

/*.item a img{*/
/*	width: 200px;*/
/*}*/

.fa-check-circle{
	font-size: 4em;
	vertical-align: middle;
	padding-right: 30px;
	color: #312c20;
}

.filter4{
	margin-bottom: 30px;
}

.filter4 li{
	display: block;
	float: left;
	padding: 1em 20px;
	width: 20%;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	color: #454136;
	border-top: #FFF solid 3px;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.filter5{
	margin-bottom: 30px;
}

.filter5 a{
	display: block;
	float: left;
	padding: 1em 20px;
	width: 16%;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	color: #454136;
	border-top: #FFF solid 3px;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.filter4 li.active, .filter3 a.active, .filter5 a.active{
	color: #b3a176;
	background-color: #FFF;
	border-top: #454136 3px solid;
}

.filter4 li:hover, .filter3 a:hover, .filter5 a:hover{
	color: #b3a176;
	background-color: #FFF;
	border-top: #454136 3px solid;
}

.filter4 li.active .fa-check-circle, .filter3 a.active .fa-check-circle, .filter5 a.active .fa-check-circle{
	color: #b3a176;
}

.filter3{
	margin-bottom: 30px;
}

.filter3 a{
	display: block;
	float: left;
	padding: 1em 20px;
	width: 25%;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	color: #454136;
	border-top: #FFF solid 3px;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.nospace i.fa{
	margin-right: 0;
}

.sidebar_title{
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 1em;
	line-height: 1.1em;
}

.sidebar_box{
	background-color: #38342a;
	color: #FFF;
	padding: 26px;
	text-transform: uppercase;
	font-size: 14px;
	list-style: none;
}

.sidebar_box li{
	padding-bottom: 20px;
}

.sidebar_box li:last-child{
	padding-bottom: 0;
}

.sidebar_box li a, .sidebar_box li a:hover, .sidebar_box li a:visited{
	color: #FFF;
	text-decoration: none;
}

.tel, .tel:hover, .tel:visited{
	color: #FFF;
	text-decoration: none;
}

.preventivo{
	font-size: 16px;
	text-align: left;
	margin-top: 35px;
	margin-bottom: 30px;
}

.preventivo a, .preventivo a:hover, .preventivo a:visited{
	color: #454136;
	text-decoration: none;
}

.pixel24 .fa{
	vertical-align: middle;
	font-size: 28px;
	padding-right: .3em;
}

.via{
	font-size: 20px;
}

#gmap-andrilegno{
	width: 100%;
	min-height: 350px;
	margin-bottom: 2em;
}

.dati_contatti{
	margin-bottom: 2em;
}

.mappa_sito a{
	color: #FFF;
}

.mappa_sito a:hover{
	text-decoration: none;
}

/*--------------------------- facebook ----------------------------*/

.facebook{
	float: left;
	width: 100%;
	margin-top: 1em;
}

.fb-like{
	float: left;
	margin-left: 1em;
}

.facebook_link{
}

.facebook_link img{
	float: left;
}

/*--------------------------- / facebook ----------------------------*/

@media (min-width: 992px) and (max-width: 1200px){
	.block_about{
		height: 283px;
	}

	#filter a{
		display: block;
		float: left;
		padding: 1em 20px;
		width: 20%;
		height: 120px;
		font-size: 16px;
		background-color: #454136;
		color: #FFF;
		text-align: center;
		border-left: solid 1px white;
	}
}

@media (max-width: 767px){
	.sottocategorie1{
		margin: 30px 0 30px 0;
		font-size: 12px;
		text-transform: uppercase;
	}

	.sottocategorie2{
		margin: 0 0 30px 0;
		font-size: 12px;
		text-transform: uppercase;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.sottocategorie1{
		margin: 30px 0 30px 0;
		font-size: 12px;
		text-transform: uppercase;
	}

	.sottocategorie2{
		margin: 30px 0 30px 0;
		font-size: 12px;
		text-transform: uppercase;
	}
}

@media (max-width: 991px){
	#filter a{
		display: block;
		float: left;
		padding: 1em 20px;
		width: 150px;
		height: 100px;
		font-size: 16px;
		background-color: #454136;
		color: #FFF;
		text-align: center;
		border-left: solid 1px white;
		border-top: 1px solid white;
	}

	.preventivo{
		margin-bottom: 35px;
	}

	.fa-check-circle{
		font-size: 2em;
		vertical-align: middle;
		padding-right: 30px;
		color: #312c20;
	}

	.categoria_nome{
		padding-top: 0;
	}

	.fafa img{
		display: block;
		margin: 0 auto;
	}

	.fafa:after {
		position: absolute;
		top: auto;
		bottom: 0;
		right: 46%;
		width: 0; 
		height: 0; 
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #fafafa; 
	}

	.fafa2 img{
		display: block;
		margin: 0 auto;
	}

	.fafa2:before {
		position: absolute;
		top: auto;
		top: 0;
		left: 46%;
		width: 0; 
		height: 0; 
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #fafafa; 
	}

	.block_about{
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 320px){
	
	div.blocchi_fluttuanti{
		margin: 25px auto 0;
		width: 260px;
	}

	.target1{
		padding: 20px 50px;
		color: #FFF;
		text-align: center;
	}

	.target3{
		padding: 25px 20px;
		color: #FFF;
		text-align: center;
	}

}

h1.hidden,h2.hidden{
	visibility: hidden !important;
}



@media (max-width: 415px) {
	body {
		font-size: 16px;
	}
}


/*--------------------- Padding & Margin Classes ----------------------*/


.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }





/* Isotope */

/* ---- isotope ---- */


/* clear fix */
#grid:after {
	content: '';
	display: block;
	clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.item {
	width: 32%;
}

.item {
	float: left;
}

.item img {
	display: block;
	max-width: 100%;
	margin-bottom: 10px;
}

@media screen and (max-width: 500px){
	.grid-sizer,
	.item {
		width: 100%;
	}

	.filter4 ul {
		padding-left: 0;
	}

	.filter4 ul li {
		padding: 1em 0;
	}
}