/***** BANNER *****/
.mid .banner .slider .slick-slide { display: flex; /*align-items: center;*/ justify-content: center; background-size: cover; background-position: center; position: relative; overflow: hidden; height: calc(100vh - 96px); }

.mid .banner .slider .overlay { padding-top: 50px; }
.mid .banner .slider .overlay .bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; /*background-color: #000; opacity: 0.3;*/ }
.mid .banner .slider .overlay .text-overlay { text-align: center; position: relative; z-index: 1; }
.mid .banner .slider h1 { font-size: 45px; color: #fff; }
.mid .banner .slider .desc { color: #fff; }

.mid .banner .slider .slick-dots { bottom: 10px; }
.mid .banner .slider .slick-dots li { list-style: none; margin: 10px; }
.mid .banner .slider .slick-dots li button { border-radius: 50%; border: 2px solid #fff; }
.mid .banner .slider .slick-dots li button:before { content: ''; background-color: #fff; border-radius: 50%; opacity: 0; }
.mid .banner .slider .slick-dots li.slick-active button:before { opacity: 1; }

/***** END BANNER *****/

.mid .global-presence .gp-item a { position: relative; overflow: hidden; width: 100%; display: block; }
.mid .global-presence .gp-item a img { width: 100%; position: relative; transition: all 0.3s; }
.mid .global-presence .gp-item a:hover img { opacity: 0.8; }
.mid .global-presence .gp-item a h2 { position: absolute; bottom: 0; right: 0; width: 75%; text-align: center; padding: 10px; background-color: #da2128; color: #fff; margin: 0; }


.mid .video-wrapper { position: relative; width: 100%; max-width: 100%; height: calc(100% - 100px); overflow: hidden; left: 0; padding-bottom: 46.2493%; }
.mid .video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; }
.mid .video-wrapper .vid-poster { background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-size: cover; background-position: center; cursor: pointer; transition: all 0.3s; }
.mid .video-wrapper .play-btn { background-image: url(../image/icon-play.png); background-repeat: no-repeat; width: 100px; height: 100px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-size: contain; background-position: center; cursor: pointer; transition: all 0.3s; }
.mid .video-wrapper .play-btn:hover { opacity: 0.7; }


.mid .media-releases .date { color: #da2128; font-size: 18px; }
.mid .media-releases .sub-title { color: #575756; margin-bottom: 1rem; }
.mid .media-releases .sub-title:hover { color: #da2128; }

.mid .banner-ftr-wrap { min-height: 300px; display: flex; justify-content: center; align-items: center; background-size: cover; background-position: 25% center; }



@media screen and (max-width: 767px) {
	.mid .banner-ftr-wrap { background-image: none !important; }
	
	.mid .video-wrapper .play-btn { width: 50px; height: 50px; }
}


@media screen and (max-width: 400px) {
	.mid .banner .slider h1 { font-size: 36px; }

}