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

}
@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%;	
}
.contenitore{
width:100%;
max-width:1140px;
padding:0;
margin:0 auto;	
background:#000;	
}
.one,
.two{
width:100%;
max-width:1140px;
padding:0;
margin:0 auto;			
}

header{
width:100%;
margin:0 auto;
}


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

.one{
position:relative;
}
.one h1{
font-size:1.4em;
letter-spacing:1px;
color:#fff;
text-align:center;
margin:53.15px auto;
font-family:'universal_condensedregular';
}

.social{
width:30px;
height:30px;
border:1px solid #fff;
margin:0px auto 87px auto;
border-radius:50%;
background:#fff;
}
.social a{
text-align:center;
text-decoration:none;	
margin-left:5px;
line-height:28px;
font-weight:900px;
transition:all linear 0.3s;
-webkit-transition:all linear 0.3s;
-moz-transition:all linear 0.3s;
-o-transition:all linear 0.3s;
-ms-transition:all linear 0.3s;
color:#ccc;
}
.social a:hover{
	transform:rotate(365deg);
	-webkit-transform:rotate(365deg);
	-moz-transform:rotate(365deg);
	-ms-transform:rotate(365deg);
	-o-transform:rotate(365deg);
	color:#666;
}
.icon-facebook {
	font-size:1.1em;
	font-weight:900px;
}
#menu{
width:67.6517544%;		/*771.23 / 1140*/
margin:0 auto;
overflow:hidden;

}
#menu li{
width:32.8317104%;      /*253.508 / 771.23*/
float:left;	
margin-right:2px;
margin-bottom:4px;
transition:all linear 0.3s;
opacity:0.7;
z-index:10;
padding:0;
position:relative;
}
#menu li img  {
width:100%;
max-width:100%;

}

#menu li:hover:nth-child(5){
transform:none;
-webkit-transform:none;
-webkit-transform:none;
-moz-box-shadow:none; 
-webkit-box-shadow:none; 
box-shadow:none;

}
#menu li:nth-child(5){
opacity:1;
}

#menu li a:hover{
opacity:1;

}
#menu li:hover{
opacity:1;
transform:translate(4px,4px);
-webkit-transform:translate(4px,4px);
-webkit-transform:skew(1.1,1.1);
-moz-box-shadow: 8px 8px 7px #000; 
-webkit-box-shadow: 8px 8px 7px #000; 
box-shadow: 8px 8px 7px #000;
z-index:1000;
overflow:hidden;
}
#menu li a{
text-decoration:none;
color:#000;
font-weight:900;
font-size:1em;
text-align:left;
position:absolute;
bottom:0px;
left:10px;
opacity:0;
transition:all linear 0.3s;


}
/** Caption 1: Simple **/
.one #menu .simple-caption {
	height:100px;
	width:225px; 
	display: block;
	left:0;
	top:10px;
	text-align: center;
	line-height:155px;
	
	
}
.one #menu .simple-caption p {
	margin-left:0;
	text-align:left;
	font-size:1.4375em;
	font-family:'universal_condensedregular';
	text-shadow: rgb(255, 255, 255) 0px 1px 1px;
	
}
.logo-menu{
position:relative;
	
}
/********  SECTION TWO ********/

.two{
width:100%;
background:#000;
overflow:hidden;
padding-bottom:40px;	
}
.foto{
width:100%;
max-width:1140px;
position:relative;	
z-index:1;
top:0;
left:0;
}
.foto img{
width:100%;
max-width:100%;
}

.simbolo{
position:absolute;
z-index:10;	
top:10%;
left:30%;
}

.logo{
width:158px;
margin:67.323px auto;
}
.logo img{
width:100%;
}

.logo-bottom{
width:100%;
position:absolute;
background: url('../images/footer-home.png') 50% 50%;
z-index:100;
bottom:40px;
height:130px;

}

.link{
	width:40px;
	height:40px;
	position:absolute;
	bottom:-50px;
	left:48.3%;
	color:#fff;
	background:url(../images/cd-top-arrow.svg) no-repeat center 50%;
	transition:all ease-in-out 0.3s;
}
.link:hover{

	background:url(../images/cd-top-arrow1.svg) no-repeat center 50%;
}

