.carousel { 
	width:100%;	
  position: relative;  
  margin:0 auto ;  
}
/* extrabox om carousel aan te passen als carousel 80% is*/
.boxcarousel{
	width:100%;	
	max-width:80%;
	margin:0 auto ;
}
.boxcarousel1{
	width:100%;	
	max-width:40%;
	margin:0 auto ;
	clip-path: polygon(0% 90%, 0% 10%, 90% 0%, 100% 80%, 90% 100%); 
}
.boxcarouselorgel{
	width:100%;	
	max-width:40%;
	margin:0 auto ;
	clip-path: polygon(0% 90%, 0% 10%, 90% 20%, 100% 50%, 90% 100%); 
}
.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  -webkit-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
  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 1s;
  -o-transition: opacity ease-in-out 1s;
  -webkit-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
  z-index:2;
}
.carousel-inner {
  position: relative;
  width: 100%;   
  overflow: hidden;  
}

.carousel-inner > .item {
  position: relative;  
  display: none;  
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;		
		
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {  
  height: auto;
  max-width: 100%;  
   line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;

}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
 
}

.carousel-inner > .active.left {
  left: -100%;
 
}

.carousel-inner > .active.right {
  left: 100%;
  
}

.carousel-control {
  position: absolute;
  top: 40%;
  bottom: 0;
  left: 0;
  width: 15%;
  z-index: 12;
  font-size: 35px;
  color: #ff0000;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-control.left {
width:40px;
height:40px;
margin:0;
padding:0 0 5px 0;
background:linear-gradient(to left,rgba(255,255,255,0.4),rgba(255,255,255,0.4)); 
background: -webkit-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4)); 
background: -o-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4));   
background: -moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4));     
/*-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;*/
}

.carousel-control.right {
right: 0;
left: auto;
width: 40px;
height: 40px;
margin:0;
padding: 0 0 5px 0;
background:linear-gradient(to left,rgba(255,255,255,0.4),rgba(255,255,255,0.4)); 
background: -webkit-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4)); 
background: -o-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4));   
background: -moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4)); 
/*-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;*/
}
.carousel-control:hover{
color: #fff;
text-decoration: none;
outline: none;
background:linear-gradient(to left,rgba(0,0,0,0.4),rgba(0,0,0,0.4)); 
background: -webkit-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4));  
background: -o-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4));  
background: -moz-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4));    
/*-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;*/
}
.carousel-caption {
position: absolute;  
width:90%;
height:40px;  
bottom: 75px;
z-index: 20;
margin:0;
padding: 0;
color:#fff;
background: linear-gradient(to left,rgba(255,255,255,0),rgba(0,0,0,0.5));
background: -webkit-linear-gradient(right,rgba(255,255,255,0),rgba(0,0,0,0.5));
background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(0,0,0,0.5));  
background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(0,0,0,0.5)); 
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.carouseltext{
font-family:Lato,Arial;
font-size:2.5em;
font-weight:bold;
margin:0 30px 0 15px;
color:#fff; 
text-align:left;
text-shadow:2px 2px 2px #000;
}
a.captionone,a.captiontwo{
display:none;
}
.carousel-captionone {
position: absolute;  
width:90%;
height:50px;  
top: 10%;
z-index: 20;
margin:0;
padding: 0;
/*background: linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,0.2));
background: -webkit-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0.2)); 
background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0.2));  
background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0.2));  

background: linear-gradient(to left,rgba(238,141,37,0),rgba(238,141,37,0.4));
background: -webkit-linear-gradient(right,rgba(238,141,37,0),rgba(238,141,37,0.4)); 
background: -o-linear-gradient(right,rgba(238,141,37,0),rgba(238,141,37,0.4));  
background: -moz-linear-gradient(right,rgba(238,141,37,0),rgba(238,141,37,0.4));  
*/
}
.carouseltextone{
font-family:Lato,Arial;
font-size:4em;
font-weight:bold;
/*color: #ca0015;*/
color: #fff;
margin:-5px 0 0 2%;
padding:0;
text-align:left;
text-shadow:2px 2px 2px #000;
}
@media only screen and (min-width: 645px) and (max-width: 1024px){
.carousel-caption {
height:35px;  
}
.carouseltext{
font-size:2em;
}
}
@media only screen and (min-width: 645px) and (max-width: 940px){
.carousel { 
width:100%;
}
.boxcarousel{
width:100%;	
max-width:90%;
}
}
@media only screen and (min-width: 650px) and (max-width: 700px){
.carousel { 
width:100%;
}
.boxcarousel{
width:100%;	
max-width:90%;
}
}
@media only screen and (min-width:240px) and (max-width: 645px){
.carousel { 
width:100%;
}
.boxcarousel{
width:100%;	
max-width:90%;
}
.boxcarousel1{
width:100%;	
max-width:70%;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px){
.carousel { 
width:100%;
}
.boxcarousel{
width:100%;	
max-width:90%;
}
.carousel-control {  
 font-size: 20px;
}
.carousel-control.left, .carousel-control.right {
width:20px;
height:20px;
}
.carousel-caption {
height:30px;  
}
.carouseltext{
font-size:1.2em;
}
a.captionone{
display:inline;
font-family:Lato,Arial;
font-weight:bold;
font-size:1.5em;
margin:0 0 0 2%;
color:#fff; 
text-decoration:none;
}
a.captiontwo{
display:inline;
font-family:Lato,Arial;
font-weight:bold;
font-size:1.5em;
margin:0;
color:#fff; 
text-decoration:none;
}
.carousel-captionone {
height:30px; 
}
.carouseltextone{
font-size:1.5em; 
margin:-3px 0 0 2%;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) and (orientation:portrait){
.carousel { 
width:100%;
}
.boxcarousel{
width:100%;	
max-width:90%;
}
}