@font-face {
	font-family: 'Balance-Regular';
		src: url('../fonts/Balance-Regular/Balance-Regular.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/Balance-Regular/Balance-Regular.otf')  format('opentype'),
		url('../fonts/Balance-Regular/Balance-Regular.woff') format('woff'), 
		url('../fonts/Balance-Regular/Balance-Regular.ttf')  format('truetype'), 
		url('../fonts/Balance-Regular/Balance-Regular.svg#Balance-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BalanceRegular-Roman';
		src: url('../fonts/BalanceRegular-Roman/BalanceRegular-Roman.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/BalanceRegular-Roman/BalanceRegular-Roman.otf')  format('opentype'),
		url('../fonts/BalanceRegular-Roman/BalanceRegular-Roman.woff') format('woff'), 
		url('../fonts/BalanceRegular-Roman/BalanceRegular-Roman.ttf')  format('truetype'), 
		url('../fonts/BalanceRegular-Roman/BalanceRegular-Roman.svg#BalanceRegular-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BalanceLight-Italic';
		src: url('../fonts/BalanceLight-Italic/BalanceLight-Italic.eot?#iefix') format('embedded-opentype'),  		
		url('../fonts/BalanceLight-Italic/BalanceLight-Italic.otf')  format('opentype'),
		url('../fonts/BalanceLight-Italic/BalanceLight-Italic.woff') format('woff'), 
		url('../fonts/BalanceLight-Italic/BalanceLight-Italic.ttf')  format('truetype'), 
		url('../fonts/BalanceLight-Italic/BalanceLight-Italic.svg#BalanceLight-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BalanceBold-Italic';
		src: url('../fonts/BalanceBold-Italic/BalanceBold-Italic.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/BalanceBold-Italic/BalanceBold-Italic.otf')  format('opentype'),
		url('../fonts/BalanceBold-Italic/BalanceBold-Italic.woff') format('woff'), 
		url('../fonts/BalanceBold-Italic/BalanceBold-Italic.ttf')  format('truetype'), 
		url('../fonts/BalanceBold-Italic/BalanceBold-Italic.svg#BalanceBold-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BalanceBlack-Roman';
		src: url('../fonts/BalanceBlack-Roman/BalanceBlack-Roman.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/BalanceBlack-Roman/BalanceBlack-Roman.otf')  format('opentype'),
		url('../fonts/BalanceBlack-Roman/BalanceBlack-Roman.woff') format('woff'), 
		url('../fonts/BalanceBlack-Roman/BalanceBlack-Roman.ttf')  format('truetype'), 
		url('../fonts/BalanceBlack-Roman/BalanceBlack-Roman.svg#BalanceBlack-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BalanceLight-Roman';
		src: url('../fonts/BalanceLight-Roman/BalanceLight-Roman.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/BalanceLight-Roman/BalanceLight-Roman.otf')  format('opentype'),
		url('../fonts/BalanceLight-Roman/BalanceLight-Roman.woff') format('woff'), 
		url('../fonts/BalanceLight-Roman/BalanceLight-Roman.ttf')  format('truetype'),
		url('../fonts/BalanceLight-Roman/BalanceLight-Roman.svg#BalanceLight-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}

.navbar{
	background:#fff;
	margin-bottom:0;
	box-shadow:0 1px 8px #8b8b8b;
}
.navbar-brand{ height: auto; margin-left:0 !important; padding:15px 0;}
.navbar-brand>img{ width:70px;}
.navbar-header { float: none;}
.navbar-toggle {
	display: block;
	border:2px solid #ec2327;
	padding: 5px;
	margin: 25px 10px 0;
}
.navbar-toggle .icon-bar{
	background:#ec2327;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
}
.navbar-nav>li {
	float: none;
	display: inline-block;
	width: 30%;	
}
.navbar-collapse.collapse.in{
	display:block !important;
}
.nav-annual-report{font-family: 'BalanceBlack-Roman'; font-size:16px; margin:35px 0 0; color:#000000 !important; text-decoration:none !important;}
.navbar-header .navbar-nav{margin-top:20px; margin-left:130px;}
.navbar-nav>li.w35{width:35%;}
.navbar-nav>li.w30{width:30%;}
.navbar-nav>li.w20{width:20%;}
.navbar-nav a{font-family: 'BalanceBlack-Roman'; font-size:14px; color:#000;}
.navbar-nav>li>a {
    padding: 0 0 10px;
}
.navbar-nav>li>a:hover {
	background:transparent;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    outline: none;
}
.arrow-left {
    width: 8px;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #e12127;
    display: inline-block;
    margin-right: 10px;
}

a{display:inline-block; text-decoration:none; }
a.download{
	background-image:url(../images/download-cloud.png);
	background-repeat:no-repeat;
	text-decoration:underline;
	text-align:center;
	padding:5px 0 5px 40px;
	font-family: 'BalanceLight-Roman';
	font-size:14px;
	color:#424242;
}
p{ text-align:justify;  font-family: 'BalanceLight-Roman'; margin-bottom:0; font-size:14px;}
.p0{padding:0;}
.section{overflow:hidden;}
.section-title{ width:auto; margin:0 auto; }
.section-title h2{ margin: 0 0 20px; font-family: 'BalanceBlack-Roman'; font-size:24px; text-align:center; color:#e12127;}
.section-title img{ vertical-align:top; width:100%; height:10px;}
.min-height-500{min-height:500px;}

/*About Yayasan*/
#about-yayasan{background:#fde6ca; margin-top:95px;}
.about-yayasan-container{ text-align:center; padding:20px 10px 10px;}
.about-yayasan-container img{ margin:50px auto;}
.about-yayasan-container h2{ font-family: 'BalanceBlack-Roman'; color:#3b3b3b; }
.about-yayasan-container h2 span{font-family: 'BalanceBlack-Roman';color:#e12127;}
.about-yayasan-container p{ text-align:justify; padding:0 10px; font-family: 'BalanceLight-Roman'; margin-bottom:0; font-size:14px;}

/* Vission Mission */
#vision-mission{ 
	background-image:url(../images/vision-mission-bg.jpg); 
	background-repeat:no-repeat;
	background-size:cover;
	padding: 90px 0;
	min-height: 446px;
}
.vission-mission-seperator {border-right:1px solid #fff; height:350px; width:1px; text-align:center; margin:10px auto;}
.our-vision-container h2,
.our-mission-container h2 { font-family: 'BalanceBlack-Roman'; font-size:30px; text-align:center; color:#fff; margin-bottom:20px;}
.our-vision-container p,
.our-mission-container p { font-family: 'BalanceRegular-Roman'; font-size:16px;text-align:center; color:#fff;}

/* Chairman */
#chairman{ background:#fdeeed; position:relative; min-height:500px;}
#chairman .section-title{width:350px;}
#chairman .download-box{text-align:center; margin-top:30px;}
.chairman-bubble-msg{ position:absolute; width:48%; right:0; z-index:3; margin-top:60px;}
.chairman-msg-container{ position:absolute; width:460px; right:0; z-index:4; top:430px; }
.chairman-msg-container p{margin-bottom:10px;}
.chairman-img{position:relative; width:70%; z-index:2; margin-top:100px;}

/* CEO */
#ceo{ background:#eceff4; position:relative; min-height:500px;}
#ceo .section-title{width:200px;}
#ceo .download-box{text-align:center; margin-top:30px;}
.ceo-bubble-msg{position: absolute; top: 140px; left: 0; z-index: 3; width: 43%;}
.ceo-msg-container{ position:absolute; width:400px; left:0; z-index:4; top:460px; }
.ceo-msg-container p{margin-bottom:20px;}
.ceo-img{position:relative; float:right; width:63%; z-index:2; margin-top:50px;}

/* Special Features */
.visible-hide{visibility: hidden;}
#special-features .section-title{width:350px;}
.swiper-button-next{ right:0;}
.swiper-button-prev{ left:0;}
.outter-container-1{padding:30px 50px;}
.outter-container-1 p {margin-bottom:30px; text-align:center; font-family: 'BalanceRegular-Roman'; font-size:14px;}
.outter-container-2{padding:20px;}
.item{padding:0 50px; border-right:1px solid #fff;}
.item-last{ border-right:none;}
.item p.first{ font-family: 'BalanceRegular-Roman'; font-size:20px; color:#494949; margin:0;}
.item p.last{ font-family: 'BalanceBlack-Roman'; font-size:40px; margin:0;}
.light-green{background:#f4f7eb;}
.dark-green{background:#dbded3;}
.dark-green p.last{ border-top:2px solid #9cc05a; border-bottom:5px solid #9cc05a; color:#9cc05a;margin-top: 10px; line-height: 1; padding-top: 10px;}
.light-pink{background:#fdd3e1;}
.dark-pink{background:#e3bdca;}
.dark-pink p.last{ border-top:2px solid #db1b5c; border-bottom:5px solid #db1b5c; color:#db1b5c;margin-top: 10px; line-height: 1; padding-top: 10px;}
.light-yellow{background:#f9dfbd;}
.dark-yellow{background:#e0c8aa;}
.dark-yellow p.last{ border-top:2px solid #ec9624; border-bottom:5px solid #ec9624; color:#ec9624;margin-top: 10px; line-height: 1; padding-top: 10px;}
.light-blue{background:#e7f2f8;}
.dark-blue{background:#cfd9df;}
.dark-blue p.last{ border-top:2px solid #33a3dc; border-bottom:5px solid #33a3dc; color:#33a3dc;margin-top: 10px; line-height: 1; padding-top: 10px;}
.light-purple{background:#f7e4f1;}
.dark-purple{background:#decdd8;}
.dark-purple p.last{ border-top:2px solid #b61e82; border-bottom:5px solid #b61e82; color:#b61e82;margin-top: 10px; line-height: 1; padding-top: 10px;}
.sp-download{margin:20px 0 30px;}
.swiper-button-prev{ background-image:url(../images/previous.png); background-size: 100%; width: 60px; height: 60px; left:-30px;}
.swiper-button-next{ background-image:url(../images/next.png); background-size: 100%; width: 60px; height: 60px; right:-30px;}

/* Download */
#download{background-image:url(../images/download-bg.png); background-repeat:repeat;}
#download .section-title{width:200px;}
.download-container{ margin-top:100px;}
#download h3{text-align:left; color:#5d5d5d; font-family: 'BalanceLight-Roman'; font-size:40px;}
#download h3 span{color:#dc192b; font-family: 'BalanceBlack-Roman';}
#download ul{list-style:none; margin:50px 0 0 -40px;}
#download ul li  a{color:#5e5e5e; font-family: 'BalanceLight-Roman'; font-size:16px; text-decoration:underline;     margin-bottom: 20px; line-height: 1; vertical-align: top;}

/* Footer */
#footer{ background:#7e7e7e; padding:20px 0; }
.connect-with-us{padding:5px 20px; border-radius:30px; border:1px solid #b7b7b9; width:192px;}
.connect-with-us p{font-family: 'BalanceLight-Roman'; font-size:12px; color:#fff; display:inline; margin-right:10px;}
.connect-with-us a{margin:0 5px;}
.text-right{font-family: 'BalanceLight-Roman'; font-size:12px; text-align:right; color:#fff; margin-top:10px;}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
	#about-yayasan{margin-top:83px;}
	.navbar-header .navbar-nav {
		margin-top: 20px;		
		margin-left: 60px;
	}	
	.navbar-nav>li.w35 {
		width: 40%;
	}	
	.navbar-nav>li.w30 {
		width: 35%;
	}
	.about-yayasan-container img{ margin:30px auto;}
	.chairman-msg-container{display:none;}
	.visible-sm.chairman-msg-container{display:block !important;}
	.chairman-msg-container{ position: relative; width: auto; right: 0; z-index: 4; top: unset; border-top: 3px solid #e1e1e1;
		padding: 10px 0;}
	#chairman .download-box {
	    text-align: center;
	    margin: 20px 0;
	}
	.ceo-msg-container{display:none;}
	.visible-sm.ceo-msg-container{display:block !important;}
	.visible-sm.ceo-msg-container{position: relative; width: unset; left: 0; z-index: 4; top: unset; clear:both; border-top: 3px solid #CCC;
		padding: 10px 0;}
	.visible-sm.ceo-msg-container img{ margin:0 auto;}
	.ceo-img{margin-top:0;}
	.ceo-bubble-msg{top:unset; left:10px;}
	#ceo .download-box {
		text-align: center;
		margin-top: 15px;
	}
	.item p.first	{min-height:100px; font-size:18px;}
	.item p.last{font-size:30px;}
	#download h2{font-size:20px;}
	#download h3{font-size:20px;}
	.download-container{margin-top:0;}
	#download ul{ margin:30px 0 30px -40px;}
	#download ul li a{font-size:14px;}	
	
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.nav-annual-report {
		font-family: 'BalanceBlack-Roman';
		font-size: 16px;
		margin: 35px 0 0 -70px;
		color: #000000 !important;
		text-decoration: none !important;
	}	
	.navbar-toggle {
		display: block;
		border: 2px solid #ec2327;
		padding: 5px;
		margin: 30px 10px 0;
	}	
	.about-yayasan-container {
		text-align: center;
		padding: 20px 10px 10px;
	}	
	.about-yayasan-container img{ width:35%;}
	.vission-mission-seperator{
		height:420px;
	}	
	.item{padding:0 30px;}
	.item p.first	{min-height:100px; font-size:18px;}
	.item p.last{font-size:24px;}
	.chairman-msg-container{ position: relative; width: auto; right: 0; z-index: 4; top: unset; border-top: 3px solid #e1e1e1;
		padding: 10px 0;}
	#chairman .download-box {
	    text-align: center;
	    margin: 20px 0;
	}	
	.ceo-msg-container{position: relative; width: unset; left: 0; z-index: 4; top: unset; clear:both; border-top: 3px solid #CCC;
		padding: 10px 0;}
	.visible-sm.ceo-msg-container img{ margin:0 auto;}
	.ceo-img{margin-top:0;}
	.ceo-bubble-msg{top:unset; left:10px;}
	#ceo .download-box {
		text-align: center;
		margin-top: 15px;
	}	
	#download.min-height-500{min-height:300px;}
	.download-container{ margin-top:60px;}
	.book{margin:40px 0 20px;}
	#download h2{font-size:20px;}
	#download h3{font-size:20px;}
	.download-container{margin-top:0;}
	#download ul{ margin:30px 0 30px -40px;}
	#download ul li a{font-size:14px;}
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.navbar-header .nav{ display:none;}
	.navbar-toggle{ display:block !important;}
	.about-yayasan-container img {
		margin: 30px auto;
	}	
	.chairman-msg-container{display:none;}
	.visible-sm.chairman-msg-container{display:block !important;}
	.chairman-msg-container{ position: relative; width: auto; right: 0; z-index: 4; top: unset; border-top: 3px solid #e1e1e1;
		padding: 10px 0;}
	#chairman .download-box {
	    text-align: center;
	    margin: 20px 0;
	}
	.ceo-msg-container{display:none;}
	.visible-sm.ceo-msg-container{display:block !important;}
	.visible-sm.ceo-msg-container{position: relative; width: unset; left: 0; z-index: 4; top: unset; clear:both; border-top: 3px solid #CCC;
		padding: 10px 0;}
	.visible-sm.ceo-msg-container img{ margin:0 auto;}
	.ceo-img{margin-top:0;}
	.ceo-bubble-msg{top:unset; left:10px;}
	#ceo .download-box {
		text-align: center;
		margin-top: 15px;
	}
	#download h2{font-size:20px;}
	#download h3{font-size:20px;}
	.download-container{margin-top:0;}
	#download ul{ margin:30px 0 30px -40px;}
	#download ul li a{font-size:14px;}					
}
@media screen and (max-width: 767px) {
	.nav-annual-report{ margin:35px 0 0 0;}
	.navbar-toggle{margin:30px 10px 0;}
	.about-yayasan-container img {
	    margin: 10px auto;
	    width: 45%;
	}	
	.navbar-nav>li{   
		float: none;
		display: block;
		width: 100%;
	}
	.navbar-nav>li>a {
		padding: 0 0 10px 15px;
	}	

	a.download{font-size:14px;}
	.section-title h2{font-size:20px;}
	.about-yayasan-container h2{font-size:20px;}
	#vision-mission{padding:20px 0 40px; min-height:auto;}
	.our-vision-container h2,
	.our-mission-container h2{font-size:20px;}
	.our-vision-container p, 
	.our-mission-container p{font-size:14px;}	
	#chairman{min-height:unset;}
	.chairman-img{margin-top:30px;}
	.chairman-bubble-msg{margin-top:0;right:10px;}
	#chairman .section-title{ width:100%;}	
	.chairman-msg-container{ position: relative; width: auto; right: 0; z-index: 4; top: unset; border-top: 3px solid #e1e1e1;
		padding: 10px 0;}
	#chairman .download-box {
	    text-align: center;
	    margin: 20px 0;
	}	
	#ceo{min-height:unset;}	
	#ceo .section-title{ width:100%;}	
	.ceo-msg-container{position: relative; width: unset; left: 0; z-index: 4; top: unset; clear:both; border-top: 3px solid #CCC;
		padding: 10px 0;}
	.ceo-img{margin-top:0;}
	.ceo-bubble-msg{top:unset; left:10px;}
	#ceo .download-box {
		text-align: center;
		margin-top: 15px;
	}	
	.outter-container-1{padding:20px;}
	.outter-container-2{padding:0 25px;}
	.item{padding:15px; border-bottom:1px solid #fff; border-right:none;}
	.item p.first{font-size:16px;}
	.item p.last{font-size:30px;}
	.item-last{border-bottom:none;}
	.swiper-button-next {
		background-image: url(../images/next.png);
		background-size: 100%;
		width: 50px;
		height: 50px;
		right: -12px;
	}
	.swiper-button-prev {
		background-image: url(../images/previous.png);
		background-size: 100%;
		width: 50px;
		height: 50px;
		left: -12px;
	}		
	#download h2{font-size:20px;}
	#download h3{font-size:20px;}
	.download-container{margin-top:0;}
	#download ul{ margin:30px 0 30px -40px;}
	#download ul li a{font-size:14px;}
	.connect-with-us{ text-align:center; width:100%; margin:0 auto;}
	.text-right{text-align:center;}
}