* {
	margin: 0;
	padding: 0
}

body {
	color: #e2e2e2;
	background: #373737;
	font-family: Poppins, sans-serif;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: .045rem;
	margin: 0;
	padding: 0;
	font-weight: 300;
	scroll-behavior: smooth
}

h1,
h2,
h3,
ul li {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 1.5rem;
	line-height: 2rem;
	text-transform: uppercase
}

h1 {
	font-size: 2.5rem;
	line-height: 3.5rem
}

h2 {
	font-size: 2.25rem;
	line-height: 3.25rem;
	margin-top: 2rem
}

h3,
h4 {
	text-transform: none
}

aside h3, article h3 {
	color: #90890a;
	text-transform: uppercase;
	font-size: 1.75rem
}

aside h3:nth-child(2) {
	margin-top: 2rem
}

p {
	margin: 1rem 0
}

article p {
	hyphens: auto
}

ul li {
	list-style: none
}

a,
a:active,
a:focus,
a:hover,
a:link {
	text-decoration: none;
	color: inherit
}

li a,
p a {
	position: relative;
	text-decoration: none;
	color: #ba5a39;
	display: inline-block
}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  }
  table {
	border-collapse: collapse;
	border-spacing: 0;
  }
.down2 {
	position: relative
}

.footer_menu li a:after,
.mainnav li a:after,
a.down2:after,
p a:after {
	content: '';
	position: absolute;
	left: 0;
	display: inline-block;
	height: 1em;
	width: 100%;
	border-bottom: 3px solid #97472c;
	margin-top: 6px;
	opacity: 0;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	-webkit-transform: scale(0, 1);
	transition: opacity .35s, transform .35s;
	transform: scale(0, 1)
}

.footer_menu li a:hover:after,
.mainnav li a:hover:after,
a.down2:hover:after,
p a:hover:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle
}

::selection {
	background: #999
}

b,
strong {
	font-weight: 600
}
input {
	-webkit-appearance: none
}
.btn .mpform_submit,
a.btn,
button,
input.btn {
	width: auto;
	display: inline-block;
	padding: .25em 1em;
	margin: 1rem 0 1rem;
	font-size: 1em;
	background: #2f2f2f;
	border: 1px solid #a9a9a8;
	font-size: 1rem;
	color: #a9a9a8;
	text-transform: uppercase;
	font-family: Poppins, sans-serif;
	cursor: pointer;
	-webkit-appearance: none
}

.btn .mpform_submit:hover,
a.btn:hover,
input.btn:hover {
	color: #e2e2e2;
	border: 1px solid #e2e2e2;
	background: #373737;
	transition: 1s ease-out;
	text-decoration: none
}

.btn .mpform_submit:hover,
input.btn:hover {
	background: #90890a
}

a.btn:after {
	border: none
}

.clear {
	clear: both
}

p.subtitle {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 2rem;
	line-height: 3rem;
	margin: 0 0 2rem 0
}

.red1 {
	color: #97472c
}

.red2 {
	color: #ba5a39
}

.red3 {
	color: #a44d30
}
.novis {
	display: none;
}
.social_wrap ul {
	padding-bottom: 2.5rem;
}
.social_wrap li {
	float: left;
	float: left;
	padding-right: 1.5rem;
	font-size: 1.75rem;
}
.social_wrap li:last-child {
	padding-right: 0;
}

/* table.social tr {
	float: left;
	padding-right: 1.5rem;
	display: none;
} 
table.social tr:last-child {
	padding-right: 0;
} */
.social a:last-child {
	padding-right: 0;
}
.fa.fa-fw.fa-youtube-play {
	color: #FF0000;
}
.fa.fa-fw.fa-facebook {
	color: #4267B2;
}
.fa.fa-fw.fa-bandcamp {
	color: #629aa9;
}
.fa.fa-fw.fa-spotify {
	color: #1DB954;
}
.fa.fa.fa-fw.fa-instagram {
	color: #e1306c;
}
.band_img {
	float: right;
	width: 45%;
	padding: 0 0 1.5rem 1.5rem;
	text-align: right
}

#edit {
    position: fixed;
    background: white;
    width: 25px;
    height: 25px;
    z-index: 10;
    top: 2rem;
    left: 2rem;
    line-height: 23px;
    text-align: center;
}
.img_right {
	width: 400px;
	max-width: 100%;
	float: right;
	padding: 0 0 1.5rem 1.5rem;
	text-align: right
}

