/*@font-face {
	font-family: "handcancelled";
	src: url("../fonts/HandCancelled-HTF-One.eot");
	src: url("../fonts/HandCancelled-HTF-One.eot?#iefix") format("embedded-opentype"),
	url("../fonts/HandCancelled-HTF-One.woff2") format("woff2"),
	url("../fonts/HandCancelled-HTF-One.woff") format("woff"),
	url("../fonts/HandCancelled-HTF-One.ttf") format("truetype"),
	url("../fonts/HandCancelled-HTF-One.svg#HandCancelled HTF-One") format("svg");
}
@font-face {
	font-family: 'handwriter';
	src: url('../fonts/HANDWRIM.eot');
	src: local('☺'), url('../fonts/HANDWRIM.woff') format('woff'), url('../fonts/HANDWRIM.ttf') format('truetype'), url('../fonts/HANDWRIM.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

html, body{
	padding:0px;
	margin:0px;
	background:#fff;
}
body{
	font-family: "Open Sans", sans-serif;
	font-size:13px;
	color:#000;
	/*background:url('../img/headerWhite.png') no-repeat;
	background-size:100%;
	background-position: center 0px;
	background-attachment: fixed;*/
}
#logo{
	overflow: hidden;
	margin-left:25px;
	margin-top:15px;
	margin-bottom:15px;
	width: 150px;
	height: 75px;
	float: left;
}
	#logo h1{
		display: none;
		visibility: hidden;
	}
	#logo span{
		cursor: pointer;
		display: block;
		background: url(../img/logo_outline_nero_sito.svg) no-repeat;
		background-position: center center;
		width: 150px;
		height: 43px;
		-webkit-transition: all .3s;
		-moz-transition:    all .3s;
		-o-transition:      all .3s;
		-ms-transition:     all .3s;
		transition:         all .3s;
	}
	#logo span:hover{
		display: block;
		background: url(../img/logo_outline_nero_sito.svg) no-repeat;
		background-position: center center;
	}
h1{

}
h2{
	font-size: 52px;
	text-shadow: 0px 0px 5px rgba(0,0,0);
	color: #ebddba;
	margin: 0px;
	margin-bottom: 30px;
}
h3{
	font-size: 30px;
	text-shadow: 0px 0px 5px rgba(0,0,0);
	color: #000;
	margin: 0px;
	margin-bottom: 10px;
}
h4{

}
p{

}
a{

}
header{
	overflow: hidden;
	width: 100%;
	min-height: 105px;
	position: fixed;
	z-index: 2;
	top:0px;
	background:transparent;
	box-shadow: none;
}
#container{
	padding-top:30px;
}
section{
	padding:50px;
	overflow: hidden;
}
section#spotify_embed{
	padding-top: 0px;
}
section .inner{
	max-width: 870px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	margin:auto;
}
nav#menu{
	width:auto;
	overflow: hidden;
	float: right;
	margin-top: 15px;
	margin-right: 50px;
}
	nav#menu ul.navigazione{
		margin:0px;
		padding: 0px;
		overflow: hidden;
		text-align: center;
		text-indent: 0px;
		list-style-type: none;
	}
	nav#menu ul.navigazione li{
		display: inline-block;
		margin-right: 15px;
	}
	nav#menu ul.navigazione li:last-child{
		margin-right: 0px;
	}
		nav#menu ul.navigazione li a{
			color: #000;
			font-size:20px;
			text-transform: uppercase;
			text-decoration: none;
			-webkit-transition: all .3s;
		    -moz-transition:    all .3s;
		    -o-transition:      all .3s;
		    -ms-transition:     all .3s;
		    transition:         all .3s;
		}
		nav#menu ul.navigazione li a:hover{
			color: #ebddba;
		}
		
section#home{
	/*background:url('../img/header.png') no-repeat;
	background-size:cover;
	background-position: center -45px;*/
	padding-top: 0px;
	color:#fff;
}

section#video.index{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom:260px;
	/*background:url('../img/header.png') no-repeat;
	background-size:cover;
	background-position: center -45px;*/
}
	.home section#video.index iframe{
		margin-top: 40px;
	}
section#live{
	/*background:#000;*/
	background-size:100%;
	overflow: hidden;
	color:#fff;
	padding-bottom: 120px;
}
section#live ul{
	list-style-type: none;
	text-indent: 0px;
	padding: 0px;
	margin:0px;
}
	section#live ul li{
		margin-bottom: 10px
	}
		section#live ul li span{
			font-size: 30px;
			text-shadow:0px 0px 5px rgba(0,0,0);
			display: inline-block;
			margin-right: 10px;
		}
		 section#live ul li span.data_live{
		 	color: #ebddba;
		 }
		 section#live ul li span.luogo_live{
		 	color: #000;	
		 	line-height: 25px;
		 }
		 section#live ul li span.citta_live{
		 	color: #000;
		 	font-size: 18px;
		 }
