body {
	background: #26213c;
}
.header.sticky {
	box-shadow: 0 0 200px rgba(255,255,255,0.15);
}
.header.sticky i {
	margin-right: 0;
}
.header .header-logo img {
	opacity: 0.8;
	width: 42px;
	padding: 0;
}
@media (max-width: 991.98px) {
	.header .header-menu-extra {
		right: 27px;
	}
}
body, h1, h2, h3, h4, h5, h6, p, .button {		
	font-family: "Inter", sans-serif;
	font-style: normal;
	color: rgba(255,255,255,0.7);
	letter-spacing: 0.05em;
}
h2 {
	font-weight: 100;
	font-size: 23px;
	margin: 120px 0 40px;
}
h3 {
	font-weight: 100;
	font-size: 15px;
}
h3 a, h3 a:hover {
	color: rgba(255,255,255,0.6);
	margin-right: 3px;
}
p {
	font-weight: 200;
	font-size: 0.95rem;
	color: rgba(255,255,255,0.5);
	line-height: 1.5;
	margin: 30px 0;
}
p.note {
	font-size: 13px;
	color: rgba(255,255,255,0.5);
	margin: 0 0 40px;
}
@media (max-width: 768px) {
	p {
		font-size: 14px;
	}
	p.note {
		font-size: 12px;
	}
}
a, a:hover {
	color: rgba(255,255,255,0.45);
}
i {
	margin-right: 7px;
}
.form-control {
	font: 200 14px "Inter", sans-serif;
	color: #777;
	letter-spacing: 0.03em;
	border: 1px solid rgba(255,255,255,0.1);
}
input::placeholder, textarea::placeholder, .form-control::placeholder {
	color: #777;
}


/* HERO */

.infobox {
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.infobox i {
	font-size: 26px;
	color: rgba(0,0,0,0.7);
}
.infobox i:hover {
	cursor: pointer;
}
.credit,input {
	display: none;
	transition-delay: 2s;
}
.active + .credit {
	display: block;
	width: 320px;
	background: rgba(0,0,0,0.7);
	font-weight: 300;
	font-size: 12px;
	color: #999;
	padding: 20px 24px 26px;
	text-align: left;
	border-radius: 3px;
}
.infobox .credit span {
	font-weight: 500;
}


/* LINER */

#liner h2 {
	margin: 120px 0 40px;
}
#liner p {
	font-size: 0.98rem;
	padding: 0 90px;
	margin: 60px 0 0;
}
#liner p i {
	margin: 0 2px;
}
@media (max-width: 1200px) {
	#liner p {
		padding: 0;
	}
}
@media (max-width: 469px) {
	#liner p {
		color: rgba(255,255,255,0.6);
	}
}
#liner a, #liner a:hover {
	color: rgba(255,255,255,0.5);
}


/* PLAYER */

#props-link span {
	font-style: italic;
}   
#player h2 {
	margin: 120px 0 0;
}
#player-1, #player-2, #player-3, #player-4, #player-5 {
	margin: 0 0 30px;
}
.tp-player-header {
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
}
#player-1 .tp-playlist-container, #player-2 .tp-playlist-container, #player-3 .tp-playlist-container, #player-4 .tp-playlist-container, #player-5 .tp-playlist-container {
	width: 100%;
	padding: 40px 0 7px;
}
.tp-button {
	flex: 0 0 15px;
	padding: 3px 0;
}
.tp-loading .tp-player-loader {
	opacity: 0;
}
.tp-playlist-toggle {
	display: none;
}
.tp-playlist-song {
	font-size: 12px;
}
.tp-playlist-item a:last-of-type {
	margin-right: 20px;
}
.tp-playlist-song-download {
	width: 12px;
	height: 24px;
}
#player-1 .tp-playlist-item .tp-playlist-bar, #player-2 .tp-playlist-item .tp-playlist-bar, #player-3 .tp-playlist-item .tp-playlist-bar, #player-4 .tp-playlist-item .tp-playlist-bar, #player-5 .tp-playlist-item .tp-playlist-bar {
	width: 3px;
	height: 5px;
}
#player h3 li i {
	color: rgba(255,255,255,0.4);
}
@media only screen and (max-width: 767.98px) {
	.tp-vertical .tp-player-main .tp-button.tp-prev {
		order: 1;
	}
	.tp-vertical .tp-player-main .tp-button.tp-playback, 
	.tp-vertical .tp-player-main .tp-button.tp-next {
		order: 2;
	}
	.tp-vertical .tp-player-main .tp-audio-seek {
		order: 3;
	} 
}
@media (max-width: 469.98px) {
	.tp-player-header {
		font-size: 12px;
	}
}


