/* CSS Document */

/* ==== Algemeen ==== */
.container{max-width:960px; padding:30px 15px;}
.navbar .container{ padding:0;}

.container .row h1{margin:30px 0;}
.container .row h2{margin-bottom:20px;}
.container .row ul{padding-left:15px;}
.container .row ul li{margin-bottom:20px;}

.line{width:100%; background:#CCC; height:1px; margin:30px 0;}

/* ==== MENU ==== */
.navbar-default {
	border:none;
	margin-bottom:0;
	z-index:10;
	padding-top:2px;
}


/* LEFT ALIGN */
.navbar-default .nav>li{margin-left:90px; }
.navbar-default .nav>li>a {display:block; }


.glyphicon.glyphicon-home{min-width:25px; font-size:22px;line-height:50px;}



article img{width:100%;}


/* === DROPDOWN === */
ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;}
.navbar-right .dropdown-menu {left:-15px;right:0;}
.dropdown-menu {
	
	position: absolute;
	top: 100%;
	left:0;right:0;
	z-index: 1000;
	display: none;
	float: left;
	
	min-width: 225px;
	padding:0 15px;
	margin:0 auto;
	
	list-style: none;
	
	border:none;
	border-radius: 0px;
	
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	background-clip: padding-box;
}

.dropdown-menu>li>a{
	padding:10px 17px;
	border-bottom:1px dashed;
}
.dropdown-menu>li:last-child>a{
	border-bottom:none;
}

.btn_fotos img{width:100%;}

/* ==== Banner Home ==== */
#banner_home .slide{
	/*background:url(../img/banner_home.jpg) no-repeat center;
	background-size:cover;*/
}

#carousel-home .carousel-caption{
	width:100%;
	max-width:1100px;
	margin: auto;
	bottom:5%;	
	left:25%;
	right:25%;
	
	text-align:left;
}
#carousel-home a{
	position:absolute;
	max-width: 1100px;
	margin: auto;
	top:20%;
	left:25%;
	right:25%;
	padding:0 10px;
}
#carousel-home a img{width:100%;}
#carousel-home .carousel-caption img{width:60%;}

/*#carousel-home .carousel-caption h3,
#carousel-home .carousel-caption h4{margin:0;}*/

#slide1 {	
	background: url(../img/banner_home.jpg) fixed center top  no-repeat;
	height:858px!important;
}

#scrollDown{
	position:absolute;
	margin:0 auto;
	left:0;right:0;
	top:-40%;
	width:100%;
	max-width:200px;
	height:26px;
	/*cursor:pointer;*/
}
#trailer,
#trailer-video{
	/*width="1280" height="720"*/
	width:720px;
	height:404px;

}

/* ==== Banner Algemeen ==== */

#carousel-default .carousel-caption{
	max-width: 970px;
	margin: auto;
	bottom:90px;	
}
#carousel-default a{
	position:absolute;
	max-width: 960px;
	margin: auto;
	left:0;right:0;
	top:20%;
	left:25%;
	right:25%;
	padding:0 10px;
}
#carousel-default a img{width:100%;}
#carousel-default .item{height:510px; }

#film-slide1 {background: url(../img/film/1.jpg) fixed center top no-repeat;}
#film-slide2 {background: url(../img/film/2.jpg) fixed center top no-repeat;}
#film-slide3 {background: url(../img/film/3.jpg) fixed center top no-repeat;}
#film-slide4 {background: url(../img/film/4.jpg) fixed center top no-repeat;}

#boek-slide1 {background: url(../img/boek/1.jpg) fixed center top no-repeat;}
#boek-slide2 {background: url(../img/boek/2.jpg) fixed center top no-repeat;}
#boek-slide3 {background: url(../img/boek/3.jpg) fixed center top no-repeat;}
#boek-slide4 {background: url(../img/boek/4.jpg) fixed center top no-repeat;}



/* ==== Home ==== */


#home article a figure figcaption{padding:5px;}




/* ==== quicklinks ==== */


#quicklinks {
	padding: 60px 0px;
}

#quicklinks h3 {	
	margin: 15px 0;
}


#quicklinks p {	margin: 15px 0 35px 0;}

#quicklinks i {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.icon-stack {
	width: 3em !important;
	margin-bottom: 20px;
}

