body{
    background-color: #1b1919;
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
	min-height: 100%;
	font-size: 15px;
}

a, a:hover{
    
    color: inherit;
    text-decoration: none;
    
}

h1{text-align: center; margin-bottom:40px;}

#home_logo{
    
    position: absolute;
    width: 100%;
    top: 25%;
    text-align: center;
    z-index: 200;
    
}

#home_logo a{
    
    color: #FFFFFF;
    
}


#home_logo h1{
    margin-top: 100px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    text-align: center;
	font-size: 1.8em;
    
}
#home_logo h2{
    margin-top: 100px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    text-align: center;
    margin: 0;
    
}

.see_all_client{
	
	text-align: center;
	color: #1b1919;
	padding: 24px;
	font-size: 22px;
	font-weight: bold;
	
}


#contacts_page{
	
	background-color: #FFFFFF;
	color: #1b1919;
	
}

.single_contact div{
	
	float: left;
	
}

/*-----------------------------------*/
.navbar{
    
    margin-bottom: 0 !important;
    
}

.navbar-inverse{
    
    background: none !important;
    border: 0;
    border-bottom: 2px solid #FFFFFF;
}


.navbar-nav > li > a, .navbar-brand {
    
    line-height: 30px;
    height: 60px;
    color: #FFFFFF !important;
}


.navbar {min-height:60px !important;}

/*------------------------------*/

.inner_sub_menu div{
	height: 0;
    width:16.6%;
	padding-bottom: 16.6%;
    background-size: 50% 54%;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 20px;
}

.inner_sub_menu div:hover{
	height: 0;
    width:16.6%;
	padding-bottom: 16.6%;
    background-size: cover;
    float: left;    
}

.inner_sub_menu div span{    
    display: none;
}

.inner_sub_menu div:hover span{
    display: block;
	position: absolute;
	margin-top: 40%;
	text-align: center;
	width: 100%;
	font-size: 10PX;
}

.rosso{    
    background-image: url("/graf/qrosso.png");    
}

.rosso:hover{
    background-image: url("/graf/crosso_e.png");			
    
}

.arancio{
    
    background-image: url("/graf/qarancio.png");
    
}

.arancio:hover{
    
    
    
	
	background-image: url("/graf/carancio_e.png");	
	
}

.giallo{
    
    background-image: url("/graf/qgiallo.png");
    
}

.giallo:hover{
    
    
    
	
	background-image: url("/graf/cgiallo_e.png");	
	
	
	
}

.verde{
    
    background-image: url("/graf/qverde.png");
    
}

.verde:hover{
    
   
    background-image: url("/graf/cverde_e.png");	
	
	
}

.blu{
    
    background-image: url("/graf/qblu.png");
    
}

.blu:hover{
    
    
    background-image: url("/graf/cblu_e.png");}

.viola{
    
    background-image: url("/graf/qviola.png");
    
}

.viola:hover{
    
    
    background-image: url("/graf/cviola_e.png");}





/*-------------------------------------*/

.news{

	background-color: #FFFFFF;
	color: #1b1919;

}


.news {

	background-color: #FFFFFF;
	color: #1b1919;

}

.ante_news{

	height: 0;
    width:30%;
	padding-bottom: 30%;
    background-size: cover;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
	margin: 1.66%;
	position: relative;

}

.ante_news:hover div{

display: block;

}

.ante_news div{

	width: 90%;
	height: 90%;
	position: absolute;
	top: 5%;
	left: 5%;
	cursor: pointer;
	background-color:rgba(255, 255, 255, 0.7);
	text-align: center;
	padding-top: 70%;
	display: none;

}

.ante_news div::hover{
	
	display: block;

}

.ante_news_cont{
	
	background-size: contain;	
}



.footer{
	margin-top: 30px;
	text-align: center;

}

.footer_bianco span{
	
	border-bottom: 1px solid #1b1919;
    line-height: 40px;
    padding-bottom: 10px;
	font-size: 13px;
}

.footer_bianco span.social{
	
	font-size: 24px;
}

.footer_bianco span.micro{
	
	font-size: 10px;
    border-bottom: 0px;
}

.footer_bianco a{
    
    color: #1b1919;
    
}

.footer_nero span{
	
	border-bottom: 1px solid #FFFFFF;
    line-height: 40px;
    padding-bottom: 10px;
}

.footer_nero span.social{
	
	font-size: 24px;
}

.footer_nero span.micro{
	
	font-size: 10px;
    border-bottom: 0px;
}

.footer_nero a{
    
    color: #FFFFFF;
    
}


.text_black{

	color: #1b1919;

}


/*---------------------------*/

.iscriviti_colonna{
    margin-top: 60%;
    border-top: 1px solid #1b1919;
    border-bottom: 1px solid #1b1919;
    padding: 5%;
    cursor: pointer;
    
    
}

.iscriviti_colonna .inner{
    
    text-align: center;
    font-size: 14px;
    display: none;
    
}

.legno{
	
	height: 800px;
	background-image: url("/graf/ardesia1.jpg");
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	position: relative;
	
}

/*--------------------*/

.cat_menu{
    
    background-color: #FFFFFF;
    
}


.inner_cat_menu div.inner_inner_cat_menu{
	float: left;    
}



.inner_inner_cat_menu div{
	height: 0;
    width:103px;
	padding-bottom: 103px;
    margin: auto;    
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}


.inner_inner_cat_menu div:hover{
	border-radius: 50px;
}

.inner_inner_cat_menu div span{
	display: table-cell;
    vertical-align: middle;
    height: 103px;
    text-align: center;
    width: 103px;
    padding: 5px;
	font-size: 13px;
}