.band_img a:hover,
.img_right a:hover {
	cursor: zoom-in;
	opacity: .5;
	transition: 1s all ease-out;
	filter: grayscale(100%)
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin: 1.5rem 0
}

.video embed,
.video iframe,
.video object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none
}

.video2 {
	position: relative;
	padding-bottom: 27.4%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	width: 48.75%;
	margin: 0 2.5% 2.5% 0;
	float: left
}

.video2+.video2 {
	margin-right: 0
}

.video2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none
}

#header-21,
#header-3 {
	transition: top 1s;
	top: -4.5em
}

.contact_link,
.mainnav {
	display: block
}

.header {
	position: fixed;
	width: 100%;
	display: block;
	background: rgba(224, 224, 224, .6);
	background: #999;
	z-index: 1;
	height: 4.5em
}

.header_wrap {
	position: relative;
	height: 4.5em;
	max-width: 88%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	color: #2a2a2a
}

header h1 a {
	width: auto;
	display: inline-block;
	color: #2a2a2a;
	font-weight: 700;
	transition: opacity .35s
}

header h1 a:after {
	border: none
}

header h1 a:hover {
	opacity: .75
}

header .nav__container {
	position: absolute;
	right: 5em;
	top: 1.7rem;
	display: block
}

.contact_link,
.mainnav {
	height: 2rem;
	margin: 0;
	padding: 0;
	float: left
}

ul.mainnav li.menu-first {
	display: none
}

.contact_link a,
ul.mainnav li {
	font-size: 1.4rem;
	line-height: 3rem;
	letter-spacing: .05rem;
	font-weight: 700;
	float: left;
	margin-left: 1.5rem;
	display: block;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase
}

.language ul li a,
ul.mainnav li a {
	color: #2a2a2a
}

.pid21 ul.mainnav li.menu-current+li.sm2-is-menulink a,
.pid3 ul.mainnav li.menu-current+li.sm2-is-menulink a,
ul.mainnav li.menu-current a {
	color: #97472c !important;
}

.contact_link a.down2:after,
ul.mainnav li a:after {
	margin-top: 15px;
	border-bottom: 3px solid #97472c
}

.contact_link a:hover,
ul.mainnav li a:hover {
	color: rgba(42, 42, 42, .75)
}

ul.mainnav li.menu-current a:after,
ul.subnanv li.menu-current a:after {
	border: none
}

.mainnav .lev2 {
	display: none
}

.mainnav .menu-expand.menu-parent.sm2-is-menulink,
.mainnav .menu-current a {
	color: #97472c
}

header .language {
	position: absolute;
	right: 0;
	top: 1.7em;
	height: 25px
}

#langmenu {
	float: right;
	padding: 0;
	display: block;
	position: relative
}

#langmenu a {
	padding-left: .75rem;
	transition: .35s;
	font-size: 1rem;
	font-weight: 400;
	float: left;
	padding-left: 1rem
}

.language a:hover {
	color: #97472c
}

.subnav li a {
	line-height: 1.75rem;
	color: #e2e2e2;
	transition: .35s;
	padding: 0 0 1.5rem
}

.subnav li.menu-current a,
.subnav li.menu-current a:hover {
	color: #a44d30
}

.language li a:after,
.subnav li a:after {
	border: none
}

.language li a:hover,
.subnav li a:hover {
	color: rgba(226, 226, 226, .5)
}
.intro_link {
	width: 100%;
	height: 100%;
}
.intro {
	position: relative;
	display: flex;
	width: 100%;
	height: 100vh;
	background: #2a2a2a;
	background-image: url(../img/matthias_spillmann.jpg);
	background-attachment: fixed;
	background-position: center 35%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 0;
	opacity: 1;
	min-width: 100%;
	min-height: 100%
}

.intro .anim {
	height: auto;
	position: absolute;
	right: 3em;
	top: 4em
}

.anim h1 {
	font-size: 3.5rem;
	line-height: 3.5rem;
	color: #97472c;
	text-align: right;
	position: relative;
	margin-bottom: 1rem;
	mask-image: linear-gradient(-75deg, rgba(164, 77, 48, 1) 30%, rgba(255, 255, 255, .75) 50%, rgba(164, 77, 48, 1) 70%);
	-webkit-mask-image: linear-gradient(-75deg, rgba(164, 77, 48, 1) 30%, rgba(255, 255, 255, .75) 50%, rgba(164, 77, 48, 1) 70%);
	mask-size: 200%;
	-webkit-mask-size: 200%;
	animation: title 2s forwards, shine 6s linear infinite
}

