/* === GLOBAL BANNER CSS === */
.banner-center-cover{background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;}
.banner-main-wrapper .social-links > ul > li:first-child{margin-right: 20px}
.banner-main-wrapper .contact-info > p > a{color: var(--white-color); display: inline-block; margin-left: 24px}
/* === GLOBAL BANNER CSS === */


/* === THIN BANNER CSS === */
@media(min-width:992px){
}
.thin-banner-main-wrapper .thin-banner-item{min-height: 700px;padding: 50px 0;position: relative;background-color: var(--black-color);}
.thin-banner-main-wrapper .no-gradient::before{content: ''; background:unset !important;}
.thin-banner-main-wrapper .thin-banner-item::before{content: ''; background: rgba(0,0,0,.6); z-index: 0;width: 100%;position: absolute;height: 100%;top: 0;}
.thin-banner-main-wrapper .thin-banner-item.two-col-banner{padding-top: 30px}
.thin-banner-main-wrapper .thin-banner-item .three-col > .title{margin-top: 27px;}
.thin-banner-main-wrapper .thin-banner-item .three-col > .content{margin-top: 40px;}
.thin-banner-main-wrapper .thin-banner-item .three-col > .social-links{margin-top: 40px}
.thin-banner-main-wrapper .thin-banner-item .three-col > .contact-info{margin-top: 43px;}
.thin-banner-main-wrapper .thin-banner-item .three-col > .contact-info > p{margin-bottom: 16px}
.thin-banner-main-wrapper .thin-banner-item .three-col > .contact-info > p > spoan.icon-location{font-size: 2.0rem}
/* === THIN BANNER CSS === */

/* === THICK BANNER CSS === */
.thin-banner-medium{min-height:400px !important;}
.thick-banner-main-wrapper .content a{color: var(--aqua-color)}
.thick-banner-main-wrapper .thick-banner-item{min-height: 550px;padding: 70px 0 50px;position: relative;background-color: var(--black-color);}
.thick-banner-main-wrapper .thick-banner-item::before{content: '';position: absolute; height: 100%; width: 100%; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); z-index: 0;top: 0;}
.thick-banner-main-wrapper .thick-banner-item.has-links{padding: 70px 0 115px}
.thick-banner-main-wrapper .thick-banner-item.has-links .title{margin-bottom: 20px;padding-right: 90px}
.thick-banner-main-wrapper .thick-banner-item.has-links .banner-link{margin-top: 55px}
.thick-banner-main-wrapper .thick-banner-item.has-links.no-banner-content .banner-link{margin-top: 32px}
.thick-banner-main-wrapper .thick-banner-item.no-banner-content{align-items: center !important;padding: 80px 0}
.thick-banner-main-wrapper .thick-banner-item .banner-link{margin-top: 45px;}
.thick-banner-main-wrapper .thick-banner-item .banner-link > p{margin: 0 30px 0 0;}
.thick-banner-main-wrapper .thick-banner-item.has-card.number-card{padding-bottom: 155px;}
.thick-banner-main-wrapper .thick-banner-item.has-card.news-card{padding-bottom: 250px;}
.thick-banner-main-wrapper .thick-banner-item.two-column-thick-banner{padding-top: 86px}
.thick-banner-main-wrapper .thick-banner-item.two-column-thick-banner > .container-fluid.top-col{max-width: 1090px;margin: 0 auto;}
.thick-banner-main-wrapper .thick-banner-item.two-column-thick-banner > .container-fluid.top-col .content{margin-left: -11px;margin-top: 7px;}
.thick-banner-main-wrapper .banner-bottom-image-main{margin-top: -230px;}
.thick-banner-main-wrapper .banner-bottom-image-main .banner-bottom-image-wrapper .banner-bottom-image{min-height: 456px;background-repeat: no-repeat;background-position: center center;z-index: 1;}
.thick-banner-main-wrapper .thick-banner-item.has-banner-bottom-img{padding-top: 88px;padding-bottom: 270px;}

