/* Banner */
.top .banner { overflow: hidden; position: relative; width: 100%; max-height: 100vh; }
.top .banner .slider { height:100%; width: 136%; left: -18%; margin-top: -3vh; margin-bottom: -3vh; }
.top .banner .slider .bnr-wrapper { position: relative; }
.top .banner .slider .slider-item { height: 100%; }
.banner .slider .slider-item .sliderWrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 1440px; height: 100%; margin: auto; }

.top .banner .slick-dotted.slick-slider { margin: 3vw 0 -3vw 0; }

/* Slider Dots */
.top .banner .slider .slick-dots { display: table; top: 50%; transform: translateY(-50%); right: 19vw; bottom: 0; margin: 0; padding: 0; transition: visibility 0s, opacity 0.5s linear; width: auto; }
.top .banner .slider .slick-dots li { display: block; margin: 10px 5px; width: 30px; height: 30px; }
.top .banner .slider .slick-dots li button { border-radius: 100%; width: 30px; height: 30px;  }
.top .banner .slider .slick-dots li button::before { color: #ffffff; opacity: 0.5; line-height: 32px; width: 30px; height: 30px; font-size: 8px; }
.top .banner .slider .slick-dots li.slick-active button::before { opacity: 1; }
.top .banner .slider .slick-dots li.slick-active button { background-color: transparent; border: 1px solid #ffffff; }
.top .banner .slider-item a{ display: inline-block; position: relative; font-family: 'Roboto'; }
.top .banner .slider-item .imgWrap { position: relative; -ms-transform: skew(37deg, 0deg); -webkit-transform: skew(37deg, 0deg); transform: skew(37deg, 0deg); overflow: hidden; margin-left: 0; margin-right: -5vw; }
.top .banner .slider-item .imgWrap img { max-width:none; object-fit: cover; object-position: center top; width: 80vw; margin-left: -17vw; -ms-transform: skew(-37deg, 0deg); -webkit-transform: skew(-37deg, 0deg); transform: skew(-37deg, 0deg); }

.top .banner .slider-item .diagonal-overlay { position: absolute; height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }

.top .banner .slider-item .diagonal-overlay:after {
	/*content: '';*/
	position: absolute;
	left: -100px;
	margin: auto;
	height: 50%;
	width: 35vw;
	opacity: 0.6;
	background: rgba(152,27,64,1);
	background: -moz-linear-gradient(left, rgba(152,27,64,1) 0%, rgba(245,245,245,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(152,27,64,1)), color-stop(100%, rgba(245,245,245,0)));
	background: -webkit-linear-gradient(left, rgba(152,27,64,1) 0%, rgba(245,245,245,0) 100%);
	background: -o-linear-gradient(left, rgba(152,27,64,1) 0%, rgba(245,245,245,0) 100%);
	background: -ms-linear-gradient(left, rgba(152,27,64,1) 0%, rgba(245,245,245,0) 100%);
	background: linear-gradient(to right, rgba(152,27,64,1) 0%, rgba(245,245,245,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#981b40', endColorstr='#f5f5f5', GradientType=1 );
	z-index: 1;
	height: 100%;
	-webkit-transform: skew(37deg, 0deg);
	-moz-transform: skew(37deg, 0deg);
	-ms-transform: skew(37deg, 0deg);
	-o-transform: skew(37deg, 0deg);
	transform: skew(37deg, 0deg);
}



/* Home banner content */
.top .banner .bnr-cnt { position: absolute; width: 75%; right: 15px; bottom: 22px; font-style: italic; color: #ffffff; z-index: 2;  -ms-transform: skew(37deg); -webkit-transform: skew(37deg); transform: skew(37deg); }
.top .banner .curr-first .bnr-cnt { left: 16vw; }
.top .banner .bnr-cnt *:not(.title) { -ms-transform: skew(-37deg); -webkit-transform: skew(-37deg); transform: skew(-37deg); color: #ffffff; }
.top .banner .bnr-cnt .title {
	position: relative;
	display: inline-block;
	height: 100%;
	color: #FFF;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
	background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.8) 86%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(65%, rgba(255,255,255,0.9)), color-stop(86%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.8) 86%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.8) 86%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.8) 86%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.8) 86%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.top .banner .curr-first .bnr-cnt .title { padding-left: 50px; left: -25px; }
.top .banner .bnr-cnt .title a { color: #252525; font-family: 'Roboto Medium'; font-style: normal; padding: 15px 50px 15px 25px; }


.top .banner .go-to-mid {	position: absolute;	bottom: 50px;	left: 38px; cursor: pointer; }

/* Webcast */
.top .webcast-wrapper{background-color: #ff4d00; width: 100%; color: #ffffff; text-transform: uppercase; line-height: 120%; min-height: 50px; }
.top .webcast-wrapper:hover {background-color: #ff763b;}
.top .webcast-wrapper .webcast { -webkit-box-align: center; align-items: center; display: flex; justify-content: center; padding: 15px; width: 100%;}
.top .webcast-wrapper .webcast img {display: inline-block; height: auto; vertical-align: middle; margin:0 1rem 0 0; }
.top .webcast-wrapper a {width: 100%; color: #ffffff; font-weight: normal; text-decoration: none; font-family: 'Roboto Medium';}
.top .webcast-wrapper a:hover {color: #ffffff;}
.top .webcast-wrapper .webcast .hover {display:none;}
.top .webcast-wrapper .webcast .hover {display:none;}
.top .webcast-wrapper .img-overlay{display: block; opacity: 0; position: absolute; width: 100%; height: 100%; transition: opacity 0.25s; z-index: 1; background-color: #0B0B1B;}
.top .webcast-wrapper .img-overlay:hover {opacity: 0.3;}

.mid { background-color: #f4f4f4; }
.mid .cnt {	position: absolute;	top: 0;	right: 0; color: #fff; width: 450px; }
.mid .cnt a.btnLink:hover {	color: #0047BB; }
.mid .cnt a.btnLink:after { content: ''; display: block; clear: both; }
.mid .cnt a.btnLink[data-slide-toggle] { background-color: #d7d7d7; border: 1px solid #d7d7d7; color: #0047BB; text-transform: unset; width: 450px; margin: 0; }
.mid .cnt a.btnLink[data-slide-toggle]:hover { background-color: #0047BB; border: 1px solid #0047BB; color: #d7d7d7; }
.mid .cnt a.btnLink[data-slide-toggle]:hover span { color: #d7d7d7; }
.mid .cnt a.btnLink[data-slide-toggle]:after { content: '+'; display: inline-block; font-size: 16px; position: absolute; right: 15px; top: 8px; }
.mid .cnt a.btnLink[data-slide-toggle] span { color: #252525; padding-right: 15px; }
.mid .cnt a.btnLink.eq-fund { margin: 0; width: 100%; position: relative; z-index: 1; font-size: 12px; }
.mid .cnt a img { width: 30px; display: inline-block; padding-right: 10px; margin: auto;}
.mid .cnt a .default { display:inline-block; }
.mid .cnt a .hover { display:none; }
.mid .cnt a.btnLink:hover .hover{display:inline-block;}
.mid .cnt a.btnLink:hover .default{display:none;}


/* Video Section */
.video-banner { width: 100%; overflow: hidden; background: #000; max-width: 80%; display: block; margin: auto; }

/* Responsive Ratio */
.video-container { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 */ height: 0; }

/* Iframe */
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* Mobile */
@media (max-width: 768px) {

    .announcement-bar { font-size: 14px; padding: 12px 15px; }
    .video-container { padding-bottom: 70%; /* taller on mobile */}
}


/* Stock Block */
.mid .stock-block { position: relative; display: none; z-index: 1; }
.mid .stock-block h3 { margin: 5px 0; font-size: 18px; }
.mid .stock-block .row {position:relative;}
.mid .stock-block .title { font-weight: 300; font-size: 14px; }
.mid .stock-block .value { font-weight: 400; font-size: 14px; }
.mid .stock-block .blur-bg { background: inherit; width: 100%; height: 100%; position: absolute; overflow: hidden; }
.mid .stock-block .blur-bg:before { content: ''; width: 100%; height: 100%; background: inherit; position: absolute; left: 0; top: 0; box-shadow: inset 0 0 0 200px rgba(0,0,0,1); }


/* About Us */
.mid .about { padding: 90px 10% 5% 10%; }
.mid .about .title { font-size: 50px; }

/* Useful Info */
.mid .useful-info { }
.mid .useful-info .title { font-size: 18px; }
.mid .useful-info .info { text-align: left; }

/* News */
.mid .news { }
.mid .news .news-highlight { position: relative; margin: 25px 0; }
.mid .news .date { font-family: 'Roboto Medium'; font-size: 14px; color: #0047BB; }
.mid .news .news-item a { color: #252525; padding: 10px 0; }
.mid .news .news-listing { padding: 0 10% 20px 10%; }

@media screen and (max-width: 991px) {
	.top .banner h1 { top: 50px; left: 0; transform: none; }
	.top .banner .go-to-mid { left: 50%; transform: translateX(-50%); }
	.mid .cnt {	width: 100%; }
	.mid .cnt a.btnLink[data-slide-toggle] {	width: 100%; }
	.mid .cnt .py-2 {	padding-bottom: 3px !important; padding-top: 3px !important; }
	
	/* News */
	.mid .news { padding: 5% 0; }
	.mid .about-fig { margin: 0; }
	
}

@media screen and (max-width: 767px) {
	.mid .useful-info .info { text-align: center; }
}


@media screen and (max-width: 750px) {
	.top .banner { max-height: unset; }
	.top .banner .slider { margin-top: -8vh; }
	.top .banner .slider-item .imgWrap { -ms-transform: skew(0); -webkit-transform: skew(0); transform: skew(0); -ms-transform: skewY(-10deg); -webkit-transform: skewY(-10deg); transform: skewY(-10deg); margin: 0vh 0px -20vh 0vw; }
	.top .banner .slider-item .imgWrap img { width: 140vw; margin: -20vh 0 0 -12vw; -ms-transform: skew(0); -webkit-transform: skew(0); transform: skew(0); -ms-transform: skewY(10deg); -webkit-transform: skewY(10deg); transform: skewY(10deg); }

	.top .banner .bnr-cnt { top: 40%; bottom: unset; }
	.top .banner .bnr-cnt,
	.top .banner .curr-first .bnr-cnt { -ms-transform: skew(-10deg); -webkit-transform: skew(-10deg); transform: skew(-10deg); left: 18vw; }
	.top .banner .bnr-cnt *:not(.title) { -ms-transform: skew(10deg); -webkit-transform: skew(10deg); transform: skew(10deg); }
	.top .banner .curr-third .bnr-cnt { right: 18vw; top: 5vh; left: unset; text-align: right; }
	.top .banner .bnr-cnt .title,
	.top .banner .curr-first .bnr-cnt .title { left: -45px; font-size: 16px; padding-left:  30px; }
	.top .banner .bnr-cnt .title a { padding: 15px 25px 15px 50px; }
	.top .banner .curr-third .bnr-cnt .title {
		left: unset;
		right: -36px;
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 14%, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0.9)100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(14%, rgba(255,255,255,0.8)), color-sto(35%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 14%, rgba(255,255,255,0.9) 35%, rgb(255,255,255,0.9) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 14%, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0.9)100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 14%, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0.9)100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 14%, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0.9)100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
	}
	.top .banner .bnr-cnt .title a { padding: 15px 50px 15px 25px; }

	.mid .about { padding: 125px 10% 5% 10%; }
}

@media screen and (max-width: 670px) {
	.top .banner .slider-item .imgWrap { margin: 0vh 0px -13vh 0vw; }
	.top .banner .slider-item .imgWrap img { margin: -13vh 0 0 -12vw; }
}

@media screen and (max-width: 540px) {
	.top .banner .slider-item .imgWrap { margin: 0vh 0px -10vh 0vw; }
	.top .banner .slider-item .imgWrap img { margin: -10vh 0 0 -12vw; }
}

@media screen and (max-width: 490px) {
	.top .banner .slider-item .imgWrap { margin: 0vh 0px -7vh 0vw; }
	.top .banner .slider-item .imgWrap img { margin: -7vh 0 0 -12vw; }
}

@media screen and (max-width: 450px) {
	.top .banner .slider-item .imgWrap img { width: 150vw; }
}

@media screen and (max-width: 380px) {
	.top .banner .slider-item .imgWrap img { width: 170vw; }
}