/*style.css*/ 
@font-face {
	font-family: mregular;
	src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
}
@font-face {
	font-family: mbold;
	src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
}
@font-face {
	font-family: mlight;
	src: url('../fonts/Montserrat/Montserrat-Light.ttf');
}
@font-face {
	font-family: msemibold;
	src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf');
}
  
*{
	padding:0;
	margin:0;
}
body{
	background:url('../image/bgblack.png') center ;
	font-family:mregular;
	color:#000000;
box-shadow: 0px 0px 38px 9px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 38px 9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 38px 9px rgba(0,0,0,0.75);	
}
html, body {
	min-height:600px;
}
.cl{clear:both;}
 
@media screen and (min-width:768px){
	.img-desktop, .vdesktop{
		display:block !important;
	}
	.img-mobile, .vmobile{
		display:none !important;
	} 
}
@media screen and (max-width:767px){
	.img-desktop, .vdesktop{
		display:none !important;
	}
	.img-mobile, .vmobile{
		display:block !important;
	} 
	body{
		background:url('../image/bgm.png') center top repeat;
		font-family:mregular;
		color:#000000;
		background-size:100%;
		box-shadow: none;
		-webkit-box-shadow:none;
		-moz-box-shadow: none;	 
	}	
}
.navbar-brand.active{
	font-family:mbold;	
}
.navbar-brand{
	color:#FFFFFF !important;
	font-family:mlight;
	font-size:15px;
}
.navbar{
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important; 
	border-radius: 0px !important;
	padding:15px;
}
.navbar-default{
	background:none;
	border:none;
    max-width: 1400px;
    margin: 0 auto;	
	z-index:1;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.bat{
	border-left:1px solid #FFFFFF;
	float:left;
	width:1px;
}
.navbar-right a.active{
	border-bottom:4px solid #462C34;
}
.navbar-right a{
	padding:10px 0px !important;
	margin:0px 15px;
	font-family:msemibold;
	font-size:15px;
	color:#462C34 !important;
}


.banner{
	background:url('../image/banner.png') no-repeat center top;
	background-size:100%;
	height:100%;
	margin-top:-80px;
}
.coming .prepare{
	color:#764e08;
	font-size:28px;
	top:-7px;
	float:lefts;
	position:relative;
	letter-spacing:3px;
	
}
.coming .left{
	float:lefts;
	
}
.coming{
	margin-bottom:90px;
	text-align:center;
	font-size:50px;
	color:#ffca6c;
	font-family:msemibold;
	letter-spacing:8px;
	margin-top:100px;
}
.pp{
	margin-top:10px;
	width:80%;
}
.inmuzaki{
	font-size:20px;
	line-height:25px;
	font-family:mregular;
	font-weight:bold;
}
.muzaki{
	margin:40px 0px 10px 0px;
	color:#f4d1a6;
	font-family:mbold;
	font-size:28px;
	letter-spacing:1px;
	text-align:center; 
	text-shadow: 1px 1px 4px #000000, 1px 1px 15px #919191;
}
.sinopsis{
	text-shadow: 1px 1px 4px #000000, 1px 1px 15px #919191;
	color:#FFFFFF;
	font-family:mregular;
	text-align:center;
	padding:10px 30px;
	font-size:15px;
}
.sponsor{
	margin:20px 0px;
}
.sponsor img{
	height:72px;
}
.content-shadow{
	box-shadow: 0px 0px 38px 9px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 38px 9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 38px 9px rgba(0,0,0,0.75);		
}
.content{
	min-height:300px;
	background:url('../image/bgblack.png') center top;
	margin-top:-2px;
	margin-bottom: -65px;
 
	
}
footer{
	background:url('../image/bgfooter.png') center;
	min-height:50px;
	padding:100px 0px 25px 0px;
}
.transparent{
  background-color:green;
}
.nav_transparent{background-color:yellow;}
.nav_white{background-color:grey;}
.nav_blue{background-color:black;}
.infooter a i{
	position:relative;
	bottom:-3px;
	left:10px;
}
.infooter a{
	color:#FFFFFF;
}
.infooter{
	padding:4px 0px;
	color:#FFFFFF;
	font-family:mlight;
	font-size:12px;
	text-align:center;
}
.carousel-caption{
	top: 50%;
	transform: translateY(-50%);
	bottom: initial;
	padding-left:40px;	
	padding-right:40px;	
}
.carousel .item{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.carousel .item{
	background:#000000; 
}
.carousel .item img{
	opacity:0.8;
}
.carousel .item .img-story{
	width:390pxs;
	height:636px;
}
.carousel .item .img-story{
	opacity:0.3;
}
.carousel .item img:hover {
  opacity: 1;
  transition: opacity 0.4s, background 1s; 
}
.judul.komen{
	margin: 0 auto;
    position: inherit;
    margin-bottom: -21px;	
	border-left:none;
	text-align:center;
	left:0px;
	border-bottom:1px solid #FFFFFF;
    width: 79px;
    padding: 0px;	
}
.judul{
	font-family:mregular;
	color:#FFD677;
	border-left:1px solid #FFFFFF;
	padding-left:10px;
	font-size:14px;
	position: absolute;
    left: 10px;
    top: 10px;
    width: 170px;
    height: 21px;
    z-index: 6;	
}
.modal-content{
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important; 
	border-radius: 0px !important;
	
}
.modal-header{
	border-top:4px solid #FFD068;
	border-bottom:none;
}
.modal-header .close{
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%;	
	margin-top:-10px;
	font-size:30px;
	opacity:1;
    width: 33px;
    border: 1px solid #000000;	
}
.carousel-caption{
    width: 95%;
    left: 3%;
}
@media (max-width: 1024px){
	.pp{
		width:200px;
	}
	.coming{
		font-size:30px;
		letter-spacing:3px;
		margin-bottom: 25px;
		margin-top: 65px;
	}
	.coming .prepare{
		font-size:17px;
		letter-spacing:1px;
		top:-4px;
	}
	.muzaki{
		font-size:14px;
		
	}
	.inmuzaki {
		font-size: 13px;
		line-height: 16px;
	}
	.sinopsis{
		font-size:12px;
	}
	.sponsor img {
		height: 45px;
	}
}
.vmobile .navbar-brand{
	font-size:12px;
	padding:15px 10px !important;
}
.vmobile .navbar{
	padding:0px;
	z-index: 5;
}
.vmobile .navbar-default .navbar-toggle{
	border:none;
}
.vmobile .navbar-default .navbar-toggle .icon-bar{
	background-color:#FFFFFF;
}
.vmobile .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background:none;
}
.vmobile .navbar-toggle .icon-bar+.icon-bar{
	margin-top:5px;
}
.vmobile .navbar-toggle .icon-bar.last{
	width:20px;
	float:right;
}
.vmobile .navbar-toggle .icon-bar{
	width:30px;
	height:3px;
}
.vmobile .navbar-toggle{
	padding:9px 2px;
}
.vmobile .navbar-collapse.in,.vmobile .navbar-collapse.collapsing{
	background:#000000;
}
.vmobile .navbar-right a{
	color:#BBBBBB !important;
	font-size: 13px;;
}
.vmobile .navbar-right a.active{
	color:#FFFFFF !important;
	border-bottom: 4px solid #2a2a2a;
}
.vmobile .mcoming img{
	width:80%;
	text-align: center;
	margin:0 auto;
}
.vmobile .mcoming{
	position: absolute;
    top: 55px;
	z-index: 2;
}
.vmobile .muzaki {
    font-size: 13px;
}
.vmobile .inmuzaki {
    font-size: 12px;
}
.vmobile .sponsor img {
    height: 35px;
}
.vmobile .garis1{
	width:50px;
	height:2px;
	background:#f4d1a6;
	margin:10px auto;
}
.vmobile .garis2{
	width:50px;
	height:2px;
	background:#FFFFFF;
	margin:10px auto;
}
.vmobile .mjudul{
	font-size:13px;
	color:#f4d1a6;
	margin:5px 0px;
	text-align: center;
	padding-top:25px;
}
.vmobile section{
	min-height: 300px;;
}
.vmobile footer {
    padding: 25px 0px 25px 0px;
}
.vmobile .infooter{
	font-size:10px;
}
.vmobile .infooter a i{
	bottom:-2px;
	font-size: 14px;
}
.vmobile .img-responsive{
	width:100%;
}
#myCarouselm2 .carousel-caption{
	font-size:10px;
}