.banner-wrap {
     width: 100%;
     display: flex;
     padding: 0;
     position: relative;
     overflow: hidden;
     /*border-radius: 20px;*/
}
.bgslide{
    width:100%;
    height:100vh;
	display:flex;   
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
 
 
.slide1{
    background-image:url(../images/homeslider/1.jpg)
}
.slide2{
    background-image:url(../images/homeslider/2.jpg)
}
.slide3{
    background-image:url(../images/homeslider/3.jpg)
}
  
.carousel-caption{
    width:100%;
	display: flex;
    flex-wrap: wrap;
	align-items: center;
	position:absolute;
    left:0;
    bottom:200px;
    color:var(--white);
	text-align:left;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.carousel-caption h2{    
    font-family:var(--heading-font);
	font-weight:normal;
    margin:0 0 20px 0;
	padding:0;
    font-size:50px;
	line-height:60px;
	font-weight:normal;
	text-transform:uppercase;
	
}
.carousel-caption p{
    font-size:22px;
    font-weight:normal;
    line-height:normal;
}

.caption{
	width:50%;
}
.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-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:0;
            bottom:0;
            left:0;
            width:auto;
            font-size:20px;
            color:#fff;
            text-align:center;
            z-index:1;
			display:none;
            
        }
        .carousel-control.left{
            left:0
        }
        .carousel-control.right{
            right:0;
            left:auto
        }
        .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{          
			position:absolute;
            top:50%;
            z-index:1;
            display:inline-block;
            margin-top:-30px;
            background-color:rgba(255,255,255,0.5);
            background-repeat:no-repeat;
            background-position:center center!important;
            width:60px!important;
            height:60px!important;
            background-size:50%!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);
			/*border-radius:0 10px 10px 0;*/
        }
        .carousel-control .glyphicon-chevron-right{
            right:0;
            background-image:url(../images/icons/next.svg);
			/*border-radius:10px 0 0 10px;*/
        }
        .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:left;
			padding:0 0 0 15%;
        }
        .carousel-indicators li{
            display:inline-block;
            width:100px;
            height:100px;
            margin:5px;
            text-indent:-999px;
            cursor:pointer;
			background-color:#fff;
			border:2px solid #fff;
            border-radius:50%;
			overflow:hidden;
        }
        .carousel-indicators li img{
			width:100%;
			display:block;
		}		
        .carousel-indicators .active{
            width:100px;
            height:100px;
            margin:5px;
			border:2px solid var(--primary-color);
            border-radius:50%;
			overflow:hidden;
			}
			
		.carousel-indicators li img:hover{
			opacity:0.8;
		}
	
@media screen and (max-width:1366px){

.carousel-caption{  
	padding-left:100px;
}
}
	
		
 @media screen and (max-width:640px){
		     
.bgslide{ 
   	 height:40vh;
	}
 	   
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{          
		margin-top:-20px;
        width:40px!important;
        height:40px!important;
}


.carousel-caption{
	height:100%;
 	justify-content:center;
	text-align:center;
    left:0;
    bottom:0;
	padding-left:0;
}

.carousel-caption h2{     
    font-size:20px;
	line-height:30px;
 
}
.carousel-caption p{
    font-size:16px;
	display:none;
}

.caption{
	width:100%;
}			
.carousel-control{            
	display:none;
  }
  
.carousel-indicators{
			text-align:center;
			padding:0;
        }
		
 .carousel-indicators li{
      width:50px;
      height:50px;
      margin:5px;
}
 		
.carousel-indicators .active{
      width:50px;
      height:50px;
			}

}