@charset "utf-8";
/* CSS Document */

/*========= SETTING FONT ========*/
	@font-face{ src:url(../fonts/OpenSans-Regular.ttf); font-family:"opensans"; }
	@font-face{ src:url(../fonts/OpenSans-Bold.ttf); font-family:"opensans bold"; }
	
	@font-face{ src:url(../fonts/majalla.ttf); font-family:"majalla"; }
/*========= SETTING FONT ========*/

*{margin:0px; padding:0px;}
.clear{clear:both;}
.reset{margin:0px; padding:0px;}
.reset-padding{maargin:0px;}
.reset-margin{padding:0px;}
.info{
	font-family:"verdana";
	font-style:italic;
	font-size:10px;
	color:#777;
	margin-top:5px;
}
body{background:#FFF; }
.border-abuabu{width:100%; height:1px; background:#e4e4e4;}
.gambar-responsive{
	width:auto;
	max-width:100%;
	height:auto;
}
.judul-sub{
	font-family:"opensans";
	color:#ed008d;
	font-size:20px;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-weight:600;
}
#content{
	padding-top:5px;
	padding-bottom:5px;
}
#content p{
	font-family:"Opensans";
	font-size:12.5px;
	color:#6d6d6d;
	line-height:1.5;
}


/*---Panel and Input Text---*/
	.panel{
		border-radius:0px;
		border:1px solid #e4e4e4;
		font-size:14px;
	}
	.panel-heading{
		background:#e4e4e4;
		border-radius:0px;
	}
	.panel-heading h3{
		font-family:"opensans";
		color:#666;
		font-size:20px;
		font-weight:600;
		letter-spacing:1px;
	}
	.text{
		border-radius:0px;
		padding-left:15px;
		outline:none !important;
	}
	.text:hover, .text:focus, .text.active{
		outline:none !important;
	}
	.input-group .input-group-addon, .input-group .input-group-btn, .input-group .input-group-btn .btn{
		border-radius:0px;
		background:#e4e4e4;
		color:#999;
	}
	.button{
		border-radius:0px;
	}
/*---Panel---*/

/*-----Contact--------*/
	#peta{
		width:100%;
		height:300px;
		border:1px solid #e0e0e0;
	}
/*-----End Contact----*/

/*------Mapping & Judul Page------*/
	#mapping, #mapping a{
		font-family:"opensans";
		font-size:13px;
		color:#e0e0e0;
	}
	#mapping .active{
		color:#ed008d;
	}
	
	#judul-page{
		font-size:0px;
		margin-top:30px;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	#judul-page h1{
		font-size:30px;
		font-family:"majalla";
		margin:0px;
		padding:0px;
	}
	#judul-page .bagi-2{
		width:50%;
		vertical-align:bottom;
		display:inline-block;
	}
	#judul-page a{
		font-family:"opensans";
		color:#f48d1d;
		font-weight:bold;
		font-size:13px;
		margin-bottom:5px;
	}
	.border-merah{
		height:8px;
		width:100%;
		border-radius:3px;
		background:url(../asset/border.png) repeat-x bottom;
	}
	
/*----End Mapping & Judul Page----*/

/*----PANEL TOP - TOP-----*/
	#panel-top{
		background:#ed008d;
		color:#fff;
		font-size:13px;
		font-family:"opensans";
		padding:10px 0px;
	}
	#top{
		margin-bottom:5px;
	}
	#logo-large-medium{
		float:none; 
		display:inline-block; 
		vertical-align:bottom;	
	}
	#menu-large-medium{
		float:none; 
		display:inline-block; 
		vertical-align:bottom; 
		position:relative;
	}
/*----END PANEL TOP - TOP----*/

/*BG FILTER*/
	.bg-filter{
		margin-top:5px;
		width:100%;
		background:#fcd6ed;
		padding:5px;
		border-bottom:2px solid #ee1e9a;
		border-top:2px solid #ee1e9a;	
		font-size:0px;
	}
	
	.bg-filter .selection-filter{
		display:inline-block;
		vertical-align:middle;
		width:27%;
		padding:0px 7.5px;
	}
	
	.bg-filter .submit-filter{
		display:inline-block;
		vertical-align:middle;
		width:19%;
		padding:0px 7.5px;
	}
	
	.bg-filter select{
		box-shadow:none;
		outline:none;
		border:1px solid #ee1e9a;
		border-radius:0px;
	}
	.bg-filter button{
		width:100%;
		background:#ee1e9a;
		color:#fff;
		border-radius:0px;	
	}
/*BG FILTER*/

/*---Footer---*/
	#footer{
		background:#ed008d;
		color:#fff;
		font-size:11px;
		font-family:"opensans";
		padding:10px 0px;
		margin-top:15px;
	}
	#sosmed{
		text-align:left;
		font-size:0px;
	}
	.list-sosmed{
		display:inline-block;
		margin:0 4px;
	}
	#text-footer{
		text-align:right;
	}
	#text-footer #menu-footer{
		color: #fff;
		margin-bottom:5px;
		font-family:"opensans bold";
	}
/*---Footer---*/

