@font-face {
  font-family: 'bebas_neueregular';
  src: url('../fonts/BebasNeue-webfont.eot');
  src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/BebasNeue-webfont.woff') format('woff'),
       url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
       url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal; 
  }

body{
  width: 100%;
  padding: 0;
  margin: 0;
  background: #FFF;
  margin-bottom: 100px;
  }

html {
  position: relative;
  min-height: 100%;
  }

h2{
  font-family: 'bebas_neueregular';
  text-align: center;
  color: #BD1535;
  }

h3{
  font-family: 'bebas_neueregular';
  text-align: left;
  }

a, a:visited, a:link, .price{
  color: #BD1535;
  } 
  
a:hover, a:active{
  color: #a40a27;
  } 
  
  
#kortryk{
  position: relative;
  margin: 0 auto;
  width: 400px;
  height: 300px;
  background: url('../img/logo-kortryk-home.png') center top no-repeat;
  margin-top: 150px;
  }

.container{
  max-width: 1040px;
  }

.header{
  background: #EEEEEE;
  padding: 10px 0px;
  border-bottom: 1px solid #e0e0e0;
  }
  
.nav{
  margin-top: 10px;
  }  
  
.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus {
  color: #fff;
  background-color: #BD1535;
  }
  
.nav-pills>li>a{
  margin: 0px 10px;
  }
.nav-pills>li>a:hover{
  background-color: rgba(0,0,0,0.1);
  }

.glyphicon{
  margin-right: 5px;
  font-size: 80%;
  }  
  
.logo{
  margin: 7px 0px;
  }

.home .col-md-4{
  text-align: center;
  }  
  
a.btn-primary{
  color: #fff;
  background: #BD1535;
  border-color: #8a001a;
  } 

a.btn-success, a.btn-info, a.btn-warning, a.btn-danger, a.btn-success:hover, a.btn-info:hover, a.btn-warning:hover, a.btn-danger:hover{
  color: #fff;
  }  
  
a.btn-primary:hover{
  color: #fff;
  background: #a40a27;
  border-color: #8a001a;
  }  
  
.carousel{
  box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
  padding: 0;  
  margin: 0px 0px 30px 0px;  
  border-radius: 5px; 
  }  
  
.carousel-inner{  
  border-radius: 5px; 
  box-shadow: inset 0px 0px 15px rgba(0,0,0,0.7);
  }
  
.carousel-caption{
  background: rgba(0,0,0,0.65);
  padding: 7px 35px;
  bottom: 0;
  box-shadow: inset 0px 0px 20px rgba(0,0,0,0.8);
  border-radius: 0px 0px 5px 5px; 
  }
  
.carousel-caption h1{
  font-family: 'bebas_neueregular';
  color: #fff;
  font-size: 50px;
  background: #004497;
  padding: 5px 20px;
  text-shadow: 0px 2px 5px rgba(0,0,0,0.3);
  display: inline-block;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
  }
  
.carousel-caption {
  right: 0;
  left: 0;
  padding-bottom: 30px;
  }

.carousel-caption p {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 200;
  }  
  
a.carousel-control.right, a.carousel-control.left{
  color: #fff;
  }
  
.dark{
  color: #222;
  }  
  
.item{  
  min-height: 300px;
  width: 100%;
  box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);
  padding: 0;  
  border-radius: 5px; 
  }
  
#carousel-kantoren .item{  
  min-height: 230px;
  } 
  
.item.slide-1{
  background: url('../img/Nieuwe-Keizersgracht.jpg') center center;
  } 
  
.item.slide-2{
  background: url('../img/Nieuwe-Keizersgracht2.jpg') center center;
  }  
  
.item.slide-3{
  background: url('../img/Spaklerweg.jpg') center center;
  }  
  
.item.slide-4{
  background: url('../img/Parkeerplaatsen-Nieuwe-vaart.jpg') center center;
  }  
  