@keyframes title {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes shine {
	from {
		-webkit-mask-position: 150%
	}

	to {
		-webkit-mask-position: -50%
	}
}

.anim span {
	font-family: 'PT Sans Narrow', sans-serif;
	position: relative;
	color: #97472c;
	text-transform: none;
	font-size: 2.5rem;
	animation: tagline 3s forwards;
	right: -300px;
	transition: 1s ease-out
}

@keyframes tagline {
	0% {
		right: -300px;
		color: transparent
	}

	100% {
		right: 0;
		color: #97472c
	}
}

.next {
	background: rgba(10, 10, 10, .75);
	border-radius: 50%;
	position: absolute;
	width: 55px;
	height: 45px;
	bottom: 1.5em;
	right: 3em;
	text-transform: uppercase;
	text-align: center;
	padding: 1rem 1rem 1rem .65rem;
	opacity: 0;
	animation: next 3s forwards;
	animation-delay: 2s;
	transition: transform 1s ease-in
}

@keyframes next {
	0% {
		opacity: 0;
		bottom: -2em
	}

	100% {
		opacity: 1;
		bottom: 1.5em
	}
}

.next:hover {
	transform: scale(1.1);
	opacity: 1
}

.next a {
	display: inline-block;
	width: 64px;
	color: #e2e2e2
}

.next a:hover {
	opacity: 1
}

a.down:hover {
	color: inherit
}

a.down:after {
	border-bottom: none
}

img.arrow {
	display: inline-block;
	vertical-align: top
}

main {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 100%
}

section h1,
section h2 {
	font-size: 3em;
	line-height: 3.5rem;
	margin-bottom: 2rem;
	color: #97472c
}

section h2 {
	font-size: 3rem;
	line-height: 2.75rem;
	text-transform: none
}

.box-1,
.box-2,
.box-3,
.discs {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	max-width: 80%;
	padding: 0;
	margin: 0 auto
}

.discs {
	margin-bottom: 2.5rem
}

.pid21 .box-1>section,
.pid3 .box-1>section {
	padding: 0 0 5% 1.5%;
	width: 75%;
	margin: -5rem auto 0 auto
}

.pid21,
.pid3 {
	background: #2f2f2f
}

#anch_32,
#anch_4 {
	display: block;
	width: 100%;
	height: 9rem
}

.box-1>section {
	padding: 8em 0 5% 0;
	width: 100%
}

.box-2,
.box-3 {
	background: #2f2f2f;
	max-width: 100%
}

.box-2 aside,
.box-3 aside {
	background: #373737
}

.box-2>section {
	padding: 8em 5% 5% 10%;
	flex: 3;
	order: 1
}
.box-2.pid23 >section,
.box-2.pid4 >section {
	padding: 8em 0 5% 10%;
}
.box-2>aside {
	padding: 12.35em 5% 5% 4.25%;
	flex: 1;
	order: 2
}

.box-3 {
	padding: 0 0 0 2.5%
}

.box-3 section {
	background: #373737;
	padding: 8em 10% 5% 5%;
	flex: 6;
	order: 2
}

.box-3 aside {
	background: #2f2f2f;
	padding: 12.35em 5% 5% 3.75%;
	flex: 1;
	order: 1
}

footer {
	position: relative;
	display: block;
	background: #2a2a2a;
	min-height: 150px;
	padding: 5rem 0 3rem;
	font-size: 1rem
}

footer h3,
footer strong {
	text-transform: uppercase;
	font-family: Poppins, sans-serif;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.25rem
}

.footer_menu li {
	padding-right: 1.5rem
}

.footer_menu li:last-child {
	padding-right: 0
}

.footer_menu li a:after {
	border-bottom: 2px solid;
	padding-bottom: .25rem
}

footer h3+p {
	margin-top: 0
}

footer a {
	color: #e2e2e2
}

.footer_menu li a:hover:after {
	border-bottom: 2px solid #ba5a39
}

.footer-wrap {
	max-width: 88%;
	margin: 0 auto;
	display: flex
}

.newsletter {
	flex: 2;
	order: 1;
	max-width: 50%;
	display: inline-block
}

.contact {
	flex: 2;
	order: 2;
}
.contact_wrap {
	columns: 2;
	column-gap: 1.5rem;
	margin-top: 2.5rem;

}
.contact p {
	line-height: 1.5rem;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}

.contact p:first-child {
	margin: 0
}