/*-------FORM-----*/
	.form-kotak{
		margin:0px;
		padding:0px;
		margin-top:10px;	
	}
	.form-kotak input{
		border-radius:0px;
		font-style:italic;	
	}
	.form-kotak .btn{
		font-family:"opensans";
		color:#fff;
		background:#616161;
		border-radius:0px;	
		padding-left:30px;
		padding-right:30px;
		letter-spacing:0.5px;
		text-transform:uppercase;
	}
/*-----END FORM---*/

/*==============PAGING============*/
	
	#paging{
		font-size:0px;
		width:100%;
		margin:25px 0px 10px 0px;
		text-align:center;
	}
	.prevnext-paging{
		font-size:13px;
		text-align:center;
		background:#666;
		color:#fff;
		border:1px solid #666;
		border-radius:3px;
		margin:0px 4px;
		outline:none;
		display:inline-block;
	}
	
	.prevnext-paging button{
		padding:5px 15px;
		background:none;
		border:none;
		box-shadow:none;
		outline:none;
	}
	
	.no-paging{
		font-size:13px;
		text-align:center;
		background:none;
		color:#333;
		border:1px solid #666;
		border-radius:50px;
		margin:0px 4px;
		outline:none;
		display:inline-block;
	}
	.no-paging button{
		padding:5px 10px;
		background:none;
		border:none;
		box-shadow:none;
		outline:none;
	}
	.no-paging:hover{
		transition:0.3s all ease-out;
		background:#666;
		color:#fff;
	}
	
	.no-paging-active{
		font-size:13px;
		text-align:center;
		padding:0px;
		padding:5px 10px;
		background:#666;
		color:#fff;
		border:1px solid #666;
		border-radius:50px;
		margin:0px 4px;
		display:inline-block;
	}
/*============end PAGING==========*/

/*----------------Testimonial-----------*/
	#btn-insert{
		background:#ed008d;
		width:calc(75px+10px);
		color:#fff;
		font-size:12px;
		text-align:center;
		padding:20px 5px;
		border-radius:100em;
		border:2px solid #fff;
		position:fixed;
		z-index:2;
		bottom:20px;
		right:10px;
	}
	.list-testi{
		margin-bottom:20px;
		height:120px;
		overflow:hidden;
		position:relative;
	}
	.list-testi h2{
		font-family:"majalla";
		font-size:20px;
		font-weight:600;
		margin:0px;
		padding:0px;
		padding-bottom:3px;
		border-bottom:1px dashed #e0e0e0;
		margin-bottom:3px;
	}
	.list-testi span{
		font-size:11px;
		font-family:"tahoma";
		font-style:italic;
		color:#999;
		margin-bottom:5px;
	}
	.list-testi p{
		font-family:"opensans";
		font-size:13px;
		margin-top:5px;
	}
	.tombol-testi{
		position:absolute;
		bottom:0px;
		background:url(../asset/bg_selengkapnya.png) repeat-x;
		width:100%;
		font-size:12px;
		padding:30px 0 5px;
		font-style:italic;
		height:50px;
		font-weight:600;
		font-family:"opensans";
	}
	

	.list-testi-detail{
		text-align:center;
		width:100%;
		max-width:600px;
	}
	.list-testi-detail h2{
		font-family:"majalla";
		font-size:30px;
		font-weight:600;
		margin:0px;
		padding:0px;
		padding-bottom:3px;
		border-bottom:1px dashed #e0e0e0;
		margin-bottom:3px;
	}
	.list-testi-detail span{
		font-size:12px;
		font-family:"tahoma";
		font-style:italic;
		color:#999;
		margin-bottom:5px;
	}
	.list-testi-detail p{
		font-family:"opensans";
		font-size:13px;
		margin-top:15px;
	}
/*--------------End Testimonial------------*/



/*-----------Partner---------*/
	.list-partner:hover{
		background:#f9f9f9;
		transition:0.3s all ease-in;
		box-shadow:0px 0px 5px #e0e0e0;
	}
	.list-partner img{
		border-radius:5px;
		width:100%;
	}
/*----------End Partner------*/


/*--- MODAL TESTI ---*/
	#modal-testi{
		border-radius:0px;	
		box-shadow:none;
	}
	#modal-testi .modal-dialog{
		padding-top:5%;	
	}
	#modal-testi .modal-content{
		border-radius:0;
	}
	#modal-testi .modal-body{
		background:#f9f9f9;	
		padding:25px;
	}
	#modal-testi .modal-body .btn-submit{
		background:#f333a5;	
		border:1px solid #cd037b;
	}
	#modal-testi .modal-body input, #modal-testi .modal-body button, #modal-testi .modal-body textare{outline:none;}
	#modal-testi .modal-header, #modal-testi .modal-footer{
		background:url(../asset/bg-modal.png);
		color:#FFF;
		font-size:20px;
		font-family:"opensans";	
	}
	#modal-testi .modal-header .close{
		padding:2px 5px;
		border-radius:100px;
		background:#fff;
		z-index:9999;	
	}
/*--- MODAL TESTI ---*/


