/*@import url(http://fonts.googleapis.com/css?family=Pacifico);*/
@import url(http://fonts.googleapis.com/css?family=Vollkorn);
.cb-slideshow,
.cb-slideshow:after
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}
.cb-slideshow:after
{
	content: '';
	background: transparent url(../pengaduan/img/panoramaunisma.jpg) repeat top left;
}
.cb-slideshow li span
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 36s linear infinite 0s;
	-moz-animation: imageAnimation 36s linear infinite 0s;
	-o-animation: imageAnimation 36s linear infinite 0s;
	-ms-animation: imageAnimation 36s linear infinite 0s;
	animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div
{
	z-index: 1000;
	position: absolute;
	top: 10px;
	left: 40px;
	width: 100%;
	text-align: left;
	opacity: 0;
	/*color: #f3d214;*/
	color: #ffffff;
	-webkit-animation: titleAnimation 36s linear infinite 0s;
	-moz-animation: titleAnimation 36s linear infinite 0s;
	-o-animation: titleAnimation 36s linear infinite 0s;
	-ms-animation: titleAnimation 36s linear infinite 0s;
	animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3
{
	/*font-family: 'Pacifico', cursive;*/
	font-family: 'Vollkorn', serif;
	text-shadow: 0px 3px 0px #000000;
	/*font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;*/
	font-size: 35px;
	padding: 0;
	font-weight: 600;
}
/*.cb-slideshow li div
{
	z-index: 1000;
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 100%;
	text-align: center;
	opacity: 0;
	color: #fff;
	-webkit-animation: titleAnimation 36s linear infinite 0s;
	-moz-animation: titleAnimation 36s linear infinite 0s;
	-o-animation: titleAnimation 36s linear infinite 0s;
	-ms-animation: titleAnimation 36s linear infinite 0s;
	animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3
{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 240px;
	padding: 0;
	line-height: 200px;
}
*/
/*
.cb-slideshow li:nth-child(1) span
{
	background-image: url(../files/banner/1.jpg);
}
.cb-slideshow li:nth-child(2) span
{
	background-image: url(../files/banner/2.jpg);
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span
{
	background-image: url(../files/banner/3.jpg);
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span
{
	background-image: url(../files/banner/4.jpg);
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-o-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span
{
	background-image: url(../files/banner/5.jpg);
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-o-animation-delay: 24s;
	-ms-animation-delay: 24s;
	animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span
{
	background-image: url(../files/banner/6.jpg);
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-o-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div
{
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div
{
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div
{
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-o-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div
{
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-o-animation-delay: 24s;
	-ms-animation-delay: 24s;
	animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div
{
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-o-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}
*/
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation
{
	0%{opacity: 0;
	-webkit-animation-timing-function: ease-in;
}
8%
{
	opacity: 1;
	-webkit-animation-timing-function: ease-out;
}
17%
{
	opacity: 1
}
25%
{
	opacity: 0
}
100%
{
	opacity: 0
}
}
	@-moz-keyframes imageAnimation
{
	0%
{
	opacity: 0;
	-moz-animation-timing-function: ease-in;
}
	8%
{
	opacity: 1;
	-moz-animation-timing-function: ease-out;
}
	17%
{
	opacity: 1
}
	25%
{
	opacity: 0
}
	100%
{
	opacity: 0
}
}
	@-o-keyframes imageAnimation
{
	0%
{
	opacity: 0;
	-o-animation-timing-function: ease-in;
}
	8%
{
	opacity: 1;
	-o-animation-timing-function: ease-out;
}
	17%
{
	opacity: 1
}
	25%
{
	opacity: 0
}
	100%
{
	opacity: 0
}
}
	@-ms-keyframes imageAnimation{0%{opacity: 0;-ms-animation-timing-function: ease-in;}8%{opacity: 1;-ms-animation-timing-function: ease-out;}17%{opacity: 1}25%{opacity: 0}100%{opacity: 0}
}
	@keyframes imageAnimation{0%{opacity: 0;animation-timing-function: ease-in;}8%{opacity: 1;animation-timing-function: ease-out;}17%{opacity: 1}25%{opacity: 0}100%{opacity: 0}
}
/* Animation for the title */
	@-webkit-keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%
{
	opacity: 0}}@-moz-keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%{opacity: 0}
}
@-o-keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%{opacity: 0}
}
@-ms-keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%{opacity: 0}}@keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%{opacity: 0}}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{opacity: 1;}@media screen and (max-width: 1140px)
{
.cb-slideshow li div h3{font-size: 35px;}}@media screen and (max-width: 980px)
{
.cb-slideshow li div h3{font-size: 20px; line-height:25px; z-index: 1000; position: absolute; top: -30px; left: -30px; text-align: left;}
}