@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700,900,400italic);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,600,500);

body {
    font-size:14px;
	font-family: 'Source Sans Pro', sans-serif;
	}

/* =========================
Dichiarazione e Assegnazione Fonts 
========================= */
gruppofont1, #header, #wrap, .boxMenu, .ultimiWork, #slogan, .sponsor, .box_menu_sottomenu {font-family: 'Source Sans Pro', sans-serif;}
gruppofont2, #nav {font-family: 'Poppins', sans-serif;}
gruppofont3 {}

/* =========================
CSS 3 - Effetti e Transizioni
========================= */
.alpha{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:0.6;
	}
	
.all_transition {
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	transition:all 0.1s linear; 
	}
	
.bg_transition  {
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	}

.txt_shadow {text-shadow:20px -12px 2px #6374AB;}

.border_radius {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

/* =========================
Reset Area Testo
========================= */
.gridTesto {
	line-height:1.5em;
	margin:20px 0;
	border:1px solid #000;
	color:#444;
	}
	
.gridTesto h1 {} /* titolo */
.gridTesto h2 {} /* sottotitolo */
.gridTesto h3 {} /* titoletto */

.gridTesto ul,.gridTesto ol {
	margin:20px 0;
	padding:0;
	}
	
.gridTesto li {
	margin-left:20px;
	color:#EEE;
	}

.gridTesto ul li {list-style-type:circle;}
.gridTesto ol li {list-style-type:decimal;}
.gridTesto strong {color:#81B1C7;}
.gridTesto a {color:#F69;}
.gridTesto a:hover {text-decoration:underline;}
	
.gridTesto .separatore {
	border-top:1px solid #333;
	background-color:#000;
	height:1px;
	width:100%;
	margin:10px 0;
	}

/* =========================
Reset Moduli di Contatto
========================= */
.box_contatti {}

.box_contatti input, .box_contatti textarea, .btn_submit { 
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:inset 3px 3px 3px #CCC;
	-webkit-box-shadow:inset 3px 3px 3px #CCC;
	box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1);
	background:#FFF;
	padding:6px;
	color:#333;
	font-size:12px;
	margin-bottom:12px;
	border:none;
	border:1px solid #EEE;
	}

.box_contatti .btn_submit {
	cursor:pointer;
	padding:6px 12px;
	display:block;
	text-transform:uppercase;
	font-size:15px;
	}

.box_contatti .btn_submit:hover {
	color:#FFF;
	background-color:#A00;
	border:1px solid #B00;
	}
	
	
#header{
	background:#2F3131;
	padding:17px 0;
	width:100%;
	color:#fff;
	font-weight:600;
	font-size:15px;
}

#header a{
	color:#fff;
}

#nav{
	color:#2D3131;
	font-size:16px;
	font-size:15px;
	font-weight:600;
	padding:20px 0;
	text-transform:uppercase;
}

#menu{
	margin-top:30px;
}

#menu a{
	color:#2D3131;
	margin-left:15px;
}

#menu a:hover{
	color:#FF7E00;
}


/* ========== Flexslider ========== */
.flexslider {
	z-index:1;
	height:auto;
	position:relative;
	overflow:hidden;
	display:block;
	}







.flexslider .slides,
.flexslider .slides li {
	overflow:hidden;
	}
	
.flexslider .slides li{
	display:none;
	}
	
	
.flexslider .slides li img {
	overflow:hidden;
	display:block;
	}



.flexslider .loading {
	background-color:#FFF;
	height:550px;
	left:0;
	top:0;
	width:100%;
	z-index:15;
	position:absolute;
	}







.flexslider .flex-direction-nav {
	position:absolute;
	display:block;
	width:100%;
	background-color:#f90;
	top:50%;
	margin-top:-49px;
	left:0;
	z-index:30;
	}
	
.flexslider .flex-prev,
.flexslider .flex-next {
	position:absolute;
	top:0;
	width:39px;
	height:78px;
	display:block;
	padding:10px;
	}
	