/*--------MENU------*/
	#menu{
		width:100%;
		margin:0px;
		padding:0px;
		background:none;
		border:none;
		box-shadow:none;
		font-family:"opensans";
		font-size:13px;
	}
	#menu .nav{
		padding:0px;
	}
	#menu .nav li{
		padding:0px;
	}
	#menu .nav li a{
		padding:0px; 
		padding:5px;
	}
	#menu .nav li a:hover, #menu .nav li .active{
		font-weight:600;
		color:#ed008d;
		transition:all 0.2s ease-in;
	}
/*------END MENU------*/

/*---- Banner ----*/
	#bg-top-home-kanan{
		padding-left:0px;
		overflow:hidden;
	}
	#banner img{
		width:100%;
		height:450px;
		border-left:1px solid #e0e0e0;
		border-right:1px solid #e0e0e0;
		border-bottom:1px solid #e0e0e0;
	}
/*---- Banner ---*/ 


/*----------Slogan------*/
	#slogan{
		width:calc(100%-10px);
		position:relative;
		border:1px solid #e4e4e4;	
		background:url(../asset/bg-slogan.png);
		background-size:cover;
		padding:10px 5px;
		margin-top:25px;
		margin-bottom:15px;
	}
	#slogan img{
		position:absolute;
		top:-20px;
		left:0px;
		max-height:150px;
		margin-right:5px;
	}
	
	#slogan .slogan-text{
		font-family:"opensans";
		color:#575757;
		font-size:13px;
		margin-left:180px;
	}
	
	#slogan .slogan-text h2{
		font-family:"Century Gothic","majalla";
		color:#ed008c;
		font-size:20px;
		margin:0px;
		padding:0px;
		margin-bottom:10px;
	}
	
/*----- End Slogan------*/


/*Tujuan Wisata*/
	.bg-list-tujuan{
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.list-tujuan{
		border-radius:0px;
		font-size:13px;
		color:#575757;
		font-family:"opensans";
	}
	.list-tujuan img{
		width:100%;
		margin-bottom:5px;
	}
	.list-tujuan:hover{
		border:1px solid #ed008d;
		background:#f9f9f9;
		transition:0.3s all ease-out;
		-o-transition:0.3s all ease-out;
		-moz-transition:0.3s all ease-out;
		-webki-transition:0.3s all ease-out;
	}
	
	.list-tujuan .nama-tujuan{
		margin-bottom:7px;
		padding-bottom:7px;
		border-bottom:1px solid #e0e0e0;
	}
	
	.list-tujuan .nominal{
		font-size:15px;
		font-weight:700;
		color:#fa911f;
	}
/*Tujuan Wisata*/


/*Rekomendasi Tujuan*/
	.rekomendasi-tujuan{
		border:1px solid #e0e0e0;	
	}
	
	
	.rekomendasi-tujuan ul li a, 
	.rekomendasi-tujuan ul li a:hover, 
	.rekomendasi-tujuan ul li a:focus, 
	.rekomendasi-tujuan ul li.active a, 
	.rekomendasi-tujuan ul li.active a:hover,
	.rekomendasi-tujuan ul li.active a:focus{
		background:none;	
		border:none;
		margin:0px;
		padding:0px;
	}
	
	.rekomendasi-tujuan ul li{
		padding:0px;
		border:1px solid #fff;
		overflow:hidden;
	}
	.rekomendasi-tujuan ul li .icon-rekomendasi{
		text-align:center;
		background:#e0e0e0;	
		height:100px;
		padding-top:10px;
		padding-bottom:10px;
		color:#333;
		font-family:"opensans";
		font-size:12px;
	}
	.rekomendasi-tujuan ul li .icon-rekomendasi img{
		height:25px;	
		margin-bottom:5px;
		filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-webkit-filter: grayscale(100%); 
	}
	
	.rekomendasi-tujuan ul li .icon-rekomendasi:hover, .rekomendasi-tujuan ul li.active .icon-rekomendasi{
		background:#fff;
		border:1px solid #e0e0e0;
		color:#ed008d;
		transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-webkit-transition:all 0.2s ease-in-out;
	}
	.rekomendasi-tujuan ul li .icon-rekomendasi:hover img, .rekomendasi-tujuan ul li.active .icon-rekomendasi img{
		filter: grayscale(0%);
		-o-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
	}
	
	.rekomendasi-tujuan .bg-list-tujuan{
		display:inline-block;
		vertical-align:top;
		float:none;
		padding:0px 2px;
	}
	.rekomendasi-tujuan .list-tujuan{
		border:none;
		box-shadow:none;
		border-radius:0px;
		font-size:13px;
		color:#575757;
		font-family:"opensans";
	}
	.rekomendasi-tujuan .list-tujuan img{
		width:100%;
		margin-bottom:5px;
	}
	.rekomendasi-tujuan .list-tujuan:hover{
		background:#f0f0f0;
		transition:0.3s all ease-out;
		-o-transition:0.3s all ease-out;
		-moz-transition:0.3s all ease-out;
		-webki-transition:0.3s all ease-out;
	}
	
	.rekomendasi-tujuan .list-tujuan .nama-tujuan, #promo-bank .list-tujuan .harga-tujuan{
		margin-bottom:7px;
		padding-bottom:7px;
		border-bottom:1px solid #e0e0e0;
	}
	
	.rekomendasi-tujuan .list-tujuan .nominal{
		font-size:15px;
		font-weight:700;
		color:#fa911f;
	}
	.rekomendasi-tujuan .list-tujuan .list-icon-promo{
		font-size:0px;
		width:100%;
	}
	.rekomendasi-tujuan .list-tujuan .list-icon-promo img{
		width:auto;
		display:inline-block;
		margin-right:5px;
	}
	.rekomendasi-tujuan .thumbnail {
		margin-bottom:0px;	
	}
	.rekomendasi-lainnya{
		padding-top:5px;
		padding-bottom:5px;
		border-top:1px solid #e0e0e0;	
		font-family:"opensans";
		color:#f48d1d;
		font-weight:bold;
		font-size:13px;
	}
	
