html{
	scroll-behavior: smooth;
}
*{
	box-sizing: border-box;
}
body{
	color:#fff;
	text-align: center;
	font:80%/1.6em 'Montserrat', Arial, sans-serif;
	padding:0;
	margin:0;
	padding-top:65vw;
	scroll-behavior: smooth;
}

body,
.titleBoW h2 div span:nth-child(2){
	/*background: radial-gradient(ellipse at center, rgb(70,10,10) 0%,rgb(0,0,0) 100%) fixed;*/
	background:#000 url(/images/mainIllu_v2026.jpg) no-repeat 50% 50% fixed;
	background-size: cover;
}


body.header_small{
	padding-top:180px;
}
body.header_hidden{
	padding-top:0px;
}
a{
	color:#fff;
}
a.anchor{
	display: block;
	height:80px;
	margin-top: -80px;
}
.a11y{
	display: block;
	overflow: hidden;
	text-indent: -3000em;
	position: absolute;
	top:0;
	left:0;
	height: 0;
}


header{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);

    transition: background-color 0.4s ease-out,color 0.4s ease-in-out;
    z-index: 20;
}
header.tooHigh{
	background-color: rgba(255,255,255,1);
	color:#000;
}
header h1{
	background-color:#fff;
}
h1{
	margin:0;
	padding:0;
}
h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2.2em;
	line-height: 1.0em;
	font-weight: 300;
}
#logo{
	width:100vw;
	max-width: 1280px;
	margin:0 auto;
	background: #fff;
	overflow: hidden;
	position: relative;
	transition: margin-top 0.4s ease-in-out;
}
#header::before{
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	bottom:0;
	left: 0;
    z-index: 0;
    opacity: 1;
	transition: opacity 0.4s ease-in-out;
}
@media screen and (min-width:1200px){
	#header::before{
		background-size: 720px;
	}
} 
#header.tooHigh::before{
    opacity: 0;
}
#logo svg,
#logo svg path{
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

#logo svg{
	display: inline-block;
	width:85%;
	height:100%;
	margin-top:48vh;
	margin-bottom:50vh;
	animation-name: intro_logo_space;
}
@keyframes intro_logo_space {
  0% {
		margin-top:48vh;
		margin-bottom:50vh;
	}
  75% {
		margin-top:48vh;
		margin-bottom:50vh;
	}
  100% {
		margin-top:3.5em;
		margin-bottom:3.5em;
  }
}

#logo svg path{
	stroke: #000;
	animation-name: intro_logo;
}

@keyframes intro_logo {
  0% {
		fill-opacity: 0;
		stroke-width: 0.8px;
		stroke-dasharray: 0 40;
		stroke-dashoffset: 0;
	}
  40% {
		fill-opacity: 0;
		stroke-width: 0.4px;
  }
  70% {
		fill-opacity: 1;
		stroke-width: 0;
		stroke-dasharray: 150 60;
		stroke-dashoffset: 30;
  }
  100% {
		fill-opacity: 1;
		stroke-width: 0;
  }
}

.header_small #logo,
.header_small #logo svg{
	max-width: 150px;
	max-height: 150px;
}

.mini #logo{
	margin-top:-300px;
}

.follow{
	position: relative;
	z-index: 5;
	background: #fff;
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s ease-in-out;
}
.tooHigh .follow{
	max-height: 60px;
}
.follow ul{
	padding:0;
	margin:0;
}
.follow li{
	display: inline-block;
	height:32px;
	width:32px;
	margin:1em;
}
.follow li a{
	color:#fff;
	display: inline-block;
	height:32px;
	width:32px;

	transition: opacity 0.3s ease-in-out,color 1s ease-in-out;
}
.tooHigh .follow li a{
	color:#000;
	display: inline-block;
	height:32px;
	width:32px;

	transition: opacity 0.3s ease-in-out,color 1s ease-in-out;
}
.follow svg{
	height:32px;
	width:32px;
}

.follow:hover a{
	opacity:0.5;
}
.follow:hover a:hover{
	opacity:1;
}

#gradientShadow{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:55rem;
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 65%,rgba(0,0,0,0) 100%);
}

.intro{
	box-sizing: border-box;
	font-family: 'Roboto Condensed';
	font-size: 125%;
	font-style: italic;
	line-height: 150%;
	position: relative;
}
.intro .board3D{
	margin:0 auto 7em;
	max-width:100%;
	width: 750px;
	padding:1em 3em;
	border-radius: 1em;
	background: #00202E99;
	backdrop-filter: blur(20px) saturate(60%);
	box-shadow: 0 12px 34px #71CFFF89;
}

