@charset "utf-8";

@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Roboto-Regular.ttf') format('truetype')
}

@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/Roboto-Italic.ttf') format('truetype')
}

@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/Roboto-Medium.ttf') format('truetype')
}

@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype')
}	

@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/Roboto-Bold.ttf') format('truetype')
}

@font-face {
	font-family: 'Roboto';
	font-display: swap;
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype')
}	

@font-face {
	font-family: 'Oswald';
	font-display: swap;
	src:url('../fonts/Oswald-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Oswald';
	font-display: swap;
	src:url('../fonts/Oswald-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Oswald';
	font-display: swap;
	src:url('../fonts/Oswald-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Edo-SZ';
	font-display: swap;
    src:url('../fonts/Edo-SZ.ttf.woff') format('woff'),
        url('../fonts/Edo-SZ.ttf.svg#Edo-SZ') format('svg'),
        url('../fonts/Edo-SZ.ttf.eot'),
        url('../fonts/Edo-SZ.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal !important;
    font-style: normal !important;
}

/* ==========================================================================
   SPH Music Masters - Basics
   ========================================================================== */

body {
	background-color: #202020;
	/* background-image: url('../img/bg_texture.jpg'); */
	background-repeat: repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
}
@media(max-width: 767px) {
	p, ul {
		font-size: 15px;
	}
}

.text-handwritten {
	font-family: 'Edo-SZ';
  font-weight: normal !important;
}

.text-dark {
	color: #202020;
}

.d-flex {
	display: flex;
}

.align-items-end {
	align-items: flex-end;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-end {
	justify-content: end;
}

.flex-col {
	flex-direction: column;
}

.mt-0 {
	margin-top:0 !important;
}

.mr-4 {
	margin-right:1rem;
}

.mb-4 {
	margin-bottom: 1rem;
}

.mb-8 {
	margin-bottom: 2rem;
}

.mt-4 {
	margin-top: 1rem;
}

.alert-sph {
	background: transparent;
	border: 2px #fff solid;
	color: #fff;
	text-align: center;

	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
}

.alert-sph-success {
	border-color: #12f312;
	color: #12f312;
	font-size: 2rem;
	transition: all 1s linear;
}

.alert-sph-error {
	border: 1px solid #f31212;
	color: #f31212;
	font-size: 2rem;
	transition: all 1s linear;
}

.tooltip-inner {
	/* white-space: pre; */
	width: 200px;
}

.modal,
.modal-title,
.popover {
	color: #000;
	max-width: 100%;
}

.help-block {
	color: #fff;
}

.text-center .bootstrap-select.btn-group .btn .filter-option {
	text-align: center;
}

@media(max-width: 767px) {
	.text-center-xs {
		text-align: center;
	}
}
@media(max-width: 992px) {
	.text-center-sm {
		text-align: center;
	}
}
@media(max-width: 1199px) {
	.text-center-md {
		text-align: center;
	}
}

.text-justify {
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
			hyphens: auto;
}
@media(max-width: 767px) {
	.text-justify {
		text-align: center;
	}
}

@media(max-width: 767px) {
	.blog-content img,
	.blog-content iframe {
		max-width: 100%;
	}
}

.line-yellow {
	border-bottom: 2px solid #f2cb13 !important;
}
.line-1, .line-2, line-3, .line-4, .line-5, .line-6, .line-7, .line-8, .line-9, .line-10, .line-11, .line-12 {
	border-color: #fff;
	border-bottom: 2px solid #fff;
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
	.line-12 {
		width: 100%;
	}
	.line-11 {
		width: 91.6667%;
	}
	.line-10 {
		width: 83.3333%;
	}
	.line-9 {
		width: 75%;
	}
	.line-8 {
		width: 66.6667%;
	}
	.line-7 {
		width: 58.3333%;
	}
	.line-6 {
		width: 50%;
	}
	.line-5 {
		width: 41.6667%;
	}
	.line-55 {
		width: 45.8333%;
	}
	.line-4 {
		width: 33.3333%;
	}
	.line-3 {
		width: 25%;
	}
	.line-2 {
		width: 16.6667%;
	}
	.line-1 {
		width: 8.33333%;
	}
		.line-offset-12 {
			margin-left: 100%;
		}
		.line-offset-11 {
			margin-left: 91.6667%;
		}
		.line-offset-10 {
			margin-left: 83.3333%;
		}
		.line-offset-9 {
			margin-left: 75%;
		}
		.line-offset-8 {
			margin-left: 66.6667%;
		}
		.line-offset-7 {
			margin-left: 58.3333%;
		}
		.line-offset-6 {
			margin-left: 50%;
		}
		.line-offset-55 {
			margin-left: 45.8333%;
		}
		.line-offset-5 {
			margin-left: 41.6667%;
		}
		.line-offset-4 {
			margin-left: 33.3333%;
		}
		.line-offset-3 {
			margin-left: 25%;
		}
		.line-offset-2 {
			margin-left: 16.6667%;
		}
		.line-offset-1 {
			margin-left: 8.33333%;
		}
		.line-offset-0 {
			margin-left: 0;
		}

.list-inline-partner-top {

}
	@media(max-width: 767px) {
		.list-inline-partner,
		.list-inline-partner-top {
			margin-top: 15px;
		}
	}
	.list-inline-partner-top > li {
		padding: 0 0 5px;
		vertical-align: middle;
	}
	.list-inline-partner-top img {
		max-height: 35px;
		width: auto;
	}
		@media(max-width: 991px) {
			.list-inline-partner-top img {
				max-height: 22px;
			}
		}
		@media(max-width: 767px) {
			.list-inline-partner-top img {
				max-height: 18px;
			}
		}

	.list-inline-partner img {
		max-height: 42px;
		width: auto;
	}
		@media(max-width: 1199px) {
			.list-inline-partner img {
				max-height: 35px;
			}
		}
		@media(max-width: 991px) {
			.list-inline-partner img {
				max-height: 26px;
			}
		}
		@media(max-width: 767px) {
			.list-inline-partner img {
				/* max-height: none;
				max-width: 150px; */
				max-height: 18px;
			}
		}
	.list-inline-partner > li {
		margin-bottom: 15px;
	}
		@media(max-width: 767px) {
			.list-inline-partner > li {
				/* display: block; */
				margin-bottom: 12px;
				text-align: center;
			}
		}

.row.list-partner-mobile {
	margin-left: -7.5px;
	margin-right: -7.5px;
	margin-top: -50px;
}

.row.list-partner-mobile div {
	padding: 0 7.5px;
}
	.row.list-partner-mobile div .thumbnail {
		height: 8rem;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 15px;
		padding: 1.5rem 2rem;
		border: none;
		border-radius: 0;
		background-color: #494949;
	}
		.row.list-partner-mobile div .thumbnail img {
			max-height: 100%;
		}

		.row.list-partner-mobile div .thumbnail:hover,
		.row.list-partner-mobile div .thumbnail:active {
			transition: transform 0.2s ease;
			transform: scale(0.95);
			color: #fff;
		}
	
	.row.list-partner-mobile.list-partner-mobile-yellow {
		margin-top: 0;
	}
	
	.row.list-partner-mobile.list-partner-mobile-yellow div .thumbnail {
		background-color: #f2cb13;
	}

	.row.row.list-partner-mobile div .thumbnail b {
		flex-grow: 1;
	}

.list-socialshare {
	margin-top: 35px;
}
	.list-socialshare a,
	.list-socialshare a:hover,
	.list-socialshare a:focus, {
		color: #fff;
		text-decoration: none;
	}
	.list-socialshare > li {
		margin-right: 5px;
		padding: 5px 20px;
	}
	.list-socialshare > .facebook {
		border: 1px solid #3b5998;
		background-color: #3c5898;
	}
		.list-socialshare > .facebook:hover {
			background-color: #243d7f;
		}
	.list-socialshare > .twitter {
		border: 1px solid #6aadd1;
		background-color: #6aadd1;
	}
		.list-socialshare > .twitter:hover {
			background-color: #4e97c3;
		}
	.list-socialshare > .whatsapp {
		border: 1px solid #5EB52A;
		background-color: #56a61e;
	}
		.list-socialshare > .whatsapp:hover {
			background-color: #56a61e;
		}

a {
	color: #fff;
}
	a:focus, a:hover {
		color: #f2cb13;
		outline: 0 none;
	}
	a.active {
		text-decoration: underline;
	}

/* font-awesome */
a .fa-inverse,
.fa-inverse {
  color: #f2cb13;
}
.fa-6x {
	font-size: 6em;
}

.highlight {
	color: #f2cb13; /* rgb(242, 203, 19) */
}
	.highlight a {
		color: #f2cb13;
	}

a:focus .highlight,
a:hover .highlight {
	color: #fff;
}

.form-captcha { 
	display: none;}

.form-control {
	background: none;
	color: #fff;
	font-weight: 700;
	border-color: #f2cb13;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.form-control:focus {
	border-color: #f2cb13;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.form-control::-moz-placeholder {
	color: #f2cb13;
	opacity: .75;
}
.form-control.filled,
.form-control.filled::-moz-placeholder {
	background-color: #f2cb13;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #f2cb13;
	color: #000;
}

.form-inline .form-control,
.form-inline .form-control:focus {
	background-color: transparent;
	background-image: none;
	border: 1px solid #f2cb13;
	border-radius: 0;
	box-shadow: none;
	color: #f2cb13;
	width: 200px;
}

@media(max-width: 768px) {
	.form-register .form-group > div {
		margin-bottom: 15px;
	}
	.form-register .form-group > div:last-child {
		margin-bottom: 0;
	}
}

.btn-sph-outline {
	border-color: #f2cb13;
	border-radius: 0;
	/* color: #f2cb13; */
	font-family: Oswald, sans-serif;
	font-weight: 400;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	transition: all 0.15s ease-in-out;
}
	.btn-sph-outline:hover {
		background-color: #f2cb13;
		color: #000;
	}

.btn-sph {
	background-color: #f2cb13;
	border-color: #f2cb13;
	border-radius: 0;
	color: #000;
	font-family: Oswald, sans-serif;
	font-weight: 400;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
	.btn-sph:hover {
		background-color: #f2cb13;
		color: #000;
	}

	.btn-sph-xl {
		font-size: 22px;
		padding: 10px 15px;
	}

/* @media(min-width: 992px) {
	.btn-sph {
		background-image: url('../img/bg_navbar.jpg');
		background-repeat: repeat;
		background-position: 12% top;
	}
		.btn-sph:hover {
			background-position: 15% top;
		}
} */


.btn-long {
	padding: 4px 40px;
}

.col-sm-12.bootstrap-select {
	padding-left: 0;
	padding-right: 0;
}

h1.sph-headline {
	letter-spacing: 0;
}
	h1.sph-headline .text-handwritten {
		font-size: 5rem;
		vertical-align: middle;
	}

/* ==========================================================================
   SPH Music Masters - Dropdown
   ========================================================================== */
.dropdown-menu {
	background-color: #f2cb13;
	border-radius: 0;
	color: #000;
}


/* ==========================================================================
   SPH Music Masters - Navigation
   ========================================================================== */
.navbar-sph {
	background-color: #f2cb13;
	background-image: url('../img/bg_navbar.jpg');
	background-repeat: repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
}
@media(max-width: 767px) {
	.navbar-sph {
		background-position: center;
	}
}
	.navbar-nav {
		margin-left: 15px;
	}
		@media(max-width: 1199px) {
			.navbar-nav {
				margin-left: 50px;
			}
		}
		@media(max-width: 991px) {
			.navbar-nav {
				margin-left: 8px;
			}
		}
		@media(max-width: 767px) {
			.navbar-nav {
				margin: 7.5px -15px;
			}
		}

	.navbar-brand,
	.navbar-nav > li > a {
		text-shadow: none;
	}

	.navbar-brand {
		max-width: 245px;
		padding: 12px 0 12px 15px;
	}
		.navbar-brand img {
			height: 100%;
			width: auto;
		}

	.navbar-brand-small {
		display: none;
		max-width: 78px;
	}
	.navbar-brand-long {
		max-width: 245px;
	}
		@media(min-width: 768px) and (max-width: 1199px) {
			.navbar-brand-small {
				display: block;
			}
			.navbar-brand-long {
				display: none;
			}
		}

	.navbar-nav > li > a {
		border-right: 2px #000 solid;
		color: #000000;
		font-family: Oswald, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 15px;
		margin-bottom: 15px;
	}
		@media(max-width: 991px) {
			.navbar-nav > li > a {
				padding-left: 12px;
				padding-right: 12px;
			}
		}
		@media(max-width: 767px) {
			.navbar-nav > li > a {
				border-right: none;
				margin: 0;
				padding: 10px 15px;
				text-align: center;
			}
		}

	.navbar-nav > li:last-child > a {
		border-right: none;
	}
		.nav > li.active > a,
		.nav > li > a:hover,
		.nav > li > a:focus {
			background: none;
			color: #FFFFFF;
		}
		@media(max-width: 767px) {
			.nav > li > a:hover,
			.nav > li > a:focus {
				background-color: #FFFFFF;
				color: #000000;
			}
		}

	.navbar-toggle {
		background-color: #FFFFFF;
	}
		.navbar-toggle .icon-bar {
			border: 1px solid #000;
		}

	.navbar-collapse {
		max-height: 420px;
	}

.navbar-socialmedia-sm {
	display: none;
	padding: 10px 0;
	position: absolute;
	top: 0;
	right: 7px;
}
.navbar-socialmedia {
	padding: 11px 0;
}
	.navbar-socialmedia-sm a:focus,
	.navbar-socialmedia-sm a:hover,
	.navbar-socialmedia a:focus,
	.navbar-socialmedia a:hover {
		color: #000;
	}

	@media(max-width: 991px) {
		.navbar-socialmedia {
			/* position: absolute;
			top: 55px;
			right: 5px; */
			display: none;
		}
		.navbar-socialmedia-sm {
			display: block;
		}
	}
	@media(max-width: 767px) {
		.navbar-socialmedia-sm {
			right: 65px;
		}
	}
	/*
	@media(max-width: 767px) {
		.navbar-socialmedia {
			display: none;
		}
	} */

	.navbar-socialmedia-sm > ul,
	.navbar-socialmedia > ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.navbar-socialmedia-sm > ul > li,
		.navbar-socialmedia > ul > li {
			display: inline-block;
		}

/* Hide navbar on scroll on mobile */
@media only screen and (max-device-width: 992px) {
	#navbar {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
	}
	#navbar.scrolled {
    /* subtract your height */
    -webkit-transform: translate3d(0,-64px,0);
    -moz-transform: translate3d(0,-64px,0);
    transform: translate3d(0,-64px,0);
	}	
}

/* ==========================================================================
   SPH Music Masters - Teaser / Landing Page
	 ========================================================================== */  	 
.teaser {
	background-image: url('../img/teaser.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin-top: 50px; /* because nav-fixed-top */
	padding-bottom: 50px;
	text-align: center;
	width: 100%;
	height: auto;
}

	.teaser video {
		display: block;
		height: auto;
		position: relative;
		top: 0;
		visibility: visible;
		width: 100%;
	}

	.teaser.teaser-with-line {
		border-bottom: 5px solid #f2cb13;
		padding-bottom: 0;
	}

		.teaser .sph-logo {
			margin-top: 75px !important;
		}

		.teaser .sph-logo img {
			display: inline-block;
			max-width: 650px;
		}

	.teaser h1 {
		font-size: 32px;
		margin-bottom: 20px;
		letter-spacing: .5px;
	}
		.teaser h1.text-handwritten {
			font-size: 72px;
		}

	.teaser h2 {
		color: #fff;
		margin: 0 auto;
		padding: 30px 0 5px;

		font-size: 20px;
		margin-bottom: 10px;
	}
		.teaser h2 .text-handwritten {
			font-size: 225%;
			vertical-align: -15%;
		}

	@media(max-width:991px){
			.teaser .sph-logo img {
				max-width: 400px;
			}
		.teaser h1 {
			font-size: 30px;
		}
			.teaser h1 .text-handwritten {
				font-size: 65px;
			}
	}
	@media(max-width: 767px) {
		.teaser video {
			display: none;
		}

		.teaser .container {
			position: relative !important;
			top: auto !important;
		}

			.teaser .sph-logo img {
				max-width: 350px;
			}
		.teaser h1 {
			font-size: 24px;
		}
			.teaser h1 .text-handwritten {
				font-size: 45px;
			}
	}

	.teaser .fa {
		color: #fff;
	}

.bg-light {
	background-image: url('../img/bg_texture_light.jpg');
	background-color: #fff;
}

.section {
	padding-top: 60px;
	padding-bottom: 60px;
}

	.section .row,
	.section .container > .row,
	.section .container > .row:last-child {
		padding-top: 0;
		padding-bottom: 0;
	}

.parallax {
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.animated {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@media only screen and (max-device-width: 992px) {
  .parallax {
    background-attachment: scroll;
  }
}

#section-trailer {
	margin-top: -130px;
	background-image: url('../img/teaser.jpg');
	position: relative;
	display: block;
	z-index: 0;
	border-bottom: 5px solid #fff;
}

	#section-trailer > .background {
		background-color: #202020;
		opacity: .9;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
	}

	#section-trailer .container {
		z-index: 10;
	}

#section-register h1 {
	font-size: 55px;
	letter-spacing: -0.075rem;
}

#register-now .text-handwritten::before,
#register-now .text-handwritten::after,
#register-now::before,
#register-now::after {
	font-family: 'Oswald';
	font-weight: 700;
	color: #f2cb13;
	opacity: .5;
	font-size: 120%;
	position: relative;
}

@media(min-width: 450px) and (max-width: 992px) {
	#register-now .text-handwritten::before,
	#register-now .text-handwritten::after {
		top: 5px;
	}

	#register-now .text-handwritten::before {
		content: '>>> ';
	}
	#register-now .text-handwritten::after {
		content: ' <<<';
	}
}