/****** PULSANTE SCROOL TO TOP *********/
a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #f00 url('../images/cd-top-arrow3.svg') no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	transition: all ease 0.3s;
}
a:hover.back-to-top {
		background: #c00 url('../images/cd-top-arrow3.svg') no-repeat center 43%;
	
}

@media screen and (min-width:1025px) and (max-width:1139px) {

#menu li:nth-child(5){
padding-bottom:0px;
height:auto;
}
.link{
width:100%;
margin:0 auto;
left:0;

}

.one h1{
font-size:1.2em;
letter-spacing:1.3px;
}
.logo{
width:158px;
}
}

@media screen and (min-width:961px) and (max-width:1024px) {
.one,
.two{
width:95%;
max-width:960px;
padding:0;
margin:0 auto;			
}	
#menu li:nth-child(5){
padding-bottom:0px;
height:auto;
}
.link{
width:100%;
margin:0 auto;
left:0;

}

.one h1{
font-size:1.1em;
}
.simbolo{
width:65%;
}
.logo{
width:158px;
}
}
@media screen and (min-width:851px) and (max-width:960px) {
.one,
.two{
width:95%;
max-width:100%;
padding:0;
margin:0 auto;			
}	
#menu{
width:100%;		/*771.23 / 1140*/
margin:0 auto;
overflow:hidden;

}
#menu li:nth-child(5){
padding-bottom:0px;
height:auto;
}
.link{
width:100%;
margin:0 auto;
left:0;

}

.simbolo{
width:65%;
}
.one h1{
font-size:1.4em;

}
.logo{
width:158px;
}
}

@media screen and (min-width:768px) and (max-width:850px) {
.one,
.two{
width:95%;
max-width:100%;
padding:0;
margin:0 auto;			
}	
#menu{
width:100%;		/*771.23 / 1140*/
margin:0 auto;
overflow:hidden;

}
#menu li:nth-child(5){
padding-bottom:0px;
height:auto;
}

.simbolo{
width:65%;

}
.one h1{
font-size:1.3em;
}
.logo{
width:158px;
}
.link{
width:100%;
margin:0 auto;
left:0;

}

}
@media screen and (min-width:601px) and (max-width:767px) {
.one,
.two{
width:95%;
max-width:100%;
padding:0;
margin:0 auto;			
}	
#menu{
width:100%;		/*771.23 / 1140*/
margin:0 auto;
overflow:hidden;

}
/** Caption 1: Simple **/
.one #menu .simple-caption {
	height:80.5px;
	width:140px; 
	line-height:120px;
}
.one #menu .simple-caption p {
	font-size:1.2375em;
	
}

.logo{
width:158px;
}
.logo img{
width:100%;
}
.logo-bottom{
bottom:0px;
height:100px;
}
.logo-bottom img{
width:10em; 
margin-left:38%;
margin-top:30px;
}
#menu li:nth-child(5){
padding-bottom:0px;
}
.simbolo{
width:65%;
}
.link{
width:100%;
margin:0 auto;
left:0;

}

}
@media screen and (min-width:320px) and (max-width:600px) {
.one,
.two{
width:95%;
max-width:100%;
padding:0;
margin:0 auto;			
}	
#menu{
width:100%;		/*771.23 / 1140*/
margin:0 auto;
overflow:hidden;

}
#menu li{
width:100%;  
}
.one h1{
font-size:1em;
letter-spacing:0.5px;
}
.logo{
width:158px;
}
.logo img{
width:100%;
}
.logo-bottom{
bottom:0px;
height:100px;
}
.logo-bottom img{
width:10em; 
margin-left:38%;
margin-top:30px;
}
.link{
width:100%;
margin:0 auto;
left:0;

}
#menu li:nth-child(5){
padding-bottom:0px;
height:auto;
}
.link{
width:100%;
margin:0 auto;
left:0;

}

}