@import url(https://fonts.googleapis.com/css?family=Cinzel|EB+Garamond&subset=latin,cyrillic);
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#before_after{display:none;}
.container {

  width: 100%;
  max-width: 100%;
  margin: 0 auto;


 
}
.br_clear{clear:both;}
.fascia_codice{display:block;   min-height:80px; text-align:center; width:300px; margin:0px auto;}
.header_abs{position:absolute; top:0px; z-index:-1;}
.nome_collezione{display:block; position:absolute;  font-size:16px; font-family:"Open Sans", sans-serif; text-transform:uppercase; text-align:center; letter-spacing:6px;}
	.col_col,.col_col2,.col_col2x,.col_col3{margin-bottom:5%; cursor:pointer; }

.col_col,.col_col2,.col_col2x{display:block; float:left; width:90%; padding:2%}
.col_col3{display:block; float:left; width:90%; padding:2%}


.cont_col{ width: 100%;   margin: 0;   box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-top:15%; margin-bottom:80px;   }
.cont_col2{ width: 100%;  max-width:980px;  margin: 0px auto;   box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-top:15%;  text-align:center; }

.box_col{display:block; float:left; width:auto; padding:10%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden;  }
.box_col2{display:inline-block; width:100%; padding:10%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; margin-bottom:10px; }

 
.space_box{clear:both; display:block; float:left; min-height:80px; width:100%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.box_col img{opacity: 1; 	}
	.box_col img:hover{	opacity:.7; }
	
	
h3{color:#000;}

/* For devices larger than 400px */
@media (min-width: 400px) {
	.nome_collezione{display:block; position:absolute;  font-size:13px; font-family:"Open Sans", sans-serif; text-transform:uppercase; text-align:center; letter-spacing:2px;}
.col_col,.col_col2,.col_col2x,.col_col3{display:block; float:left; width:100%; padding:2%}
h3{color:#000;}
}





@media only screen and (min-width: 480px){

	.nome_collezione{display:block; position:absolute;  font-size:13px; font-family:"Open Sans", sans-serif; text-transform:uppercase; text-align:center; letter-spacing:2px;}
.col_col,.col_col2,.col_col2x{display:block; float:left; width:50%; padding:2%}
	.col_col,.col_col2,.col_col2x,.col_col3{margin-bottom:2%; cursor:pointer;}
	.col_col3{display:block; float:left; width:50%; padding:2%}
	.box_col{display:block; float:left; width:50%; padding:1%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; }
	.box_col2{display:inline-block; width:32.33%; padding:1%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; }
}





@media only screen and (min-width: 768px){
		.nome_collezione{display:block; position:absolute;  font-size:16px; font-family:"Open Sans", sans-serif; text-transform:uppercase; text-align:center; letter-spacing:5px;}
.col_col,.col_col2,.col_col2x{display:block; float:left; width:50%; padding:2%}
.box_col{display:block; float:left; width:33.33%; padding:1%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; }
.box_col2{display:inline-block; width:32.33%; padding:1%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; }
h3{color:#fff;}
}






@media only screen and (min-width: 1024px){
	.nome_collezione{display:block; position:absolute;  font-size:13px; font-family:"Open Sans", sans-serif; text-transform:uppercase; text-align:center; letter-spacing:5px;}
.col_col,.col_col2,.col_col2x{display:block; float:left; width:33.33%; padding:2%}
.col_col3{display:block; float:left; width:33.33%; padding:2%}
.box_col{display:block; float:left; width:16.666%; padding:1%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; }
.box_col2{display:inline-block; width:32.33%; padding:1%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; }
}





@media only screen and (min-width: 1280px){
		.nome_collezione{display:block; position:absolute;  font-size:16px; font-family:"Open Sans", sans-serif; text-transform:uppercase; text-align:center; letter-spacing:4px;}
	.col_col,.col_col2,.col_col2x{display:block; float:left; width:25%; padding:2%}
	.col_col3{display:block; float:left; width:33.33%; padding:2%}
	.box_col{display:block; float:left; width:16.666%; padding:1%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; }
	.box_col2{display:inline-block; width:32.33%; padding:1%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; }
}