@charset "UTF-8";
/* CSS Document */

body{
	max-width:1600px;
	margin:auto;
	float:none;
	font-family: 'Playfair Display', serif;
	padding-left:10px;
	padding-right:10px;
}




.menuchiaro{color:#D2D2D2!important}
.anteprimaprogetto{color:#000000; text-decoration: none;}
.anteprimaprogetto span{color:#B9B9B9;    width: 100%;
    float: left;
    padding-bottom: 30px;}
.anteprimaprogetto a {color:#000000!important;}
.anteprimaprogetto a:hover {text-decoration: none;}



#testodescrizione{max-width: 1000px;
    margin: auto;
    text-align: center;
    padding-top: 50px;
	float:none;
}



/* - - - - - - - - - MENU - - - - - - - - - */

#logo{
	text-align:center;
	padding-top:20px;
}
#logo img{
	max-width:200px;
	height:auto;
}

.vocemenu{
	text-align:center;
	font-size:16px;
}
#menu{
	padding-top:60px;
}
@media only screen and (max-width: 850px) {
#menu{
	padding-top:20px;
}
.vocemenu{
	padding-top:20px;
}
}


#footer{
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	
	margin-top:70px;
}
#footercontatti{
	position:fixed;
	bottom:0px;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	
	max-width:1600px;
	margin:auto;
	float:none;
	width:100%;
	
}

@media only screen and (max-width: 850px) {
#footercontatti{
	position:relative;
	bottom:0px;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	
	margin-top:70px;
}

}


/* - - - - - - - - - PAGINE - - - - - - - - - */






#progetti{
	padding-top:100px;
}
#fraseintro{
	font-size:24px;
	padding-bottom:50px;
	text-align:center;
}
#fraseintro2{
	font-size:2em;
	padding-bottom:10px;
	text-align:center;
	font-weight:400;
	text-transform: uppercase;
}
#specifica{
	text-align:center;
	font-size:16px;
	padding-bottom:50px;
}
.titoletto{
	font-size:16px;
	font-weight:700;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
.anteprimaprogetto{
	padding:0px;
	float:left!important;
}
.grid{
	display:grid;
	grid-gap:10px;
	grid-template-columns:repeat(auto-fill, minmax(250px,1fr));
}

.anteprimaprogetto img{
	width:100%;
	height:auto;
	padding:0px;
}
@media only screen and (max-width: 700px) {
.anteprimaprogetto img{
	width:100%;
	height:auto;
	padding:0px;
}
}
.anteprimaprogetto img:hover{
	width:100%;
	height:auto;
	opacity:0.8;
}

#contatti{
	text-align:center;
	padding-top:40px;
	font-size:18px;
}
@media only screen and (max-width: 700px) {
#contatti{
	text-align:center;
	padding-top:20px;
	font-size:18px;
}

}

#progetto{
	padding-top:60px;
	max-width:1000px;
}
#progetto img{
	width:100%;
	height:auto;
	padding-left:30px;
	padding-right:30px;
	padding-bottom: 100px;
 padding-top: 100px;
}
.immdentro{
	padding:0px;
}

#footer a:hover{
	text-decoration:none!important;
}


/* - - - - - - - - - INSTA - - - - - - - - - */


#container {margin: 0px auto; width: 1200px; position: relative;}
.inst-cont{width:20%;float:left;cursor: pointer;background: #000;}
.inst-img{width:100%;height:auto;vertical-align: baseline;float:left;opacity:0.9;}
.inst-img:hover{opacity:1;}



/* - - - - - - - - - GRID - - - - - - - - - */

.masonry {
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
	    max-width: 1300px;
    margin: auto;
  
}

@media only screen and (min-width: 1024px) {
 .masonry {
	 -moz-column-count: 3;
	 -webkit-column-count: 3;
	column-count: 3;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.masonry {
-moz-column-count: 2;
 -webkit-column-count: 2;
 column-count: 2;
}
}


@media only screen and (max-width: 800px) {
	#progetto, #progetto img, .video, .video-inner{padding-left:0px!important;padding-right:0px!important}
	#progetto img{padding-top:10px!important;padding-bottom:0px!important}
	#fraseintro2{font-size:35px!important;}
	#progetto{padding-top:10px!important;}
	.immdentro50 {width: 50%;float: left;padding-left: 4px;padding-right: 4px;}
	.anteprimaprogetto{padding: 8px;}

}





/* - - - - - - - - - - -  VIDEO  - - - - - - - - - */


#video-inner { width:100%; }
.video-wrapper {
  position: relative;
  padding-bottom:56.25%;
  padding-top: 0;
  height:0;
}
iframe { border: none; }
.video-wrapper div,
.video-wrapper object,
.video-wrapper iframe {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
}
.video-inner{
	padding-left:15px!important;
	padding-right:15px!important;
	padding-top:20px;
}

@media only screen and (max-width: 800px) {
.video-inner{padding-left:0px!important;padding-right:0px!important;padding-top:20px;}

}







#instafeed a{
	padding:20px;
}







.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-primary:hover {
    color: #fff;
    background-color: #444;
    border-color: #444;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 0px solid #000;
	border-bottom: 2px solid #000;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0), 0 0 8px #fff;
    box-shadow: inset 0 0px 0px rgba(0,0,0,), 0 0 8px #fff;
}
.eapps-instagram-feed-posts-grid-load-more { color:#000000!important; background-color: #ffffff!important; border-radius:0px!important; border-bottom:1px solid #000000!important; padding: 0 10px 10px 10px!important; font-size:20px!important;} #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {max-width:120px!important;}