/*======================Hero banner css==============================*/

.content-wrapper + .cta-wrapper + .video-trigger{
margin-top:32px;
}
.mfp-content .video-js {
    width: 100% !important;
    height: auto;
    min-height: 567px;
}

.mfp-content .britecoveVideoCopy {
    width: 100%;
    height: auto;
    min-height: 562px;
}

.video-caption-module .video-player-wrapper .bc-player-CGjO1rZBvL_default {
    width: 100%;
    height:auto;
    min-height: 546px;
    font-size: 14px;
    overflow: hidden;
}
.full-video-with-stats .video-js {
    width: 100% !important;
    height: auto;
    min-height: 650px;
}

.external-links-with-video .video-js {
    width: 100%;
    height: 938px;
}



@media all and (max-width: 991px){
	#ip3-Homepage .mfp-inline-holder > .mfp-content{
		 width: 540px;
    height: auto;
    min-height: 300px;
	}
	
	.mfp-content .video-js {
    width: 533px !important;
    height: auto;
    min-height: 300px;
}
	.mfp-content .britecoveVideoCopy {
    width: 540px;
    height: auto;
    min-height: 300px;
}

}

@media all and (max-width: 480px){
	#ip3-Homepage .mfp-inline-holder > .mfp-content{
		 width: 100% !important;
    height: auto;
    min-height: 245px;
	}
	
	
	.mfp-content .video-js {
    width: 100% !important;
    height: auto;
    min-height: 245px;
}	
	.mfp-content .britecoveVideoCopy {
    width: 100%;
    height: auto;
    min-height: 300px;
}

}

@media all and (max-width: 400px){
	.mfp-content .video-js {
        width: 100% !important;
        height: auto;
        min-height: 215px;
    }
}



.hero-banner .video-banner .bc-player-CGjO1rZBvL_default{height:100%; width:100% !important; min-height: 997px;}
.hero-banner .slider-banner .bc-player-CGjO1rZBvL_default {height:100%; width:100% !important; min-height: 997px;}


.hero-banner .hero-banner-with-image{max-height: 997px;}
.hero-banner .hero-banner-with-image img {width: 100%;object-fit: cover;object-position:Center;height: 997px;}