@media(min-width: 992px) {
	#register-now::before, 
	#register-now::after {
		top: 3px;
	}
	#register-now::before {
		content: '>>>';
	}
	#register-now::after {
		content: '<<<';
	}
}

#section-sphfamilynews {
	border-bottom: 5px solid #fff;
}

#section-facts {
	background-image: url('../img/bg_section_facts.jpg');
	padding-bottom: 0;
}

#section-testimonials h3 {
	color: #000;
}

	#section-testimonials #content {
		font-weight: 300;
		line-height: 35px;
	}
	
	#section-testimonials #content::before,
	#section-testimonials #content::after {
		font-family: 'FontAwesome';
		color: #f2cb13;
		opacity: .5;
		font-size: 25px;
		position: relative;
	}

	#section-testimonials #content::before {
		content: '\f10e';
		top: 12px;
		right: -12px;
	}
	
	#section-testimonials #content::after {
		content: '\f10d';
		top: -12px;
		left: -12px;
	}

	@media(min-width: 768px) {
		#sectoin-testimonials #content {
			line-height: 45px;
		}
		#section-testimonials #content::before,
		#section-testimonials #content::after {
				font-size: 40px;
		}

		#section-testimonials #content::before {
			top: 30px;
		}
	}

#section-awards {
	background-image: url('../img/bg_section_awards.jpg');
	padding-bottom: 0;
	border-bottom: 5px solid #fff;
}