/*End Rekomendasi tujuan*/


/*Promo Bank*/
	#promo-bank{
		padding-top:15px;
		border:1px solid #e0e0e0;	
		font-size:0px;
	}
	
	#promo-bank .bg-list-tujuan{
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	#promo-bank .list-tujuan{
		border:none;
		box-shadow:none;
		border-radius:0px;
		font-size:13px;
		color:#575757;
		font-family:"opensans";
	}
	#promo-bank .list-tujuan img{
		width:100%;
		margin-bottom:5px;
	}
	#promo-bank .list-tujuan:hover{
		background:#f0f0f0;
		transition:0.3s all ease-out;
		-o-transition:0.3s all ease-out;
		-moz-transition:0.3s all ease-out;
		-webki-transition:0.3s all ease-out;
	}
	
	#promo-bank .list-tujuan .nama-tujuan, #promo-bank .list-tujuan .harga-tujuan{
		margin-bottom:7px;
		padding-bottom:7px;
		border-bottom:1px solid #e0e0e0;
	}
	
	#promo-bank .list-tujuan .nominal{
		font-size:15px;
		font-weight:700;
		color:#fa911f;
	}
	#promo-bank .list-tujuan .list-icon-promo{
		font-size:0px;
		width:100%;
	}
	#promo-bank .list-tujuan .list-icon-promo img{
		width:auto;
		display:inline-block;
		margin-right:5px;
	}
/*Promo Bank*/

/* Hot Deal */
	.bg-list-hotdeal{
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.bg-list-hotdeal .list-hotdeal{
		border-radius:0px;	
	}
	.bg-list-hotdeal .list-hotdeal:hover{
		border:1px solid #ed008d;
		background:#f9f9f9;
		transition:0.3s all ease-out;
		-o-transition:0.3s all ease-out;
		-moz-transition:0.3s all ease-out;
		-webki-transition:0.3s all ease-out;
	}
	.gbr-hotdeal img{
		width:100%;
	}
	.text-hotdeal .nama-tujuan{
		font-family:"opensans";
		font-size:13px;
		color:#4d4d4d;
		margin:7px 0px;
		padding-bottom:7px;
		border-bottom:1px solid #e0e0e0;
	}
	.list-hotdeal .harga-tujuan{
		margin-bottom:2px;
		padding-bottom:7px;
		font-family:"Open Sans";
		font-size:11px;
		color:#a3a3a3;	
		border-bottom:1px solid #e0e0e0;
	}
	.harga-coret{
		text-decoration:line-through;
		margin-bottom:3px;
	}
	.list-hotdeal .harga-tujuan .nominal{
		font-size:15px;
		font-weight:700;
		color:#fa911f;
	}
	.iframe-time{
		width:100%;
		height:50px;	
		border:0px;
		box-shadow:0px;
		margin:0px;
		padding:0px;
		text-align:left;
	}
	.iframe-time-detail{
		width:100%;
		max-height:90px;	
		border:0px;
		box-shadow:0px;
		margin:0px;
		padding:0px;
		text-align:left;
	}
/* Hot Deal */

/* CSS used here will be applied after bootstrap.css */
	.carousel {
		margin-top: 10px;
	}
	.item .thumb {
		width: 12.5%;
		max-height:70px;
		cursor: pointer;
		float: left;
		padding:0px;
		overflow:hidden;
		border:1px solid #fff;
		
	}
	.item-big{
		width:100%;
		height:auto;
		overflow:hidden;
		max-height:400px;	
	}
	.item-big img{
		width: 100%;
		min-height:100%;
	}
	#thumbcarousel{
		font-size:0px;
		border:1px solid #e0e0e0;	
		padding:5px;
	}
	.item .thumb img {
		width: 100%;
		min-height:100%;
	}
	.item img {
		width: 100%;	
	}