.hero-banner {position: relative;}
.hero-banner .hero-banner-pattern{height: 100%;max-width: 1375px;position: absolute;background-size: contain;background-position: top left;background-repeat: no-repeat;z-index:4;width: 100%; top: 0; left: 0;}
/*=======Hero video Banner css =======*/
.video-banner__container .video-banner__container-content > .container {position: relative;z-index: 4;}
.inner-banner-wrapper:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(178deg, rgba(25, 45, 56, 0) 5.73%, #192D38 100%); transform: rotate(180deg); }
.inner-banner.inner-banner_no-image .inner-banner-wrapper:before { display: none; }
.video-banner__container .video-banner__container-content{/*background: linear-gradient(178deg, rgba(25, 45, 56, 0) 5.73%, #192D38 100%);*/ min-height: 997px;display: flex;flex-direction: column;justify-content: center; position: absolute;top: 0;left: 0;width: 100%;}
.hero-banner .video-banner {min-height: 997px;}
.video-banner__container-content img {position: absolute;width: 100%;z-index: -1;height: 100%;height: 996px; } 
.banner-about-us--content { position: relative; z-index: 5; }
.video-banner__container{position: relative;}
.video-banner__container .inv_ParentContainer{z-index: 1;position: relative;} 
.video-banner__container .inv_ParentContainer .inv_playerContainer {max-height: 997px;}
/*.video-banner__container .inv_ParentContainer .inv_videoReady .inv_videoArea{min-height: 997px; transform: scale(1.35) }*/
.video-banner__container .inv_ParentContainer .inv_videoReady .inv_videoArea{min-height: 997px; transform: scale(1) }
.video-player-wrapper.banner-video .bc-player-CGjO1rZBvL_default.vjs-has-started.vjs-playing.vjs-user-inactive:not(.vjs-audio-only-mode) .vjs-progress-control{display: none;}
.video-player-wrapper.banner-video .bc-player-CGjO1rZBvL_default .vjs-control-bar {display:none;}
.hero-banner .video-banner .bc-player-CGjO1rZBvL_default.vjs-fluid:not(.vjs-audio-only-mode){height: 100%;width: 100% !important;}
.hero-banner .slider-banner .bc-player-CGjO1rZBvL_default.vjs-fluid:not(.vjs-audio-only-mode){height: 100%;width: 100% !important;}
.hero-banner .video-banner .video-js .vjs-tech{width: 100% !important;}
/*=======Hero carousel Banner css =======*/
.slider-banner__slick { max-height: 1084px; background-color: var(--color-primary-3); background-repeat: no-repeat;  position: relative; } 
.slider-banner__slick-container { position: relative; } 
.slider-banner__slick-container-main { transition: 2s; height: 997px; } 
.slider-banner__slick .slider-banner__patternImage{ background: linear-gradient(180deg, rgba(25, 45, 56, 0) 5.73%, #192D38 100%); background-repeat: no-repeat; background-size: cover;z-index: -1; height: 100%; position: absolute;width: 100%;}
.slider-banner__slick-container-main-bg { position:relative; background-repeat: no-repeat; content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; height: 100%;}
.slider-banner__slick-container .slick-active { opacity: 1; } 
.slider-banner__slick-container-thumb { position: relative; bottom: 215px; z-index: 4; } 
.slider-banner__slick-container-thumb-nav { display: flex; } 
.slider-banner__slick-container-thumb-nav-wrapper { margin-right: 130px; width: 340px; top: 0; cursor: pointer; } 
.slider-banner__slick-container-thumb-nav-wrapper .content-wrapper { margin-top: 7px; } 
.slider-banner__slick-container-thumb-nav-wrapper:last-child { margin-right: 0; } 
.slider-banner__slick-container-thumb-nav-wrapper:last-child { margin-right: 0; } 
.slider-banner__slick-container-thumb-nav-wrapper .progressBarContainer { border-bottom-left-radius: 20px; border-top-left-radius: 20px; margin-right: 20px; float: left; background-color: var(--color-primary-7); width: 3px; height: 148.168px; } 
.slider-banner__slick-container-thumb-nav-wrapper .progressBarContainer .progressBar { width: 100%; height: 148.168px; } 
.slider-banner__slick-container-thumb-nav-wrapper .progressBarContainer .progressBar .inProgress { background-color: var(--color-primary-5); height: 148.168px; }  
.slider-banner__slick-container--text {position: absolute;top: 0;left: 0;z-index: 4;width: 100%;height: 100%;}

/*=======About Banner css =======*/
.banner-about-us{position: static;} 
.banner-about-us .banner-image {height: 100%;background-size: contain;width: 100%;background-position: top right;background-repeat: no-repeat;min-height: 867px;display: flex;align-items: center;}
.banner-about-us .content-wrapper .label { letter-spacing: 2px; }
.banner-about-us .wrapper-tamnguyen { max-width: 1170px !important; } 
.banner-about-us .image-container { min-width: 545px; margin-left: -30px;position: absolute;right: 0;bottom: 0;} 
.banner-about-us .res-image{display:none}
.banner-about-us .banner-image span.res-img{display:none;}
.video-banner__container .video-banner__container-content:before {z-index: 2; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(178deg, rgba(25, 45, 56, 0) 5.73%, #192D38 100%); transform: rotate(180deg);}
.slider-banner:before {z-index: 2;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0; transform: rotate(180deg); background: linear-gradient(180deg, rgba(25, 45, 56, 0.00) 72.49%, rgba(25, 45, 56, 0.30) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); }
@media all and (max-width: 1199.98px){
.hero-banner .hero-banner-pattern{max-width: 1199px;}
.video-banner__container .video-banner__container-content, .hero-banner .video-banner{min-height: 670px;}
/*=======Hero video Banner css =======*/
.video-banner__container-content img{ height: 670px; } 
.video-banner__container { height: 670px; background-position: left; } 
.video-banner__container-content img { top: 0; height: 670px; } 
.video-banner__container .video-player-wrapper video{height:670px;object-fit: cover;}
.video-banner__container .video-player-wrapper .video-js{height:670px !important;}

/*=======Hero carousel Banner css =======*/
.slider-banner__slick { height: 714px; } 
.slider-banner__slick-container-main { height: 714px; } 
.slider-banner__slick-container-main-bg::before { background-size: contain; } 
.slider-banner__slick-container-thumb { bottom: 145px; } 
.slider-banner__slick-container-thumb-nav .slick-track { display: flex; justify-content: space-between; } 
.slider-banner__slick-container-thumb-nav-wrapper {margin-right: 18px;width: 33.33%;}
.slider-banner__slick-container-thumb-nav-wrapper .progressBarContainer{margin-right: 12px;}
.slider-banner__slick-container-main-bg .inv_playerContainer .inv_videoArea{ height: 714px;}


/*=======About Banner css =======*/
.banner-about-us .cta-wrapper, .banner-about-us .content-wrapper { position: relative; z-index: 2; }
 .banner-about-us .banner-image {background-size: contain;min-height: 680px;  } 
 .banner-about-us .banner-image .row > div:last-child{align-self: flex-end;}
 .banner-about-us .image-container {min-width: auto;margin-left: 0px;}
 .banner-about-us .image-container img{width: auto;height: auto;max-width: 354px;max-height: 548px;}
 .banner-about-us .content-wrapper{margin-top: 0px;}
 
 .video-banner__container .inv_ParentContainer .inv_playerContainer {max-height: 715px;}
 .hero-banner .hero-banner-with-image{max-height: 715px;}
.hero-banner .hero-banner-with-image img {width: 100%;height:715px;}
.hero-banner .video-banner .bc-player-CGjO1rZBvL_default{min-height:715px;}
.hero-banner .slider-banner .bc-player-CGjO1rZBvL_default{min-height:715px;}
}
@media screen and (min-width: 768px) {
.slider-banner .slick-dots{display: none !important; }
}
@media all and (max-width: 767.98px){
.hero-banner .hero-banner-pattern {max-width: 767px;height: 753px;background-size: cover;}


/*=======Hero video Banner css =======*/
.video-banner__container { min-height: 543px;justify-content: end; background-position-x: 75%; } 
.video-banner__container-content img{ top: 0; height: 276px; } 
.video-banner__container .video-banner__container-content, .hero-banner .video-banner{min-height: 543px;}
.video-banner__container .video-player-wrapper video{height:543px;object-fit: cover;}
.hero-banner .video-banner .bc-player-CGjO1rZBvL_default.vjs-fluid:not(.vjs-audio-only-mode){height:543px;}
.hero-banner .slider-banner .bc-player-CGjO1rZBvL_default.vjs-fluid:not(.vjs-audio-only-mode){height:543px;}
.video-banner__container .video-player-wrapper .video-js{height:543px;}

/*=======Hero carousel Banner css =======*/
.slider-banner__slick { height: 518px; } 
.slider-banner__slick .slick-dotted.slick-slider { margin-bottom: 0; } 
.slider-banner__slick-container-main { height: 518px; } 
.slider-banner__slick-container-thumb { display: none; } 
.slider-banner .slick-dots { display: flex; justify-content: center; bottom: 4%; } 
.slider-banner .slick-dots li { display: flex; justify-content: center; align-items: center; justify-content: center; } 
.slider-banner .slick-dots li .slickdots .dot { width: 5px; height: 5px; background-color: var(--color-primary-7); display: block; } 
.slider-banner .slick-dots li .slickdots .icon-pagination-active { display: none; height: 0;font-size: 13px; } 
.slider-banner .slick-dots li.slick-active .slickdots .dot { display: none; } 
.slider-banner .slick-dots li.slick-active .slickdots .icon-pagination-active { display: block; height: 100%; } 
.slider-banner__slick-container-main-bg .inv_playerContainer .inv_videoStillArea{ height: 518px;}

/*=======About Banner css =======*/
 .banner-about-us .image-container { max-width: 176px; min-width: auto; } 
 .banner-about-us .module--spacing { padding-bottom: 0 !important; }  
 .banner-about-us .banner-image span.res-img{display:block;background-position: bottom;background-size: 100%;position: absolute;bottom: 0;right: 0;width: 392px;height: 413px;}
 .banner-about-us .image-container {max-width: 270px;min-width: auto;}
 .banner-about-us .image-container img {width: auto;height: auto;max-width: 270px; max-height: 350px;}
 .banner-about-us .banner-image{background-image: none !important;align-items: flex-start;padding-top: 90px;min-height: 750px;}
 .video-banner__container .inv_ParentContainer .inv_playerContainer{max-height: 543px;}
 .video-banner__container .inv_ParentContainer .inv_videoDisplay{height: 543px;}
  .hero-banner .hero-banner-with-image{max-height: 543px;}
.hero-banner .hero-banner-with-image img {width: 100%;height:543px;}
.hero-banner .video-banner .bc-player-CGjO1rZBvL_default{min-height:543px;}
.hero-banner .slider-banner .bc-player-CGjO1rZBvL_default{min-height:543px;}
}
 

/* ============ internal feedback chnages ============ */
.video-banner__container .inv_ParentContainer .inv_videoReady .inv_videoArea iframe, .inv_videoArea video{
    object-fit: cover;
}

@media only screen and (max-width:1199px){
.video-banner__container .inv_ParentContainer .inv_videoReady .inv_videoArea{min-height:715px;}
}
@media only screen and (max-width:767px){
.video-banner__container .inv_ParentContainer .inv_videoReady .inv_videoArea{min-height:543px;}
}

/*====================== Secondary banner css ==============================*/

/*=====Inner banner with image css=======*/
.inner-banner .inner-banner-wrapper {width: 100%;height: 677px;background-repeat: no-repeat;background-size: cover;background-position: right;position: relative;display: flex;align-items: center;} 
.inner-banner .inner-banner-image { background-repeat: no-repeat;background-size: cover;background-position: right;height: 100%;width: 55%;bottom: 0;left: 0px;position: absolute; } 
.inner-banner .inner-banner__content{margin-top:27%;}
.inner-banner .inner-banner__content .content-wrapper h1{margin-bottom:0px; color: var(--color-primary-6);}
.inner-banner .inner-banner__content .content-wrapper h1 sup{color: var(--color-primary-6);font-size:65%;}

/*=====Inner banner with no image css=======*/
.inner-banner.inner-banner_no-image .inner-banner-wrapper{height: 553px;background-position: center;}
.inner-banner.inner-banner_no-image .inner-banner__content {margin-top: 11%;}

/*=====Inner banner css=======*/
.about-us-banner { background-color: var(--color-primary-3); position: relative;min-height: 764px;} 
.about-us-banner .about-us-banner-pattern{background-repeat: no-repeat;background-size: contain;height: 100%;width: 100%;background-position: right;position: absolute;right: 0;bottom: 0;} 
.about-us-banner-image {display: flex; position: absolute; justify-content: center;bottom: 0;left: 200px;right: 0;} 
.about-us-banner .content-wrapper{margin-top:27%;}

@media all and (max-width: 1199.98px){
/*=====Inner banner with image css=======*/
 .inner-banner .inner-banner-image { left: 0px;background-position: right;width: 54%;background-position: 70%; } 
 .inner-banner .inner-banner-wrapper{height:514px;background-position: 75%;}
 .inner-banner .inner-banner__content{margin-top:80px;}
 
 /*=====Inner banner with no image css=======*/
 .inner-banner.inner-banner_no-image .inner-banner-wrapper {height: 412px;}
 .inner-banner.inner-banner_no-image .inner-banner__content {margin-top: 0px;margin-bottom: 67px;}
 
/*=====Inner banner css=======*/
 .about-us-banner .about-us-banner-pattern{max-width: 550px;max-height: 430px;background-size: cover;background-position: left bottom;}
 .about-us-banner{min-height:514px;}
 .about-us-banner-image{max-height: 420px;}
 .about-us-banner-image img{max-height: 420px;width: auto;}
 .about-us-banner .content-wrapper{margin-top:80px;}
 .external-links-with-video .video-js {
    height: 731px;
}
 }
@media all and (max-width: 767.98px){
/*=====Inner banner with image css=======*/
 .inner-banner .inner-banner-image { left: 0;background-position: 85%; } 
 .inner-banner .inner-banner__content {margin-top: 0;margin-bottom: 40px;}

  /*=====Inner banner with no image css=======*/
 .inner-banner.inner-banner_no-image .inner-banner-wrapper{background-position: 30%;}
 .inner-banner.inner-banner_no-image .inner-banner-wrapper {height: 514px;}
 .inner-banner.inner-banner_no-image .inner-banner__content{margin-top: 0;margin-bottom: 40px;}

/*=====Inner banner css=======*/
 .about-us-banner { min-height: 514px; } 
 .about-us-banner .about-us-banner-pattern{max-width: 100%;max-height: 320px;background-size: cover;background-position: 35%;}
 .about-us-banner .content-wrapper{margin-top:14px;}
 .about-us-banner{align-items: flex-start !important;}
  .about-us-banner .content-wrapper{margin-top:100px;margin-bottom: 40px;}
  
 /* internal feedback */
   .inner-banner .inner-banner-wrapper{align-items: flex-end;min-height:340px;height:auto;}
 .inner-banner.inner-banner_no-image .inner-banner-wrapper{min-height:340px;height:auto;}
  .inner-banner .inner-banner__content{margin-top:80px;}
  
.external-links-with-video .video-js {
    height: 600px;
}
.full-video-with-stats .video-js {
    min-height: 530px;
}
 }