@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-imvei5');
	src:url('fonts/icomoon.eot?#iefix-imvei5') format('embedded-opentype'),
		url('fonts/icomoon.woff2?-imvei5') format('woff2'),
		url('fonts/icomoon.ttf?-imvei5') format('truetype'),
		url('fonts/icomoon.woff?-imvei5') format('woff'),
		url('fonts/icomoon.svg?-imvei5#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-triangle-down:before {
	content: "\e600";
}
.icon-facebook:before {
	content: "\e601";
	font-weight:900px;
}

@font-face {
    font-family: 'universal_condensedregular';
    src: url('../font/ufonts.com_universal-condensed-webfont.eot');
    src: url('../font/ufonts.com_universal-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ufonts.com_universal-condensed-webfont.woff2') format('woff2'),
         url('../font/ufonts.com_universal-condensed-webfont.woff') format('woff'),
         url('../font/ufonts.com_universal-condensed-webfont.ttf') format('truetype'),
         url('../font/ufonts.com_universal-condensed-webfont.svg#universal_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
background:#000;	
font-size:100%;	
}


/********  SECTION ONE ********/

.one
{
width:100%;
max-width:1140px;
padding:0;
margin:0 auto;	
}

.one h1
{
font-size:1.375em;
letter-spacing:1px;
color:#fff;
text-align:center;
margin:65px auto;
font-family: 'adobe_garamondregular';
}
#gallery
{
width:100%;	
max-width:100%;
margin:130px auto 120px auto;
overflow:hidden;
position:relative;
}

#gallery li
{
width:49%;      /*427.929 / 771.23*/
float:left;
margin:5px;
position:relative;
transition:all linear 0.3s;
opacity:0.7;
z-index:10;
height:445px;
background:#000;
border:2px solid #666;
}
#gallery img
{
width:100%;
max-width:100%;
}

#gallery li a:hover{
opacity:1;
color:#666;
}
#gallery li:hover
{
opacity:1;
transform:translate(4px,4px);
-webkit-transform:translate(4px,4px);
-webkit-transform:skew(1.1,1.1);
z-index:1000;
border:2px solid #999;
}

/** Caption 1: Simple **/
.one #gallery .simple-caption {
	height:137.5px;
	width:253px; 
	display: block;
	left:0;
	top:0;
	line-height: 25pt;
	text-align: center;
}
.one #gallery .simple-caption p
{
top:10px;
left:10px;
border-bottom: 4px solid #666;
font-family:'universal_condensedregular';
text-shadow: rgb(0, 0, 0) 0px 1px 1px;
text-decoration:none;
color:#FFF;
font-weight:900;
font-size:1.4375em;
text-align:left;
position:absolute;
opacity:1;
transition:all linear 0.3s;
}
.destra{
	width:18%;
	left:430px !important;
	
}
.sotto{
	width:32%;
	top:380px !important;
}
.destra-sotto{
	width:36%;
	left:330px !important;
	top:380px !important;
}

.logo-gallery{
position:absolute;
top:17.5%;
left:24.8%;	
z-index:100;
}
.logo-gallery img{
width:100%;
max-width:100%;
}

@media screen and (min-width:961px) and (max-width:1139px) {
#gallery li
{
width:48%;      
height:350px;
}	

.logo-gallery{
display:none;

}

#gallery li span p
{
	float:left;
	position:static !important;
	margin-left:10px;
}

#gallery li span p.destra{
	width:6.5em;
	
	
}
#gallery li span p.sotto{
	width:20%;
	margin-top:290px;
	
}
#gallery li span p.destra-sotto{
	width:2em;	
	margin-top:290px;
	
}

.one #gallery .simple-caption {
	height:250px;
	width:400px; 
	display: block;
	float:left;

}
.destra{
	width:26% !important;
	left:430px !important;
	
}
.sotto{
	width:45% !important;
	top:380px !important;

}
.destra-sotto{
	width:50%!important;
	left:330px !important;
	top:380px !important;
}





}


@media screen and (min-width:768px) and (max-width:960px) {
#gallery li
{
width:48%;      
height:350px;
}	

.logo-gallery{
display:none;}



#gallery li span p
{
	float:left;
	position:static !important;
	margin-left:10px;
}

#gallery li span p.destra{
	width:38%;
	border:0px solid #f00;
	
	
}
#gallery li span p.sotto{
	width:20%;
	margin-top:290px;
	
	
}
#gallery li span p.destra-sotto{
	width:12%;	
	margin-top:290px;
	
}
.one #gallery .simple-caption {
	height:250px;
	width:400px; 
	display: block;
	float:left;
}

.destra{
	width:26% !important;
	left:430px !important;
	
}
.sotto{
	width:45% !important;
	top:380px !important;

}
.destra-sotto{
	width:50%!important;
	left:330px !important;
	top:380px !important;
}





}

@media screen and (min-width:320px) and (max-width:767px) {
	
.one
{
width:98%;
max-width:100%;
float:left;

}
#gallery
{
width:98%;		

}
#gallery li
{
width:98%;     
height:245px;
}
.logo-gallery{
display:none;
}
#gallery li span p
{
	width:17%;
	position:static !important;
	margin-left:10px;
	
}

#gallery li span p.destra{
	width:40%;
	
}
#gallery li span p.destra-sotto{
	width:12%;	
}
#gallery li span p.sotto{
	width:22%;
	
}

.one #gallery .simple-caption {
	height:250px;
	width:400px; 
	display: block;
	float:left;

}
.destra{
	width:26% !important;
	left:430px !important;
}
.sotto{
	width:45% !important;
	top:380px !important;

}
.destra-sotto{
	width:50%!important;
	left:330px !important;
	top:380px !important;
}

}