/* NEWS */

#news h2 {
	margin: 120px 0 0;
}
#news h2.news-2 {
	margin-top: 3px;
}
@media (max-width: 575px) {
	#news h2.news-2 {
		margin-top: -25px;
	}
}
#timer.mb {
	margin-bottom: 90px;
}
#timer .time-note, #timer li h2 {
	color: rgba(255,255,255,0.5) !important;
}
@media (max-width: 469px) {
	#timer .time-note, #timer li h2 {
		color: rgba(255,255,255,0.65) !important;
	}
}
#timer .time-note {
	font-weight: 200;
	font-size: 0.88rem;
	letter-spacing: 0.09em;
	margin-right: -9px;
}
#timer li div {
	margin: 0 5px;
}
#timer li h2 {
	font-weight: 200 !important;
	font-size: 0.88rem;
}
#timer li h6 {
	display: none;
}


/* MERCH */

#merch.section-xl {
	margin-top: 120px;
	background-color: rgba(255,255,255,0.8);
	padding: 0 0 90px;
}
#merch img {
	width: 40%;
	margin: auto;
}
#merch h2 {
	font-weight: 300;
	font-size: 27px;
	color: #444;
	letter-spacing: 0;
	text-transform: none;
}
#merch sup {
	color: #444;
}
#merch p {
	font-weight: 300;
	color: #131517;
	padding: 0 90px;
}
@media (max-width: 991.98px) {
	#merch p {
		padding: 0;
	}
}
#merch a, #merch a:hover {
	color: #131517;
}
#merch p a {
	background: rgba(255,252,0,0.25);
	padding: 0.05rem 0.5rem 0.05rem 0.4rem;
}
#merch i {
	margin: 0;
}


/* GIVE */

#give.section-lg {
	margin-top: 0;
	padding: 100px 0 190px;
}
#give .bouncer {
	width: 300px;
	margin: 0 auto;
	padding: 0 43px;
}
#give h4.butt {
	width: 215px;
	background: #296696;
	margin: auto;
	font-weight: 100;
	font-size: 20px;
	padding: 15px;
	border: none;
	transition: ease-out 0.3s;
	color: #fff;
	animation: UpDown 2s linear infinite;
	position: absolute;
}
@keyframes UpDown {
	0%, 100% {bottom: 0}
	50% {bottom: 8px}
}
h4.butt:hover {
	width: 215px;
}


/* FOOTER */

footer {
	margin-top: 0;
}
footer .copyright {
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 0.01em;
	margin: 0 0 5px;
}
footer .credits {
	font-size: 11px;
	margin: 0;
}


/* MODALS */