.info-wrap {
	position: relative;
	display: flex;
	columns: 2;
	column-gap: 1rem;
	width: 1680px;
	max-width: 45%;
	float: right;
	margin-right: 5%
}

.share {
	padding-bottom: 2rem;
	margin-top: -2.5rem
}

.share ul {
	flex: 1;
	font-weight: 700;
	font-family: 'PT Sans Narrow', sans-serif
}

.share ul li {
	display: inline-block;
	text-transform: none;
	font-size: .85rem
}

.share .social, .social {
	/* flex: 1; */
	font-size: 1.75rem;
	display: block;
}

/* .social span {
	padding-right: 1.5rem;
	text-align: left;
} */
.social td a:hover {
	opacity: .75;
	transition: opacity .35s
}

/* .share .social a:hover {
	color: #ba5a39;
	transition: color .35s
} */

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

	.box-1,
	.discs,
	.header_wrap {
		max-width: 90%
	}

	.box-2>section {
		padding-left: 5%
	}

	.box-3 section {
		padding-right: 5%
	}

	.box-3 aside {
		padding: 12.35em 1% 5% 2.75%;
		flex: 2
	}
}

@media (orientation:portrait) {
	.intro {
		background-position: 25% center;
		background-attachment: local
	}
}

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

	#header-21,
	#header-3 {
		transition: top 1s;
		top: -3.5em
	}

	.header,
	.header_wrap {
		height: 3.5em
	}

	header h1 {
		font-size: 2rem;
		position: absolute;
		top: 10%
	}

	#anch_32,
	#anch_4 {
		height: 8rem
	}

	ul.mainnav li {
		font-size: 1.5rem;
		line-height: 2.5rem
	}

	.language ul li {
		font-size: .85rem
	}

	header nav {
		top: 3.5em;
		right: 0;
		background: #2a2a2a;
		min-height: 100vh;
		width: 100%;
		padding: 3em 0;
		display: none;
		position: absolute;
		overflow-y: scroll
	}

	header nav.topnav.open {
		display: block
	}

	.menu_bars__container {
		display: block;
		float: right;
		padding: 1rem;
		cursor: pointer;
		margin-left: auto
	}

	.menu_bars {
		width: 1.2rem;
		height: .9375rem;
		position: relative;
		transition: all .4s cubic-bezier(.215, .61, .355, 1);
		transform: rotate(0)
	}

	.menu_bars i {
		display: block;
		position: absolute;
		width: 100%;
		height: .1875rem;
		background: #424242;
		opacity: 1;
		left: 0;
		transform: rotate(0);
		transition: all .25s cubic-bezier(.215, .61, .355, 1)
	}

	.menu_bars i:nth-of-type(1) {
		top: 0;
		transform-origin: left center
	}

	.menu_bars i:nth-of-type(2) {
		top: .375rem;
		transform-origin: left center
	}

	.menu_bars i:nth-of-type(3) {
		top: .75rem;
		transform-origin: left center
	}

	.menu_bars.open i:nth-of-type(1) {
		transform: rotate(45deg) translate(0, -.0625rem)
	}

	.menu_bars.open i:nth-of-type(2) {
		opacity: 0;
		width: 0%
	}

	.menu_bars.open i:nth-of-type(3) {
		transform: rotate(-45deg) translate(0, .0625rem)
	}

	main section {
		font-size: 1rem;
		line-height: 1.5rem
	}

	.box-3 section {
		padding: 8em 5% 5% 5%;
		flex: 4
	}

	header .language {
		top: 1.25rem;
		right: 17.5%
	}

	.mainnav {
		position: relative;
		width: 100%;
		text-align: center;
		display: contents
	}

	.contact_link a,
	ul.mainnav li {
		margin-left: 0
	}

	#topNav .contact_link a.down2,
	#topNav li a {
		padding: 0;
		text-decoration: none;
		color: #e2e2e2;
		display: block;
		transition: .3s
	}
	
	.contact_link a.down2::after,
	ul.mainnav li a::after {
		border-bottom: none;
		margin: 0
	}

	.contact_link,
	ul.mainnav li {
		float: none
	}

	.language ul li a,
	ul.mainnav li a {
		color: #e2e2e2
	}

	.mainnav .lev2 {
		display: block
	}
	.mainnav .lev2.menu-first {
		display: block;
	}
	.mainnav .lev2 {
		text-transform: none;
		margin: 0
	}

	li.lev1 {
		border-bottom: 1px solid #90890a;
		padding: .5rem 0
	}

	.contact_link {
		display: table;
		width: 100%;
		position: relative
	}

	ul.mainnav li.menu-last.lev1 {
		display: block
	}
	#topNav li a.menu-current {
		color: #97472c;
	}

	.down2 {
		text-align: center;
		width: 100%
	}

	.pid21 .box-1>section,
	.pid3 .box-1>section {
		width: 100%;
		padding: 0
	}

	.box-3 section {
		padding: 8em 2.5% 5%;
		flex: 6
	}

	.box-3 aside {
		padding: 11em 1% 5% 0;
		flex: 2
	}

	aside .subnav li a {
		font-size: 1.25rem;
		padding: 0 0 .75rem
	}

	.img_right {
		max-width: 315px
	}

	.box-1,
	.footer-wrap,
	section.discs {
		max-width: 94%
	}

	.header_wrap {
		max-width: 100%;
		padding: 0 2.5%;
		margin: 0
	}

	html.noscroll {
		overflow: hidden
	}

	body.noscroll {
		overflow: visible;
		height: 100%
	}

	.menu_bars__container {
		position: relative;
		z-index: 9999;
		background: #a9a9a8
	}

	.nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		background: #d2f1ed;
		opacity: 0;
		transition: opacity .3s ease
	}

	.open {
		right: -2px
	}

	header .nav__container {
		position: absolute;
		padding: 10px 0 100vh;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}
	fieldset {
		width: 48%;
		margin: 2rem 2% 0 0;
	}
	fieldset:last-of-type {
		width: 98%;
	}
	.pid16 .box-2, .pid45 .box-2 {
		flex-flow: column;
	} 
	.pid16 .box-2 section, .pid45 .box-2 section {
		order: 2;
	}
	.pid16 .box-2 aside, .pid45 .box-2 aside {
		display: block;
		order: 1;
		padding: 4em 2.5% 2.5%;
	}
	.pid16 .box-2, .pid45 .box-2 {
		flex-flow: column;
	} 
	.pid16 .box-2 section, .pid45 .box-2 section {
		order: 1;
		padding: 8em 2.5% 5%;
	}
	.pid16 .box-2 aside, .pid45 .box-2 aside {
		display: block;
		order: 2;
		padding: 2.5%;
	}
}


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

	.contact,
	.newsletter {
		flex: 2;
	}

}