.item.slide-5{
  background: url('../img/spakler-kantoor.jpg') center center;
  }  
  
.item.slide-6{
  background: url('../img/spakler-kantine.jpg') center center;
  }  
  
.item.slide-7{
  background: url('../img/spakler-buiten.jpg') center center;
  }  
  
.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}

.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}

.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}
  @media screen and (min-width: 768px){
  .carousel-indicators {
    bottom: 10px;
    opacity: 0.7;
  }

}
.pipe{
  color: #bd1535;
  }  

.home-blokje  {
  min-height: 230px;
  }
 
.map{
  border: 7px solid #fff;
  outline: 1px solid #cecece;
  border-radius: 50%;
  display: block;
  }  

blockquote {
  padding: 10px 20px;
  margin: 20px 0px 30px 0px;
  font-size: 17.5px;
  border-left: 5px solid #bd1535;
  background: #f2f2f2;
  border-radius: 0px 5px 5px 0px;
}
  
.img-thumbnail{
  border: 2px solid #fff;
  outline: 1px solid #d8d8d8;
  display: block;
  }  
 
.wrap.content{
  background: #fff;
  padding: 30px 0px 80px 0px;
  } 
 
.wrap.form h2{
  color: #BD1535;
  padding-bottom: 10px;
  }
 
.wrap.form{
  border-top: 1px solid #e0e0e0;
  background: #EEEEEE;
  padding: 10px 0px 30px 0px;
  } 

.radio-inline label{
  font-weight: normal;
  }  
  
.img-link .glyphicon{
  position: absolute;
  opacity: 0;
  font-size: 70px;  
  margin: 130px 0px 0px -30px;
  color: #fff;
  text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  }
  
.img-link:hover .glyphicon{
  opacity: 1;   
  }
  
.img-link .img-thumbnail:hover {
  background-color: #bd1535;
  border-color: #bd1535;
  outline: 1px solid #720015;
  border-radius: 0;
  }  
  
.footer {
  border-top: 1px solid #000;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  padding-top: 20px;
  background-color: #222;
  color: #fff;
  text-align: center;
  }
  
.alert{
  
  font-size: 18px;
  }  
  
  .alert-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.2);
}
  .alert-danger {
  color: #fff;
  background-color: #BD1535;
  border-color: #930721;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.2);
}

.alert .glyphicon{
  font-size: 20px;
  margin: 0px 10px;
  }
  
 .modal-body{
  text-align: center;
  }
  
 .modal-body IMG{
  display: inline-block;
  }
  
.well-photos h2{
  padding-top: 0;
  margin-top: 0;
  }
.well-photos{
  overflow: auto;
  border-radius: 1px;
  }
  
.well-photos .img-thumbnail{
  margin-bottom: 25px;
  }
  
.verhuurd{
  font-family: 'bebas_neueregular', sans-serif;
  background: #5CB85C;
  padding: 8px 20px;
  position: absolute;
  color: #fff;
  margin: 30px 0px 0px -90px;
  z-index: 500;
  box-shadow: 0px 1px 8px rgba(0,0,0,0.9);
  -webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.9);
  -moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.9);
  font-size: 40px;
  letter-spacing: 1px;
  transform: rotate(-2deg);
  }
  
.verhuurd-top{
  font-family: 'bebas_neueregular', sans-serif;
  background: #5CB85C;
  padding: 10px 30px;
  position: absolute;
  color: #fff;
  margin: 50px 0px 0px 60px;
  z-index: 500;
  box-shadow: 0px 1px 8px rgba(0,0,0,0.9);
  -webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.9);
  -moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.9);
  font-size: 50px;
  letter-spacing: 1px;
  transform: rotate(-2deg);
  }
  
.label-price{
  font-family: 'bebas_neueregular', sans-serif;
  background: #5CB85C;
  padding: 10px 30px;
  color: #fff;
  display: inline-block;
  margin: 10px 0px;
  font-size: 20px;
  letter-spacing: 1px;
  }