/*-- Banner --*/
.banner-ex2.stBanner { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }
    .banner-ex2.stBanner .stBanner-group { display: none; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 780px; background: transparent center center no-repeat; background-size: cover; }

        .banner-ex2.stBanner .stBanner-group.active { display: flex; /*animation: activeFade 2s;*/ }

        .banner-ex2.stBanner .stBanner-group img { width: 100%; }


.banner-ex2.stBanner .caption { width:100%; }
    .banner-ex2.stBanner .caption h1 { font-size:105px; color:#fff; width:100%; text-align:center; }
    .banner-ex2.stBanner .caption p { text-align:center; margin:40px 0; color:#fff; font-size:24px; }
        .banner-ex2.stBanner .caption p span { border-right:3px solid #000; padding:0 10px 0 5px; }
            .banner-ex2.stBanner .caption p span:last-of-type { border:none; }
    .banner-ex2.stBanner .caption .btn { display:table; margin:0 auto; }



.banner-ex2.stBanner .stBanner-Navigation { position: absolute; left: 0; right: 0; bottom: 0; height: 15%; display: flex; justify-content: center; align-items: center; }

    .banner-ex2.stBanner .stBanner-Navigation .left,
    .banner-ex2.stBanner .stBanner-Navigation .right { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; font-family: Prompt; cursor: pointer; }

        .banner-ex2.stBanner .stBanner-Navigation .right::before { content:''; height:30px; width:30px; background:url(../Images/whiteArrow.png); background-size:cover;  }
		.banner-ex2.stBanner .stBanner-Navigation .left::before { content:''; height:30px; width:30px; background:url(../Images/whiteArrow.png); background-size:cover; transform:rotate(180deg); }

        .banner-ex2.stBanner .stBanner-Navigation .left:hover::before,
        .banner-ex2.stBanner .stBanner-Navigation .right:hover::before { color: blue; }




    .banner-ex2.stBanner .stBanner-Navigation .thumb { display:inline-block; width: 20px; height: 20px; filter: grayscale(0); cursor: pointer; background-color: #fff; margin: 0 5px; user-select: none; border-radius: 50px; }
		.banner-ex2.stBanner.dots .stBanner-Navigation .thumb:hover { opacity: 1; filter: grayscale(0); }
		.banner-ex2.stBanner.dots .stBanner-Navigation .thumb.active { border: 1px solid #fff; opacity: 1; filter: grayscale(0); }

.banner-ex2.stBanner.title .stBanner-Navigation .thumb { color: #fff; display:flex; justify-content:center; align-items:center; }
.banner-ex2.stBanner.numbers .stBanner-Navigation .thumb { color: #fff;  display:flex; justify-content:center; align-items:center; }
.banner-ex2.stBanner.dots .stBanner-Navigation .thumb { border-radius: 50px; }

@media only screen and (max-width: 1279px) {
	.banner-ex2.stBanner .stBanner-group { height:600px; }
	.banner-ex2.stBanner .caption h1 { font-size:85px; }
	.banner-ex2.stBanner .caption p { font-size:19px; }
}

@media only screen and (max-width: 991px) {
	.banner-ex2.stBanner .caption p span { width:100%; display:block; border:none; }
}






@keyframes activeFade {
    from { opacity: 0; }
    to { opacity: 1; }
}