@media screen and (max-width:850px) {
	.nwi_img {
		width: 200px;
		margin-bottom: .5rem;
	}
	.news h2 {
		font-size: 2rem;
	}
}

@media screen and (max-width:768px) {
	.box-3 {
		background: #373737;
		padding: 0
	}

	.box-3 aside {
		display: none
	}
	.box-2.pid23 > section, .box-2.pid4 > section {
		padding: 8em 3% 5% 5%;
	}
	.box-2 > section {
		padding: 8em 1% 5% 2.5%;
	}
	fieldset {
		width: 48%;
		margin: 2rem 2% 0 0;
	}
	fieldset:last-of-type {
		width: 100%;
		padding: 3.5%;
	}
	.pid16 .box-2, .pid45 .box-2 {
		flex-flow: column;
	} 
	.pid16 .box-2 section, .pid45 .box-2 section {
		padding: 4.5% 2.5% 1.5%;
		order: 2;
	}
	.pid16 .box-2 aside, .pid45 .box-2 aside {
		display: block;
		order: 1;
		padding: 4em 3.5% 2.5%;
		font-size: .9rem;
		line-height: 1.25rem;
	}
	.img_right {
		max-width: 250px
	}

	section.heading h1 {
		margin-bottom: 0
	}

	.contact_wrap {
		columns: 1;
		flex: 1
	}

	.newsletter {
		flex: 2;
		max-width: 100%
	}

	.share {
		padding-bottom: 4rem;
		margin-top: 1rem
	}

	.info-wrap {
		columns: 1;
		float: left;
		/* max-width: 30%; */
		display: block;
		margin-left: 1.5rem;
	}

	.share ul {
		margin-top: 1rem
	}
	p.subtitle {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	table.social tr {
		float: left;
		padding-right: 1rem;
		padding-bottom: 1rem;
	} 
}

@media screen and (max-width:670px) {
	.overlay a {
		font-size: 20px
	}

	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px
	}

	header h1 {
		font-size: 1rem
	}

	header .language {
		right: 27.5%
	}

	#langmenu a {
		font-size: .9rem
	}

	footer {
		padding-top: 4.5rem
	}

	.footer-wrap {
		flex-direction: column
	}

	.newsletter {
		order: 2;
		width: 100%;
		border-top: 2px solid #90890a;
		border-bottom: 2px solid #90890a;
		padding: 1.5rem 0 1rem 0;
		margin-top: .5rem
	}
	#mc_embed_signup h3 {
		color: #a44d30;
	}
	.contact {
		order: 1;
		max-width: 100%
	}

	.info-wrap {
		max-width: 92%;
		margin-top: 2rem
	}

	.share .social {
		float: left
	}

	/* .share ul {
		margin: 0;
		float: right
	} */

	.box-1 section,
	.box-2>section,
	.box-3 section,
	section.heading {
		padding-top: 6.5em
	}

	.anim h1 {
		font-size: 1.75rem;
		text-align: left;
		color: #e2e2e2
	}

	.anim span {
		display: none
	}

	.intro .anim {
		top: .5em;
		left: 1em
	}

	.next {
		top: 70%;
		left: 1em
	}
	fieldset {
		width: 100%;
		margin: 2rem 2.5% 0 0;
	}
	.box-2 .form_heading h1 {
		margin: 0;
	}
	.mpform fieldset legend {
		margin-bottom: 1.5rem;
		font-size: 2rem;
	}

}
@media screen and (max-width: 600px){
	.img_right {
		float: none;
		padding: 0 0 1.5rem 0;
		text-align: left;
	}

}
@media (min-width:1270px) {
	.mobile {
		display: none
	}
}