/*Detail Tujuan*/
	.content-batas-detail{
		height:300px;
		overflow:hidden;
		position:relative;
	}
	.tombol-detail{
		position:absolute;
		bottom:0px;
		background:url(../asset/bg_selengkapnya-detail.png) repeat-x;
		width:100%;
		font-size:13px;
		padding:80px 0 5px;
		font-style:italic;
		height:100px;
		font-weight:600;
		font-family:"opensans";
	}
	.popup-detail{
		display:none;
		text-align:left;
		width:100%;
		min-width:700px;
		max-width:800px;
	}
	.popup-detail h2{
		font-family:"majalla";
		font-size:30px;
		font-weight:600;
		margin:0px;
		padding:0px;
		padding-bottom:3px;
		border-bottom:1px dashed #e0e0e0;
		margin-bottom:3px;
		text-align:center;
	}
	.popup-detail p{
		font-family:"opensans";
		font-size:13px;
		color:#575757;
		margin-top:15px;
	}
	
	.judul-detail{
		margin:0px;
		padding:0px;
		margin-bottom:15px;
		padding-bottom:5px;
		border-bottom:1px dashed #f13ba7;
		color:#ed008d;
		font-family:"opensans";
		font-size:20px;
		font-weight:bold;
		letter-spacing:1px;
	}
	.nama-detail{
		margin:0px;
		padding:0px;
		margin-bottom:5px;
		color:#ed008d;
		font-family:"opensans";
		font-size:30px;
		font-weight:bold;
		letter-spacing:1px;
	}
	.alamat-detail{
		font-family:"opensans";
		font-size:13px;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px dashed #e0e0e0;
	}
	.harga-detail, .sisa-waktu-detail{
		font-size:15px;
		color:#4d4d4d;
		font-family:"opensans";	
		margin-bottom:10px;
		padding-bottom:10px;
	}
	.harga-detail .harga-coret{
		font-size:13px;
		color:#999;	
	}
	.harga-detail .nominal{
		font-weight:bold;
		font-size:25px;		
		color:#fa911f;	
	}
	.iframe-detail{
		border:5px solid #e0e0e0;
		position:relative;
	}
	.iframe-detail iframe{
		width:100% ;
		height:300px;
		border:none;
	}
	.iframe-detail a{
		position:absolute;	
		left:50%; bottom:15px;
		display:block;
		padding:5px 10px;
		background:#f13ba7;
		border-radius:5px;
		color:#fff !important;
		text-decoration:none;
		outline:none;
		
		transform:translate(-50%,0);
		-o-transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);
		-moz-transform:translate(-50%,0);
		-webkit-transform:translate(-50%,0);
	}
/*Detail Tujuan*/




#text-slogan-pesona{
	font-size:0px;	
}
#img-pesona-ind{
	display:inline-block;
	width:100px;
	vertical-align:bottom;
}
#tagline{
	display:inline-block;
	margin-right:15px;
	vertical-align:bottom;
}

/*CSS TABLET*/
	@media only screen and (min-width: 768px) and (max-width: 1023px){
		#menu{
			border:1px solid #e4e4e4;
			background:#f9f9f9;
			box-shadow:0px 0px 5px #e0e0e0;
			margin-bottom:5px;
		}
		#menu .nav li{
			padding-top:5px;
			padding-bottom:5px;
			margin-right:8px;
			border-bottom:none;
		}
		.div-gambar-responsive{
			width:100%;
			text-align:center;
			margin-bottom:15px;
		}	
		.div-gambar-responsive img{
			max-width:90%;
			margin:0px auto;	
		}
		#sosmed, #text-footer{
			text-align:center;
		}
		
		/*----------Slogan------*/
			#slogan{
				width:calc(100%-10px);
				padding:5px;
				margin-top:15px;
			}
			
			#slogan .slogan-text{
				margin-left:0px;
			}
			
			#slogan .slogan-text h2{
				font-family:"Century Gothic","majalla";
				color:#ed008c;
				font-size:17px;
				margin:0px;
				padding:0px;
				margin-bottom:10px;
			}
			
		/*----- End Slogan------*/
		/*---- Banner ----*/
			#banner img{
				width:100%;
				height:360px;
			}
		/*---- Banner ---*/
		
		/*Gambar Detail*/
			.item .thumb {
				width:12.5%;
				max-height:40px;
			}
			.item-big{
				max-height:300px;	
			}
		/*Gambar Detail*/
		.rekomendasi-tujuan .list-tujuan{
			margin-bottom:5px;
		}
		
		/*TOP*/
			#logo-large-medium{
				float:none; 
				display:inline-block; 
				vertical-align:bottom;	
			}
			#menu-large-medium{
				float:none; 
				display:inline-block; 
				vertical-align:bottom; 
				position:relative;	
			}
			#text-slogan-pesona{
				font-size:0px;	
			}
			#img-pesona-ind{
				display:inline-block;
				width:100px;
				vertical-align:bottom;
			}
			#tagline{
				display:inline-block;
				margin-right:15px;
				vertical-align:bottom;
			}
		/*TOP*/
		
		/*BG FILTER*/
			.bg-filter{
				margin-bottom:-5px;
			}
		/*BG FILTER*/
		
		/*Logo Bulanmadu - Logo Pesonaindonesia*/
			#bg-logo-pesona-sm-xs{
				width:100%;
				font-size:0px;
			}
			#logo-sm-xs{
				width:50%;
				vertical-align:bottom;
				display:inline-block;
				text-align:left;
			}
			#pesona-sm-xs{
				width:50%;
				vertical-align:bottom;
				display:inline-block;
				text-align:right;
			}
			#logo-sm-xs img{width:100%; max-width:200px;}
			#pesona-sm-xs img{width:100%; max-width:120px;}
		/*Logo Bulanmadu - Logo Pesonaindonesia*/
			
			
	}