.ante_cat{

	height: 0;
    width:120px;
	padding-bottom: 120px;
    background-size: cover;
    display:inline-block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
	margin: 0;
	position: relative;

}


.ante_cat div{

	
	position: absolute;
	width: 100%;
	z-index: 30;
	padding: 4px ;
	background-color: rgba(0,0,0,0.7);
	font-size: 8px;
	bottom: 0;

}

.ante_cat_client{

	height: 0;
    width:380px;
	padding-bottom: 380px;
    background-size: cover;
    display:inline-block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
	margin: 0;
	position: relative;


}

.ante_cat_container{
    
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    
}

/*---------------------------------*/

div.cat{
    
    font-family: 'Playfair Display', serif;    
    
}

div.cat h2{
    
    font-size: 35px;
    text-align: center;
    margin: 20px;
    
}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

hr{background-color: #FFFFFF; height: 10px !important; border: 0;}

.enter_arm{
	
	font-size: 2em;
	color: #FFFFFF;
	display: block;
	text-align: center;
	margin: 50px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.stickyel{
	
	width: 400px;
	
}


.iscriviti_colonna:hover .inner {
    display: block;
}



/*---------------------------------------*/

.outer_contact{
    
    width: 200px;
    margin: auto;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    padding: 10px;
    cursor: pointer;
    
}

.outer_contact:hover .inner_contact {
    display: block;
}


.inner_contact{
    
    text-align: center;
    display: none;
    
}

.work_us{
	
	max-width: 400px;
	margin: auto;
	
}


.work_us input[type="text"],.work_us select,.work_us textarea{
	
	width: 100%;
	color: #000000;
	
}

.work_us label{
	
	font-size: 10px;
	
}


.work_us button{
	
	color: #000000;
	
}


/*---------------------------------*/

.form_cat{
    
    font-size: 24px;
    
}

.form_cat h4{
    
    line-height: 140px;
    
}

.form_cat button{
    
    display: block;
    color: #1b1919;
    
}

.form_cat input[type='text']{
    
    font-family: 'Playfair Display', serif;
    font-size: 12px;
    color: #1b1919;
    width: 70%;
    margin: 10px 0;
    
    
}


.form_cat textarea{
    
    font-family: 'Playfair Display', serif;
    font-size: 12px;
    color: #1b1919;
    width: 70%;
    margin: 10px 0;
    resize: none;
    height: 110px;
    
}


.form_cat input[type='checkbox'] {
 position: absolute;
 clip: rect(1px, 1px, 1px, 1px);
}

.form_cat input[type='checkbox'] + label {
 margin: 0;
 padding: 2px 0 0px 24px;
 cursor: pointer;
 background: url('start.png') left center no-repeat;
}



.form_cat [type="checkbox"]:not(:checked),
.form_cat [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.form_cat [type="checkbox"]:not(:checked) + label,
.form_cat [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}


.form_cat [type="checkbox"]:not(:checked) + label:before,
.form_cat [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.form_cat [type="checkbox"]:not(:checked) + label:after,
.form_cat [type="checkbox"]:checked + label:after {
  content: 'X';
  position: absolute;
  top: 4px; left: 4px;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
.form_cat [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.form_cat [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.form_cat [type="checkbox"]:disabled:not(:checked) + label:before,
.form_cat [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.form_cat [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.form_cat [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.form_cat [type="checkbox"]:checked:focus + label:before,
.form_cat [type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
.form_cat label:hover:before {
  border: 2px solid #4778d9!important;
}




.form_cat span{
    
    
    font-size: 10px;
    
}


.explanation{
    
    display: none;
    font-size: 10px;
    
}

.polaroid{
	
	width: 200px;
	height: 200px;
	border: 10px solid #FFFFFF;
	border-bottom: 40px solid #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #000000;
	position: relative;
}


.polaroid div{
	
	color: #1b1919;
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center;
}

@media only screen and (max-width: 500px) {

.footer_bianco span.social{
	
	font-size: 20px;
}

.footer_bianco span{
	
	border-bottom: 1px solid #1b1919;
    line-height: 40px;
    padding-bottom: 10px;
	font-size: 11px;
}



.footer_nero span.social{
	
	font-size: 20px;
}
}
@media only screen and (max-width: 1000px) {
	
	
	.ante_news div{

		width: 100%;
		height: 20%;
		position: absolute;
		top: 80%;
		left: 0;
		cursor: pointer;
		background-color:rgba(255, 255, 255, 0.7);
		text-align: center;
		padding: 0;
		display: block;
		font-size: 7px;
	}

	.ante_news div{

	/*padding-top: 40%;*/
	

	}
	
   #contatti_to_hide{
	
	display: none;
	
   }
   
   #contatti_to_show{
	display: block !important;
	width: 100% !important;
	margin-top: 10px !important;
	
   }
   
   #contatti_to_big{
	
	width: 90% !important;
	
   }
   .inner_contact{
	
		display: block;
	
   }
   
   .small_close{
	
		display: none;
	
   }
   
   .inner{
	
		display: block !important;
	
   }
   
   .polaroid{
	
		width: 100px;
		height: 100px;
		border: 5px solid #FFFFFF;
		border-bottom: 20px solid #FFFFFF;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 3px;
		box-shadow: 0px 0px 5px #000000;
	}
	
	.polaroid div{
	
		color: #1b1919;
		width: 100%;
		position: absolute;
		bottom: -15px;
		text-align: center;
		font-size: 7px;
	}
	
	
	#subcat_menu_hide{
		display: none;
	}
	
	
	
	
	.stickyel{
	
	width: 90%;
	
}
	
}


div#preload { display: none; }


.more_than{

	width: 200px;
	max-width: 100%;	

}