.banner-wrap{
     width:100%;
     display:flex;
     position:relative;
}
 .bgslide{
     width:100%;
     height: 700px;
     overflow:hidden;
     position:relative;
    /* background-color: #c7d3e9;*/
 /*    background-image: url(../images/homeslider/bg.jpg);*/
     background-position:center;
     background-size:cover;
     background-repeat:no-repeat;
     object-fit: contain;
}
 .bgslide img.slide-bg {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border:0;
}
 .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(--black);
     padding-bottom: 20px;
     padding-top: 30px;
}

.carousel-caption .container{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

 .caption-holder{
   /*  width:40%;
     padding:0 0 0 25px;
     border-left:2px solid var(--primary-color);*/
   width: auto;
   display: inline-block;
   position: absolute;
   bottom: -11px;
   right: 44px;
   text-align: right;
}
 .image-holder{
     width:75%;
     padding:0 0 0 0px;
     position: relative;

}
 .image-holder .logo-box{
position: absolute;
    top: 30px;
    left: 0;
    width: 23%;
}



 .image-holder .logo-img{
    max-height:  666px;
    object-fit: inherit;
    }
 .carousel-caption h2{
    font-weight: 600;
    margin: 0;
    font-size: 100px;
    line-height: 88px;
    text-transform: uppercase;
    color: var(--white);
}
 .carousel-caption h3{
     font-size:28px;
     font-weight:normal;
     line-height:normal;
     margin:10px 0;
}
 .animset{
     animation-duration:0.5s;
     animation-delay:0.5s 
}
 .animset2{
     animation-duration:0.9s;
     animation-delay:0.9s 
}
 .animset3{
     animation-duration:1.05s;
     animation-delay:1.05s 
}
 .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%;

}
 .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) 
    }
       .carousel-inner .item .slide-img{
       opacity: 0;
  visibility: hidden;
  transform-origin: right center;
  transform: translate3d(0%, 0%, 0) rotateY(30deg) scaleX(0.95);
  transition: all 1s ease,transform 1s cubic-bezier(0.43, 0.28, 0.51, 1);
    }
     .carousel-inner .item.active .slide-img{
      opacity: 1;
  visibility: visible;
  transform-origin: left center;
  transform: translate3d(0, 0, 0) rotateY(0deg) scaleX(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;
         display: none;
    }
     .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:767px){
     .banner-wrap{
    }
     .bgslide{
         width:100%;
         height:430px;
    }
    .image-holder img{
        max-width: 90%;
    }

.image-holder {
    width: 97%;
    padding: 0 0 0 0px;
    position: relative;
}
     .bgslide .child{
         vertical-align:top;
    }
     .carousel-caption{
         padding:0;
         width:100%;
    }
    .caption-holder{
         width:50%;
         padding:0 0 0 15px;
   
}
.carousel-caption .container {

    align-items: center;
    justify-content: center;
  
}

     .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: 42px;
        line-height: 44px;
    }
    .caption-holder {
    width: auto;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 14px;
    text-align: right;
}
     .carousel-caption h2 span{
         padding:10px 20px;
    }
     .carousel-caption h3{
         font-size:14px;
         display:none;
    }
     .carousel-control{
         display:block;
    }
     .carousel-indicators li{
         width:15px;
         height:15px;
         display:none;
    }
     .carousel-indicators .active{
         width:15px;
         height:15px;
    }
}
 
@media only screen and (max-width: 480px) {
 .carousel-caption .container {

    align-items: flex-start;
    justify-content: center;
  
}
.bgslide {
        width: 100%;
        height: 362px;
    }
}