#section-newsletter {
	background-image: url('../img/bg_footer.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

	#section-newsletter div,
	#section-newsletter label,
	#section-newsletter h2 {
		color: #000;
	}

	#section-newsletter input {
		background-color: transparent;
		border: 1px solid #000;
		color: #202020;
	}
	#section-newsletter input::placeholder {
		color: #202020;
	}

@media(max-width: 992px) {
	#section-register h1 {
		font-size: 35px;
	}
}

.section-grid .section-grid-heading {
	margin-bottom: 80px;
}

.icon-grid {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

	.icon-grid .icon-grid-item h4 {
		font-weight: 200;
	}

	.icon-grid .icon-grid-item {
		width: 50%;
		height: 50vw;
		max-height: 300px;
		padding: 15px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		background-color: rgba(26, 26, 26, .9);
		transition: background-color 0.2s ease-in-out;
	}
	
	@media(max-width: 992px) {
		.icon-grid .icon-grid-item:nth-child(4n),
		.icon-grid .icon-grid-item:nth-child(4n+1) {
			background-color: rgba(35, 35, 34, .9);
		}
	}
	
	@media(min-width: 992px) {
		.icon-grid .icon-grid-item {
			width: 20%;
			height: 20vw;
			padding: 40px;
		}

		.icon-grid .icon-grid-item:nth-child(odd) {
			background-color: rgba(35, 35, 34, .9);
		}
	}

	.icon-grid .icon-grid-item:hover {
		text-decoration: none;
		background-color: rgba(242, 203, 19, .2);
	}
		.icon-grid .icon-grid-item:hover i {
			color: #f2cb13;
		}

#main {
	margin-top: 50px; /* because nav-fixed-top */
  margin-bottom: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.container > .row {
	border-bottom: 2px solid #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	/* padding-bottom: 50px; */
}
	.container > .row:last-child {
		border-bottom: none;
		padding-bottom: 20px;
	}
	.container > .row .row {
		margin-bottom: 25px;
	}
		.container > .row .row:last-child {
			margin-bottom: 0;
		}

	@media(max-width: 767px) {
		.container > .row .row {
			margin-bottom: 0;
		}
		.container > .row .row > .col-sm-12,
		.container > .row .row > .col-sm-4 {
			margin-bottom: 25px;
		}

		/* Using box-shadow for mobile borders allows for left and right margins on the border. */
		/* This is not possible with standard border-bottom */
		.container > .row {
			border-bottom: none;
			box-shadow: 0px 16px 0px -14px #fff;
		}
		.container > .row:last-child, .container > .row.noborder {
			box-shadow: none;
		}
	}


.container > .row .form-horizontal .row {
	margin-bottom: 0;
}

	@media(max-width: 767px) {
		.box-partner {
			display: none;
		}
		.box-shows {
			display: none;
		}
	}

	.box-partner .border-box > img,
	.box-partner .border-box > a > img {
		margin: 27.6px 0;
		max-height: 40px;
		max-width: 95%;
	}
		.box-partner .border-box > h5 {
			font-size: 12px;
		}
	@media(max-width: 1199px) {
		.box-partner .border-box > img,
		.box-partner .border-box > a > img {
			margin: 18.2px 0;
			max-width: 80%;
		}

		.box-partner .border-box > h5 {
			font-size: 9.5px;
		}
	}

	/*.box-partner img {
		margin: 12px 0;
		height: auto;
		max-height: 55px;
		max-width: 80%;
	} */

	.box-facts {
		border-color: #fff;
		border-left: 2px solid;
		border-right: 2px solid;
	}
	.box-facts h4 {
		padding: 15px 0;
	}
	@media(min-width: 768px) and (max-width: 991px) {
		.box-facts h4 {
			font-size: 14px;
			padding: 10px 0;
		}
	}


	.box-shows > .box-event {
		border-bottom: 2px #fff solid;
		padding: 15px 0;
		text-align: left;
	}
		.headline-label,
		.box-shows > .box-event > .box-label {
			-webkit-transform: skew(-15deg);
			   -moz-transform: skew(-15deg);
				    transform: skew(-15deg);

			background-color: #f2cb13;
			background-image: url('../img/bg_navbar.jpg');
			background-position: right;
			color: #000;
			font-weight: 700;
			letter-spacing: 0.6em;
			text-align: center;
			text-transform: uppercase;
			width: 100%;
		}
			.headline-label {
				letter-spacing: 0.25em;
			}

			@media(max-width: 991px) {
				.box-shows > .box-event > .box-label {
					letter-spacing: 0.3em;
				}
			}

		.box-shows > .box-event > .row {
			margin-bottom: 5px;
		}

		.box-shows > .box-event h2,
		.box-shows > .box-event h3,
		.box-shows > .box-event h4,
		.box-shows > .box-event h5,
		.box-shows > .box-event h6 {
			margin: 0;
		}
		.box-shows > .box-event h2 {
			font-size: 52px;
			letter-spacing: 0.04em;
		}
		.box-shows > .box-event h3 {
			font-size: 30px;
			letter-spacing: 0.065em;
		}
		.box-shows > .box-event h4 {
			margin-top: 7px;
			line-height: 20px;
		}
		.box-shows > .box-event .starring,
		.headline {
			text-align: center;
			position: relative;
		}
		.box-shows > .box-event h6 {
			font-size: 13.5px;
			margin-top: 3.5px;
		}
			.box-shows > .box-event .starring h6:before,
			.box-shows > .box-event .starring h6:after,
			.headline h6:before,
			.headline h6:after {
				content: "";
				display: block;
				position: absolute;
				height: 1px;
				border-top: 2px solid #f2cb13;
				left: 0;
				top: 0.55em;
				width: 23%;
			}
			.box-shows > .box-event .starring h6:after,
			.headline h6:after {
				right: 0;
				left: auto;
			}

		.box-shows > .box-event ul {
			list-style: none;
			padding-left: 0;
		}
			.box-shows > .box-event ul > li {
				border-bottom: 1px #fff solid;
				display: inline-block;
				font-weight: 700;
				font-size: 12px;
				margin-right: 1%;
				padding: 5px 0;
				text-align: center;
				text-transform: uppercase;
				width: 48%;
			}

		@media(max-width: 991px) {
			.box-shows > .box-event .row div:last-child {
				display: none;
			}
			.box-shows > .box-event ul > li {
				display: block;
				width: 100%;
			}
				.box-shows > .box-event ul > li:last-child {
					border-bottom: none;
				}
		}

		@media(max-width: 767px) {
			.box-shows > .box-event .row div {
				width: 100%;
			}

			.box-shows > .box-event .row {
				text-align: center;
			}
		}

	.col-pokal {
		/* height: 445px; */
		/* margin-top: 60px; */
	}
	/* @media(max-width: 1199px) {
		.col-pokal {
			margin-top: 14px;
		}
	} */

		.col-pokal .icon-pokal {
			margin: 0 auto;
			margin-top: 12px;
		}

		.col-pokal div > h3,
		.col-pokal div > h6 {
			margin-top: 3px;
			margin-bottom: 3px;
		}
			.col-pokal div > h3 > a.active {
				color: #f2cb13;
				text-decoration: underline;
			}

		/*
		.col-pokal div > h5 {
			margin-bottom: 5px;
			margin-top: 5px;
		}
			.col-pokal div > h5 > a.active {
				text-decoration: underline;
			}

		@media(min-width: 992px) and (max-width: 1199px) {
			.col-pokal div > h5 {
				font-size: 12px;
				letter-spacing: 1.75px;
			}
		}

		@media(max-width: 767px) {
			.col-pokal div > h5 {
				font-size: 10px;
				letter-spacing: 1.55px;
			}
		}

		.col-pokal .pokal-shows-west:after,
		.col-pokal .pokal-shows-north:after,
		.col-pokal .pokal-shows-south:before,
		.col-pokal .pokal-shows-east:before {
			content: "";
			height: 50px;
			left: 0;
			position: absolute;
		}
		.col-pokal .pokal-shows-west:after {
			border-bottom: 2px solid #f2cb13;
			border-left: 2px solid #f2cb13;
			margin-left: 62px;
			width: 30px;
		}
		.col-pokal .pokal-shows-north:after {
			border-bottom: 2px solid #f2cb13;
			border-right: 2px solid #f2cb13;
			margin-left: 32px;
			width: 30px;
		}
		.col-pokal .pokal-shows-south:before {
			border-top: 2px solid #f2cb13;
			border-left: 2px solid #f2cb13;
			margin-left: 62px;
			margin-top: -85px;
			height: 85px;
			width: 50px;
		}
		.col-pokal .pokal-shows-east:before {
			border-top: 2px solid #f2cb13;
			border-right: 2px solid #f2cb13;
			margin-left: 12px;
			margin-top: -85px;
			height: 85px;
			width: 50px;
		}

		@media(min-width: 992px) and (max-width: 1199px) {
			.col-pokal .pokal-shows-west:after,
			.col-pokal .pokal-shows-north:after {
				width: 50px;
			}
			.col-pokal .pokal-shows-south:before,
			.col-pokal .pokal-shows-east:before {
				width: 85px;
			}

			.col-pokal .pokal-shows-west:after,
			.col-pokal .pokal-shows-south:before {
				margin-left: 12px;
			}
			.col-pokal .pokal-shows-north:after {
				margin-left: 47px;
			}
			.col-pokal .pokal-shows-east:before {
				margin-left: 11px;
			}

			.col-pokal .pokal-shows-west h5,
			.col-pokal .pokal-shows-south h5 {
				text-align: left;
			}

			.col-pokal .pokal-shows-north h5,
			.col-pokal .pokal-shows-east h5 {
				text-align: right;
			}
		}

		/* @media(max-width: 1199px) {
			.col-pokal .pokal-shows-west:after,
			.col-pokal .pokal-shows-north:after {
				width: 5px;
			}
			.col-pokal .pokal-shows-north:after {
				margin-left: 57px;
			}
		} */
		/*
		@media(max-width: 991px) {
			.col-pokal .pokal-shows-west:after,
			.col-pokal .pokal-shows-north:after {
				width: 30px;
			}
			.col-pokal .pokal-shows-north:after {
				margin-left: 32px;
			}
		}

		@media(max-width: 767px) {
			.col-pokal .pokal-shows-west:after,
			.col-pokal .pokal-shows-north:after,
			.col-pokal .pokal-shows-south:before,
			.col-pokal .pokal-shows-east:before {
				border: none;
			}
		}
		*/

		.col-pokal .pokal-shows-universal {
			margin-top: 10.5px;
		}
			@media(max-width: 1199px) {
				.col-pokal .pokal-shows-universal {
					margin-top: 10.75px;
				}
			}


		/*
		.col-pokal .pokal-shows-west,
		.col-pokal .pokal-shows-north,
		.col-pokal .pokal-shows-south,
		.col-pokal .pokal-shows-east {
			position: absolute;
			top: 0;
		}
		.col-pokal .pokal-shows-west,
		.col-pokal .pokal-shows-north {
			/* margin-top: -5px; /* -85px */ /*
			margin-top: 30px;
		}
			@media(max-width: 991px) {
				.col-pokal .pokal-shows-west,
				.col-pokal .pokal-shows-north {
					margin-top: 20px;
				}
			}

		.col-pokal .pokal-shows-west,
		.col-pokal .pokal-shows-south {
			left: 0;
		}
		.col-pokal .pokal-shows-north,
		.col-pokal .pokal-shows-east {
			right: 0;
		}
		.col-pokal .pokal-shows-south,
		.col-pokal .pokal-shows-east {
			/* margin-top: -25px; *//*
			margin-top: 366px;
		}
		*/

	#show_results {
		overflow-y: auto;
		height: 445px;
	}
		@media(max-width: 1199px) {
			#show_results {
				height: 440px;
			}
		}

		@media(max-width: 991px) {
			#show_results {
				height: auto;
			}
		}


	.border-box {
		border: 2px solid #FFFFFF;
		text-align: center;
		vertical-align: middle;
		padding: 5px;
	}
		.border-box:focus > a > i,
		.border-box:hover > a > i,
		.border-box > a:focus > i,
		.border-box > a:hover > i {
			color: #f2cb13;
		}
		.border-box > a {
			display: block;
		}
		.border-box > i,
		.border-box > a > i {
			/* display: block; */
			margin: 20px 0;
		}
		.border-box > img,
		.border-box > a > img {
			max-width: 100%;
			width: auto;
			height: 50px;
			margin: 23px 0;
			/* margin: 45px 0; */
		}
			@media(max-width: 991px) {
				.border-box > img,
				.border-box > a > img {
					height: 35px;
				}
			}

		.border-box > h4 {
			font-size: 13.5px;
			line-height: 18px;
		}
		.border-box > h5 {
			font-size: 11.5px;
			line-height: 16px;
		}

		.border-box .img-circle {
			max-height: 150px;
		}

		.border-box > .border-box {
			border: 1px solid #f2cb13;
			min-height: 10px;
		}
			.border-box > .border-box > h5 {
				margin: 0;
			}
				.border-box > .border-box > h5 > a {
					display: block;
					text-decoration: none;
				}

		.border-box:hover > .border-box {
			background-color: #f2cb13;
		}
		.border-box:hover > .border-box > h5,
		.border-box:hover > .border-box > h5 > a {
			color: #fff;
		}

	.border-box-info {
		margin-bottom: 20px;
		text-align: left;
	}
		.border-box-info h4 {
			background-color: #f2cb13;
			background-image: url('../img/bg_footer.jpg');
			background-position: center bottom;
			background-repeat: repeat;
			background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			margin: 0;
			margin-bottom: 10px;
			padding: 3px 25px;
			color: #000;
		}
			.border-box-info h4 > span {
				color: #fff;
			}

	#contact_home .border-box {
		margin-bottom: 15px;
		border: 1px solid #f2cb13;
	}

