@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%;	
font-family:
}

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

.link,
.link-uno{
	width:40px;
	height:40px;
	position:absolute;
	bottom:10px;
	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%;
}

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

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

.box-testo{
width:100%;
max-width:1140px;
margin:2px auto;
background:#666;	
position:relative;
z-index:1;
font-family: 'adobe_garamondregular';
}
.box-testo img{
width:100%;
max-width:100%;
}
.colonne-testo {
width:72.6661404%; /*	828,394/1140px*/  
margin:0 auto;
top:0;
left:6%;
position:absolute;	
z-index:10;		
}
#colonna1,
#colonna2,
#colonna3{
width:33.3333333%; /* 276.131333/828,394*/
float:left;
text-align:left;
font-size: 0.9875em; 
padding-top:120px;
color:#fff; 
padding-right:13px;			
}


/********  SECTION TWO ********/

.two{
width:100%;
background:#000;
overflow:hidden;
margin:0px auto;	
}
.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:10000;	
bottom:-180px;
left:69.7%;
opacity:0.5;
}
.testo{
position:absolute;
z-index:100;	
top:30%;
left:9%;
font-size:0.75em;
}

.tagline{
position:absolute;	
right:130px;
top:48%;
color:#000;
z-index:100;
font-size:1.2em;
font-weight:600;
}

.box-foto,
.box-bottom{
width:64.4649123%; /*734,90/1140px*/ 
float:left;
background:#ccc;
position:relative;
}
.box-foto img,
.box-bottom img{
width:100%;
max-width:100%;
}
.box-foto p{
padding-top:147px;    /*  610,876/734,90*/
width:83.1236903%;
top:6%;
left:10%;
text-align:left;
font-size:0.9375em;
line-height:1.0625em;
position:absolute;
font-family: 'adobe_garamondregular';
}
.box-bottom{
position:relative;
background:#666;

}

.box-bottom p{
width:45.0160785%; /*330.373 / 733,90*/	
margin-left:36px;
position:absolute;
bottom:10px;
color:#fff;
font-size:1em;
font-family: 'adobe_garamondregular';
}
.col-dx-section2{
float:right;	/*405/71140*/
width:35.5140351%;
margin-top:0;
background:#000;
padding:50px 10px;
height:auto;
}
.col-dx-section2 p{
width:100%;
float:right;
text-align:left;
font-size:1.0625em;
font-style:italic;	
padding:50px 10px;
color:#fff;
font-family: 'adobe_garamondregular';
}
.foto{
display:none;	
}
.testo-normale{
	display:none;	
}

@media screen and (min-width:1024px) and (max-width:1139px) {
#colonna1,
#colonna2,
#colonna3{
padding-top:60px;	
}

.col-dx-section2{
float:right;	/*405/71140*/
width:35.5140351%;
margin-top:0;
background:#000;
padding:30px 10px;
height:auto;
}
.col-dx-section2 p{
font-size:1em;
}
.box-foto p{
padding-top:130px;    
width:80%;
top:0;
left:5%;
text-align:left;
font-size:1em;
line-height:1.2em;
position:absolute;

}
.box-bottom p{

font-size:1.1em;

}
}
@media screen and (min-width:768px) and (max-width:1023px) {

.colonne-testo {
width:90%; 
margin:0 auto;
top:0;
left:6%;
position:absolute;	
z-index:10;	

}
#colonna1,
#colonna2,
#colonna3{
width:33.3333333%; /* 276.131333/828,394*/
float:left;
text-align:left;
font-size: 0.9875em; 
padding-top:20px;
color:#fff; 
padding-right:13px;			
}
	
.two{
margin:0px auto;			
}	
.box-foto,
.box-bottom{
width:100%; 
float:left;
background:#ccc;
position:relative;
margin-bottom:0px;
display:block;
}
.box-bottom img,
.box-foto img{
width:100%; 
max-width:100%;
}

.box-foto p{
margin-top:200px;    
padding-top:30px;
width:90%;
top:0;
left:5%;
text-align:left;
font-size:1em;
line-height:1.2em;
position:absolute;
color:#000;
height:250px;
font-size:1em;
line-height:1.2em;
overflow:auto;
padding:10px;
}
.box-bottom p{
width:100%;
padding:20px;
color:#fff;
float:left;
position:none;
margin-left:0;
margin:0 auto;
font-size:1em;

}
.col-dx-section2{
float:right;	/*405/71140*/
width:100%;

}
.col-dx-section2 p{
width:100%;
padding:0px 10px 20px 10px;
font-size:1.1em;
}
.simbolo{
display:none;	
}

}

