.banner-wrap{
    width:100%;
	display:flex;
    padding:0;
    position:relative;
 
 

}
.bgslide{
    width:100%;
    height:600px;
    float:left;
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
	object-fit: contain;
}

.bgslide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
}
   

 
.carousel-caption{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
	justify-content: start;	
	align-items: center;
	text-align:left;
    z-index:3;
    color:var(--white);
	font-family:var(--heading-font);
}
 .caption-outer{
 	 width:60%;
	 padding:0 0 0 25px;
	 border-left:1px solid var(--white);
 }
 .carousel-caption h2{    
    font-weight:normal;
    margin:0 0 20px 0;
	padding:0 0 20px 0;
    font-size:48px;
	line-height:60px;
	font-weight:var(--font-weight-bold);
	background-image: url(../images/brush-stroke.png);
	background-repeat: no-repeat;
	background-position: center bottom; 
 
}
.carousel-caption h3{
    font-size:20px;
    font-weight:var(--font-weight-bold);
    line-height:30px;
	margin:10px 0;
    font-weight: 400;
	 
}

.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:-7px;
            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:0;
			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:40%!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:30%!important;
            background-color:var(--primary-color);
        }
        .carousel-indicators{
            position:absolute;
            bottom:20px;
            left:0;
            z-index:1;
            width:100%;      
            list-style:none;
			text-align:center;
			padding: 40px;
			margin:0;
        }
        .carousel-indicators li{
            display:inline-block;
            width:15px;
            height:15px;
            margin:5px;
            text-indent:-999px;
			font-size:0;
            cursor:pointer;
			border:2px solid var(--white);
            border-radius:50%;
        }
        .carousel-indicators .active{
            width:15px;
            height:15px;
            margin:5px;
            background-color:var(--white);
 
        }
        @media screen and (max-width:900px){
            .caption-outer {
    width: 70%;
    padding: 0 0 0 5px;
    border-left: 0;
}
        }
        @media screen and (max-width:640px){
 
			
            .bgslide{
			 height:250px;
                 
            }
			.bgslide .child{    
   				 vertical-align:bottom;
			}
            .carousel-caption{           
                padding:15px;
				width:100%;
			}	
			 .caption-outer{
 	 			 width:80%;
				  
 				}

            .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
                width:50px!important;
                height:50px!important;
                margin-top:-25px;
                font-size:30px;
				 
            }
            .carousel-control.right{
            	left:50px;		
            }
            .carousel-caption h2{
                font-size:18px;
				line-height:20px;
                margin:0;
				padding:0;
				background-image:none;
				
            }
            .carousel-caption h3{
                font-size:14px;
				display:none;
            }
		 	
			.carousel-indicators li{
            width:15px;
            height:15px; 
			display:none;
        }
        .carousel-indicators .active{
            width:15px;
            height:15px;
 
        }
			
        }
    }
}