/*CSS HANDPHONE*/
	@media only screen and (max-width: 767px){
		/*--------MENU------*/
			#bg-menu-search{
				background:#c80076;
				margin-left:-15px;
				margin-right:-15px;
				margin-bottom:0px;
				padding:0px 15px 0px 15px;
				color:#fff;	
			}
			#menu{
				box-shadow:none;
				border-radius:0px;
			}
			#menu .navbar-header{
				color:#fff;
				background:#c80076;
				width:calc(100% + 30px);
				margin-left:-15px;
				margin-right:-15px;
			}
			#menu .navbar-brand{
				color:#fff;
			}
			#menu .navbar-toggle{
				color:#fff;
				background:#fff;	
				border-radius:0px;
			}
			#menu ul li{
				padding-top:5px;
				padding-bottom:5px;
				margin-right:0px;
				border-bottom:1px solid #fff;
			}
			#menu ul .menu-ganjil{
				background:#d13793;	
			}
			#menu ul .menu-genap{
				background:#c70076;	
			}
			#menu ul li a, #menu ul li .active, #menu ul li a:hover{
				color:#fff !important;	
				font-weight:normal !important;
				background:none;
			}
		/*------END MENU------*/
		
		
		.div-gambar-responsive{
			width:100%;
			text-align:center;
			margin-bottom:15px;
		}
		.div-gambar-responsive img{
			max-width:90%;
			margin:0px auto;	
		}
		
		#sosmed, #text-footer{
			text-align:center;
			margin:0px;
			margin-bottom:5px;
		}
		/*----------Slogan------*/
			#slogan{
				width:calc(100%-10px);
				padding:5px;
				margin-top:15px;
			}
			
			#slogan .slogan-text{
				margin-left:0px;
			}
			
			#slogan .slogan-text h2{
				font-family:"Century Gothic","majalla";
				color:#ed008c;
				font-size:17px;
				margin:0px;
				padding:0px;
				margin-bottom:10px;
			}
			
		/*----- End Slogan------*/
		/*---- Banner ----*/
			#bg-top-home-kanan{
				padding-left:15px;
				margin-top:15px;
				overflow:hidden;
			}
			#banner img{
				width:100%;
				height:auto;
				border:1px solid #e0e0e0;
			}
		/*---- Banner ---*/
		
		/*Gambar Detail*/
			.item .thumb {
				width:25%;
				max-height:50px;
			}
			.item-big{
				max-height:250px;	
			}
		/*Gambar Detail*/
		
		.rekomendasi-tujuan .list-tujuan{
			margin-bottom:5px;
			border:1px solid #e4e4e4;
		}
		
		/*BG FILTER*/
			.bg-filter{margin-bottom:-15px;}
			.bg-filter{
				width:calc(100% + 30px);
				margin-left:-15px;
				margin-right:-15px;	
				padding-left:10px;
				padding-right:10px;
			}
			.bg-filter .selection-filter{
				display:inline-block;
				vertical-align:middle;
				width:100%;
				padding:0px 7.5px;
				margin-bottom:7.5px;
			}
			.bg-filter .submit-filter{
				display:inline-block;
				vertical-align:middle;
				width:100%;
				padding:0px 7.5px;
			}
		/*BG FILTER*/
		
		/*Logo Bulanmadu - Logo Pesonaindonesia*/
			#bg-logo-pesona-sm-xs{
				width:100%;
				font-size:0px;
			}
			#logo-sm-xs{
				width:50%;
				vertical-align:bottom;
				display:inline-block;
				text-align:left;
			}
			#pesona-sm-xs{
				width:50%;
				vertical-align:bottom;
				display:inline-block;
				text-align:right;
			}
			#logo-sm-xs img{width:100%; max-width:120px;}
			#pesona-sm-xs img{width:100%; max-width:90px;}
		/*Logo Bulanmadu - Logo Pesonaindonesia*/
	}