@media screen and (min-width:601px) and (max-width:767px) {
.one{
height:750px;	
}
.colonne-testo {
width:80%; 
margin:10px auto;
float:none;
position:none;	
overflow:hidden;
font-size:0.9375em;
}
#colonna1,
#colonna2,
#colonna3{
margin-top:165px;		
}
.testo-normale,
.link,
.link-uno{

display:none;	
}
	
.two{
margin:0px auto;			
}	
.box-foto,
.box-bottom{
width:100%; 
float:left;
background:#ccc;
position:relative;
margin-bottom:0px;
display:block;
}
.box-bottom img,
.box-foto img{
width:100%; 
max-width:100%;
}

.box-foto p{
margin-top:160px;   
padding-top:0; 
width:90%;
top:0;
left:5%;
text-align:left;
font-size:1em;
line-height:1.2em;
position:absolute;
color:#000;
overflow:auto;
height:200px;
padding:10px;
}
.box-bottom p{
width:100%;
padding:20px;
color:#fff;
float:left;
position:none;
margin-left:0;
margin:0 auto;
font-size:1em;

}
.col-dx-section2{
float:right;	/*405/71140*/
width:100%;

}
.col-dx-section2 p{
width:100%;
padding:0px 10px 20px 10px;
font-size:1.1em;
}
.simbolo{
display:none;	
}




}



@media screen and (min-width:481px) and (max-width:600px) {

.one{
height:650px;	
}

#colonna1,
#colonna2,
#colonna3{
display:none;		
}


.link,
.link-uno{

display:none;	
}
	
.two{
margin:0px auto;			
}	
.box-foto,
.box-bottom{
width:100%; 
float:left;
background:#ccc;
position:relative;
margin-bottom:0px;
display:block;
}
.box-bottom img,
.box-foto img{
width:100%; 
max-width:100%;
}

.box-bottom p{
width:100%;
padding:20px;
color:#fff;
float:left;
position:none;
margin-left:0;
margin:0 auto;
font-size:1em;

}
.col-dx-section2{
float:right;	/*405/71140*/
width:100%;

}
.col-dx-section2 p{
width:100%;
padding:0px 10px 20px 10px;
font-size:1.1em;
}
.simbolo{
display:none;	
}
.colonne-testo {
width:100%; 
float:left;
position:none;	
font-size:0.9375em;
margin:0;
left:0;
}

.box-foto{
background:#ff0 !important;
}
.box-foto p{
margin-top:130px;   
padding-top:0; 
width:90%;
top:0;
left:0%;
text-align:left;
font-size:1em;
line-height:1.2em;
position:absolute;
color:#000;
overflow:auto;
height:120px;
padding:10px;
margin-left:20px;

}
.testo-normale{
display:block;
margin-top:230px;
float:left;
color:#fff;
height:250px;
margin-left:20px;
overflow:auto;
padding:10px;
width:90%;
left:0%;
float:left;
}

.box-bottom p{
width:90%;
bottom:0px;
color:#fff;
float:left;
position:none;
margin-left:10px;
font-size:0.8em;
text-shadow: 0px 2px 2px rgba(35, 35, 35, 1);

}


}


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

.one{
height:650px;	
}

#colonna1,
#colonna2,
#colonna3{
display:none;		
}



.link,
.link-uno{

display:none;	
}
	
.two{
margin:0px auto;
		
}	
.box-foto,
.box-bottom{
width:100%; 
float:left;
background:#ccc;
position:relative;
margin-bottom:0px;
display:block;
}
.box-bottom img,
.box-foto img{
width:100%; 
max-width:100%;
}

.colonne-testo {
width:100%; 
float:left;
position:none;	
font-size:0.9375em;
margin:0;
left:0;
}

.box-foto{
background:#ff0 !important;
}
.box-foto p{
margin-top:75px;    
width:90%;
top:0;
left:0%;
text-align:left;
font-size:1em;
line-height:1.2em;
position:absolute;
color:#000;
overflow:auto;
height:120px;
padding:10px;
margin-left:20px;
}
.testo-normale{
display:block;
margin-top:230px;
float:left;
color:#fff;
height:250px;
margin-left:20px;
overflow:auto;
padding:10px;
width:90%;
left:0%;
float:left;
}

.box-bottom p{
width:90%;
bottom:0px;
color:#fff;
float:left;
position:none;
margin-left:10px;
font-size:0.8em;
text-shadow: 0px 2px 2px rgba(35, 35, 35, 1);

}
.col-dx-section2{
float:right;	/*405/71140*/
width:100%;

}
.col-dx-section2 p{
width:100%;
padding:0px 10px 20px 10px;
font-size:1.1em;
}
.simbolo{
display:none;	
}

	
}
