.z-1, .z-2, .z-3{ position: relative; }
.z-1{ z-index: 1; }
.z-2{ z-index: 2; }
.z-3{ z-index: 3; }
#slider-wrapper{
	/*width: 100%;*/
	height: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	/*left: 0;*/
	/*right: 0;*/
	z-index: 1;
	overflow: hidden;
}

#carousel-image .carousel-item{
	position: fixed;
	z-index: 1;
	width: 100%;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

video#login-bg{
	position: fixed;
	z-index: 1;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 1200px){
	#video-wrapper video{
		width: 100%;
	}
}

.shards-app-promo-page--1 .welcome{
	height: 90vh;
	background: none;
	z-index: 2;
}
.shards-app-promo-page--1 .welcome:before{
	opacity: .7;
}

@media (min-width: 992px) {
	.shards-app-promo-page--1 .welcome{
		height: calc(100vh - 96px);
	}
}

#box-login{
	background-color: rgba(255,255,255,.7);
}

#login-page{
	background-image: url(../images/bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#carouselPejabat .carousel-caption{
	left: 0;
	right: 0;
	bottom: 0;
	padding-bottom: 5px;
	text-shadow: 0 2px 2px rgba(0,0,0,.8);
}
#carouselPejabat .carousel-caption .nama{ font-size: 16px; font-weight: 700; margin-bottom: 3px; }
#carouselPejabat .carousel-caption .jabatan{ font-size: 13px; }