/*============================= CSS UTAMA =================================*/	
	.inline{display:inline-block; vertical-align:top;}
	.float{float:left;}
	.garis{border:none; height:1px;}

	.box-shadow{box-shadow:0px 0px 3px #666;}
	
	.border-none{border:none; box-shadow:none;}
	.border-full{border:1px solid #e4e4e4;}
	.border-kiri{border-left:1px solid #e4e4e4;}
	.border-atas{border-top:1px solid #e4e4e4;}
	.border-bawah{border-bottom:1px solid #e4e4e4;}
	.border-kanan{border-right:1px solid #e4e4e4;}
	.border-bawah-putus{border-bottom:1px dashed #e0e0e0;}
	
	.fo-opensans-light{font-family:"opensans"; font-weight:lighter;}
	.fo-opensans-reguler{font-family:"opensans"; font-weight:normal;}
	.fo-opensans-italic{font-family:"opensans"; font-style:italic;}
	.fo-opensans-bold{font-family:"opensans"; font-weight:bold;}
	
	.fo-uk-45{font-size:45px;}
	.fo-uk-25{font-size:25px;}
	.fo-uk-20{font-size:20px;}
	.fo-uk-15{font-size:15px;}
	.fo-uk-13{font-size:13px;}
	.fo-uk-11{font-size:11px;}
	
	.fo-co-hitam{color:#444444;}
	.fo-co-abuabu{color:#9b9b9b;}
	.fo-co-putih{color:#ffffff;}
	
	.bg-hitam{background:#444444;}
	.bg-abuabu{background:#e2e2e2;}
	.bg-abuabu-muda{background:#f0f0f0;}
	.bg-putih{background:#ffffff;}
	
	
	.ratakanankiri{text-align:justify;}
	.tengah{text-align:center;}
	.kanan{text-align:right;}
	.kiri{text-align:left;}
	
	.padding-top-5{padding-top:5px;}
	.padding-top-10{padding-top:10px;}
	.padding-top-20{padding-top:20px;}
	
	.padding-bot-5{padding-bottom:5px;}
	.padding-bot-10{padding-bottom:10px;}
	.padding-bot-20{padding-bottom:20px;}

	.padding-kiri-5{padding-left:5px;}
	.padding-kiri-10{padding-left:10px;}
	.padding-kiri-20{padding-left:20px;}
	
	.padding-kanan-5{padding-right:5px;}
	.padding-kanan-10{padding-right:10px;}
	.padding-kanan-20{padding-right:20px;}
	
	.margin-top-5{margin-top:5px;}
	.margin-top-10{margin-top:10px;}
	.margin-top-20{margin-top:20px;}
	
	.margin-bot-5{margin-bottom:5px;}
	.margin-bot-10{margin-bottom:10px;}
	.margin-bot-20{margin-bottom:20px;}
	
	.margin-kiri-5{margin-left:5px;}
	.margin-kiri-10{margin-left:10px;}
	.margin-kiri-20{margin-left:20px;}
	
	.margin-kanan-5{margin-right:5px;}
	.margin-kanan-10{margin-right:10px;}
	.margin-kanan-20{margin-right:20px;}
	
	.link{outline:none;color:inherit; text-decoration:none;}
	.link:hover, .link:active, .link:focus{outline:none;text-decoration:none; color:inherit;}
	
	.res-margin-kiri{margin-left:0px;}
	.res-margin-kanan{margin-right:0px;}
	.res-margin-bawah{margin-bottom:0px;}
	.res-margin-atas{margin-top:0px;}
	.res-margin{margin:0px;}
	
	.res-padding-kiri{padding-left:0px;}
	.res-padding-kanan{padding-right:0px;}
	.res-padding-bawah{padding-bottom:0px;}
	.res-padding-atas{padding-top:0px;}
	.res-padding{padding:0px;}
	
	
	
	#keterangan-editor ul li, #keterangan-editor ol li{
		margin-left:35px;
		margin-bottom:5px;
		line-height:1.5;	
	}
	
	#keterangan-editor ul li ul li, #keterangan-editor ol li ol li{
		margin-left:50px;	
		margin-bottom:5px;
		line-height:1.5;
	}
	
	.baris-content{
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.btn-umum{
		padding:15px 30px;
		background:#616161;
		font-size:15px;
		font-family:"opensans";
		font-weight:bold;
		text-transform:uppercase;
		color:#fff;	
		border:none;
	}
	
	.div-judul{
		padding:15px 15px 10px 15px;
	}
	
	#mapping a{
		color:#b3b3b3;
		font-size:12px;
		font-family:"opensans";
	}
	#mapping .active{
		color:#ed008c;
		font-size:12px;
		font-weight:bold;
		font-family:"opensans";
	}
	
	.judul-page{
		font-size:30px;
		font-family:"opensans";	
		letter-spacing:0.5px;
		padding:0px;
		margin:0px;
		margin-bottom:10px;
	}
	
	.gbr-responsive{
		width:auto;
		max-width:100%;
		height:auto;
		border-radius:5px;	
	}
	
	.no-data{
		margin:100px 0px;
		text-align:center;
		font-family:"majalla";
		font-size:50px;
		color:#ed008d;
	}
/*=======================CSS Utama=======================*/

.tag-desteni{
	font-family:"opensans";
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	padding:10px 15px;
	margin-bottom:15px;
	background:#00A4F2;
	border-radius:4px;
}
.tag-title-pay{
	font-family:"opensans";
	font-weight:bold;
	font-size:16px;
	padding-bottom:15px;
	margin-top:15px;
	margin-bottom:20px;
	border-bottom:2px solid rgba(255,0,128,1);
}
.tabulasi a{
	padding:10px;
	font-family:"opensans";
	font-size:13px;
}
.tab-content{
	padding:15px;
}
.tab-pane ol{
	margin-left:15px;
}
.tab-pane ol li, .tab-pane ul li{
	margin-bottom:4px;
	font-family:"Opensans";
	font-size:12.5px;
	color:#6d6d6d;
	line-height:1.5;
	margin-left:15px;
	text-align:justify;
}
.img-mastercard{
	display:block;
	width:100%;
	margin-bottom:30px;
}
.btn-pay{
	display:block;
	width:100%;
	max-width:320px;
	padding:10px 15px;
	margin-top:25px;
}

/*Berita*/
	.bg-list-berita{
		display:inline-block;
		vertical-align:top;
		overflow:hidden;
		float:none;
	}
	.list-berita{
		position:relative;
		border-radius:0px;
		font-size:13px;
		color:#575757;
		font-family:"opensans";
		margin:0px; margin-bottom:30px;
		padding:0px; padding:10px;
	}
	.list-berita img{
		width:100%;
		margin-bottom:5px;
	}
	.list-tujuan:hover{
		border:1px solid #ed008d;
		background:#f9f9f9;
		transition:0.3s all ease-out;
		-o-transition:0.3s all ease-out;
		-moz-transition:0.3s all ease-out;
		-webki-transition:0.3s all ease-out;
	}
	
	.list-berita .nama{
		margin-bottom:7px;
		padding-bottom:7px;
		font-family:"tahoma";
		font-weight:bold; color:#333;
		display:block;
		border-bottom:1px solid #e0e0e0;
	}
	.list-berita .nama span{
		color: #666;
		display:block;
		font-size:11px; margin-top:2px;
		font-family:"opensans";
		font-style:italic !important;
		font-weight:normal;
	}
	.list-berita .synopsis{
		font-family:"opensans";
		font-size:12.5px;
		line-height:1.5;	
	}
	.list-berita:hover .bg-hover{
		opacity:1;
		transition:all 0.4s ease-in;
		-o-transition:all 0.4s ease-in;
		-moz-transition:all 0.4s ease-in;
		-webkit-transition:all 0.4s ease-in;
	}
	.list-berita:hover .bg-hover .hover button{
		opacity:1;
		margin-top:50%;
		
		transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-webkit-transition:all 0.3s ease-in;
		
		-webkit-transition-delay: 0.5s;
		-moz-transition-delay: 0.5s;
		-o-transition-delay: 0.5s;
   		transition-delay: 0.5s;
	}
	
	.bg-hover{
		position:absolute;
		width:100%; height:100%;
		left:0px; top:0px;
		padding:10px;
		background:url(../asset/bg-hitam-transparan.png);
		opacity:0; 
		
		transition:all 0.2s ease-out;
		-o-transition:all 0.2s ease-out;
		-moz-transition:all 0.2s ease-out;
		-webkit-transition:all 0.2s ease-out;
	}
	.bg-hover .hover{
		width:100%; height:100%;
		border:1px solid #fff;	
	}
	.bg-hover .hover button{
		opacity:0;
		margin-top:70%; margin-left:50%;
		transform:translate(-50%,-50%);
		background:none;
		padding:5px 15px;
		border:2px solid #fff;
		border-radius:15px;
		color:#fff;
	}
	
	.bg-gambar-berita{
		width:100%;
		border:1px solid #d4d4d4;
		padding:7.5px;
		text-align:center;
	}
	.bg-gambar-berita img{
		width:auto; max-width:100%;
		height:auto; max-height:500px;
		margin:0px auto;
	}
	
	
	.nama-detail-berita{
		font-family:"tahoma";
		margin:0px; padding:0px;
		margin-bottom:5px;
		font-size:25px;
		color:#333;
		font-weight:bold;
	}
	.tanggal-detail-berita{
		font-family:"opensans";
		font-style:italic;
		display:block;
		padding-bottom:5px;
		margin-bottom:15px;
		border-bottom:1px solid #d4d4d4;	
	}
	.keterangan-detail-berita{
		line-height:1.75;
		font-size:12.5px !important;
		font-family:"opensans";	
		text-align:justify;
		margin-top:15px;
	}
	
	.keterangan-detail-berita iframe{
		width:100%;
		height:350px;
		border:5px solid #e5e5e5;
		margin:15px 0px;	
	}
	.keterangan-detail-berita img{
		width:100%; height:auto;	
	}
	
	
	#share h2{
		margin:0px; padding:0px;
		margin-top:15px; margin-bottom:10px;
		padding-bottom:5px;
		border-bottom:1px solid #e0e0e0;
		font-size:12px;
		font-family:"tahoma";
		color:#888;
	}
	
	#btn-berita{
		border-radius:0px;
		padding:10px 25px;
		margin-bottom:25px;
	}
/*Berita*/
.bg-slider-banner{
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:25px;
	border-right:1px solid #f0f0f0;	
	border-left:1px solid #f0f0f0;	
	border-bottom:1px solid #f0f0f0;	
}

#bg-header-berita{
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:35px;
	border:1px solid #f0f0f0;	
}

#bg-banner-right{
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}

#twitter{
	width:100%;
	background:#f6f7f8;
	border:1px solid #e0e0e0;
	padding:0 7.5px 15px;
}

.hidestatus{
	display: none;
}