/* === GLOBAL BANNER CSS === */
.banner-center-cover{background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;}

/* === GLOBAL BANNER CSS === */

/* === HERO BANNER CSS === */
.hero-banner-main-wrapper{position: relative;overflow: hidden}
.hero-banner-slider-wrapper .hero-banner-sliding-item{min-height: 808px;}

.hero-banner-slider-wrapper .hero-banner-content{margin-top: 188px;}
.hero-banner-slider-wrapper .hero-banner-content .title{margin-bottom: 24px;}
.hero-banner-slider-wrapper .hero-banner-content .title h1{margin-bottom: 0;}
.hero-banner-slider-wrapper .hero-banner-content .title h2{margin-bottom: 0;word-break: break-word;}
body#ip3-cgr-reports .hero-banner-main-wrapper.hero-thin-banner .hero-banner-sliding-item .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.hero-banner-slider-wrapper .hero-banner-content .title h1:after {
    content: '';
    width: 75px;
    height: 8px;
    display: block;
    background: var(--white);
    margin-top: 24px;
}
.hero-banner-slider-wrapper .hero-banner-content .title h2:after {
    content: '';
    width: 75px;
    height: 8px;
    display: block;
    background: var(--white);
    margin-top: 24px;
}

.hero-banner-slider-wrapper .hero-banner-content .description *:last-child {
	margin-bottom: 0;
}

.hero-banner-slider-wrapper .hero-banner-content .cta-wrapper{margin-top: 40px; }


.hero-banner-main-wrapper.hero-sub-banner .hero-banner-sliding-item {
    min-height: 654px;
    align-items: center;
}

