.banner-wrap{
    width:100%;
	display:flex;
    padding:0;
    position:relative;
 
 
}
.bgslide{
    width:100%;
     
  
}
/*.bgslide:after{
	width:100%;
	height:150px;
	position:absolute;
	left:0;
	top:0;
	content:'';
	z-index:2;
 	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.8)); /* Standard syntax (must be last) 
	
}*/
  
 
  
.slide1{
    background-image:url(../images/homeslider/1.jpg)
}
.slide2{
    background-image:url(../images/homeslider/2.jpg)
}
.slide3{
    background-image:url(../images/homeslider/3.jpg)
}
.slide4{
    background-image:url(../images/homeslider/4.jpg)
}
 
 .insider{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
  .kem-project-brand{
	 margin-bottom:15px;
 } 
 
  .kem-project-brand img{
	 display:block;
 	 width:200px;
	 
 }
.slide-img{
	width:60%;
}
 
  
.slide-img img{
	width:100%;
	display:block;
}
 
 
 .slide-row{
 	 
 }
.carousel-caption{
    color:var(--black);
	width:35%;
	padding:50px 20px 50px 50px;
	display: flex;
	flex-direction:column;
	justify-content: center;
 
}

 
.carousel-caption h2{    
    font-size:60px;
	line-height:60px;
    font-weight:var(--font-bold);
	margin:5px 0;
 	
}
.carousel-caption h3{
    font-size:40px;
	line-height:40px;
    font-weight:var(--font-bold); 
	margin:5px 0;
	 
}
.carousel-caption h4{
    font-size:20px;     
    line-height:normal;
	padding:10px 20px;
	background-color:var(--secondary-color);
	color:var(--white);
	display:inline-block;
	margin:5px 0;
	 
}
 .video-button{
	 margin-top:25px;
	 
	 
}
 .video-button a{
	width:80px;
	height:80px;
	background-color:var(--primary-color);
	color:var(--white);	 
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:24px;
	outline: 1px solid rgba(0, 0, 0, 0.2);
    outline-offset: 5px;
}
  .video-button a:hover{
  	background-color:var(--secondary-color);
  }
 
 
 

 
 
 
 
 
 
 
.animset{
    animation-duration:1s;
    animation-delay:1s
}
.animset2{
    animation-duration:2s;
    animation-delay:2s
}
.animset3{
    animation-duration:2.5s;
    animation-delay:2.5s
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{
    display:block;
    max-width:100%;
    height:auto
}
.carousel{
    position:relative;
    width:100%;
    float:left
}
.carousel-inner{
    position:relative;
    width:100%;
    overflow:hidden
}
.carousel-inner>.item{
    position:relative;
    display:none;
    -webkit-transition:.6s ease-in-out left;
    -o-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
    line-height:1
}
@media all and (transform-3d),(-webkit-transform-3d){
    .carousel-inner>.item{
        backface-visibility:visible;
        perspective:1000px;
        transition:opacity .7s ease-in-out 0s;
        background-color:#fff
    }
    .carousel-inner>.item.active.right,.carousel-inner>.item.next{
        left:0;
        -webkit-transition:opacity .7s ease-in-out;
        -moz-transition:opacity .7s ease-in-out;
        -ms-transition:opacity .7s ease-in-out;
        -o-transition:opacity .7s ease-in-out;
        transition:opacity .7s ease-in-out;
        opacity:0
    }
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev{
        left:0;
        -webkit-transition:opacity .7s ease-in-out;
        -moz-transition:opacity .7s ease-in-out;
        -ms-transition:opacity .7s ease-in-out;
        -o-transition:opacity .7s ease-in-out;
        transition:opacity .7s ease-in-out;
        opacity:0
    }
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{
        left:0;
        opacity:1
    }
    .carousel-inner .item .zoom-img{
        transform:scale(1.2);
        transition:all 4s ease 0s
    }
    .carousel-inner .item.active .zoom-img{
        transform:scale(1)
    }
    @media all and (transform-3d),(-webkit-transform-3d){
        .carousel-inner>.item{
            -webkit-transition:-webkit-transform .6s ease-in-out
        }
        .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-control{
            position:absolute;            
            bottom:0;
            left:0;
            width:auto;
            z-index:1;
			display:none;
            
        }
        .carousel-control.left{
            left:0;
			
        }
        .carousel-control.right{
            left:80px;		
        }
        .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{        
			position:absolute;
			bottom:20px;
			left:0;
            z-index:1;
            display:inline-block;
 
            /*background-color:rgba(0,0,0,0.2);*/
            background-repeat:no-repeat;
            background-position:center center !important;
            width:80px!important;
            height:80px!important;
            background-size:70%!important;
            position:relative;
            -webkit-transition:all .3s ease-in-out;
            -moz-transition:all .3s ease-in-out;
            transition:all .3s ease-in-out
        }
        .carousel-control .glyphicon-chevron-left{
            left:0;
            background-image:url(../images/icons/prev.svg);
			 
        }
        .carousel-control .glyphicon-chevron-right{
           left:0;
            background-image:url(../images/icons/next.svg);
			 
        }
        .carousel-control .glyphicon-chevron-left:hover,.carousel-control .glyphicon-chevron-right:hover{
            background-size:50%!important;
            background-color:var(--primary-color);
        }
        .carousel-indicators{
            position:absolute;
            bottom:20px;
            left:0;
            z-index:1;
            width:100%;      
            list-style:none;
			text-align:right;
			padding:0 50px;
        }
        .carousel-indicators li{
            display:inline-block;
            width:20px;
            height:20px;
            margin:5px;
            text-indent:-999px;
            cursor:pointer;
			background-color:#ccc;
            border-radius:50%;
        }
        .carousel-indicators .active{
            width:20px;
            height:20px;
            margin:5px;
            background-color:var(--primary-color);
 
        }

@media screen and (max-width:1400px){
 
.carousel-caption h2{
    font-size:30px;
	line-height:30px; 
}
.carousel-caption h3{
    font-size:18px;
	line-height:18px;    
}
.carousel-caption h4{
    font-size:14px; 
	line-height:14px;    
}
 .video-button{
 
}

 .video-button a{
	width:60px;
	height:60px;
	font-size:20px;
    outline-offset: 3px;
}
}

@media screen and (max-width:768px){

.carousel-indicators{
            width:30px;
			position:absolute;
            bottom:auto;
            right:20px;
			left:auto;
			top::45%;
            z-index:5;
            list-style:none;
			text-align:center;
			padding:0;
			justify-content: center;
			align-items: center;
			display: flex;
			flex-direction:column;
        }
        .carousel-indicators li{
            
            width:20px;
            height:20px;
 
        }
        .carousel-indicators .active{
            width:20px;
            height:20px;
 
        }
 .insider{
 	flex-direction: column-reverse;
 }
.slide-img, .carousel-caption{
	width:100%;
	}
	
.carousel-caption{
	padding:20px;
	background-color:var(--grey-light);
}
 .kem-project-brand{
  position:absolute;
  bottom:34%;
  left:50%;
  margin-left:-60px;
  z-index:5;
 
}
.kem-project-brand img{ 
 	 width:120px; 
 }
 .carousel-caption{
 	text-align:center;
	justify-content: center;
}
 
  .video-button{
  position:absolute;
  bottom:40%;
  right:20px;
  z-index:5;
 
}
}