.flexslider .flex-prev {
	background:url(../images/flex-prev.png) center center no-repeat;
	left:0;
	}
	
.flexslider .flex-next {
	background:url(../images/flex-next.png) center center no-repeat;
	right:0;
	}
	
#wrap{
	color:#2E3131;
	padding:40px 0;
	background:url(../images/bg_testo.jpg) bottom right repeat #EEEEEE;
	position:relative;
}

#wrap h1{
	font-size:40px;
	font-weight:900;
	margin-bottom:10px;
}

#wrap h2{
	font-size:30px;
	font-weight:400;
	margin-bottom:40px;
}

#wrap p{
	font-size:14px;
	font-weight:400;
	line-height:1.6em;
	width:850px;
	margin:0 auto;
}

.bottone{
	font-size:14px;
	font-weight:700;
	padding:10px 20px;
	border:1px solid #2E3131;
	color:#2E3131;
}

.wrapper{
	background:url(../images/bg_wrapper.jpg) top left no-repeat #fff;
	padding:40px 0;
}

.wrapper h3{
	font-size:55px;
	font-weight:900;
	color:#FF7E00;
	line-height:0.6em;
	margin-bottom:40px;
}

.wrapper h3 span{
	font-size:30px;
	font-weight:400;
}

.w1187{
	width:1187px;
	margin:0 auto;
}

.w33{
	width:33%;
	float:left;
}

.w67{
	width:66.4%;
	float:left;
}

.w1{
    width:5px;
    float:left;
}

.h1{
	height:5px;
}

.boxMenu a, .boxMenu img{
	overflow:hidden;
	display:block;
}

.boxMenu a{
	position:relative;
	z-index:0;
}

.boxMenu a .cover_hover,
.boxMenu a:hover .cover_hover {
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	transition:all 0.1s linear; 
	transition-delay: .25s;
	}
	
.boxMenu a .cover_hover {
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity:0;
	z-index:1;
	}
	
.boxMenu a:hover .cover_hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity:0.4;
	}
		
.boxMenu a:hover img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	overflow:hidden;
	-webkit-transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	-moz-transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	 
	transition-delay: .25s;
	 
	-webkit-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    transition-duration:0.5s;
	}

.boxMenu a img {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	overflow:hidden;
	-webkit-transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	-moz-transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	transition: all 1s cubic-bezier(.02, .01, .47, 1); 
	}
	
.boxMenu a h4 {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	color:#fff;
	background:url(../images/bg_alpha_40.png) repeat-x;
	width:100%;
	text-transform:uppercase;
	font-size:28px;
	padding:10px 0 12px;
	z-index:20;
	font-weight:300;
	}
	
.boxMenu a h4 span {
	font-weight:700;
	}
	
.boxLungo a h4{top:10px;}

.ultimiWork{
	padding: 40px 0 80px;
}

.ultimiWork h5{
	color:#FF7E00;
	font-size:38px;
	font-weight:300;
	text-transform:uppercase;
}

.ultimiWork h5 span{
	font-weight:700;
}

.ultimiWork h6{
	color:#FF7E00;
	font-size:25px;
	font-weight:400;
	font-style:italic;
}

.box_ultimiwork{
	width:310px;
	padding:0 5px;
	float:left;
}

.box_ultimiwork img{
	display:block;
	overflow:hidden;
	margin-bottom:10px;
}

.box_ultimiwork h3, .videoBackstage{
	font-size:23px;
	color:#FF7E00;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.08em;
}

.box_ultimiwork h4{
	font-size:16px;
	color:#FF7E00;
	font-weight:400;
	font-style:italic;
	margin-bottom:10px;
}

.box_ultimiwork p{
	font-size:14px;
	color:#2F3131;
	font-weight:500;
	margin:0 15px;
	line-height:1.5em;
}

.sponsor{
	background: #F5F5F5;
	color: #717373;
	padding: 40px 0 80px;
}