.modalDialog {
	background: rgba(0,0,0,0.4);
}
.modalDialog > div {
	background: #131517;
}
.modalDialog > div.wide {
	max-width: 614px;
}
.modalDialog h3, .modalDialog p, .modalDialog, .modalDialog sup, .modalClose, .modalDialog #iubenda_policy h1, .modalDialog #iubenda_policy h2, .modalDialog #iubenda_policy h3, .modalDialog #iubenda_policy h4, .modalDialog #iubenda_policy h5, .modalDialog #iubenda_policy h6 {
	color: #777;
}
.modalDialog h3 {
	font-family: "Inter", sans-serif;
	font-weight: 200;
	font-size: 20px;
	letter-spacing: 0.015em;
	margin-top: 38px;
}
.modalDialog .modalClose {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 32px;
	top: 26px;
	right: 30px;
}
.modalDialog .form-error h3 {
	font-weight: 200;
	font-size: 18px;
	margin-top: 0;
}
.modalDialog .form-error label {
	font-family: "Inter", sans-serif;
	font-weight: 200;
	font-size: 0.8rem;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #961c1c;
}
#contact-send.button-outline-dark, #contact-send.button-outline-dark:hover {
	font-weight: 300;
	font-size: 17px;
	color: #555;
	border: 1px solid #555;
}
.modalDialog form input[type="submit"] {
	color: #555;
}
.modalDialog sup {
	margin-left: 1px;
}
.form-success h3 {
	font-size: 20px;
	padding: 20px 0 0;
}
#contact-response {
	font-weight: 200;
	color: #555;
	margin: 0;
}
#props-modal h2, #props-modal2 h2, #props-modal3 h2, #props-modal4 h2, #props-modal5 h2, #merch-modal h2, #art-modal h2 {
	font-weight: 100;
	font-size: 19px;
	text-transform: none;
	margin: 60px 0 0;
}
#art-modal h2 {
	margin-bottom: 40px;
}
#props-modal h3, #props-modal2 h3, #props-modal3 h3, #props-modal4 h3, #props-modal5, h3 {
	font-weight: 200;
	font-size: 16px;
	color: #888;
	margin: 0;
}
#props-modal .p1-sub, #props-modal2 .p1-sub, #props-modal3 .p1-sub, #props-modal4 .p1-sub, #props-modal5 .p1-sub {
	margin-top: 0;
}
#props-modal .p1-sub span:before, #props-modal2 .p1-sub span:before, #props-modal3 .p1-sub span:before, #props-modal4 .p1-sub span:before, #props-modal5 .p1-sub span:before {
	font: var(--fa-font-sharp-regular);
	content: '\e122';
	font-size: 12px;
	margin-right: 6px;
}
#props-modal .note, #props-modal2 .note, #props-modal3 .note, #props-modal4 .note, #props-modal5 .note {
	font-size: 0.73rem;
	text-transform: none;
}
#props-modal p, #props-modal2 p, #props-modal3 p, #props-modal4 p, #props-modal5 p, #merch-modal p, #art-modal p {
	font-weight: 300;
	font-size: 14px;
	margin-top: 20px;
}
#props-modal p i, #props-modal2 p i, #props-modal3 p i, #props-modal4 p i, #props-modal5 p i {
	margin-right: 0;
}
#props-modal p.im-left i, #props-modal2 p.im-left i, #props-modal3 p.im-left i, #props-modal4 p.im-left i, #props-modal5 p.im-left i {
	margin-left: 3px;
}
#art-modal .song-title {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 4px;
}
#merch-modal h3 {
	font-weight: 400;
	font-size: 16px;
	margin: 0 0 20px;
}
#merch-modal .p-1 {
	margin-bottom: 0;
	padding: 0 !important;
}
#merch-modal p {
	margin-bottom: 16px;
}
#merch-modal .description, #art-modal .description {
	font-size: 11px;
	margin: 0 0 16px;
}
#merch-modal img, #art-modal img {
	margin: 0 0 30px;
}
#merch-modal img.O92 {
	opacity: 0.92;	
}
.modalDialog #iubenda_policy a {
	color: #777;
	border-bottom: none;
}
.modalDialog #iubenda_policy a:hover:not(.btn) {
	color: #888;
	border-bottom: 1px solid #777;
}
.modalDialog #iubenda_policy .box_primary {
	background: #232527;
	border: 1px solid #666;
}
#tc-modal.modalDialog p {
	font-size: 0.84rem;
}


@media (max-width: 575px) {
	#liner h2, #player h2, #news h2 {
		margin-top: 90px;
	}
	#liner p {
		margin-top: 46px;
	}
	#timer.mb {
		margin-bottom: 0;
	}
	#merch.section-xl {
		margin-top: 60px;
	}
	#player h3 {
		font-weight: 200;
		font-size: 14px;
	}
}