.hero-banner-main-wrapper.hero-sub-banner .hero-banner-sliding-item:before {
    content: '';
    background: linear-gradient(0deg, rgba(44, 63, 69, 0.5), rgba(44, 63, 69, 0.5));
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

.hero-banner-main-wrapper.hero-sub-banner .hero-banner-sliding-item  .title,
.hero-banner-main-wrapper.hero-thin-banner .hero-banner-sliding-item .title {
    margin-bottom: 16px;
}

.hero-banner-main-wrapper.hero-sub-banner .hero-banner-sliding-item  .title h1:after,
.hero-banner-main-wrapper.hero-thin-banner .hero-banner-sliding-item .title h1:after {
	margin-top: 16px;
    width: 32px;
    height: 2px;
}
.hero-banner-main-wrapper.hero-sub-banner .hero-banner-sliding-item  .title h2:after,
.hero-banner-main-wrapper.hero-thin-banner .hero-banner-sliding-item .title h2:after {
	margin-top: 16px;
    width: 32px;
    height: 2px;
}
.hero-banner-main-wrapper.hero-sub-banner .hero-banner-slider-wrapper .hero-banner-content {
    margin-top: 0;
}

.hero-banner-main-wrapper.hero-thin-banner .hero-banner-sliding-item {
    min-height: 526px;
    align-items: center;
}

.hero-banner-main-wrapper.hero-thin-banner .hero-banner-slider-wrapper .hero-banner-content {
    margin-top: 0;
}

.hero-banner-slider-wrapper ul.slick-dots {
    position: absolute;
    margin: 0;
    bottom: 140px;
    display: flex;
    align-items: center;
    left: calc((100% - 1200px)/2);
    margin-left: 181px;
    z-index: 1;
    padding: 8px 12px 8px;
    background: rgba(26, 37, 41, 0.5);
    border-radius: 100px;
}

.hero-banner-slider-wrapper ul.slick-dots li {margin: 0 0 0 8px;position: relative;z-index: 1000;
    height: 8px;
    width: 8px;
}

.hero-banner-slider-wrapper ul.slick-dots li:first-child {margin-left: 0;}

.hero-banner-slider-wrapper ul.slick-dots li button {background: transparent;border: none;position: relative;text-indent: -9999999px;padding: 0;line-height: normal;height: 8px;overflow: hidden;vertical-align: top;}

.hero-banner-slider-wrapper ul.slick-dots li button:before {
	content: '';
    width: 8px;
    height: 8px;
	background: #E3E3E2;
	display: block;
	border-radius: 50%;
}

.sub-banner-toolbar-txt {
    font-size: 1.4rem;
    line-height: 20px;
    margin-bottom: 20px;
        min-height: 40px;
}

.hero-banner-slider-wrapper ul.slick-dots li.slick-active button:before {background: rgba(255,255,255,0.4);}

.slides-numbers {
    position: absolute;
    bottom: 0;
    left: calc((100% - 1200px)/2);
    bottom: 141px;
    width: 168px;
    font-size: 1.4rem;
    line-height: 20px;
    display: none;
}

.slides-numbers:after {
    content: '';
    height: 1px;
    width: 115px;
    background: #fff;
    position: absolute;
    left: 53px;
    top: 9px;
}

.hero-banner-slider-wrapper.hidePagination + .slides-numbers ,
.hero-banner-slider-wrapper.hidePagination ul.slick-dots {
	display: none !important;
}

/*----------*/

.hero-banner-slider-wrapper .hero-banner-content .title.hs-top,
.hero-banner-slider-wrapper .hero-banner-content .cta-wrapper.hs-bottom {
    position: relative;
    overflow: hidden;
}

.hero-banner-slider-wrapper .hero-banner-sliding-item.slick-current .title.hs-top h1,.hero-banner-slider-wrapper .hero-banner-sliding-item.slick-current .title.hs-top h2,
.hero-banner-slider-wrapper .hero-banner-sliding-item.slick-current .description.hs-top {
  animation-duration: 0.4s;
    animation-delay: 0.7s;
    animation-name: hero-slide-up;
    animation-fill-mode: backwards;
    opacity: 1;
}
.hero-banner-slider-wrapper  .hero-banner-content .cta-wrapper.hs-bottom .cta.cta-primary {
    position: relative;
    opacity: 0;
    animation-fill-mode: forwards;
}
.hero-banner-slider-wrapper .hero-banner-content .cta-primary:focus {
    outline-offset: -5px;
}

.hero-banner-slider-wrapper .hero-banner-sliding-item.slick-current .hero-banner-content .cta-wrapper.hs-bottom .cta.cta-primary {
animation-duration: 0.4s;
    animation-delay: 0.7s;
    animation-name: hero-slide-down;
}

@-webkit-keyframes hero-slide-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes hero-slide-up {
  0% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes hero-slide-up {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes hero-slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes hero-slide-down {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes hero-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === HERO BANNER CSS === */

@media all and (min-width: 992px) and (max-width: 1199.98px) {

.slides-numbers {
    left: 15px;
    bottom: 120px;
}

.hero-banner-slider-wrapper ul.slick-dots {
    left: 15px;
    bottom: 120px;
}

.hero-banner-slider-wrapper .hero-banner-content .cta-wrapper {
    margin-top: 20px;
}

}


@media all and (max-width: 991.98px){
	
}

@media all and (min-width: 768px) and (max-width: 991.98px) {

.slides-numbers {
    left: 15px;
}

.hero-banner-slider-wrapper ul.slick-dots {
    left: 15px;
}

}

@media all and (max-width: 767.98px){

.hero-banner-slider-wrapper .hero-banner-sliding-item {
    min-height: 660px;
}

.hero-banner-slider-wrapper .hero-banner-content {
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 120px;
}

.hero-banner-slider-wrapper ul.slick-dots {
    bottom: 50px;
    left: 0;
    margin-left: 15px; 
}

.slides-numbers {
    left: 27px;
    bottom: 26px; 
}

.slides-numbers:after {
	display: none;
}

.hero-banner-main-wrapper.hero-sub-banner .hero-banner-sliding-item,
.hero-banner-main-wrapper.hero-thin-banner .hero-banner-sliding-item {
    min-height: 465px;
} 

.hero-banner-main-wrapper.hero-sub-banner .hero-banner-slider-wrapper .hero-banner-content,
.hero-banner-main-wrapper.hero-thin-banner .hero-banner-slider-wrapper .hero-banner-content {
    padding-bottom: 60px;
}
	
}

<!--
body.nojs .thick-banner-main-wrapper .banner-intro-main{margin-top: -100px}
body.nojs .hero-banner-slider-wrapper{display: flex}
body.nojs .hero-banner-slider-wrapper .hero-banner-sliding-item{align-items: flex-start !important;}
body.nojs .hero-banner-slider-wrapper .hero-banner-sliding-item .col-12.offset-lg-1.col-lg-8{width: 100% !important;margin-left: 0 !important;flex: 0 0 100%;max-width: 100%;}
body.nojs .hero-banner-main-wrapper .sliding-arrows{display: none} -->