/* Module CSS */
.concert {
	width: 90%
}

.concertborder h2 {
	display: none
}

.concertborder-prev h2 {
	text-transform: uppercase;
	font-size: 2rem
}

.concertborder-prev span.prev a {
	font-size: 1rem;
	margin-left: .5rem
}

.cc_content {
	display: flex
}

.cdate {
	flex: 2;
	order: 1
}

.cc_content .cdesc {
	flex: 7;
	order: 2
}

div[id^=concert_]:nth-child(odd) {
	background: #373737;
	padding: 1.5%
}

div[id^=concert_]:nth-child(even) {
	background: 0 0;
	padding: 1.5%
}

.ctime {
	flex: 1;
	order: 3;
	text-align: right
}

.cdesc strong {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	color: #90890a;
	font-size: 2rem
}

.cdesc p {
	margin: 0
}

.cdesc p a {
	color: inherit;
	margin-bottom: .5rem
}

.cdesc p a:hover,
.concertborder-prev .prev a {
	color: #e2e2e2
}

.concertborder-prev .prev a:hover {
	color: #ba5a39;
	transition: .35s ease
}

section.discs {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	font-size: 1rem;
	line-height: 1.25rem;
	font-family: "PT Sans Narrow", sans-serif;
	width: 100%;
	padding: 0 6%;
	max-width: 88%
}

section.heading {
	position: relative;
	padding: 8em 6% 0;
	display: flex
}

section.discs h2 {
	width: 100%
}

section.discs h3 {
	color: #90890a;
	margin: 0 0 .25rem 0;
	line-height: 1.65rem;
	text-transform: uppercase
}

.disc-txt h3 span {
	display: inline-block;
	width: 100%;
	text-transform: none
}

.discs p {
	margin: 0 0 .5rem
}

.discs.disco_ofa_group_1 h3 {
	text-transform: none
}
.discs.disco_ofa_group_1 h3 span, 
.discs.disco_ofa_group_1 .btn.mail_order,
.discs.disco_ofa_group_2 .btn.mail_order,
.discs.disco_ofa_group_3 .btn.order_form   {
	display: none;
}

.discs.disco_ofa_group_2 {
	background: #2f2f2f
}

.discs.disco_ofa_group_2 .disc-item {
	background: #373737
}

.discs .disc-item {
	position: relative;
	display: flex;
	margin: 0 1.25% 1.25% 0;
	padding: 1%;
	flex: 0 0 30%;
	background: #2f2f2f;
	height: auto
}

.discs .disc-item .disc-pic {
	/* max-width: 41%;
	 */
	display: flex;
	flex: 3;
	flex-direction: column;;
}

.discs .disc-item .disc-pic img {
	width: 300px;
	max-width: 100%;
	height: auto
}