@media (max-width:520px){
	.intro{
		padding:1em 1.5em;
	}
}

.intro .makeitbig{
	font-size:150%;
	font-weight:bold;
	font-family: 'Indie Flower', cursive;
}
.intro .greetings::after{
	content:" ";
	display: inline-block;
	width: 6em;
	height: 6em;
	background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 377.96 280.48'%3E%3Cpath d='M372.73,166.11c-57.91-16.91-119.79-18.41-179.37-10.7-42.33,5.13-85,11.27-125.4,25.33C87,122.2,108.07,62.11,109.17,0c-1.79,30.88-11.81,60.7-20,90.35-8.43,31.41-17.94,62.56-28.76,93.23-17.76,7-35.66,16.06-48.08,31.12C.56,230.94-4,254.51,4.12,273.23c22.25,35.55,54.75-70.33,61.17-84.91,41.27-15.22,85.28-21.45,128.79-26.76a488.66,488.66,0,0,1,92.23-3.72c26.95.69,54.13,2.12,80.66,7.27,3.59.86,7.73,1.73,11,3.54A26.6,26.6,0,0,0,372.73,166.11Zm-327,56.22c-6.54,13.71-17.52,45.9-31,52-12.35-3.73-8.43-31.77-5-41.37,6.78-21.57,28.45-33.08,47.95-41.6C53.85,201.78,49.91,212.11,45.71,222.33Zm68-62.51c-5.65-7.88,2.58-20,4.27-28.14,3.08-7.89,5-20.14,11.11-26.31,1.27,8.57-4.5,19.62-6.7,27.77C120,141.06,115.91,152,113.72,159.82Zm18.33-73c-1.24-1.89,0-5.51,2.52-4.21a1.1,1.1,0,0,1,.71,1.35c-1,.52-.06,1.53.66,1.75a1.09,1.09,0,0,0-.09-1.5c2.21.27,6.33,1.65,3.12,4.3a1.8,1.8,0,0,0-2.06.75C135.25,88.7,133.1,88.6,132.05,86.77Zm5.47,57.68c10.62,23.09,35-3.38,40.57-17.3-1.45,6.39-4.11,20,6.69,18.33,14.61-6.26,15.59-37.17,34.12-36.28-1.81,9.82-8.49,24.48-11.49,34.23-1,2.76,3.29,4.41,4.34,1.63,3.16-9.53,8.35-17.33,13.67-25.46,1.93-3.77,7.24-10.07,10.13-3.84.8,9.25-6.38,17.2-9.77,25.58,2.91,14.89,15.34-25.38,22-23.43,4.31,6.87-6.15,22.22,5.59,25.55-9.6-4.05-1.74-16.1-2-23.61,0-7.39-8.21-5.1-11-.83.86-13.41-13.64-13.26-18.38-2.62,7-15.28-9.85-14.61-17.21-6-8.54,8.68-11.48,21.41-19.86,29.95-5.45,3.19-3.31-6.47-2.8-9.14.15-6,6.4-21.34,1.42-26.47-2.93-3.63-15.7-3.19-14.54,2.81,2.3,4.41,9.45-5.41,9.24,6.08-2.86,12.07-17.35,39.43-32.54,34.11-14.3-11.73,6.56-35.31,18.41-41.73C150.17,112.49,134.29,127.48,137.52,144.45Zm81.57-35.22h0S219.1,109.24,219.09,109.23Zm-.22-.2h0S218.86,109,218.87,109Z' style='fill:rgb(255,255,255)'/%3E%3C/svg%3E") no-repeat 50% 50%;
}


hr{
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.5);
	color:rgba(0,0,0,0);
	height:1;
	margin:1em 0;
}

.videoEmbed{
	margin-bottom: 2em;
	border-top: solid 1px rgba(255,255,255,0.3);
	border-bottom: solid 1px rgba(255,255,255,0.3);
}
.videoEmbed iframe{
	width: 80vw;
	height: 45vw;
	max-width: 120vh;
	max-height: 60vh;
	display: block;
	margin: 0 auto;
}
.soundcloudEmbed{
	margin-bottom: 2em;
	border-top: solid 1px rgba(255,255,255,0.3);
	border-bottom: solid 1px rgba(255,255,255,0.3);
}
.soundcloudEmbed iframe{
	width: 100%;
	height: 400px;
	max-height: 50vh;
	display: block;
	margin: 0 auto;
}
.soundcloudEmbed h2{
	font-weight: 500;
	font-size: 400%;
	margin-bottom: 0px;
	text-align: left;
}
.soundcloudEmbed h2 small{
	font-weight: 200;
	font-size: 50%;
}