.row.noborder {
	border: none;
}

.ajax-info {
	display: none;
	margin: 2px 0;
	text-align: center;
	text-transform: uppercase;
	color: #f2cb13;
}

#ajax-newsletter.form-horizontal input {
	text-align: center;
}

@media(max-width: 767px) {
	#ajax-newsletter input {
		text-align: center;
	}
}


/* ==========================================================================
   SPH Music Masters - INFO and SHOWS Teaser
   ========================================================================== */

.teaser_supportpackage .fa {
	color: #f2cb13;
}

.teaser_info,
.teaser_register,
.teaser_awards,
.teaser_shows,
.teaser_tickets,
.teaser_team,
.teaser_team_xmas,
.teaser_partner,
.teaser_faq,
.teaser_supportpackage,
.teaser_venues,
.teaser_blog,
.teaser_sampler {
	background-position: center;
}
	.teaser_sampler {
		margin-bottom: -50px;
	}
		.teaser_sampler img {
			display: inline-block;
		}

.teaser_info {
	background-image: url('../img/teaser_info.jpg');
}
.teaser_register {
	background-image: url('../img/teaser_register.jpg');
}
.teaser_awards {
	background-image: url('../img/teaser_awards.jpg');
}
.teaser_shows {
	background-image: url('../img/teaser_shows.jpg');
}
.teaser_tickets {
	background-image: url('../img/teaser_tickets.jpg');
}
.teaser_team {
	background-image: url('../img/teaser_team.jpg');
}
.teaser_team_xmas {
	background-image: url('../img/teaser_team_xmas.jpg');
}
.teaser_partner {
	background-image: url('../img/teaser_partner.jpg');
}
.teaser_faq {
	background-image: url('../img/teaser_faq.jpg');
}
.teaser_supportpackage {
	background-image: url('../img/teaser_supportpackage.jpg');
}
.teaser_venues {
	background-image: url('../img/teaser_venues.jpg');
}
.teaser_blog {
	background-image: url('../img/teaser_blog.jpg');
}
.teaser_sampler {
	background-image: url('../img/teaser_sampler.jpg');
}

