html {
    margin:    0 auto;
    max-width: 1200px;
}

@font-face {
    font-family: montserrat_bold;
    src: url(fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: montserrat_regular;
    src: url(fonts/Montserrat-Regular.ttf);
}

body {
overflow-x: hidden; // hide vertical
}

.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}
		
    
a.button2 {
  position: relative;
  margin-left:15px;
  text-align: center;
  font-size:17px;
  color: white;
  font-family: montserrat_regular;
}

.button {
    position: absolute;
    margin-top:3%;
    height:30px; 
    width:90px; 
    border-style: solid; 
    border-color: white; 
    border-width: 2px;
}

.blokhuispoort {
  background-color: #ee3166;
}

.col-sm-6{
 padding: 0%;
 margin-bottom; 0%;
  }
  
.col-sm-12{
 padding: 0%;
 } 
 
 .col-sm-3{
 padding: 0%;
 } 
  
  
 p.tekst {font-size: 25px;
    font-family: montserrat_regular;
    color: #ffffff;
    font-size: 14px;
}

 p.lokatie {
    font-size: 25px;
    font-family: montserrat_regular;
    color: #ffffff;
    font-size: 16px;
}

p.hoofd {
    font-family: montserrat_bold;
    color: #ffffff;
    font-size: 40px;
}

p.hoofdlokatie {
    font-family: montserrat_bold;
    color: #ffffff;
    font-size: 35px;
}
    
.text-block {
    position: absolute;
    left:40px;
    top:17%;
}

/* Jumbo */

.rood {
  padding-top:3%;
  padding-left:40px;
  padding-right:40px;
  padding-bottom:3%;
  background-color: #ee3166;
  margin-bottom: 0px;
}

.blauw {
  padding-top:23%;
  padding-left:40px;
  padding-right:40px;
  padding-bottom:3%;
  background-color: #4ac8eb;
  margin-bottom: 0px;
}

.blauw2 {
  padding-top:3%;
  padding-left:40px;
  padding-right:40px;
  padding-bottom:3%;
  background-color: #4ac8eb;
  margin-bottom: 0px;
}


/* Navbar */

.navbar-brand {
  padding: 5px;
}
.navbar-brand>img {
  height: 100%;
  padding: 9px;
  width: auto;
}

.upstart .navbar-brand {
  height: 80px;
}

.upstart .nav >li >a {
 padding-top: 27px;
  padding-bottom: 5px;
  font-size: 25px;
  font-family: montserrat_regular;
}

.upstart .nav >li >a em{
  padding-top: 27px;
  padding-bottom: 25px;
  font-size: 25px;
   font-family: montserrat_regular;
   color: #ee3166;
   font-style: normal;
}

.upstart .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

.navbar-default {
  background-color: #ffffff;
  border-color: #c0392b;
}
.navbar-default .navbar-brand {
  color: #000000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color:#4ac8eb;
}
.navbar-default .navbar-text {
  color: #000000;
}
.navbar-default .navbar-nav > li > a {
  color: #000000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #4ac8eb;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color:#4ac8eb;
  background-color: #c0392b;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #c0392b;
}
.navbar-default .navbar-toggle {
  border-color: #c0392b;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #c0392b;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000000;
}
.navbar-default .navbar-link {
  color: #000000;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #c0392b;
  }
}

.navbar-alignit .navbar-header {
	  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 50px;
}
.navbar-alignit .navbar-brand {
	top: 50%;
	display: block;
	position: relative;
	height: auto;
	transform: translate(0,-50%);
	margin-right: 15px;
    margin-left: 15px;
}
.navbar-nav>li>.dropdown-menu {
	z-index: 9999;
}



.video-container {
  position: relative;
}

video {
  height: auto;
  vertical-align: middle;
  width: 100%;
}
.overlay-desc {  
  margin-top:10px;
  margin-left:40px;
  background: rgba(0,0,0,0);
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: inline-block;

}