html {
	overflow-x: hidden!important;
}
body {
	background-color: #000!important;
	font-family: 'Open Sans', serif!important;
	background-image: url(../img/body-bg-smaller-min.png); 
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	overflow-x: hidden!important;
}

p {
	color: white!important;
}
.strook1 {
	border: 2px solid white;
	padding: 6px!important;
}

.strook2 {
	border: 2px solid white;
	padding: 6px;
}

.strook3 {
	border: 2px solid white;
	padding: 6px;
}

.foto-home {
	max-width: 100%;
}

.navbar-default {
	border-radius: 0px!important;
	background: #000!important;
	border: none!important;
}

.navbar-default .navbar-nav > li > a {
	font-family: 'Montserrat', serif;
	font-size: 14px;
	font-weight: 700;
	color: #fff!important;
	text-transform: uppercase;
	
}

.navbar-default .navbar-brand {
    color: #FFF!important;
    text-transform: uppercase;
    font-weight: 700;
}

.spotify-block {
	background: rgb(24, 24, 24) none repeat scroll 0% 0%;
margin-top: 20px;
border-radius: 3px 0px 0px 3px;
min-height: 583px!important;
}

.facebook-block {
	background: white none repeat scroll 0% 0%;
	margin-top: 20px;
	min-height: 583px!important;
}

.gigs-block {
	background: rgb(24, 24, 24) none repeat scroll 0% 0%;
margin-top: 20px;
min-height: 583px!important;
border-radius: 0px 3px 3px 0px;
}

.gigs-block-big {
	background: rgb(24, 24, 24) none repeat scroll 0% 0%;
margin-top: 20px;
min-height: auto!important;
border-radius: 0px 3px 3px 0px;
}

.spotify-block-music {
	background: rgb(24, 24, 24) none repeat scroll 0% 0%;
margin-top: 0px;
border-radius: 3px 0px 0px 3px;
}

.music-container {
	background: rgb(24, 24, 24) none repeat scroll 0% 0%;
	padding-bottom: 30px;
}

.facebook-block-music {
	background: white none repeat scroll 0% 0%;
	margin-top: 0px;
}

.gigs-block-music {
	background: rgb(24, 24, 24) none repeat scroll 0% 0%;
margin-top: 0px;
min-height: 854px !important;
border-radius: 0px 3px 3px 0px;
}


.gigs-block p {
	color: white;

}

.gigs-block-music h4 {
	    padding-top: 20px!important;
    margin-top: 0px!important;
}

.social-icons {
	width: 24px;
}

.link-1 {
	border-bottom: 4px solid #000;
	
	color: #fff;
	 -webkit-transition: border-bottom 0.5s, color 0.5s; /* Safari */
    transition: border-bottom 0.5s, color 0.5s;
}

.active {
	background: #000!important;
	border-bottom: 4px solid #e62e2c;
}