.teaser_awards .container,
.teaser_blog .container,
.teaser_faq .container,
.teaser_info .container,
.teaser_partner .container,
.teaser_register .container,
.teaser_sampler .container,
.teaser_shows .container,
.teaser_supportpackage .container,
.teaser_team .container,
.teaser_team_xmas .container,
.teaser_tickets .container,
.teaser_venues .container {
	padding: 85px 0;
	/* padding-top: 140px; /* because nav-fixed-top */
}
/*.teaser_shows .container {
	padding: 60px 0;
	/* padding-top: 115px; /* because nav-fixed-top *//*
}*/
@media(max-width: 991px) {
	.teaser_awards .container,
	.teaser_blog .container,
	.teaser_faq .container,
	.teaser_info .container,
	.teaser_partner .container,
	.teaser_register .container,
	.teaser_sampler .container,
	.teaser_shows .container,
	.teaser_supportpackage .container,
	.teaser_team .container,
	.teaser_team_xmas .container,
	.teaser_tickets .container,
	.teaser_venues .container {
		padding: 65px 0;
		/* padding-top: 115px; /* because nav-fixed-top */
	}
	/* .teaser_shows .container {
		padding: 45px 0;
		/* padding-top: 95px; /* because nav-fixed-top *//*
	}*/
}
@media(max-width: 767px) {
	.teaser_awards .container,
	.teaser_blog .container,
	.teaser_faq .container,
	.teaser_info .container,
	.teaser_partner .container,
	.teaser_register .container,
	.teaser_sampler .container,
	.teaser_shows .container,
	.teaser_supportpackage .container,
	.teaser_team .container,
	.teaser_team_xmas .container,
	.teaser_tickets .container,
	.teaser_venues .container {
		padding: 40px 50px;
		/* padding-top: 80px; /* because nav-fixed-top */
	}
	/* .teaser_shows .container {
		padding: 20px 0;
		/* padding-top: 75px; /* because nav-fixed-top *//*
	} */
}

.teaser.teaser_home {
	min-height: calc(100vh - 50px); 
}

.teaser.teaser_home > .container {
	min-height: calc(100vh - 55px); 
	display: flex; 
	flex-direction: column; 
	justify-content: space-around;
}

@media(min-width: 992px) {
	.teaser.teaser_home > .container {
		justify-content: space-evenly;
	}
}

.teaser.teaser_home > .container > * {
	margin-top: 15px;
	margin-bottom: 15px;
}

.teaser.teaser_home > .container::before,
.teaser.teaser_home > .container::after {
	content: unset; /* undo clearfix hack for flexbox */
}

/* ==========================================================================
   SPH Music Masters - Rubrik Mitmachen / Register
   ========================================================================== */
.form-register .row > .col-md-6:first-child,
.form-sampler .row > .col-md-6:first-child {
	border-right: 2px #fff solid
}

@media(max-width: 991px) {
	.form-register .row > .col-md-6:first-child,
	.form-sampler .row > .col-md-6:first-child {
		border-right: 0;
	}
}

select {
	color: #000;
	width: 100%;
}

.bootstrap-select {
	width: 100%;
}

.teaser_shows .bootstrap-select {
	text-align: center;
}
.teaser_shows .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 180px;
}
	.teaser_shows .bootstrap-select > .btn {
		float: none;
		width: auto;
	}

#register_bandmembers {
	margin-top: 12px;
	/* margin-top: 89px; */
}

@media(max-width: 1199px) {
	#register_bandmembers {
		margin-top: 15px;
		/* margin-top: 88px; */
	}
}

@media(max-width: 991px) {
	#register_bandmembers {
		margin-top: 0;
	}
}


/* ==========================================================================
   SPH Music Masters - Rubrik SHOWS
   ========================================================================== */

.cart {
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
}

.cart > .row {
	margin-bottom: 5px !important;
}

.table-shows {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-transform: uppercase;
}
	.table-shows tr {
		cursor: pointer;
	}

		.table-shows td.show-date {
			width: 85px;
		}

	.table-shows > thead > tr > th,
	.table-shows > tbody > tr > th,
	.table-shows > tfoot > tr > th,
	.table-shows > thead > tr > td,
	.table-shows > tbody > tr > td,
	.table-shows > tfoot > tr > td {
		border-top: 0;
		border-bottom: 1px solid #f2cb13;
		font-weight: 700;
		padding: 4px 2px 3px 2px;
	}

	.table-shows tr:hover,
	.table-shows > thead > tr > td.active,
	.table-shows > tbody > tr > td.active,
	.table-shows > tfoot > tr > td.active,
	.table-shows > thead > tr > th.active,
	.table-shows > tbody > tr > th.active,
	.table-shows > tfoot > tr > th.active,
	.table-shows > thead > tr.active > td,
	.table-shows > tbody > tr.active > td,
	.table-shows > tfoot > tr.active > td,
	.table-shows > thead > tr.active > th,
	.table-shows > tbody > tr.active > th,
	.table-shows > tfoot > tr.active > th {
		background-color: #f2cb13;
	}

		.table-shows td:last-child {
			font-weight: 700;
			text-align: right;
		}

		.table-shows > thead > tr.active > td:last-child,
		.table-shows > tbody > tr.active > td:last-child,
		.table-shows > tfoot > tr.active > td:last-child,
		.table-shows > thead > tr.active > th:last-child,
		.table-shows > tbody > tr.active > th:last-child,
		.table-shows > tfoot > tr.active > th:last-child,
		.table-shows tr:hover td:last-child {
			color: #000;
		}

.container > .row .row-show-details {
	margin-bottom: 5px;
}
	.container > .row .row-show-details > .col-md-4 {
		margin-bottom: 0;
	}
		.container > .row .row-show-details h4 {
			margin: 0;
		}


/* ==========================================================================
   SPH Music Masters - Rubrik Partner
   ========================================================================== */
#partner-banner > .row {
	margin: 8px 0;
}

@media(max-width: 991px) {
	#partner-banner,
	#partner-video {
		display: none;
	}
}

@media(max-width: 767px) {
	#partner-special {
		display: none;
	}
}

/* ==========================================================================
   SPH Music Masters - Footer
   ========================================================================== */