.sponsor h6{
	text-align:center;
	color:#717272;
	font-size: 38px;
    font-weight: 300;
    text-transform: uppercase;
}

.sponsor h6 span{font-weight: 700;}

#s3{
	text-align:center;
	width:930px;
	margin:0 auto;
	position:relative;
}
#s3 img{
	margin: 0 30px;
}

.nav{
	position:relative;
	width:960px;
}

#next3, #prev3{
	position:absolute;
	bottom:-60px;
}

#next3{right:0;}
#prev3{left:0;}

#footer{
	width:100%;
	padding:40px 0;
	text-align:center;
	color:#fff;
	background:url(../images/bg_footer.jpg) center center repeat-x;
	line-height:1.6em;
	font-size:15px;
}

#footer span a{
	color:#fff;
	font-weight:300;
	font-size:13px;
}

.emailFooter{
	color:#FF7E00;
}

#datiSocietari{
	background:#000;
	padding:15px 0;
	color:#fff;
	font-size:10px;
	text-align:center;
}

#datiSocietari a{
	color:#fff;
}

#slogan{
	position:absolute;
	color:#fff;
	text-transform:uppercase;
	left:0;
	z-index:9;
	height:155px;
	top:50%;
	margin-top:-77px;
	width:960px;
	left:50%;
	margin-left:-480px;
}

#slogan h3{
	font-size:30px;
	margin-bottom:5px;
	font-weight:400;
	text-shadow:2px 2px 2px #222;
}

#slogan h1, #slogan h4{
	font-size:50px;
	font-weight:700;
	text-shadow:2px 2px 2px #222;
}

#slogan h1 span, #slogan h4 span{
	font-size:75px;
	font-weight:900;
}

/*sottomenu*/

.box_img_sottomenu {
    display: block;
    overflow: hidden;
    width: 207px;
	height:136px;
}

.box_menu_sottomenu{
	margin-top:10px !important;
}

.box_menu_sottomenu a{
	text-transform:none;
	font-size:14px;
	line-height:1.6em;
	font-weight:400 !important;
	color:#2E3131;
}

.wrapper h6{
	font-size:14px;
	color:#FF7E00;
	font-weight:700;
	padding:15px 10px;
	border: 1px solid #FF7E00;
	display:inline-block;
	margin-bottom:30px;
	text-transform:uppercase;
}

.galleria a img{
	padding:5px;
	overflow:hidden;
}

.riquadro{
	font-size:13px;
	width:730px;
	margin:0 auto;
	 font-style:italic;
}
.riquadro p{margin-left:0; font-style:italic;}
.riquadro a{text-decoration:underline; color:#666;}
.riquadro p span{font-size:12px;}

.riquadro input[type="text"], .w620, .scelta {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px #dedede inset;
    box-sizing: border-box;
    font-size: 13px;
    padding:9px 8px;
    width: 100%;
	font-family:'TeXGyreAdventorRegular';
	box-shadow:none;
}
.scelta {
	color:#999;
}
.w620{height:150px;}
.btContatti{
	color:#fff;
	font-size:26px;
	background:#FF7E00;
	border:1px solid #ddd;
	padding:13px 20px;
	text-transform:uppercase;
	cursor:pointer;
	-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#df6721+0,ff7e00+100 */

background: #df6721; /* Old browsers */

background: -moz-linear-gradient(top,  #df6721 0%, #ff7e00 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #df6721 0%,#ff7e00 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #df6721 0%,#ff7e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df6721', endColorstr='#ff7e00',GradientType=0 ); /* IE6-9 */


}
.testopiccolo span{
	margin-left:10px;
}

#wrap h7{
	font-size: 14px;
    font-weight: 400;
    line-height: 1.6em;
}

#wrap h7 a{
	color:#ff7e00;
}


@media (max-width:1186px) {
.w1187{width:960px;}
.w1{width:4px;}
.h1{height:4px;}
.boxMenu a h4 {font-size:25px}
}