@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-contract
{
width:70%;	
max-width:790px;	
margin:130px auto 120px auto;
overflow:hidden;
position:relative;
z-index:10;
}
.gallery-contract li.current
{
border:2px solid #fff;
}

.gallery-contract li
{
width:29.33%;      /*1140/4=285/1140-4px*/
float:left;
margin:2px;
position:relative;
transition:all linear 0.3s;
opacity:0.7;
height:220px;
background:#000;
border:1px solid #666;
}
.gallery-contract img
{
width:100%;
max-width:100%;
}
.gallery-contract li a:hover{
opacity:1;
}
.gallery-contract li:hover
{
opacity:1;
transform:translate(2px,2px);
-webkit-transform:translate(2px,2px);
-webkit-transform:skew(1.1,1.1);
z-index:1000;
border:2px solid #999;
}
.gallery-contract li.nofoto{
border:0;

}

/** Caption 1: Simple **/
.one .gallery-contract .simple-caption {
	height:137.5px;
	width:253px; 
	display: block;
	left:0;
	top:0;
	line-height: 25pt;
	text-align: center;
}
.one .gallery-contract .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:46%;
	left:110px !important;
	
	
}
.sotto{
	width:43%;
	top:130px !important;
	
}
.destra-sotto{
	width:50%;
	left:100px !important;
	top:130px !important;
	
}
.black{
	background:#000;
}
.logo-gallery,
.logo-contract{
position:absolute;
top:80px;
right:100px;	
z-index:100;
}
.logo-gallery-sn{
position:absolute;
top:46px;
left:305px;	
z-index:100;	
}
.logo-gallery{	
right:34px;
top:47px
}
.logo-gallery img,
.logo-gallery-sn img{
max-width:60%;
}

.logo-contract{
width:180px;
top:0px;
left:83px;	
}
.logo-contract img{
max-width:80%;
}
.gallery-contract {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.gallery-contract li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 900px) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 400px) {
	.grid li {
		width: 100%;
	}
}




@media screen and (min-width:961px) and (max-width:1139px) {
.one
{
width:99%;
max-width:960px;
}

.gallery-contract li
{
width:32.333333%;      
float:left;
margin:2px;
position:relative;
transition:all linear 0.3s;
opacity:0.7;
height:auto;
background:#000;
border:1px solid #666;
}
.gallery-contract img
{
width:100%;
max-width:100%;
}
.logo-gallery,
.logo-contract,
.logo-gallery-sn{
display:none;	
}
#gallery li span p
{
	float:left;
	position:static !important;
	margin-left:10px;
}

.destra{
	width:35%;
	}
.sotto{
	width:60%;
	
}
.destra-sotto{
	width:65%;
	
}
.one .gallery-contract .simple-caption p
{

float:left;
margin-left:10px;
position:static;
font-size:1.3em;
}
}
@media screen and (min-width:768px) and (max-width:960px) {
.one
{
width:99%;
max-width:768px;
}

.gallery-contract li
{
width:32.333333%;      
float:left;
margin:2px;
position:relative;
transition:all linear 0.3s;
opacity:0.7;
height:auto;
background:#000;
border:1px solid #666;
}
.gallery-contract img
{
width:100%;
max-width:100%;
}
.logo-gallery,
.logo-contract,
.logo-gallery-sn{
display:none;	
}
#gallery li span p
{
	float:left;
	position:static !important;
	margin-left:10px;
}

.destra{
	width:35%;
	}
.sotto{
	width:33%;
	
}
.destra-sotto{
	width:35%;
	
}
.one .gallery-contract .simple-caption p
{

float:left;
margin-left:10px;
position:static;
font-size:1.3em;
}
}

@media screen and (min-width:601px) and (max-width:767px) {
	
.one
{
width:99%;
max-width:100%;
}
.gallery-contract
{
width:100%;		
margin:30px auto 20px auto;
z-index:10;
}
.gallery-contract li
{
width:100%;  
height:auto;
}
.gallery-contract li img
{
max-width:100%;
}
.logo-gallery,
.logo-contract,
.logo-gallery-sn{
display:none;	
}
#gallery li span p
{
	float:left;
	position:static !important;
	margin-left:10px;
}

.destra{
	width:38%;
	left:110px !important;
	
	
}
.sotto{
	width:65%;
	top:130px !important;
	
}
.destra-sotto{
	width:72%;
	left:100px !important;
	top:130px !important;
	
}
.one .gallery-contract .simple-caption p
{

float:left;
margin-left:10px;
position:static;
}
}

@media screen and (min-width:481px) and (max-width:600px) {
	
.one
{
width:100%;
max-width:100%;
}
.gallery-contract
{
width:100%;		
margin:30px auto 20px auto;
overflow:hidden;
position:relative;
z-index:10;
}
.gallery-contract li
{
width:100%;  
height:auto;
}
.gallery-contract li img
{
max-width:100%;
}
.logo-gallery,
.logo-contract,
.logo-gallery-sn{
display:none;	
}
#gallery li span p
{
	float:left;
	position:static !important;
	margin-left:10px;
}

.destra{
	width:38%;
	left:110px !important;
	
	
}
.sotto{
	width:65%;
	top:130px !important;
	
}
.destra-sotto{
	width:72%;
	left:100px !important;
	top:130px !important;
	
}.one .gallery-contract .simple-caption p
{

float:left;
margin-left:10px;
position:static;
}
}

@media screen and (min-width:320px) and (max-width:480px) {
	
.one
{
width:100%;
max-width:100%;
}
.gallery-contract
{
width:100%;		
margin:30px auto 20px auto;
overflow:hidden;
position:relative;
z-index:10;
}
.gallery-contract li
{
width:100%;  
height:auto;
}
.gallery-contract li img
{
max-width:100%;
}
.logo-gallery,
.logo-contract,
.logo-gallery-sn{
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-contract .simple-caption p
{

float:left;
margin-left:10px;
position:static;
}
.destra{
	width:38%;
	left:110px !important;
	
	
}
.sotto{
	width:65%;
	top:130px !important;
	
}
.destra-sotto{
	width:72%;
	left:100px !important;
	top:130px !important;
	
}
}