.link-1:hover {
	border-bottom: 4px solid #e62e2c;
	 opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.social-icons:hover {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.titel-groot {
	background:rgb(24, 24, 24) none repeat scroll 0% 0%;
	padding-bottom: 20px;
}

.titel h4 {
	padding-top: 20px!important;
    margin-top: 0px!important;
}

h1 {
	font-family: 'Open Sans', serif!important;
	font-weight: 800!important;
	color: white !important;
	text-align: center;
	padding-top: 20px!important;
}

h2 {
	font-family: 'Open Sans', serif!important;
	font-weight: 800!important;
	border-bottom: 1px solid #181818;
	border-bottom: 1px solid #FFF;
	color: white !important;
}

h3 {
	font-family: 'Open Sans', serif!important;
	font-weight: 800!important;
	border-bottom: 1px solid #181818;
	border-bottom: 1px solid #FFF;
	color: white !important;
	margin-bottom:20px!important; 
}

h4 {
	font-family: 'Open Sans', serif!important;
	font-weight: 800!important;
	border-bottom: 1px solid #181818;
	border-bottom: 1px solid #FFF;
	color: white !important;
}

.gig {
	height: 70px;
border-bottom: 1px solid rgb(255, 255, 255);
color: white;
}

.gig-big {
	height: 70px;
border-bottom: 1px solid rgb(255, 255, 255);
color: white;
margin-bottom: 10px;
}

.datum {
	float: left;
	height: 100%;
	margin-right: 20px;
}

.locatie {
	float: left;
	height: 100%;
}

.dag {
	font-size: 48px;
	font-weight: 700;
	float: left;
	line-height: 70px;
}

.maand {
	margin-left: 3px;
float: left;
font-size: 15px;
font-weight: 300;
text-transform: uppercase;
margin-top: 15px;
}

.maand p {
	margin-bottom: 0px; 
}

.venue {
	font-weight: 800;
	font-size: 16px;
	margin-top: 15px;
	text-transform: uppercase;
}

.plaats {
	font-weight: 400;
	font-size: 14px;
	margin-top: -13px;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: black;
}

.loading-font {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#loader {
  animation: animate 1.5s linear infinite;
  clip: rect(0, 80px, 80px, 40px); 
  height: 80px;
  width: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
}
@keyframes animate {
  0% { 
    transform: rotate(0deg)
  }
  100% { 
    transform: rotate(220deg)
  }
}
#loader:after {
  animation: animate2 1.5s ease-in-out infinite;
  clip: rect(0, 80px, 80px, 40px);
  content:'';
  border-radius: 50%; 
  height: 80px;
  width: 80px;
  position: absolute; 
} 
@keyframes animate2 {
  0% {
    box-shadow: inset #ff1d1d 0 0 0 17px;
    transform: rotate(-140deg);
  }
  50% {
    box-shadow: inset #ff1d1d 0 0 0 2px;
  }
  100% {
    box-shadow: inset #ff1d1d 0 0 0 17px;
    transform: rotate(140deg);
  }
}

.footer {
	height: auto;
	background: #000;
	color: #fff;
	margin-top: 70px;

}

.footer p {
	margin: 0;
}

.copyright {
	text-align: center;
	line-height: 50px;
	margin-top: 30px!important;
}

.mail {
	color: #fff!important;
	text-decoration: underline;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.mail:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.mail2 {
	color: #e62e2c!important;
	text-decoration: underline;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.mail2:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.socialicons {
	text-align: left;
	margin-top: 30px;
}

.list-inline {
	padding-left: 0;
list-style: none;
margin-left: -5px;
}

.socialicons li {
    padding-left: 2px;
    padding-right: 2px;
}

.socialicons img{
	width: 30px;
	display: block;
	margin-right: 20px;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.socialicons img:hover{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.credits a {
	color: #fff!important;
}

.credits a:hover{
	color: #fff!important;
	text-decoration: underline;
}


.video {
background: #181818;
}

.button-itunes {
    background: #e62e2c;
    /* height: 21px; */
    border-radius: 500px;
    color: #fff!important;
    cursor: pointer!important;
    font-size: 11px!important;
    text-transform: uppercase!important;
    /* line-height: 18px!important; */
    margin: 0!important;
    min-width: 92px;
    padding-top: 2px;
    padding-bottom: 3px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    border: none!important;
    font-family: 'Open Sans', serif!important;
    font-weight: 200!important;
    text-transform: inherit;
}

.bt-icon img{
	width: 16px;
	margin-right: 10px;
}

.itunes-button-wrapper {
	border: none;
    overflow: hidden;
    margin: 19px 0px;
    width: 50%;
    height: 25px;
    float: right;
        overflow: hidden;
    zoom: 1;
}

.contact-info {
	margin-bottom: 80px;
}

.thumbnail {
    display: block;
    height: 174px!important;
    width: auto!important;
    overflow: hidden!important;
    padding: 0px!important;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

@media only screen and (max-width: 1024px) {
	.social-icons {
		width: 23px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 12px;
	}
}

@media only screen and (max-width: 768px) {
		.foto2 {
			display: none!important;
		}
		
		.navbar-default .navbar-nav > li > a {
		font-size: 14px!important;
	}
	
	.social-icons {
		width: 24px!important;
	}

		.social-icons-menu {
			display: inline-block!important;
		}

		.venue {
			font-size: 12px;
		}

		.plaats {
			font-size: 12px;
		}

		.locatie {
			width: 67%;
		}

		.datum {
			width: 25%;
		}

		.dag {
			font-size: 33px;
			line-height: 62px;
		}

		.maand {
			font-size: 12px;
		}

		.video-youtube {
			width: 290px!important;
		}
}