.hero-banner__wrapper{position:relative;padding-top:0px!important;}
.hero_banner_item {position: absolute;z-index: 10;text-align: left;left:0%;right:0;padding: 20px 0px  20px 0px;bottom:50%;width:100%;transform:translateY(50%);text-shadow: none;-webkit-animation-duration: 4s;animation-duration: 4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.hero_banner_item .banner__title .h1 {color: var(--white-color);text-shadow: 0 2px 15px rgba(0,0,0,.2);font-size: 4.4rem;font-weight: 300;line-height: 1.32;max-width: 650px;margin: 0px 0px 15px 0px;display: block;font-family: var(--font-gotham);opacity: 1;-webkit-transition: all .8s ease-in;transition: all .8s ease-in;animation: fadeIn .8s ease-in; }
.overlay-image::after{content: '';height: 100%;width: 100%;background-image: linear-gradient(81deg,rgba(0,74,134,.9),rgba(0,0,0,0));position: absolute;top: 0;left: 0;}
.hero_banner_item .banner__title .active {opacity: 1;margin-top: 0}
.hero__banner__slider__wrapper{width:100%;min-height:550px !important;position:relative;background-position:center;background-size:cover;}
.hero__banner__slider__wrapper .banner__content__wrapper {opacity: 0; visibility: hidden; transition: opacity 1400ms ease-in-out 0s; position:relative;overflow: hidden;width: 100%;}
.hero__banner__slider__wrapper.slick-active .banner__content__wrapper {opacity: 1; visibility: visible; }
.prev-arrow span.glyphicon.glyphicon-menu-left {position: absolute;top: 50%;left: 30px;z-index: 5;color: var(--white-color);font-size: 30px;display: inline-block;-webkit-transform: translateY(-50%); transform: translateY(-50%);opacity:0.5;}
.prev-arrow span.glyphicon.glyphicon-menu-left ::hover{opacity:1;}
.next-arrow span.glyphicon.glyphicon-menu-right {position: absolute;top: 50%;right: 30px;z-index: 5;color: var(--white-color);font-size: 30px;display: inline-block;-webkit-transform: translateY(-50%); transform: translateY(-50%);opacity:0.5;}
.hero-banner__wrapper .slide-arrow:hover  span.glyphicon,.hero-banner__wrapper .slide-arrow:focus  span.glyphicon{opacity:1;}

.ip3-edit .hero-banner__wrapper .banner__content__wrapper{opacity:1; visibility:unset;}
/*=====Media Query ====*/
@media all and (max-width:1400px){
.hero_banner_item{left: 10%;}
}

@media all and (max-width:991.98px){
.hero_banner_item{left:6%;right:10%;width:77%;display:flex;justify-content:center;}
.hero_banner_item .banner__title .h1 {font-size:3.5rem;}
.hero_banner_item .banner__title {left: 10%;right: 10%;top: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;}

}
@media all and (max-width: 767.98px){
.hero_banner_item{width:86%;}
.hero_banner_item .banner__title .h1 {font-size:2.5rem;}
.prev-arrow span.glyphicon.glyphicon-menu-left{left:11px;}
.next-arrow span.glyphicon.glyphicon-menu-right{right:11px;}
}
@media all and (max-width: 991px){
.overlay-image::after{    background-image: linear-gradient(81deg,rgba(0,74,134,.9),rgba(0,74,134,.5));}
}
@-webkit-keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0)}
   100% {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
}

@keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0)}
    100% {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
}