#footer-supporter {
	background-image: url('../img/bg_section_footer_supporter.jpg');
}

#footer-supporter ul.list-inline-partner > li {
	margin: 15px 0;
}

.footer {
	background-color: #f2cb13;
	background-image: url('../img/bg_footer_mobile.jpg');
	background-repeat: repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #000;
	padding: 50px 0;
}
@media(min-width: 768px) {
	.footer {
		background-image: url('../img/bg_footer.jpg');
	}
}
	.footer .row {
		border-bottom: none;
	}
	.footer .row:last-child {
		font-size: 12px;
	}

		.footer .row-footer-links > div {
			border-right: 2px #fff solid;
			height: 220px;
		}
			.footer .row-footer-links > div:first-child {
				border-left: 2px #fff solid;
			}

		.footer .row:last-child > div {
			border: none;
		}
		@media(max-width: 991px) {
			.footer .row:last-child p {
				font-size: 12px;
			}
		}

		@media(max-width: 767px) {
			.footer .row {
				padding-top: 30px;
				padding-bottom: 10px;
			}
				.footer .row > div,
				.footer .row > div:first-child {
					border: none;
					height: auto;
				}
		}

		.footer ul {
			list-style: none;
			padding-left: 5px;
			text-align: center;
		}
			.footer a,
			.footer ul > li > a {
				color: #000;
				font-weight: 700;
				text-transform: uppercase;
			}

			.footer ul > li.headline,
			.footer ul > li.headline > a {
				color: #fff;
				font-weight: 700;
				margin-top: 20px;
				text-transform: uppercase;
			}
			
			@media(min-width: 768px) {
				.footer ul > li.headline,
				.footer ul > li.headline > a {
					margin-top: 0;
					margin-bottom: 15px;
				}
			}


