@charset "utf-8";
body{
	background-color:#ffca00;
	color:#000;
	font-family: 'Open Sans', sans-serif;	
	font-size:14px;
	line-height:25px;
}
a{
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
a:hover,
a:active,
a:focus{
	color:#ffca00;
	text-decoration:none;
	border-bottom:1px dotted #ff9a00;		
}
.img-sp-dx{
	margin-right:10px;
}
.testo-arancio{
	color: #ffca00;
}
#fascia-1{
	background:url(images/sf_fascia_1_m.png) no-repeat top left;
	background-size:100%;
	height:200px;
}
#fascia-1 a{
	display:block;
	width:100%;
	height:200px;
	border-bottom:none;
}
@media only screen and (min-width : 768px) {
	#fascia-1{
		height:380px;
		background:url(images/sf_fascia_1.png) no-repeat top left;	
		background-size:100%;	
	}
	#fascia-1 a{
		height:380px;
	}
}
@media only screen and (min-width : 992px) {
	#fascia-1{
		height:500px;
	}
	#fascia-1 a{
		height:500px;
	}	
}
@media only screen and (min-width : 1200px) {
	#fascia-1{
		height:600px;
	}
	#fascia-1 a{
		height:600px;
	}	
}
#fascia-1 #contatore{
	position:absolute;
	top:360px;
	right: 30px;
	font-size:180%;
	font-weight:700;
	letter-spacing:-1px;
	text-align:right;
	line-height:45px;
}
#fascia-1 #contatore .grande{
	font-size:280%;
}
@media only screen and (max-width : 1200px) {
	#fascia-1 #contatore{
		top:260px;
	}
}
@media only screen and (max-width : 992px) {
	#fascia-1 #contatore{
		top:240px;
		font-size: 90%;
		line-height: 25px;
	}
}
#fascia-2{
	background-color:#000;
	color: #fff;
	min-height:110px;
	font-weight:300;
	text-transform:uppercase;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
#fascia-2 h1{
	font-size:290%;
	margin-top:23px;
	margin-bottom:23px;
}
@media only screen and (min-width : 768px) {
	#fascia-2 h1{
		font-size:350%;
	}
}
@media only screen and (min-width : 1200px) {
	#fascia-2 h1{
		font-size:430%;
	}
}
#fascia-3{
	margin-bottom:25px;
}
#fascia-3 .colonna-1{
	background-color:#000;
	color:#fff;
	padding-bottom:50px;	
}
#fascia-3 .colonna-1 h2{
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	font-size:280%;
	margin-bottom:0;
	margin-top:0;
	padding-top:15px;
}
#fascia-3 .colonna-1 h3{
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
	font-size:300%;
	margin-top:0;
	margin-bottom:30px;
}
@media only screen and (min-width : 768px) {
	#fascia-3 .colonna-1{
		min-height:800px;
	}
	#fascia-3 .colonna-1 h2{
		font-size:400%;
		padding-top:20px;
	}
	#fascia-3 .colonna-1 h3{
		font-size:430%;
	}	
}

#fascia-3 .colonna-1 strong{
	color:#ffca00;
}
#fascia-3 .colonna-2{
	background-color:#fff;
	color:#000;
}
@media only screen and (min-width : 768px) {
	#fascia-3 .colonna-2{
		min-height:800px;
	}
}
#fascia-3 .colonna-2 #accordion{
	margin-top:40px;
}
#fascia-3 .colonna-2 .panel{
	background-color:#fff;
	box-shadow: none;
}
#fascia-3 .colonna-2 .panel .panel-heading{
	padding-left:0;
	padding-bottom:15px;
}

#fascia-3 .colonna-2 .panel .panel-body{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:0;
	padding-top:10px;
}
#fascia-3 .colonna-2 .panel h4{
	font-weight:700;
}
#fascia-3 .colonna-2 a{
	color:#000;
	border-bottom:none;
}
#fascia-4{
	font-size:150%;
	font-weight:700;
	background-color: #000;
}
#fascia-4 a{
	color:#fff;
	border-bottom:none;
}
#fascia-4 li{
	padding-right:40px;
	padding-bottom:20px;
	padding-top: 40px;
}
#fascia-4 li:last-child{
	padding-right:0;
}

#fascia-4 .atcb-list li{
	padding-top:5px;
	padding-bottom:0;
	padding-right:5px;
	padding-left:5px;
	font-size:80%;
}
#overlay-mail{
	position:fixed;
	bottom:-400px;
	left:0;
	right:0;
	min-height:160px;
	background-color:rgba(0,0,0,0.8);
	z-index:1000;
	border:3px dashed #ffca00;
	margin:10px;
	padding:20px;
	-webkit-transition: bottom 1s;
  	transition: bottom 1s;
}
#overlay-mail h3{
	color:#ffca00;
	margin:0;
	text-transform:uppercase;
}
#overlay-mail form{
	padding-top:20px;
}
#overlay-mail form input[type="email"]{
	border:3px solid #ffca00;
	font-size:120%;
	line-height:25px;
	width:300px;
}
#overlay-mail form input[type="submit"]{
	background-color:#ffca00;
	color:#000;
	line-height:27px;
	font-size:120%;
	font-weight:bold;
	border:3px solid #ffca00;	
	text-transform:uppercase;
}
#overlay-mail .chiudi{
	position:absolute;
	right:10px;
	top:5px;
	text-align:right;	
}
#overlay-mail .chiudi a{
	color:#ffca00;
	font-size:90%;
	text-decoration:none;
	border-bottom:none;
}
.slide-up
{
    bottom: 0px !important;
}