.discs .disc-item .disc-pic .disc-thumb:empty {
	background: #373737;
	/* min-width: 100%;
	max-height: 82%; */
	height: 200px;
	display: block;
	background-image: url(../img/CD-empty.png);
	background-size: 300px 300px;
	background-repeat: no-repeat;
}
.btn_wrap {
	display: block;
	padding-bottom: .5rem;;
}
.discs .disc-item .disc-pic .btn.bc {
	margin-right: .5rem;
	float: left;
}

.discs .disc-item .disc-pic .audio,
.discs .disc-item .disc-pic .audio2 {
	/* height: 20px;
	display: flex;
	flex-flow: row;
	flex-flow: column-reverse; */
	margin: 1rem 0 .5rem;
}

.discs .disc-item .disc-pic .audio2 {
	margin-top: 0;
	margin-bottom: .5rem;
}
.discs .disc-item .disc-pic .audio .track {
	display: inline-block;
	margin-left: 1rem;
	/* margin:.25rem 0 0 .5rem;
	margin: 0; */
	font-size: .85rem;
	/* height: 20px; */
}
.mejs__container {
	float: left;
	/* margin-right: 1rem; */
	background: 0 0 !important;
	/* margin: 0 1rem 0 0; */
	/* margin: 1rem .5rem .5rem 0; */
	margin: 0;
}
.audio2 .mejs__container,
.discs .disc-item .disc-pic .audio2 .track {
	margin-top: 0;
}
.mejs__controls {
	z-index: 0 !important;
	height: 20px;
}

.mejs__controls:not([style*="display: none"]) {
	background: 0 0 !important
}

.mejs__button>button {
	left: 0;
	/* margin: 20px 0 0 0 !important */
}



.discs .disc-item .disc-pic .btn {
	margin: .5rem .5rem 0 0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: .8rem
}

/* .discs .disc-item .disc-pic .btn:nth-child(3) {
	margin: .5rem 0 0
} */

.discs .disc-item .disc-txt {
	margin-left: 20px;
	flex: 4
}

#mc_embed_signup h3 {
	margin-bottom: 1.5rem
}

.mc-field-group label {
	display: none
}

#mc_embed_signup_scroll input[type=email],
#mc_embed_signup_scroll input[type=text] {
	background: 0 0;
	border: none;
	border-bottom: 1px solid #e2e2e2;
	line-height: 3rem;
	width: 82%;
	color: #e2e2e2;
	font-size: 1rem;
	font-weight: 300;
	overflow: auto;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.mc-field-group.input-group {
	clear: left;
	padding-top: 2rem
}

.mc-field-group.input-group ul li {
	font-family: Poppins, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	float: left;
	width: 115px;
	max-width: 100%;
	position: relative;
	z-index: 0
}

.mc-field-group.input-group ul li input {
	float: left;
	margin-right: 1rem
}

#mc_embed_signup ul li input[type=radio] {
	position: absolute;
	visibility: hidden
}

#mc_embed_signup ul li label {
	display: block;
	position: relative;
	padding: .5rem 0 0 2rem;
	margin: 10px auto;
	z-index: 9;
	cursor: pointer;
	transition: all .25s linear;
	-webkit-transition: all .25s linear;
	line-height: 1rem
}

#mc_embed_signup ul li:hover label {
	color: #fff
}

#mc_embed_signup ul li .check {
	display: block;
	position: absolute;
	border: 2px solid #e2e2e2;
	border-radius: 100%;
	height: 15px;
	width: 15px;
	position: absolute;
	left: 0;
	top: 1rem;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
	background: #2a2a2a
}

#mc_embed_signup ul li:hover .check {
	border: 2px solid #90890a
}

#mc_embed_signup ul li .check::before {
	content: '';
	display: block;
	border-radius: 100%;
	height: 15px;
	width: 15px;
	margin: -1.1rem 0 0 -2px;
	transition: background .25s linear;
	-webkit-transition: background .25s linear;
	top: 1rem;
	position: absolute
}

input[type=radio]:checked~.check {
	border: 2px solid #90890a
}

input[type=radio]:checked~.check::before {
	background: #90890a;
	border: 2px solid #e2e2e2
}

.mc-field-group.input-group strong {
	font-size: 1rem
}

.mc-field-group.input-group label {
	display: block
}

.mc-field-group.half {
	width: 45%;
	float: left
}

.mc-field-group.half>.mc-field-group.half {
	clear: left
}

::placeholder {
	color: #e2e2e2;
	opacity: 1;
	font-size: 1rem;
	font-family: inherit;
	opacity: .5
}

:-ms-input-placeholder {
	color: #e2e2e2;
	opacity: 1;
	font-size: 1rem;
	font-family: inherit;
	opacity: .5
}