#quicklinks a:hover i{padding: 25px;}





/**********************************************************************************************************************/

/* ==== FILM ==== */
/* ==== opnames ==== */

/* ==== team ==== */

.team .row{padding-top:30px;}
.team .row .cat p{
	border:1px solid #ddd;
	padding:20px 20px;
	line-height:25px;
	text-align:center;
	background:#FFF;
}
.team .row img{width:90%; margin:0 auto;}
.team .row .cat p b{text-transform:capitalize; font-size:18px;}
.teamleden{margin:0;}




#film-team .row figure img{width:100%;}

/* ==== fotos ==== */
#fotos { margin-top:50px;}


#fotos .item { width: 30%; margin:5px; box-shadow:0 0 5px rgba(0,0,0,0.4); }
#fotos .item img{width: 100%;}

#fotos2 { margin-top:50px;}
#fotos2 .item { width: 30%; margin:5px; box-shadow:0 0 5px rgba(0,0,0,0.4); }
#fotos2 .item img{width: 100%;}

#fotos3 { margin-top:50px;}
#fotos3 .item { width: 30%; margin:5px; box-shadow:0 0 5px rgba(0,0,0,0.4); }
#fotos3 .item img{width: 100%;}
/* ==== sponsors ==== */
#sponsors .row ul li{margin-bottom:20px;}



/* ==== media ==== */
#film-media .row h1{padding-left:15px;}
#film-media article a figure figcaption{padding:10px 5px; font-weight:700;}
#film-media article a figure img{width:100%; padding:5px;}




#trailer{overflow:hidden;}




/* ==== BOEK ==== */



/* ==== team ==== */
#boek-team .row div {padding:0;}
#boek-team .row div ul li{margin-bottom:10px;}



/* ==== inschrijven ==== */
form.inschrijven{
	padding:10px 0;
	width:60%;
	margin-top:30px;
}
form.inschrijven input[type='text'],
form.inschrijven input[type='email']{
	width:100%;
	padding:5px;
	margin-bottom:10px;
	border-radius:3px;
	border:1px solid #CCC;
}
form.inschrijven input{margin-bottom:20px;}
form.inschrijven input.error{border:1px solid #f00;}
form.inschrijven input.half{
	width:49.5%;
}

form.inschrijven label{line-height:30px; font-size:20px;}


/* ==== PREMIERE ==== */
#premiere-slide1 {background: url(../img/premiere/senter.jpg) fixed no-repeat;}

/* ==== wedstrijd ==== */
#wedstrijd article a figure figcaption{color:#000; padding:5px;}


/* ==== FOOTER ==== */
footer{
	min-height:100px;
	background:#121212 url(../img/footer.png) no-repeat center;
	
	padding-top:20px;
	
}




@media (min-width: 767px) and (max-width: 1024px) {
.container{padding:15px;}	
.container .row{margin:0;}
.container>.navbar-header{margin:0;}

.navbar-default .nav>li{margin-left:50px; }

#scrollDown{
	top:-50%;
}
#slide1{	 
	background-size:cover!important; 
	height:500px!important;
}


}

@media (min-width: 320px) and (max-width:767px)  {
#slide1{	 
	background-size:100% auto;
	height:200px!important;
	
}
#carousel-default .item{height:120px!important; background-size:100% auto;}

#carousel-home .carousel-caption{display:none;}
#scrollDown{display:none!important;}

.container>.navbar-header, .container>.navbar-collapse { margin:0 15px; }
.container.skrollable{padding:10px 0!important;}


}

@media (max-width:320px)  {
#slide1{	 
	background-size:100% auto;
	height:140px!important;
	
	
	
}
#carousel-default .item{
	height:80px!important;
	background-size:100% auto;
}




}


@media (max-width: 767px) {	

/*#carousel-default .item{
	width:100%;
	height:350px; 
}*/
.container{padding:15px;}	
.container .row{margin:0;}

.navbar-collapse nav{
	position:relative!important;
	float:none;
	clear:both;	
	
	width:100%;
	margin:0 auto;
	
	
}
.navbar-default .nav>li {margin-left:0px;}
ul.nav li.dropdown:hover ul.dropdown-menu{display: none;  width:100%;}
ul.nav li.dropdown.open:hover ul.dropdown-menu{display: block; }



}

/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}