.thick-banner-main-wrapper .banner-intro-main{margin: 0;transition: all 0.3s ease-in-out;z-index: 1;position: relative;}
.thick-banner-main-wrapper .banner-intro-inner-wrapper{background: #fff;border-radius: 10px;padding: 45px 0;}
.banner-intro-wrapper .title{margin-top: -9px}
.banner-intro-wrapper .title h1{color: var(--black-color)}
.banner-intro-wrapper .content{color: var(--dark-color);margin-bottom: 13px}
.banner-intro-wrapper .content > p{margin-bottom: 0}
.banner-intro-wrapper .signature img{width: 206px}
.banner-intro-wrapper .intrower-name{color: var(--dark-color);margin-top: 12px;}

.thick-banner-main-wrapper .thick-banner-item.results-reports-card{min-height: 496px;padding-bottom: 160px;}

.thick-banner-main-wrapper .results-card-main{margin-top: -109px;}
.thick-banner-main-wrapper .news-card-main{margin-top: -215px;}
.thick-banner-main-wrapper .report-result-card-main{margin-top: -133px;}
/* === THICK BANNER CSS === */

@media all and (max-width: 991.98px){
  .hero-banner-slider-wrapper .hero-banner-sliding-item{min-height: 602px;padding-bottom: 100px}
  .hero-banner-tabs-wrapper{position: relative;margin-top: -80px;}
  .hero-banner-main-wrapper .sliding-arrows{display: none}
  .hero-banner-slider-wrapper .hero-banner-content{margin-top: 100px}
  .hero-banner-slider-wrapper .hero-banner-content .cta-wrapper{margin-top: 40px;}
  .hero-banner-tabs-wrapper ul li:not(:last-child){border: 0}
  .hero-banner-tabs-wrapper ul li:first-child a.hero-tab-link{border-radius: 10px 10px 0px 0;}
  .hero-banner-tabs-wrapper ul li:last-child a.hero-tab-link{border-radius: 0px 0px 10px 10px;}
  .hero-banner-tabs-wrapper ul li a.hero-tab-link{position: relative}
  .hero-banner-tabs-wrapper ul li a.hero-tab-link::before{content: '';height: 1px;background: rgba(255, 255, 255, 0.3);width: calc(100% - 50px);position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
  
  .thick-banner-main-wrapper .thick-banner-item{min-height: 380px;}
  .thick-banner-main-wrapper .thick-banner-item.no-banner-content{min-height: 428px;}
  .thick-banner-main-wrapper .thick-banner-item.has-card.number-card{padding-bottom: 135px;}
  
  .thick-banner-main-wrapper .banner-bottom-image-main{margin-top: -200px;}
  .thick-banner-main-wrapper .banner-bottom-image-main .banner-bottom-image-wrapper .banner-bottom-image{min-height: 267px;}
  .thick-banner-main-wrapper .thick-banner-item.has-banner-bottom-img{padding-bottom: 235px;}
  
  .thick-banner-main-wrapper .thick-banner-item.results-reports-card{min-height: 428px}
}
@media all and (max-width: 767.98px){
  .thick-banner-main-wrapper .thick-banner-item{padding: 60px 0; min-height: auto}
  .hero-banner-slider-wrapper .hero-banner-content{margin-top: 45px}
  .thin-banner-main-wrapper .thin-banner-item{min-height: 250px !important;
    background-position: 75% !important; padding: 60px 0;}
  .thin-banner-main-wrapper .thin-banner-item .three-col > .title{margin-top: 0}
  .thin-banner-main-wrapper .thin-banner-item .three-col > .content{margin-top: 20px;}
  .thin-banner-main-wrapper .thin-banner-item .three-col > .contact-info{margin-top: 0}
  .thin-banner-main-wrapper .thin-banner-item.three-col-banner .three-col:nth-child(2){order: 3}
  .thin-banner-main-wrapper .thin-banner-item.three-col-banner .three-col:last-child{order: 2}
  .thin-banner-main-wrapper .thin-banner-item.two-col-banner{padding: 60px 0;}
  .thick-banner-main-wrapper .thick-banner-item.has-links{padding: 60px 0;min-height: auto;}
  .thick-banner-main-wrapper .thick-banner-item.has-links .banner-link{margin-top: 40px;}
  .thick-banner-main-wrapper .thick-banner-item.has-card.number-card{padding-bottom: 135px;min-height: 380px;}
  .thin-banner-main-wrapper .thin-banner-item .three-col > .contact-info > p{margin-bottom: 0}
  .thin-banner-main-wrapper .thin-banner-item .three-col > .social-links{margin-top: 25px;}
  .banner-main-wrapper .social-links > ul > li{margin-bottom: 0}
  .thick-banner-main-wrapper .thick-banner-item.has-card.news-card{min-height: 380px;padding-bottom: 150px;}
  .thick-banner-main-wrapper .thick-banner-item.has-links .title{padding: 0}
  .thick-banner-main-wrapper .results-card-main{margin-top: -89px}
  .thick-banner-main-wrapper .news-card-main{margin-top: -89px}
  .thick-banner-main-wrapper .thick-banner-item.two-column-thick-banner{padding: 60px 0}
  .thick-banner-main-wrapper .thick-banner-item.two-column-thick-banner > .container-fluid.top-col .content{margin: 0}
  .thick-banner-main-wrapper .thick-banner-item.has-banner-bottom-img{padding-bottom: 235px;}
  .thick-banner-main-wrapper .banner-intro-inner-wrapper{padding: 20px}
  .thick-banner-main-wrapper .banner-intro-main{margin-top: -70px !important}
  .thick-banner-main-wrapper .thick-banner-item.has-links .banner-link {flex-direction: column;align-items: start !important;}
  .thick-banner-main-wrapper .thick-banner-item .banner-link > p {margin: 0 0 20px;}
  .thick-banner-main-wrapper .thick-banner-item .banner-link > p:last-child {margin: 0;}
}

body.nojs .thick-banner-main-wrapper .news-card-main{margin-top: 0}
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}



/*START SWIPER BANNER CSS*/

/* Start Banner CSS */
.hero__wrapper {
  height: 400px;
  position: relative;
}

.swiper-slide__content-wrapper {
  height: 100%;
}

.hero-banner__content {
  height: 100%;
  margin: 0 auto;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  justify-content: center;
}

.hero-banner__content h1,
.hero-banner__content p {
  color: #fff;
}

.hero-banner__content .h1 {
  font-size: 2.2rem;
  font-weight:400;
  line-height: 2.7rem;
  font-family: var(--font-mclaren-light);
  text-transform: uppercase;
}

.hero-banner__content p {
  font-weight: 300;
  font-size: 2.1rem;
  line-height: 3.8rem;
  padding-bottom: 15px;
  font-family: var(--font-noto-sans);
  letter-spacing: 0;
}

.swiper-bg-image {
  height: 400px !important;
  min-height: 400px;
  background-size: cover !important;
  background-position: center !important;
}

.thumbnail {
  width: 338px;
  height: 338px;
  border-radius: 50%;
  opacity: 1;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
  pointer-events: none;
  position: absolute !important;
}

.thumbnail__prev-slide {
  left: -170px;
  right: auto;
  top: 25%;
}

.thumbnail__next-slide {
  left: auto;
  right: -170px;
  top: 25%;
  z-index: 11;
}

.thumbnail img {
  width: 338px;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}


@media(min-width:768px){
.hero-banner__content .h1 {
  font-size: 3rem;
  line-height: 3.7rem;
  font-family: var(--font-mclaren-light);
  text-transform: uppercase;
} .swiper-bg-image, .hero__wrapper {
  height: 500px !important;
  min-height: 500px;
  
}

}

@media(min-width:992px){
  .swiper-bg-image, .hero__wrapper {
    height: 700px !important;
    min-height: 700px;
    
  }
  .hero-banner svg{
  width:80px !important;
}
.swiper-button-next{
  right:200px !important; 
  
}
.swiper-button-prev{
  left:200px !important;
  
}
}
@media(min-width:1200px){
.hero-banner__content .h1 {
  font-size: 4.2rem;
  line-height: 4.7rem;
  font-family: var(--font-mclaren-light);
  text-transform: uppercase;
}
}
@media(min-width:1400px){

.hero-banner__content .h1 {
  font-size: 5.2rem;
  line-height: 57.2px;
  
  font-family: var(--font-mclaren-light);
  text-transform: uppercase;
}
}

.swiper-hero-progress {
  /* position: absolute; */
  /* left: 0; */
  /* bottom: 20px; */
  margin-top: -5px;
    z-index: 1;
    position: relative;
  width: 0;
  height: 5px;
  background: #ed7102;
  z-index: 1;
}

.hero-banner svg{
  width:35px;
}

  .swiper-button-next{
	right:15px;
    width:unset !important;
}
.swiper-button-prev{
left:15px;
    width:unset !important;
}
.mySwiper {
overflow:hidden;
}
@media(max-width:576px){
	.hero-banner__content p{
    font-size: 1.6rem !important;
    line-height: 2.1rem !important;
    padding-bottom:15px;
    }
}
/* End Banner CSS */

body#ip3-Homepage .swiper-button-next, body#ip3-Homepage .swiper-button-prev{display:none;}
body#ip3-Homepage .nex-prev-slide-thumbnail.thumbs-container{display:none!important;}