::-ms-input-placeholder {
	color: #e2e2e2;
	opacity: 1;
	font-size: 1rem;
	font-family: inherit;
	opacity: .5
}

input.btn {
	margin-top: 2.5rem
}

#mce-success-response {
	background: #90890a;
	width: 80%;
	padding: 1%;
	display: inline-block;
	margin-top: 20px
}

#mc_embed_signup div.mce_inline_error {
	width: 80% !important;
	background-color: #ba5a39 !important
}

@media screen and (max-width:1560px) {
	.box-2>section {
		flex: 4
	}

	.concert {
		width: 95%
	}

	.cdesc strong {
		font-size: 1.5rem
	}
}

@media screen and (max-width:1440px) {
	section.discs {
		font-size: .9rem;
		max-width: 90%;
		padding: 0
	}

	section.discs h3 {
		font-size: 1.275rem;
		line-height: 1.5rem
	}

	.discs.disco_ofa_group_2 {
		padding: 0 5%;
		max-width: 90%
	}

	.discs .disc-item .disc-txt {
		margin-left: .75rem
	}

	.discs .disc-item .disc-pic .btn {
		font-size: .75rem
	}
}

@media screen and (max-width:1280px) {
	.discs .disc-item {
		flex: 0 0 45%
	}
}

@media (max-width:1270px) {
	.box-2>section {
		padding-left: 2.5%;
		flex: 4
	}

	.box-2>aside {
		padding: 10em 2.5%
	}

	.concert {
		width: 95%
	}
	section.discs {
		max-width: 94%
	}

	section.heading {
		padding: 6.5em 2.5% 0
	}

	.discs .disc-item {
		flex: 1 0 45%
	}

	.discs .disc-item:nth-child(odd) {
		margin-right: 0
	}

	.disc-item:last-child {
		flex: 0 0 47.5%
	}
}

@media (max-width:991px) {
	.box-2>aside {
		display: none
	}

	.discs .disc-item {
		flex: 0 0 47.25%
	}
}

@media (max-width:768px) {
	.discs {
		flex-direction: column
	}

	.discs h3 {
		margin-top: 1rem
	}

	.discs .disc-item {
		max-width: 94%;
		padding: 3%
	}

	.discs .disc-item .disc-pic {
		max-width: 35%;
		flex: 2
	}

	/* .discs .disc-item .disc-pic .audio {
		margin: 0
	} */
	.disc-pic div:last-of-type {
		padding-bottom: 2.5rem;
	}
	.disc-pic .audio div:last-of-type {
		padding-bottom: 0rem;
	}
	.discs .disc-item {
		margin-right: 0
	}

	.concert {
		width: 98%
	}

	.cdesc strong {
		font-size: 1.35rem;
	}
	.band_img {
		float: none;
		text-align: left;
		padding: 0 0 1.5em 0;
		width: 100%
	}
	section h1 {
		margin-bottom: 0;
	}
	.box-2 h1, .mod_nwi_mats h1 {
		margin-bottom: 2rem;
	}
	.discs .disc-item .disc-pic .disc-thumb:empty {
		height: 220px;
		width: 220px; max-width: 100%;
		background-size: 100%;
	}
	.mod_disco_ofa_main_thumb_f {}

	.disc-thumb {
		height: auto;
	}
}

@media (max-width:670px) {
	.cc_content {
		display: table;
		width: 100%
	}

	.cdate {
		float: left
	}
}

@media (max-width:450px) {
	.discs .disc-item .disc-pic .audio .track {
		display: none
	}

	.discs .disc-item .disc-pic .disc-thumb:empty {
		height: 118px;
		background-size: 100%;
	}
	/* .share .social, .social {
		text-align: center;
	} */
	table.social tr span {
		padding-right: .75rem;
	}
	table.social tr:last-child span {
		padding-right: 0;
	}
	.box-2 h1, h2 {
		hyphens: auto;
		font-size: 2.5rem;
	} 
	.disc-pic div:last-of-type {
		padding-bottom: 0;
	}
	.box-2.pid23 > section, .box-2.pid4 > section {
		padding: 7em 0% 5% 0%;
	}
	.box-2.pid23 h1, .box-2.pid4 h1,
	.box-2.pid23 h2, .box-2.pid4 h2 {
		padding: 0 1rem;
	}
	.cc_content {
		width: 95%;
		padding: 0 .75rem;
	}
	.concertborder-prev span.prev a {
		margin-left: 0;
	}

}