/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FONTS */
@font-face {
	font-family: 'verlag';
	src: url('../FONTS/verlagbook.eot');
	src: local('☺'), url('../FONTS/verlagbook.ttf') format('truetype');
}

@font-face {
	font-family: 'verlag';
	src: url('../FONTS/verlagbold.eot');
	src: local('☺'), url('../FONTS/verlagbold.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: 'verlagBlack';
	src: url('../FONTS/verlagblack.eot');
	src: local('☺'), url('../FONTS/verlagblack.ttf') format('truetype');
}

@font-face {
	font-family: 'rubrik';
	src: url('../FONTS/Rubrik.eot');
	src: local('☺'), url('../FONTS/Rubrik.ttf') format('truetype');
}



/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HTML */
html 								{ scroll-behavior: smooth; }
body								{ margin: 0; padding: 0px; background-image: url(../images/bg04.jpg); background-color: #000; }
div									{ font-size: 18px; font-family: 'verlag',Helvetica,Arial,sans-serif; text-decoration: none; }
table								{ border-collapse: collapse; }
a									{ color: #999; font-size: 15px; font-family: 'verlag',Helvetica,Arial,sans-serif; text-decoration: none; }
a:hover								{ text-decoration: underline; }
img									{ border-width: 0; }
ul 									{ margin: 8px 0; }
li 									{ color: #999; font-size: 15px; font-family: 'verlag',Helvetica,Arial,sans-serif; text-decoration: none; }
h2									{ letter-spacing: 3px; }


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE */
.mainContent	 					{ opacity: 0.9; }
.mainContent > div 					{ }
.mainContent > div:hover 			{ }
.mainContent > iframe 				{ }
.mainContent > iframe:hover 		{ }

.mainHeader                         { background-color: #000; background-image: url(../images/mainHeader01.jpg); background-size: cover; background-position: center; position: relative; overflow: hidden; }
.mainHeader:hover					{ cursor: pointer; }
.mainHeader .headerVideo 			{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); object-fit: cover; z-index: -1; }
.mainHeaderInterface 				{ width: 100%; position: absolute; top: 0px; left: 0px; }
.mainHeaderInterface div 			{ width: 100%; max-width: 600px; margin: 100px auto 0 auto; }
.mainHeaderInterface div img 		{ width: 100%; }

#startListening						{ width: 100%; height: 25px; float: left; }

.fixedHeader 						{ position: fixed; z-index: 1000; background-color: #333; color: #bbb; padding: 20px 0; width: 100%; display: none; }
.fixedHeader:hover 					{ cursor: pointer; }
.fixedHeaderLeft					{ float: left; text-align: left; padding: 5px 0 0 20px; font-size: 14px; letter-spacing: 5px; height: 25px; }
.fixedHeaderRight					{ text-align: right; padding: 0 20px 0 0; height: 25px; }
.langSwitcher a 					{ color: #aaa; text-decoration: none; font-size: 12px; }


.loader 							{ position: absolute; width: 100vw; height: 100vw; top: 0; left: 0; }
.loader div 						{ text-align: center; }
.loader > div 						{ color: #fff; font-size: 15px; letter-spacing: 5px; margin: 100px 0 0 0; }

.block 								{ float: left; border: none; }
.blockBig 							{ float: left; border: none; }
.blockLarge 						{ float: left; border: none; }
.blockSuperLarge 					{ float: left; border: none; }
.blockHeight 						{ float: left; border: none; }
.blockFree	 						{ float: left; border: none; width: 100%; background-color: #000; }

.clearBoth 							{ clear: both; }
.overflowHidden						{ overflow: hidden; }
.cursorPointer						{ }
.cursorPointer:hover				{ cursor: pointer; }

.footer 							{ }

.blockImg 							{ width: 100%; }

.textXL       				        { font-size: 15px; color: #bbb; letter-spacing: 3px; padding: 0 0 0 20px; }
.textXXL      				        { font-size: 16px; color: #bbb; letter-spacing: 4px; padding: 0 0 0 20px; }
.textXXXL     				        { font-size: 35px; color: #bbb; letter-spacing: 4px; padding: 0 0 0 20px; }
.textXXXXL    				        { font-size: 60px; color: #bbb; letter-spacing: 4px; padding: 0 0 0 20px; }

.headerVideo 						{ width: 100%; }
.headerImage 						{ width: 100%; }

#player								{ position: fixed; bottom: 0px; width: 100%; background-color: #000; opacity: 0.75; display: none; }
#player #listenStreamBlock			{ width: 100%; margin: 0 auto; }
#player .subBlock2 					{ width: 100%; padding: 20px 0 10px 0; margin: 0 0 0 0; background-color: #111; }
#player .title						{ font-size: 28px; letter-spacing: 3px; color: #fff; padding: 0 0 0 20px; }
#player .subTitle					{ font-size: 15px; letter-spacing: 3px; color: #fff; padding: 10px 0 0 20px; }

.linkBlock 							{ }
.linkBlock img 						{ width: 100%; }

#credits							{ font-size: 9px; color: #bbb; margin: 25px 0 175px 0; text-align: center; padding: 30px; background-color: #000; }

.textThanks    				        { font-size: 18px; color: #bbb; letter-spacing: 4px; padding: 0; }

.streamingIcons 					{ background-color: #000; }
.streamLinksText 					{ padding-top: 20px; text-align: center; width: 130%; }
.streamLinksText .textXXL 			{ color: #bbb; }
.streamLinksText:hover 				{ cursor: pointer; }

.icones	 							{ width: 62px; height: 62px; padding: 0 0 0 0; margin: 8px 0 0 8px; float: left; }
.icones:hover	 					{ cursor: pointer; }

#bandcampIcone						{ background-image: url(../images/socialNetworkIcones01-bandcamp.png); }
#spotifyIcone						{ background-image: url(../images/socialNetworkIcones01-spotify.png); }
#appleIcone							{ background-image: url(../images/socialNetworkIcones01-apple.png); }
#newsletterIcone					{ background-image: url(../images/socialNetworkIcones01-substack.png); }
#deezerIcone						{ background-image: url(../images/socialNetworkIcones01-deezer.png); }
#youtubemusicIcone					{ background-image: url(../images/socialNetworkIcones01-youtubemusic.png); }
#soundcloudIcone					{ background-image: url(../images/socialNetworkIcones01-soundcloud.png); }
#facebookIcone						{ background-image: url(../images/socialNetworkIcones01-fb.png); }
#mastodonIcone						{ background-image: url(../images/socialNetworkIcones01-mastodon.png); }
#twitterIcone						{ background-image: url(../images/socialNetworkIcones01-twitter.png); }
#youtubeIcone						{ background-image: url(../images/socialNetworkIcones01-youtube.png); }
#myspaceIcone						{ background-image: url(../images/socialNetworkIcones01-myspace.png); }
#instagramIcone						{ background-image: url(../images/socialNetworkIcones01-instagram.png); }
#tiktokIcone						{ background-image: url(../images/socialNetworkIcones01-tiktok.png); }
#amazonIcone						{ background-image: url(../images/socialNetworkIcones01-amazon.png); }
#mailIcone							{ background-image: url(../images/socialNetworkIcones01-mail.png); }
#jangoIcone							{ background-image: url(../images/socialNetworkIcones01-jango.png); }
#tidalIcone							{ background-image: url(../images/socialNetworkIcones01-tidal.png); }

.photoBlock 						{ }
.photoBlock img 					{ width: 100%; }

.textBlock 							{ background-color: #000; overflow: auto; }
.title								{ font-size: 36px; letter-spacing: 10px; color: #bbb; padding: 70px 20px 50px 20px; border-left: solid #222 20px; }
.subTitle							{ font-size: 15px; letter-spacing: 3px; color: #999; padding: 10px 20px 20px 20px; }
.title .subTitle 					{ padding: 10px 0 0 0; }
.regularText                        { color: #666; font-size: 15px; font-family: 'verlag',Helvetica,Arial,sans-serif; text-decoration: none; padding: 20px; }

.textPhoto 							{ float: left; width: 25%; margin: 0 20px 20px 20px; }

.mobile2cols						{ }
.mobile2rows						{ }
.mobile4cols						{ }
.mobile4rows						{ }

.vertAlign 							{ display: flex; align-items: center; }
.horizAlign							{ justify-content: center; }
.horizAlignMobile					{ }

.spinner 							{ width: 56px; height: 56px; margin: 40px auto; border-radius: 50%; background: #bbb; -webkit-mask: radial-gradient(circle closest-side at 50% 40%,#0000 94%, #000); transform-origin: 50% 40%; animation: spinner-pl92zb 1s infinite linear; }
@keyframes spinner-pl92zb 			{ 100% { transform: rotate(1turn); } }

.reveal 							{ opacity: 0; transform: translateY(40px); transition: opacity 1s ease, transform 1s ease; }
.reveal.visible 					{ opacity: 1; transform: translateY(0); } 

.subscribeButton                    { background-color: #333; border: none; padding: 10px; border-radius: 10px; font-size: 20px; color: #bbb; cursor: pointer; }



@media screen and (max-width: 1070px) {
	
}

@media screen and (max-width: 700px) {
	.mainHeaderInterface			{ margin: 50px 0 0 0; }
	.title							{ font-size: 26px; letter-spacing: 8px; }
	.icones	 						{ width: 40px; height: 40px; background-size: 40px 40px; }
	.horizAlignMobile				{ justify-content: center; }
	.textThanks						{ font-size: 12px; }
}