section#videoGinger{
	padding-top: 0px;
}
section#video iframe, section#videoGinger iframe{
	width: 100%!important;
}
section#bio{
	/*background:url('../img/foto_furgone.jpg') no-repeat;
	background-size:cover;
	background-position: center -150px;*/
	text-align:left;
}
section#bio p{
	font-size: 13px;
	color: #000;
	line-height: 20px;
}
section#bio strong{
	color:#000;
}
#footer{
	width:100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
	/*background:url('../img/img_footer2.png') no-repeat;
	background-size:80%;
	background-position: bottom left;*/
	margin-bottom: 20px;
}
#copyright{
	position: relative;
	font-size: 11px;
	text-align: center;
}
strong#copy_symbol{
	font-family: arial, sans-serif;
	display: inline-block;
	margin-right: 3px;
}

ul.social{
	list-style-type: none;
	text-indent: 0px;
	padding: 0px;
	margin:0px;
	display: inline-block;
	margin-bottom: 0px;
	padding-top: 10px;
}
ul.social li{
	display: inline-block;
	font-size: 21px;
	margin-left: 2px;
	margin-right: 2px;
}
ul.social a{
	color: #000;
	-webkit-transition: all .3s;
	-moz-transition:    all .3s;
	-o-transition:      all .3s;
	-ms-transition:     all .3s;
	transition:         all .3s;
}
ul.social a:hover{
	opacity: .7;
}
.reel{
	width: 46%;
	margin-left: 1%;
	margin-right: 1%;
	display: inline-block;
	vertical-align:top;
	overflow: hidden;
}
.reel iframe{
	border:none!important;
}
.reel ._aa4c{
	background: #000
}

@media screen and (max-width: 880px){
	#footer{
		min-height: 190px;
	}
}
@media screen and (max-width: 880px){
	#logo{
		margin-left: 21px;
	}
	#logo a{
	}
	#container{
		padding-top: 90px;
	}
	nav#menu{
		margin-top: 25px;
		margin-right: 20px;
	}
	section .inner{
		max-width: 500px;
	}
	section{
		padding: 15px;
	}
	ul.social{
		display: none;
	}
	nav#menu ul.navigazione li.noPhone{
		display: none;
	}
	nav#menu ul.navigazione li{
		font-size: 21px;
		margin-left: 3px;
		margin-right: 3px;
	}
}
@media screen and (max-width: 660px){
	.reel{
		width: 100%;
		float: none;
		margin:0%;
	}
	section{
		padding: 0px;
	}
	section#home iframe{
		margin-top:100px;
	}
	#bio p strong, #bio p span{
	}
	#bio p br{
		display: none;
	}
	section#live{
		padding-bottom: 150px;
	}
	section#live span.data_live{
		display: block;
		margin-top: 20px;
	}
	.reel{
		width: 100%;
		margin: 0px!important;
	}
}

@media screen and (min-width: 1280px){
	#footer{
		/*background:url('../img/img_footer2.png') no-repeat;
		background-size:80%;
		background-position: bottom left;*/
	}
} 
#sprangaGIF{
	position: fixed;
	z-index: 3;
	bottom:-400px;
	width:200px;
	margin-left: -100px;
	left: 50%;
	-webkit-transition: all 1s;
	-moz-transition:    all 1s;
	-o-transition:      all 1s;
	-ms-transition:     all 1s;
	transition:         all 1s;
}
#sprangaGIF img{
	width: 100%;
	height: auto;
	display: block;
}
#espelliSPRANGABottone{
	bottom: 5000px;
	z-index: 3;
	position: fixed;
	left:50%;
	color: #000;
	width: 134px;
	height: 130px;
	background:url(../img/espelliSPRANGAbottone.png);
	background-repeat: no-repeat;
	background-size:100%;
	-webkit-transition: bottom 1s ease-in, left 1s ease-in;
	-moz-transition:    bottom 1s ease-in, left 1s ease-in;
	-o-transition:      bottom 1s ease-in, left 1s ease-in;
	-ms-transition:     bottom 1s ease-in, left 1s ease-in;
	transition:         bottom 1s ease-in, left 1s ease-in;
}

#espelliSPRANGABottone span{
	cursor:pointer;
	display: block;
	width:100px;
	height:40px;
	margin-top:13px;
	margin-left:14px;
}
#espelliSPRANGA{
	width: 12500px;
	left:-13000px;
	bottom: 0px;
	height: 400px;
	z-index: 3;
	position: fixed;
	-webkit-transition: all 6s;
	-moz-transition:    all 6s;
	-o-transition:      all 6s;
	-ms-transition:     all 6s;
	transition:         all 6s;
}