.embedArea{
	max-width: 980px;
	margin:0 auto;
}
.listHomepage .embedArea{
	width: 100%;
	max-width: 100%;
	margin:0;
}
.listHomepage .embedArea .container{
	margin:-8em 0 16em;
	background: linear-gradient(to bottom,#fff,#ffffff99);
	backdrop-filter: saturate(0%) blur(15px);
	border-bottom: solid 4px #fff;
	box-shadow: 0 32px 24px #00000099;
}
.listHomepage .embedArea.isBlack .container{
	background: linear-gradient(to bottom,#333,#33333399);
}
.listHomepage .embedArea .albumPromo{
	background:#fff;
	color:#000;
	clip-path: polygon(0 100%, 100% calc(100% - 40px), 100% 0, 0% 0%);
}
.listHomepage .embedArea.isBlack .albumPromo{
	background:#333;
	color:#fff;
}
.embedArea.standalone .albumPromo{
	position: relative;
	z-index: 5;
}
.embedArea.standalone h1{
	text-align: center;
	font-weight: 100;
	line-height: 1.3em;
	text-transform: uppercase;
	font-family: "Roboto Condensed";
}
.embedArea.standalone span{
	display: block;
	font-size: 0.9em;
}
.embedArea.standalone span .by{
	font-size: 0.5em;
	margin-left:-1.3em;
}
.embedArea.standalone span:nth-child(1){
	font-weight: 700;
	font-size: 1.7em;
}
.embedArea.standalone span:nth-child(1) small{
	font-weight: 100;
	font-size: 0.8em;
}

.embedArea.standalone .container{
	border:solid 1px rgba(255,255,255,0.5);
	background: rgba(100,0,0,0.1);
	margin: 2em;
	border-radius: 0.5em;
}
.embedArea .albumPromo{
	display: flex;
	justify-content:center;
	flex-direction:row;
	flex-wrap: wrap;
	align-items:flex-start;
	gap:1rem;
}
.embedArea .albumPromo .albumVisu,
.embedArea .albumPromo .albumDetails{
	flex-grow: 1;
	flex-basis: 49%;
	min-width: 380px;
	max-width: 640px;
}

.embedArea .albumPromo .albumVisu{
	
}
.embedArea .albumPromo .albumVisu img{
	width: 100%;
	max-width: 640px;
	box-shadow: 0 2px 16px rgba(0,0,0,1);
	margin-top: 2rem;
}
.embedArea .albumPromo .albumDetails{
	padding: 0 4em 8em;
}
.embedArea.standalone .albumPromo .albumDetails{
	padding: 4em 4em 0;
}
.embedArea .albumPromo .albumDetails p{
	margin: 1em auto 0;
	max-width: 640px;
	text-align: justify;
}
@media screen and (max-width: 600px){
	.embedArea .container{
		margin: 16px;
	}
	.embedArea .albumPromo .albumVisu,
	.embedArea .albumPromo .albumDetails{
		flex-grow: 1;
		flex-basis: 100%;
		min-width: 0;
	}
	.embedArea .albumPromo .albumDetails{
		padding-left: 24px;
		padding-right: 24px;
	}
}
.embedArea.standalone .container{
	position: relative;
	overflow: hidden;
	background: #00000099;
	backdrop-filter: saturate(0%) blur(15px);
}
.embedArea.standalone .container:before{
	content: " ";
	position: absolute;
	display: block;
	width:100%;
	height:60%;
	background: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	clip-path: polygon(0 60%, 100% 40%, 100% 0%, 0% 0%);
}


.closeLink{
	font-family: Arial;
	text-decoration: none;
	font-size: 92px;
	display: inline-block;
	width:48px;
	height: 48px;
	overflow: hidden;
	line-height: 48px;
	transform: rotate(-45deg);
	position: absolute;
	z-index: 30;
	top: 12px;
	right: 12px;
}
.previewBTN{
	display: inline-block;
	width: 242px;
	height:48px;
	margin:8px 8px 0;
	padding:12px 12px 0;
	background:rgba(0,0,0,0.4);
	text-align: center;
	border-radius: 4px;
	border-bottom:solid 1px rgba(255,255,255,0.1);
	transition: background 0.3s ease-in-out;
	font-family: "Roboto Condensed";
  font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
}
.isPlaying.previewBTN .play{
	display: none;
}
.previewBTN .play,
.isPlaying.previewBTN .stop{
	display: inline-block;
}
.previewBTN .stop{
	display: none;
	position: relative;
	font-weight: 600;
	color: #f99;
	padding-left: 20px;
	transition: color ease-in-out 0.2s;
}
.previewBTN .stop::before{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #f99;
	position: absolute;
	top:6px;
	left:0px;
	transition: background-color ease-in-out 0.2s;
}
.previewBTN:hover .stop{
	color: #c00;
}
.previewBTN:hover .stop::before{
	background-color: #c00;
}
.previewBTN:hover{
	background:#fff;
	color:#000;
}
.storeLinks{
	text-align: center;
}
.storeLinks.nowavailable a{
	font-weight: bold;
}
.storeLinks.nowavailable a:hover{
	color:#fcd254;
}
.storeLinks a.icon,
.storeLinks a.others{
	display: inline-block;
	width: 113px;
	height:48px;
	margin:8px;
	padding:0 12px;
	background:rgba(0,0,0,0.4);
	white-space: nowrap;
	text-align: center;
	font-size: 12px;
	border-radius: 4px;
	border-bottom:solid 1px rgba(255,255,255,0.1);
	transition: background 0.3s ease-in-out;
}
.standalone .storeLinks .storeLinksCnt{
	display: inline-flex;
	padding: 1em 0;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
}
.standalone .storeLinks a.icon,
.standalone .storeLinks a.others{
	margin:12px 24px;
}
.embedArea .storeLinks a.others span{
	display: inline-block;
	padding: 10px 0 0;
	height:48px;
	width:100%;
	font-size: 1.2em;
	color:#fcd254;
}
.embedArea .storeLinks a.others:hover span{
	color:#000;
}
.storeLinks a svg{
	height:48px;
	width:100%;
}
.storeLinks a svg path,
.storeLinks a svg polygon,
.storeLinks a svg ellipse{
	fill:#fff;
	transition: fill 0.3s ease-in-out;
}
.storeLinks a svg.ytmusic ellipse{
	fill:red;
}
.storeLinks a.icon:hover,
.storeLinks a.others:hover{
	background:rgba(255,255,255,0.9);
}
.storeLinks a.icon:hover svg path,
.storeLinks a.icon:hover svg polygon{
	fill:#000;
}
.storeLinks a svg.ytmusic #triangle{
	fill:#fff;
}
.storeLinks a svg .g1{fill:#EF4A23 !important;}
.storeLinks a svg .g2{fill:#F58B1F !important;}
.storeLinks a svg .g3{fill:#F9F9F9 !important;}
.storeLinks a svg .g4{fill:#FFD017 !important;}
.storeLinks a svg .d0{fill:#ACD3E4 !important;}
.storeLinks a svg .d1{fill:#E3A0C7 !important;}
.storeLinks a svg .d2{fill:#EB312B !important;}
.storeLinks a svg .d3{fill:#BAD532 !important;}
.storeLinks a svg .d4{fill:#F08E7A !important;}
.storeLinks a svg .d5{fill:#FBDC00 !important;}
.storeLinks a svg .d7{fill:#30B5E4 !important;}
.storeLinks a svg .d8{fill:#D63694 !important;}
.storeLinks a svg .d9{fill:#DCDE7F !important;}

.embedArea .albumPromo .albumDetails iframe{
	width: 100%;
}
.embedArea .SCplayers{
	display: flex;
	justify-content:center;
	flex-direction:row;
	flex-wrap: wrap;
	align-items:flex-start;
	padding:3.5em 0 4.5em;
	max-width: 1480px;
	margin: 0 auto;
}
.embedArea.standalone .SCplayers{
	padding-top:0;
}
.embedArea .SCplayers .emptySet{
	color: #ddae22;
	font-size: 2em;
	font-weight: 600;
	margin:1em 0 2em;
	background: #222;
	border-radius: 0.8em;
	padding:1.2em 3em 1.5em;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.embedArea .SCplayers .trackBreak{
	flex-basis: 100%;
	height: 0;
}
.embedArea .SCplayers .track{
	position: relative;
	flex-grow: 1;
	margin:3em;
	flex-basis: 40%;
	min-width: 260px;
	max-width: 260px;
	background: rgba(0,0,0,0.4);
	box-shadow: 0 6px 16px rgba(0,0,0,0.4);
}
.embedArea .SCplayers .track.biggerTrack{
	max-width: 606px;
	box-shadow: 0 6px 26px rgba(0,0,0,0.6);
}
.embedArea .SCplayers .track.outsoon{
	flex-basis: 100%;
	box-shadow: 0 6px 18px rgba(0,0,0,0.8);
}
.embedArea .SCplayers .track.brandnew{
	box-shadow: 0 4px 16px rgba(255,100,100,0.8);	
}

.embedArea .SCplayers .track h3{
	width:100%;
	margin: 0;
	padding: 0;
	font-family:"Roboto Condensed";
	font-weight:500;
	font-size: 1.4em;
	background: #292929;
}
.embedArea .SCplayers .track h3 a{
	width:100%;
	padding:12px 16px 12px;
	display: block;
	color:#fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}
.embedArea.standalone .SCplayers .track{
	max-width: 640px;
	box-shadow: 0 6px 8px rgba(0,0,0,0.25);	
}
.embedArea .SCplayers .track .stickerSoon,
.embedArea .SCplayers .track .stickerNew{
	position: absolute;
	font-size: 150%;
	top:1em;
	right:-1.5em;
	width: 4em;
	height: 4em;
	line-height: calc(4em - 2px);
	text-align: center;
	border-radius: 100%;
	background-color: rgb(120,0,90);
	z-index: 2;
	transform: rotate(12deg);
	border:solid 2px #fff;
	box-shadow: 0 3px 9px rgba(0,0,0,0.4);
}
.embedArea .SCplayers .track .stickerSoon{
	background-color: rgb(120,90,0);
	font-size: 1.5em;
}
.embedArea .SCplayers .track .stickerNew{
	animation-name: glow_now;
  	animation-duration: 4s;
  	animation-iteration-count: infinite;
  	animation-timing-function: ease-in-out;
}

.embedArea .SCplayers .track .nowavailable{
	font-size: 120%;
	font-style: italic;
	padding: 1.5em 0;
	clear:both;
	animation-name: glow_now;
  	animation-duration: 4s;
  	animation-iteration-count: infinite;
  	animation-timing-function: ease-in-out;
}

@keyframes glow_now {
  0% {
  	background-color: rgba(150,0,30,1);
  }
  50% {
  	background-color: rgba(60,60,60,1);
  }
  100% {
  	background-color: rgba(150,0,30,1);
  }
}

.embedArea .SCplayers .track .soonavailable{
	font-size: 120%;
	font-style: italic;
	padding: 1.5em 0;
	clear:both;
 	background-color: rgba(120,90,0,1);
}


.embedArea .SCplayers .track .isrc{
	font-size: 85%;
	color:rgba(255,255,255,0.5);
	padding: 1.0em 0;
	border-top: solid 1px #444;
}

.embedArea .SCplayers .track .video_container{
	width:100%;
	padding-top: 100%;
	position: relative;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	position: relative;
	z-index: 1;
	background: #000;
}
.embedArea.standalone .SCplayers .track .video_container{
	border:solid 1px #00000077;
	box-shadow: 0 4px 16px #ffffff99;
}
.trackpage .embedArea .SCplayers .track .video_container::after{
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	content: " ";
	background: rgba(0,0,0,0) no-repeat 50% 50%;
	/*background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M58,8H6a6,6,0,0,0-6,6V50a6,6,0,0,0,6,6H58a6,6,0,0,0,6-6V14A6,6,0,0,0,58,8ZM42.22,33.52,27.85,43.1A1.83,1.83,0,0,1,25,41.58V22.42a1.83,1.83,0,0,1,2.85-1.52l14.37,9.58A1.83,1.83,0,0,1,42.22,33.52Z' style='fill:rgb(255,255,255)'/%3E%3C/svg%3E");*/
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='88' height='88' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88'%3E   %3Cdefs%3E   %3Cfilter id='f1' x='-50%' y='-50%' width='200%' height='200%'%3E   %3CfeOffset result='offOut' in='SourceAlpha' dx='0' dy='4'/%3E   %3CfeGaussianBlur result='blurOut' in='offOut' stdDeviation='6'/%3E   %3CfeBlend in='SourceGraphic' in2='blurOut' mode='normal'/%3E   %3C/filter%3E %3C/defs%3E   %3Cpath filter='url(%23f1)' transform='translate(16,16)' d='M58,8H6a6,6,0,0,0-6,6V50a6,6,0,0,0,6,6H58a6,6,0,0,0,6-6V14A6,6,0,0,0,58,8ZM42.22,33.52,27.85,43.1A1.83,1.83,0,0,1,25,41.58V22.42a1.83,1.83,0,0,1,2.85-1.52l14.37,9.58A1.83,1.83,0,0,1,42.22,33.52Z' style='fill:rgba(255,255,255,0.3)'/%3E%3C/svg%3E");
	z-index: 3;
	transition: background-color ease-in-out 0.2s;
}
.trackpage .embedArea .SCplayers .track .video_container:hover::after{
	background-color: rgba(0,0,0,0.5);
}
.embedArea .SCplayers .track .video_container .visu{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
.embedArea .SCplayers .track.outsoon .video_container .visu{
	/*filter: grayscale(100%) contrast(50%);*/
}
.embedArea .SCplayers .track .video_container video{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 4;
}
.embedArea .SCplayers .track iframe{
	bottom: 0;
	right: 0;
	height: 95px;
	max-width: 250px;
	width: 100%;
	position: relative;
	z-index: 0;
}
.embedArea .SCplayers .track .album{
	padding: 1.5em 2.2em 2em;
	line-height: 1.8em;
	font-weight: 200;
	text-align: center;
	border-top: solid 1px #444;
}
.embedArea .SCplayers .track .trackPres{
	padding: 1.5em 2.2em 2em;
	line-height: 1.8em;
	font-weight: 200;
	text-align: justify;
	border-top: solid 1px #444;
}
.embedArea .SCplayers .track .youtubeEmbed .content iframe{
	max-width: 100%;
	height: 315px;
	border:solid 1px #222;
	box-shadow: 0 2px 18px rgba(195,205,255,0.3);
}

.embedArea .SCplayers .track .youtubeEmbed{
	border-top: solid 1px #444;
	padding-top: 1em;
	padding-bottom: 3em;
}


.backLink{
	margin:2em 2em -6em;
	padding:2em 2em 7em;
	background: #00000099;
	backdrop-filter: saturate(0%) blur(15px);
	border: solid 1px rgba(255,255,255,0.5);
	border-radius: 0.5em;
}
.backLink p{
	font-size: 1.4em;
	font-style: italic;
	color:#aaa;
}
.backLink p a{
	font-weight: 700;
	white-space: nowrap;
}


.SCplayers .isrc{
	position: relative;
}
.SCplayers .shareArea{
	border-bottom: solid 1px #444;
	margin-bottom: 16px;
}
.SCplayers a.shareButton{
	display: inline-block;
	color:#dcbe64;
	position: relative;
	padding: 0 24px 0 56px;
	line-height: 44px;
	background: #000;
	border:solid 2px #dcbe64;
	border-radius: 4px;
	margin: 24px 0;
	box-shadow: 0 5px 12px rgba(0,0,0,1);
}
.SCplayers a.shareButton svg{
	position: absolute;
	top:6px;
	left:12px;
	width:32px;
	height:32px;
	color: #dcbe64;
}

.lyrics{
	border-top: solid 1px #444;
}
.lyrics .content pre{
	font-family: 'Indie Flower', cursive;
	font-size: 1.2em;
	white-space: pre-wrap;
}
.credits,
.copyright{
	color:#ccc;
	font-size: 0.8em;
	font-style: italic;
}


#footerNav{
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	width:100vw;
	height:3.5em;
	background: rgba(255,255,255,0.9);
	border-top: solid 1px rgba(0,0,0,0.5);
	box-shadow: 0 0 12px rgba(0,0,0,0.6);
}
#footerNav ul{
	padding: 0;
	margin: 8px 0 0;
	display: block;
	text-align: center;
}
#footerNav ul li{
	padding: 0;
	margin: 0 0.5em;
	display: inline-block;
}
#footerNav ul li a{
	padding: 4px 8px;
	font-size: 1em;
	background: #000;
	border-radius: 4px;
	text-decoration: none;
	color:#fff;
	width:4em;
	display: inline-block;
	font-weight: bold;
	transition: opacity 0.3s ease-in-out;
}
#footerNav ul li a svg{
	height: 1.8em;
	width: 1.8em;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.2em;
}
#footerNav ul li a span:not(.icon){
	display: none;
}
@media screen and (min-width:600px){
	#footerNav ul li a{
		width:10em;
	}
	#footerNav ul li a span:not(.icon){
		color:#cecece;
		display: inline-block;
		line-height: 1.8em;
		padding-left: 8px;
	}
}
#footerNav ul:hover li a{
	opacity: 0.5;
}
#footerNav ul:hover li a:hover{
	opacity: 1;
}

footer{
	padding:6em 0 7em;
	font-size: 90%;
	color:#747474;
	background:#fff;
	clip-path: polygon(0 5em, 100% 0%, 100% 100%, 0% 100%);
}

footer .follow{
	max-height: 120px;
	margin-bottom: 24px;
}
footer .follow a{
	color:#333;
}


@media screen and (min-width:600px){
	body{
		padding-top:340px;
		font-size: 90%;
	}
	#bg svg{
		width:100vw;
		height:100vh;
		margin-left: 0;
	}
}


a.listAnchor,
a.navAnchor{
    margin-top: -96px;
    padding-top: 96px;
    display: block;
    width: 1px;
    visibility: hidden;
}







.titleBoW h2{
	background: #fff;
	font-size: 4.5em;
	min-height: 1.4em;
	margin: 1em 0 -1px 0;
	text-transform: uppercase;
	font-weight: 300;
}
.isBlack .titleBoW h2{
	background: #333;
}
.titleBoW h2 div{
	position: relative;
	filter: drop-shadow(0px 6px 3px rgba(0,0,0,0.5));
}
.titleBoW h2 div span:nth-child(1){
	color:#000;
}
.isBlack .titleBoW h2 div span:nth-child(1){
	color:#ccc;
}
.titleBoW h2 div span:nth-child(2){
	position: absolute;
	top: -1px;
	padding-top: 1px;
	left: 0;
	width: 100%;
	min-height: 1.2em;
	clip-path: polygon(0 1.2em, 100% 1px, 100% 0, 0% 0%);
	text-shadow: 0 2px 8px #000;
}


.events .content{
	color:#000;
	background:#fff;
	clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 5em), 0% 100%);
	padding:1em 0 5em;
}
.events .content .follow{
	max-height: 200px;
}
.events .content .follow a{
	color:#333;
}

.liveSessions{
	margin-bottom: 4em;
	border-bottom: solid 4px #782626;
	box-shadow: 0 32px 24px #00000099;
}
.liveSessions .content{
	color:#fff;
	backdrop-filter: saturate(0%) blur(15px);
	background:linear-gradient(to bottom,#4d0000ff,#4d000099);
	padding:1em 0 2em;
}
.liveSessions.isBlack .titleBoW h2{
	background:#4d0000;
}
.liveSessions .reponsiveYoutubeIfr{
	margin:2em auto 6em;
}
.liveSessions .reponsiveYoutubeIfr .container{
	box-shadow: 0 6px 26px rgba(0,0,0,0.6);
}
.liveSessions h3{
	font-family: "Roboto Condensed";
  font-weight: 500;
  font-size: 4.0em;
  padding:0;
  margin: 0 0 8px;
  text-align: right;
  text-transform: uppercase;
}


.remixes{
	margin-bottom: 4em;
	border-bottom: solid 4px #374D90;
	box-shadow: 0 32px 24px #00000099;
}
.remixes .content{
	color:#fff;
	backdrop-filter: saturate(0%) blur(15px);
	background:linear-gradient(to bottom,#0b0e2dff,#0b0e2d99);
	padding:1em 0 2em;
}
.remixes.isBlack .titleBoW h2{
	background:#0b0e2d;
}
.remixes .content{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.remixes .reponsiveYoutubeIfr{
	margin: 3em;
	flex-basis: 40%;
	flex-grow: 1;
	min-width: 260px;
	max-width: 606px;
}
.remixes .reponsiveYoutubeIfr .container{
	box-shadow: 0 6px 26px rgba(0,0,0,0.6);
}
.remixes h3{
	font-family: "Roboto Condensed";
  padding:0;
  margin: 0 0 -2px;
  text-align: right;
  text-transform: uppercase;
}
.remixes h3 span{
	display: block;
}
.remixes h3 span:nth-child(1){
	font-size: 3.0em;
	line-height: 1.0em;
	font-weight: 600;
}
.remixes h3 span:nth-child(2){
	font-size: 2.0em;
	line-height: 0.7em;
	font-weight: 500;
}
.remixes h3 span:nth-child(3){
	font-size: 1.0em;
	line-height: 2em;
	font-weight: 300;
}


.playlists{
	margin-top: 8em;
}

.playlists .playlist{
	color:#000;
	background:#fff;
	clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 5em), 0% 100%);
	padding:1em 0 5em;
}
.playlists .playlist+.playlist{
	margin-top:-4.0em;
	clip-path: polygon(0 5em, 100% 0%, 100% calc(100% - 5em), 0% 100%);
	padding-top: 5.0em;
}
.playlists .playlist h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
	line-height: 1.0em;
	font-weight: 500;
	padding:0 1em;
	margin: 1em 0 -0.3em;
}
.playlists .playlist p{
	padding:0 1em;
}
.playlists .playlist .externalLink{
	margin-bottom: 2em;
}
.playlists .playlist .externalLink a{
	display: inline-block;
	background:#000;
	padding:8px 16px;
	border-radius: 8px;
	text-decoration: none;
	transition: all ease-in-out 0.2s;
}
.playlists .playlist .externalLink a:hover{
	background:#fff;
	color: #000;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.4);
}

.playlists .playlist .follow{
	margin: 1.5em 0 1em;
}
.playlists .playlist .embed{
	background:#fff;
	padding:4px;
	box-shadow: 0 6px 12px rgba(0,0,0,0.4) inset;
	max-width: 580px;
	margin:0 auto 12px;
}
.playlists .playlist .embed iframe{
	max-width: 100%;
}

.reponsiveYoutubeIfr{
	max-width: 1120px;
	margin: 0 auto;
}

@media screen and (min-width:1000px){
	.liveSessions .reponsiveYoutubeIfr::before{
		content:"";
		display: block;
		width:110%;
		height:120px;
		background: linear-gradient(to bottom, #fff0, #fff2);
		position: absolute;
		left:-5%;
		margin-top:320px;
		border-bottom: solid 3px #fff3;
		transform: rotate(2deg);
	}
}

.reponsiveYoutubeIfr .container{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}
.reponsiveYoutubeIfr iframe{
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border:solid 3px #fff6;
}
.content404{
	padding-top: 10vh;
	min-height: 50vh;
	background: #33000099;
	backdrop-filter: blur(15px);
	border-radius: 3em;
}
.footerBlock{
	font-size: 120%;
	max-width: 40em;
	padding:0 1em 3em;
	margin: 0 auto 3em;
	border-bottom: solid 1px #00000033;
}
.footerBlock .ctcml a{
	display: block;
	margin-top: 0.5em;
	color: #000;
	font-size: 120%;
	font-weight: 500;
}


header nav{
	position: absolute;
	left: 16px;
	bottom: -48px;
	z-index: -1;
}
header .hamburger{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 32px;
	z-index: 5;
	cursor: pointer;
}
header .hamburger .lC{
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	transition: transform 0.2s ease-out;
}
header .hamburger .lC span{
	position: absolute;
	width: 24px;
	height: 3px;
	left: 4px;
	display: block;
	background: #fff;
	border-radius: 2px;
	transition: all 0.2s ease-in-out;
}
header .hamburger .lC .l1{top: 6px;}
header .hamburger .lC .l2{top: 14.5px;}
header .hamburger .lC .l3{top: 23px;}

header.expandMenu .hamburger .lC{transform: rotate(225deg);}
header.expandMenu .hamburger .lC .l1{top: 14px;}
header.expandMenu .hamburger .lC .l2{top: 4px;left: 14px; width:3px;height: 24px;}
header.expandMenu .hamburger .lC .l3{top: 14px;}

header nav ul{
	position: absolute;
	top:-25px;
	left:0;
	padding:0;
	margin:0;
	transform-origin: 0px 0px;
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out;
}
header.closeMenu nav ul{
	transform: rotate(-90deg);
}
header nav ul li{
	position: absolute;
	top:-12px;
	left:0;
	width:130px;
	height:44px;
	padding-top: 12px;
	color:#fff;
	display: block;
	text-transform: uppercase;
	text-align: left;
	font-size: 1.9em;
	font-weight: 400;
	font-family: "Roboto Condensed";
	margin-left: 100px;
	transform-origin: -82px 20px;
	transition: transform 0.3s ease-in-out;
	cursor: pointer;
}
header.closeMenu nav ul li{
	transform: rotate(0deg) !important;
}
header nav ul li:hover{
	font-weight: 700;
}

header nav::before{
	content: "";
	position: absolute;
	z-index: -2;
	border-radius: 50%;
	top: -16px;
	left: 16px;
	background:#0000;
	width:0px;
	height:0px;
	transition: all 0.3s ease-in-out;
	backdrop-filter: blur(20px) saturate(0%);
}
header.expandMenu nav::before{
	top: -260px;
	left: -236px;
	background:#0009;
	width:480px;
	height:480px;
	box-shadow: 0 6px 12px #00000099;
}