.cookie-info {
	background-color: #f2cb13;
	border-top: 1px solid #151515;
	color: #151515;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
	.cookie-info p {
		margin-top: 10px;
	}


/* ==========================================================================
   SPH Music Masters - Headlines
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	color: #FFFFFF;
	font-family: Oswald, sans-serif;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: uppercase;
}

h1, .h1 {
	font-size: 72px;
	margin-bottom: 20px;
}

h2, .h2 {
	font-size: 48px;
	margin-bottom: 15px;
}

h3, .h3 {
	font-size: 22px;
	line-height: 30px;
}

h4, .h4 {
	font-size: 17px;
	line-height: 26px;
}

	@media(max-width: 1199px){
		h1, .h1 {
			font-size: 60px;
		}

		h2, .h2 {
			font-size: 38px;
		}
		h4, .h4 {
			font-size: 18px;
		}
	}
	@media(max-width: 991px){
		h1, .h1 {
			font-size: 60px;
		}

		h2, .h2 {
			font-size: 38px;
		}

		h3, .h3 {
			font-size: 18px;
		}

		h4, .h4 {
			font-size: 16px;
		}
	}


/* ==========================================================================
   SPH Music Masters - Startpage / Box Anmelden
   ========================================================================== */

.row-register-trailer .col-line {
	border-left: 2px solid #fff;
	min-height: 290px;
}
.row-register-trailer h2 {
	font-size: 32px;
	margin-top: 0;
}
@media(max-width:991px) {
	.row-register-trailer h2 {
		font-size: 30px;
	}
}

.box-register {
	text-align: justify;
	padding-left: 30px;
	padding-right: 30px;
}
	.box-register h1,
	.box-register h2 {
		margin-top: 0;
		margin-bottom: 8px;
		text-align: center !important;
	}

	.box-register h1.register {
		letter-spacing: 0.055em;
	}

	.box-register h2 {
		font-size: 44px !important;
		font-weight: 400;
		letter-spacing: 0.078em;
	}

	.box-register h1.rocken {
		letter-spacing: 0.015em;
	}

@media(max-width:1199px) {
	.box-register h1,
	.box-register h2 {
		margin-bottom: 21px;
	}
	.box-register h1 {
		font-size: 75px;
	}
	.box-register h2 {
		font-size: 52px !important;
	}
}

@media(max-width:991px) {
	.box-register {
		text-align: center;
	}
	.box-register h1,
	.box-register h2 {
		margin-bottom: 15px;
	}
	.box-register h1 {
		font-size: 60px;
	}
	.box-register h2 {
		font-size: 40px !important;
	}
}

@media(max-width:767px) {
	.box-register {
		border-bottom: 2px solid #fff;
		margin-bottom: 35px;
		padding-bottom: 35px;
	}
}


.row-facts > div:first-child {
	border-right: 2px solid #fff;
	padding-right: 45px;
	text-align: right;
}
.row-facts > div:last-child {
	padding-left: 45px;
}
.row-facts .fa {
	margin-top: 5px;
}
@media(max-width: 1199px) {
	.row-facts h4 {
		font-size: 16px;
		line-height: 24px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.row-facts h4 {
		font-size: 14px;
		line-height: 22px;
	}
}
@media(max-width: 991px) {
	.row-facts > div {
		border-right: none !important;
		text-align: center !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.row-facts .fa {
		margin-top: 0 !important;
	}
	/* .row-facts > .col-sm-6 > .row {
		margin-bottom: 25px !important;
	} */
	.row-facts .text-center {
		margin-bottom: 25px;
	}
}

.row-bestartistaward .border-box > img,
.row-bestartistaward .border-box > a > img,
.row-prizes .border-box > img,
.row-prizes .border-box > a > img {
	max-width: 80%;
	height: 35px;
}
.row-prizes .border-box > .border-box > h5 {
	font-size: 13px;
}

.row-bestartistaward h3 {
	-webkit-transform: skew(-15deg);
	   -moz-transform: skew(-15deg);
			transform: skew(-15deg);
	background-color: #f2cb13;
	color: #000;
	margin: 0 auto;
	padding: 7px 0 5px;
	font-size: 16px;
	margin-bottom: 20px;
	margin-left: 8px;
}
@media(max-width: 991px) {
	.row-bestartistaward h3 {
		-webkit-transform: skew(0deg);
		   -moz-transform: skew(0deg);
				transform: skew(0deg);
		font-size: 14px;
		margin-left: 0;
		margin-bottom: 0;
	}
}
@media(max-width: 767px) {
	.row-prizes .col-sm-3,
	.row-bestartistaward .col-sm-3 {
		margin-bottom: 25px;
	}
}

/* ==========================================================================
   SPH Music Masters - Why Online Voting?
   ========================================================================== */
.row-whyonlinevoting .row {
	margin-top: 35px;
	margin-bottom: 35px !important;
}
	.row-whyonlinevoting .row > div:first-child {
		text-align: right;
	}
	.row-whyonlinevoting .row > div:last-child {
		text-align: left;
	}
	.row-whyonlinevoting h3 {
		margin: 2px 0;
	}

@media(max-width: 767px) {
	.row-whyonlinevoting .row > div,
	.row-whyonlinevoting h3 {
		margin: 0 !important;
		text-align: center !important;
	}
}


/* ==========================================================================
   SPH Music Masters - FAQ
   ========================================================================== */
.faq {
	/* text-align: center; */
}
	.faq h4 {
		cursor: pointer;
		margin-bottom: 5px;
		padding-top: 15px;
	}

/* ==========================================================================
   SPH Selfmade Icons
   ========================================================================== */
.fa-sph-cd,
.fa-sph-cds,
.fa-sph-equipment,
.fa-sph-guitar,
.fa-sph-guitarhead,
.fa-sph-merch,
.fa-sph-brush,
.fa-sph-drumhead,
.fa-sph-pants,
.fa-sph-pick,
.fa-sph-printer,
.fa-sph-wallet-euro,
.fa-sph-wallet-dollar,
.fa-sph-wallet-pound,
.fa-sph-handshake,
.fa-sph-party,
.fa-sph-vote,
.fa-sph-award,
.fa-sph-clock,
.fa-sph-lock,
.fa-sph-mail,
.fa-sph-smartphone,
.fa-sph-web,
.fa-sph-round-1,
.fa-sph-round-2,
.fa-sph-round-3,
.fa-sph-round-4,
.fa-sph-round-5,
.fa-sph-round-6,
.fa-sph-support {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	height: 12px;
	width: 14px;
}

.fa-2x.fa-sph-cd,
.fa-2x.fa-sph-cds,
.fa-2x.fa-sph-equipment,
.fa-2x.fa-sph-guitar,
.fa-2x.fa-sph-guitarhead,
.fa-2x.fa-sph-merch,
.fa-2x.fa-sph-brush,
.fa-2x.fa-sph-drumhead,
.fa-2x.fa-sph-pants,
.fa-2x.fa-sph-pick,
.fa-2x.fa-sph-printer,
.fa-2x.fa-sph-wallet-euro,
.fa-2x.fa-sph-wallet-dollar,
.fa-2x.fa-sph-wallet-pound,
.fa-2x.fa-sph-handshake,
.fa-2x.fa-sph-party,
.fa-2x.fa-sph-vote,
.fa-2x.fa-sph-award,
.fa-2x.fa-sph-clock,
.fa-2x.fa-sph-lock,
.fa-2x.fa-sph-mail,
.fa-2x.fa-sph-smartphone,
.fa-2x.fa-sph-web,
.fa-2x.fa-sph-round-1,
.fa-2x.fa-sph-round-2,
.fa-2x.fa-sph-round-3,
.fa-2x.fa-sph-round-4,
.fa-2x.fa-sph-round-5,
.fa-2x.fa-sph-round-6,
.fa-2x.fa-sph-support {
	height: 28px;
	width: 28px;
}

.fa-3x.fa-sph-cd,
.fa-3x.fa-sph-cds,
.fa-3x.fa-sph-equipment,
.fa-3x.fa-sph-guitar,
.fa-3x.fa-sph-guitarhead,
.fa-3x.fa-sph-merch,
.fa-3x.fa-sph-brush,
.fa-3x.fa-sph-drumhead,
.fa-3x.fa-sph-pants,
.fa-3x.fa-sph-pick,
.fa-3x.fa-sph-printer,
.fa-3x.fa-sph-wallet-euro,
.fa-3x.fa-sph-wallet-dollar,
.fa-3x.fa-sph-wallet-pound,
.fa-3x.fa-sph-handshake,
.fa-3x.fa-sph-party,
.fa-3x.fa-sph-vote,
.fa-3x.fa-sph-award,
.fa-3x.fa-sph-clock,
.fa-3x.fa-sph-lock,
.fa-3x.fa-sph-mail,
.fa-3x.fa-sph-smartphone,
.fa-3x.fa-sph-web,
.fa-3x.fa-sph-round-1,
.fa-3x.fa-sph-round-2,
.fa-3x.fa-sph-round-3,
.fa-3x.fa-sph-round-4,
.fa-3x.fa-sph-round-5,
.fa-3x.fa-sph-round-6,
.fa-3x.fa-sph-support {
	height: 42px;
	width: 42px;
}

.fa-4x.fa-sph-cd,
.fa-4x.fa-sph-cds,
.fa-4x.fa-sph-equipment,
.fa-4x.fa-sph-guitar,
.fa-4x.fa-sph-guitarhead,
.fa-4x.fa-sph-merch,
.fa-4x.fa-sph-brush,
.fa-4x.fa-sph-drumhead,
.fa-4x.fa-sph-pants,
.fa-4x.fa-sph-pick,
.fa-4x.fa-sph-printer,
.fa-4x.fa-sph-wallet-euro,
.fa-4x.fa-sph-wallet-dollar,
.fa-4x.fa-sph-wallet-pound,
.fa-4x.fa-sph-handshake,
.fa-4x.fa-sph-party,
.fa-4x.fa-sph-vote,
.fa-4x.fa-sph-award,
.fa-4x.fa-sph-clock,
.fa-4x.fa-sph-lock,
.fa-4x.fa-sph-mail,
.fa-4x.fa-sph-smartphone,
.fa-4x.fa-sph-web,
.fa-4x.fa-sph-round-1,
.fa-4x.fa-sph-round-2,
.fa-4x.fa-sph-round-3,
.fa-4x.fa-sph-round-4,
.fa-4x.fa-sph-round-5,
.fa-4x.fa-sph-round-6,
.fa-4x.fa-sph-support {
	height: 56px;
	width: 56px;
}

.fa-5x.fa-sph-cd,
.fa-5x.fa-sph-cds,
.fa-5x.fa-sph-equipment,
.fa-5x.fa-sph-guitar,
.fa-5x.fa-sph-guitarhead,
.fa-5x.fa-sph-merch,
.fa-5x.fa-sph-brush,
.fa-5x.fa-sph-drumhead,
.fa-5x.fa-sph-pants,
.fa-5x.fa-sph-pick,
.fa-5x.fa-sph-printer,
.fa-5x.fa-sph-wallet-euro,
.fa-5x.fa-sph-wallet-dollar,
.fa-5x.fa-sph-wallet-pound,
.fa-5x.fa-sph-handshake,
.fa-5x.fa-sph-party,
.fa-5x.fa-sph-vote,
.fa-5x.fa-sph-award,
.fa-5x.fa-sph-clock,
.fa-5x.fa-sph-lock,
.fa-5x.fa-sph-mail,
.fa-5x.fa-sph-smartphone,
.fa-5x.fa-sph-web,
.fa-5x.fa-sph-round-1,
.fa-5x.fa-sph-round-2,
.fa-5x.fa-sph-round-3,
.fa-5x.fa-sph-round-4,
.fa-5x.fa-sph-round-5,
.fa-5x.fa-sph-round-6,
.fa-5x.fa-sph-support {
	height: 65px;
	width: 65px;
}

.fa-sph-cd {
	background-image: url('../img/icon-sph-cd.png');
}
	.highlight .fa-sph-cd,
	.border-box:focus > a > .fa-sph-cd,
	.border-box:hover > a > .fa-sph-cd,
	.border-box > a:focus > .fa-sph-cd, 
	.border-box > a:hover > .fa-sph-cd {
		background-image: url('../img/icon-sph-cd-hover.png');
	}

.fa-sph-cds {
	background-image: url('../img/icon-sph-cds.png');
}
	.highlight .fa-sph-cds,
	.border-box:focus > a > .fa-sph-cds,
	.border-box:hover > a > .fa-sph-cds,
	.border-box > a:focus > .fa-sph-cds, 
	.border-box > a:hover > .fa-sph-cds {
		background-image: url('../img/icon-sph-cds-hover.png');
	}

.fa-sph-equipment {
	background-image: url('../img/icon-sph-equipment.png');
}
	.highlight .fa-sph-equipment,
	.border-box:focus > a > .fa-sph-equipment,
	.border-box:hover > a > .fa-sph-equipment,
	.border-box > a:focus > .fa-sph-equipment, 
	.border-box > a:hover > .fa-sph-equipment {
		background-image: url('../img/icon-sph-equipment-hover.png');
	}

.fa-sph-guitar {
	background-image: url('../img/icon-sph-guitar.png');
}
	.highlight .fa-sph-guitar,
	.border-box:focus > a > .fa-sph-guitar,
	.border-box:hover > a > .fa-sph-guitar,
	.border-box > a:focus > .fa-sph-guitar, 
	.border-box > a:hover > .fa-sph-guitar {
		background-image: url('../img/icon-sph-guitar-hover.png');
	}

.fa-sph-guitarhead {
	background-image: url('../img/icon-sph-guitarhead.png');
}
	.highlight .fa-sph-guitarhead,
	.border-box:focus > a > .fa-sph-guitarhead,
	.border-box:hover > a > .fa-sph-guitarhead,
	.border-box > a:focus > .fa-sph-guitarhead, 
	.border-box > a:hover > .fa-sph-guitarhead {
		background-image: url('../img/icon-sph-guitarhead-hover.png');
	}

.fa-sph-merch {
	background-image: url('../img/icon-sph-merch.png');
}
	.highlight .fa-sph-merch,
	.border-box:focus > a > .fa-sph-merch,
	.border-box:hover > a > .fa-sph-merch,
	.border-box > a:focus > .fa-sph-merch, 
	.border-box > a:hover > .fa-sph-merch {
		background-image: url('../img/icon-sph-merch-hover.png');
	}

.fa-sph-brush {
	background-image: url('../img/icon-sph-brush.png');
}
	.highlight .fa-sph-brush,
	.border-box:focus > a > .fa-sph-brush,
	.border-box:hover > a > .fa-sph-brush,
	.border-box > a:focus > .fa-sph-brush, 
	.border-box > a:hover > .fa-sph-brush {
		background-image: url('../img/icon-sph-brush-hover.png');
	}

.fa-sph-drumhead {
	background-image: url('../img/icon-sph-drumhead.png');
}
	.highlight .fa-sph-drumhead,
	.border-box:focus > a > .fa-sph-drumhead,
	.border-box:hover > a > .fa-sph-drumhead,
	.border-box > a:focus > .fa-sph-drumhead, 
	.border-box > a:hover > .fa-sph-drumhead {
		background-image: url('../img/icon-sph-drumhead-hover.png');
	}

.fa-sph-pants {
	background-image: url('../img/icon-sph-pants.png');
}
	.highlight .fa-sph-pants,
	.border-box:focus > a > .fa-sph-pants,
	.border-box:hover > a > .fa-sph-pants,
	.border-box > a:focus > .fa-sph-pants, 
	.border-box > a:hover > .fa-sph-pants {
		background-image: url('../img/icon-sph-pants-hover.png');
	}

.fa-sph-pick {
	background-image: url('../img/icon-sph-pick.png');
}
	.highlight .fa-sph-pick,
	.border-box:focus > a > .fa-sph-pick,
	.border-box:hover > a > .fa-sph-pick,
	.border-box > a:focus > .fa-sph-pick, 
	.border-box > a:hover > .fa-sph-pick {
		background-image: url('../img/icon-sph-pick-hover.png');
	}

.fa-sph-printer {
	background-image: url('../img/icon-sph-printer.png');
}
	.highlight .fa-sph-printer,
	.border-box:focus > a > .fa-sph-printer,
	.border-box:hover > a > .fa-sph-printer,
	.border-box > a:focus > .fa-sph-printer, 
	.border-box > a:hover > .fa-sph-printer {
		background-image: url('../img/icon-sph-printer-hover.png');
	}

.fa-sph-wallet-euro {
	background-image: url('../img/icon-sph-wallet-euro.png');
}
	.highlight .fa-sph-wallet-euro,
	.border-box:focus > a > .fa-sph-wallet-euro,
	.border-box:hover > a > .fa-sph-wallet-euro,
	.border-box > a:focus > .fa-sph-wallet-euro, 
	.border-box > a:hover > .fa-sph-wallet-euro {
		background-image: url('../img/icon-sph-wallet-euro-hover.png');
	}

.fa-sph-wallet-dollar {
	background-image: url('../img/icon-sph-wallet-dollar.png');
}
	.highlight .fa-sph-wallet-dollar,
	.border-box:focus > a > .fa-sph-wallet-dollar,
	.border-box:hover > a > .fa-sph-wallet-dollar,
	.border-box > a:focus > .fa-sph-wallet-dollar, 
	.border-box > a:hover > .fa-sph-wallet-dollar {
		background-image: url('../img/icon-sph-wallet-dollar-hover.png');
	}

.fa-sph-wallet-pound {
	background-image: url('../img/icon-sph-wallet-pound.png');
}
	.highlight .fa-sph-wallet-pound,
	.border-box:focus > a > .fa-sph-wallet-pound,
	.border-box:hover > a > .fa-sph-wallet-pound,
	.border-box > a:focus > .fa-sph-wallet-pound, 
	.border-box > a:hover > .fa-sph-wallet-pound {
		background-image: url('../img/icon-sph-wallet-pound-hover.png');
	}

.fa-sph-handshake {
	background-image: url('../img/icon-sph-handshake.png');
}
	.highlight .fa-sph-handshake,
	.border-box:focus > a > .fa-sph-handshake,
	.border-box:hover > a > .fa-sph-handshake,
	.border-box > a:focus > .fa-sph-handshake, 
	.border-box > a:hover > .fa-sph-handshake {
		background-image: url('../img/icon-sph-handshake-hover.png');
	}	

.fa-sph-party {
	background-image: url('../img/icon-sph-party.png');
}
	.highlight .fa-sph-party,
	.border-box:focus > a > .fa-sph-party,
	.border-box:hover > a > .fa-sph-party,
	.border-box > a:focus > .fa-sph-party, 
	.border-box > a:hover > .fa-sph-party {
		background-image: url('../img/icon-sph-party-hover.png');
	}

.fa-sph-vote {
	background-image: url('../img/icon-sph-vote.png');
}
	.highlight .fa-sph-vote,
	.border-box:focus > a > .fa-sph-vote,
	.border-box:hover > a > .fa-sph-vote,
	.border-box > a:focus > .fa-sph-vote, 
	.border-box > a:hover > .fa-sph-vote {
		background-image: url('../img/icon-sph-vote-hover.png');
	}

.fa-sph-award {
	background-image: url('../img/icon-sph-award.png');
}
.fa-sph-clock {
	background-image: url('../img/icon-sph-clock.png');
}
.fa-sph-lock {
	background-image: url('../img/icon-sph-lock.png');
}
.fa-sph-mail {
	background-image: url('../img/icon-sph-mail.png');
}
.fa-sph-smartphone {
	background-image: url('../img/icon-sph-smartphone.png');
}
.fa-sph-web {
	background-image: url('../img/icon-sph-web.png');
}
.fa-sph-support {
	background-image: url('../img/icon-sph-support.png');
}
	.highlight .fa-sph-support,
	.border-box:focus > a > .fa-sph-support,
	.border-box:hover > a > .fa-sph-support,
	.border-box > a:focus > .fa-sph-support, 
	.border-box > a:hover > .fa-sph-support {
		background-image: url('../img/icon-sph-support-hover.png');
	}

.fa-sph-round-1 {
	background-image: url('../img/icon-sph-round-1.png');
	height: 65px;
	width: 65px;
}
.fa-sph-round-2 {
	background-image: url('../img/icon-sph-round-2.png');
	height: 65px;
	width: 65px;
}
.fa-sph-round-3 {
	background-image: url('../img/icon-sph-round-3.png');
	height: 65px;
	width: 65px;
}
.fa-sph-round-4 {
	background-image: url('../img/icon-sph-round-4.png');
	height: 65px;
	width: 65px;
}
.fa-sph-round-5 {
	background-image: url('../img/icon-sph-round-5.png');
	height: 65px;
	width: 65px;
}
.fa-sph-round-6 {
	background-image: url('../img/icon-sph-round-6.png');
	height: 65px;
	width: 65px;
}

.icon-pokal {
	background-image: url('../img/icon-pokal.png');
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 200px;
	width: 177.5px;
}

.fa-logo {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	margin: 20px 0;
	height: 65px;
	width: 100px;
}

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
/* ==========================================================================
   CHECKBOX // RADIO Buttons
   ========================================================================== */
.radio-inline, .checkbox-inline {
	padding-left: 5px;
}

input[type="radio"],
input[type="checkbox"] {
	display:none;
}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
	font-family: 'FontAwesome';
	display: inline-block;
	letter-spacing: 10px;
	/*padding-right: 3px;
	font-size: 20px;*/
}

input[type="radio"] + label:before {
	color: #fff;
  content: "\f111"; /* circle */
}
input[type="radio"]:checked + label:before {
	color: #fff;
  content: "\f10c"; /* circle-blank */
}

input[type="checkbox"] + label:before {
	content: "\f096"; /* check-empty */
}
input[type="checkbox"]:checked + label:before {
	content: "\f046"; /* check */
	letter-spacing: 8px;
}


.page-has-alert #info {
	background-color: #cc0000;
	color: #fff;
	padding: 10px 0;
}
	.page-has-alert #info .close {
		color: #fff;
		opacity: 1;
		text-shadow: none;
	}
.page-has-alert .navbar-sph {
	position: relative !important;
}
.page-has-alert .teaser {
	margin-top: 0;
}

.ticket-tabs {
	margin: 4rem 0 2rem 0;
	border: 0;
}

.nav-tabs>li {
	width: 50%;
	text-align: center;
}

.nav-tabs>li>a {
	border-radius: 0px;
	font-family: Oswald, sans-serif;
	font-weight: 400;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #f2cb13;
	border-color: #f2cb13;
	background-color: none;
	margin: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #000;
	background-color: #f2cb13;
	border: 1px solid #f2cb13 !important;
}

.align-middle {
	vertical-align: middle;
}

.hidden {
	display: none;
}

.visuallyhidden {
	opacity: 0;
}

#qr-shaded-region + div{
	color:#202020;
}

#scannermockup {
	background-color: #000;
	height: auto;
	max-width: 100%;
}