/* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */
    
    .filler {
        position: absolute;
        left: 0;
        width: 40vw;
        height: 100%;
        background-color: #000;
        z-index: -4;
    }
    
    .SPs i {
        position: absolute;
        vertical-align: middle;
        margin: auto 10px;
        right: 5%;
        color: Gainsboro;
        z-index: -1;
    }
    
    .feature-item {
        
    }
    .text-card {
        position: relative;
        box-shadow: -10px -10px 10px 0 #dadada;
        width: 30%;
        height: 50%;
        left: 70%;
        background-color: white;
        padding: 30px;
    }
    
    /* Carousel base class */
    .carousel {
      margin-bottom: 0px;
      margin-top: -25px;
    }
    
    .feature {
      margin-bottom: 0px;
      margin-top: 0px;
      /*overflow: hidden;*/
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }
    
    .carousel-indicators li {
  		background-color: #adadad;
	}

	.carousel-indicators .active {
    	background-color: #777;
	}

    .carousel-control-next,
    .carousel-control-prev {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(153,153,153,.4);
      background-color: transparent;
      
      border: 0;
      z-index: 10;
    }
    
    .carousel-control-prev-icon{
    	background-image : url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23999'%20viewBox='0%200%208%208'%3E%3Cpath%20transform='scale(-1,1) translate(-8,0)'%20d='M1.5%200l-1.5%201.5%202.5%202.5-2.5%202.5%201.5%201.5%204-4-4-4z'/%3E%3C/svg%3E")

    }
    .carousel-control-next-icon {
    	background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
    }

    .carousel .carousel-item {
      height: 400px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 400px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      /*max-width: 550px;*/
      padding: 0 20px;
      margin-top: 100px;
      min-height: 450px;
      
    }
    .carousel-caption2 h1,
    .carousel-caption2 .lead {
      margin: 0;
      line-height: 1.25;
      color: #000;
      background-color: rgba(255, 255, 255, 0.7);
    }
    
    .carousel-caption3 .lead {
    	line-height: 1.1;
    	margin-top: 10px;
    	
    }
    
    .carousel-caption2 {
      background-color: transparent;
      position: static;
      /*max-width: 800px;*/
      padding: 0 20px;
      /*margin-top: 100px;*/
      text-shadow: 2px 2px 4px rgba(0,0,0,.4);
    }
    
    .carousel-caption2 .btn,
    .carousel-caption .btn {
      margin-top: 10px;
    }
    
    .carousel-caption3 {
      background-color: transparent;
      position: static;
      /*max-width: 800px;*/
      padding: 0 20px;
      margin-top: 100px;
      text-shadow: 2px 2px 4px rgba(0,0,0,.4);
    }
    
    .tussenstuk {
	background-image:-webkit-gradient(linear,100% 50%,0 50%,color-stop(0%,#fff),color-stop(50%,rgba(255,255,255,0)),color-stop(100%,#fff)),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,.025)),color-stop(100%,rgba(241,243,245,0)));
	background-image:-webkit-linear-gradient(right,#fff,rgba(255,255,255,0) 50%,#fff),-webkit-linear-gradient(rgba(0,0,0,.025),rgba(241,243,245,0));background-image:-moz-linear-gradient(right,#fff,rgba(255,255,255,0) 50%,#fff),-moz-linear-gradient(rgba(0,0,0,.025),rgba(241,243,245,0));
	background-image:-o-linear-gradient(right,#fff,rgba(255,255,255,0) 50%,#fff),-o-linear-gradient(rgba(0,0,0,.025),rgba(241,243,245,0));
	background-image:linear-gradient(right,#fff,rgba(255,255,255,0) 50%,#fff),linear-gradient(rgba(0,0,0,.025),rgba(241,243,245,0));
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 75px;
	border-top:1px solid #eee
}

	.card {
	border: 0;
	}
 






    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .carousel-item {
        height: 400px;
      }
      .carousel img {
        width: auto;
        height: 400px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {

      /*.navbar-inner {
        margin: -20px;
      }*/
	
	  	
	  .navbar,
      .carousel {
        /*margin-left: -20px;
        margin-right: -20px;*/
      }
      .carousel .container {
		width: 100%;
      }
      
      .carousel-caption3,
      .carousel-caption2,
      .carousel-caption {
        width: 100%;
        padding: 0 0;
        /*margin: 0 -20px;*/
        /*margin-top: 20px;*/
      }
      
      .carousel-caption {
        min-height: 250px;
      }
      
      .display-2 {
          font-size: 30px;
      }
      
      .display-5 {
          font-size: 14px;
      }
      
      h1 {
        font-size: 22px;
      }
      
      h2 {
          font-size: 18px;
      }
      
      h3 {
          font-size: 16px;
      }
      
      .h5 {
          font-size: 15px;
      }
      
      .lead, .btn {
        font-size: 13px;
      }
      
      p, li {
          font-size: 12px;
      }
      
      span {
          font-size: 12px;
      }
      
      td {
          font-size:10px;
      }
      
      /*.carousel-caption3 .lead {
      	font-size: 14px;
      }*/
      
      .card-block {
        padding-left: 0px;
        padding-right: 0px;
    }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }

    }