@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/opensans300.woff') format('woff');}

@font-face {
  font-family: 'Open Sans';
  /* font-style: normal; */
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('fonts/opensans400.woff') format('woff');}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('fonts/opensans600.woff') format('woff');}


body {
	text-align:center;
	font-family:"Open Sans";
	background:#FDFDFD;
  overflow-x: hidden;
  width: 100%;
}

a, a:link, a:visited, a:hover {
	color:#0A6E8E;
	text-decoration:none;
}

.clr {
	clear:both;
}

.container {
	margin:0 auto;
	width:100%;
	padding:0 !important;
}

header {
	background:#ECE5DF;
}

#logoContainer {
	text-align:center;
}

#logoContainer img {
	max-height:120px;
}

#rightHeadContainer  {
	text-align:right;
}

#languageContainer {
	font-size:11px;
	margin-top:30px;
}

#navHead {
	text-align:left;
}

#navHead a {
	display:inline-block;
	padding:10px 0;
	margin:30px 5px;
	border-top:1px solid rgba(209,192,178,0.3);
}

#navHead a .navHeadTitle {
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
}

#navHead a .navHeadCaption {
	color:#757575;
	font-weight:lighter;
	font-size:11px;
}

#searchContainer form {
	padding:4px 4px;
	height:30px;
	background: linear-gradient(#742C2E, #AE3335); /* Standard syntax */
	display:inline-block;
	vertical-align:middle;
	margin-top:15px;
}

#searchContainer input[type="text"] {
	border:none;
	color:#fff;
	vertical-align:middle;
	background:transparent;
	font-size:11px;
	padding-left:10px;
}

#searchContainer input[type="text"]::placeholder { 
	color:rgba(255,255,255,0.6);
}

#searchContainer input[type="image"] {
	width:20px;
	vertical-align:middle;
	height:20px;
	cursor:pointer;
	border:none;
}



#carouselContainer {
	background:url("images/bg-repeat3.jpg");
}

.btn-aipi,.btn-aipi:hover {
	background:#BF1E2E;
	font-size:18px;
	border:1px solid #8A5227;
}


.part#headBackground {
	height:200px;
}

.part#headBackground .container {
	height:50px;
}

.part#pageContent { 
	
	background:#DEDEDE;
	text-align:center;
}

.part#pageContent .pageWrapper {
	margin:-135px auto 0 auto;
	background:#FFF;
	opacity:1;
	min-height:350px;
	width:90%;
}

.pageWrapper {
	text-align:left;
	padding:10px 30px;
	border-radius:3px;
	word-wrap: break-word;
}

.pageWrapper h2 {
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #DEDEDE;
}

#albumFotoList {
	padding:20px;
}

#albumFotoList img {
	max-width:30%;
	max-height:250px;
	margin:20px 1%;
}

.pageWrapper .textContent p{
}
	
.pageWrapper .textContent {
	line-height:24px;
}

.textContent ol, .textContent ul {
	text-indent:0px !important;
}

.pageWrapper .textNote {
	font-size:11px;
	color:#ADADAD;
	margin:0px 0 10px 0;
}

.mainImageContainer img {
	max-width:90%;
}

.mainImageContainer.left {
	float:left;
	padding:0 15px 15px 0;
	text-align:left;
	text-indent:0;
}
	
.mainImageContainer {
	text-align:center;
	padding:15px 10px;
}

.webBreadcrumb {
	text-align:right;
	color:#BF1E2E;
	width:90%;
	margin:0px auto;
	padding:10px;
}

.webBreadcrumb a:link, .webBreadcrumb a:visited {
	color:#BF1E2E;
}

.webBreadcrumb div {
	display:inline-block;
	font-size:11px;
}

.webBreadcrumb .crumbRoot img{
	margin-right:10px;
}
	
.webBreadcrumb .crumbChild { 
	font-weight:normal;
	padding:0 5px;
}
.webBreadcrumb .crumbRoot { 
	font-weight:bold;
}


a:link.btn,a:hover.btn,a:visited.btn {
	color:#fff !important;
}

.post-item {
	margin:20px 0 20px 0;
	display:block;
	color:#333;
	border-bottom:1px solid #DEDEDE;
	padding:10px;
}

.post-item:nth-child(even) {
	
}

h6.post-item-title {
	font-size:14px;
	font-weight:bold;
}

.post-item p {
		font-size:13px;
		color:#333 !important;
}

.post-item img {
	max-width:100%;
	margin:0 10px 5px 0;
}

.post-item small {
	margin:10px 0;
	display:block;
}

.pagination {
	text-align:center;
	display:block;
}


.pagination ul {
	list-style:none;
	padding:0;
	margin:20px 0;
}

.pagination ul li {
	display:inline-block;
	padding:0 10px;
}

.pagination a,.pagination strong {
	display:inline-block;
	margin:0 10px 0 10px;
}

.clear {
	clear:both;
}


.publicationItem h3 {
	margin:15px 0;
	border-bottom:1px solid #DEDEDE;
	padding:10px 0;
}

.publicationItem h2 {
	font-size:22px;
}

.publicationItem .note {
	background:#DCCFC5;
	max-width:350px;
	padding:10px;
	margin:10px 0;
}

.publicationItem .publicationCover {
	width:100%;
}

/* CAROUSEL */

.carousel {
		background: linear-gradient(#742C2E, #AE3335); /* Standard syntax */
}

.controllers {
    position: absolute;
    top: 50px;
}

.carousel-caption {
	left:40%;
	right: 20%;
	padding-bottom: 30px;
	text-align:left;
	color:#FFF;
}

.carousel-caption h2 {
	color:#FFF;
	margin-top:100px;
}

.carousel-control.left, 
.carousel-control.right {
    background-image: none;
}

.carousel-caption {
	position: relative;
	left: 15%;
	right: 0;
	bottom: 0;
	z-index: 10;
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
	text-align: left;
	text-shadow: none;
	//text-shadow: 0 1px 2px rgba(0,0,0,.6);
	max-width:80%;
}

.carousel .btn {
	color:#FFF !important;
	margin-top:20px;
	font-weight:bold;
}

.inner-carousel-item-left {
	padding:0 !important;
	
}



/* END OF CAOURSEL */



/* SUBNAVIGATION */

#nav2Container {
	text-align:center;
}

.gradient {
	background: linear-gradient(#742C2E, #AE3335); /* Standard syntax */
	background: -webkit-linear-gradient(#742C2E, #AE3335); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#742C2E, #AE3335); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#742C2E, #AE3335); /* For Firefox 3.6 to 15 */
}

#nav2Container {
	padding:0px;
	font-size:0px;
}

#nav2Container .container {
	text-align:left;
}

#nav2Container a {
	color:#FFF;
	font-weight:bold;
	display:inline-block;
	padding:20px 20px;
	min-width:80px;
	font-size:14px;
	text-transform:uppercase;
}

#nav2Container a:hover {
	background:#75292C;
}

#nav2Container ul > li:first-child a {
	
}

/*Bootstrap Reset*/
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}
.mainmenu {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
		border: 0px !important;
}
.navbar-nav > li:last-child > a {
    padding-right: 0px;
    margin-right: 0px;
}

.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
		border: 0px solid rgba(0,0,0,.15);	
		border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}

/*=-====Main Menu=====*/
.navbar-nav .open .dropdown-menu > li > a {
    padding: 30px 15px 30px 25px;
}

#navbarCollapse.navbar-collapse {
	padding:0;
}

.header_bottom { background: #0071ba }

.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 16px 15px;
}
.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #FFF;
    background: #75292C !important;
    outline: 0;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #75292C;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #75292C;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #75292C;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#9C775A;font-size:0;padding:0 !important;}
.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu > li > a{font-size:12px !important;padding:10px 20px !important;width:100%;text-transform:capitalize}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#AB8C73}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#AB8C73}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px}

@media only screen and (min-width: 767px) {
	.mainmenu .collapse ul li{position:relative;}
	.mainmenu .collapse ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
	/*******/
	.mainmenu .collapse ul ul li{position:relative}
	.mainmenu .collapse ul ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
	/*******/
	.mainmenu .collapse ul ul ul li{position:relative}
	.mainmenu .collapse ul ul ul li:hover ul{display:block}
	.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}
}
/* NAVIGATION */

a.btn {
	color:#FFF;
}

#newsListContainer {
	padding:20px 0;
	border-bottom:1px solid #ADADAD;
}

.newsItem {
	background:#FFF;
	padding:10px;
}

.newsItem .newsImage img {
	max-width:100%;
	max-height:200px;
}

.newsItem .newsTitle {
	font-weight:bold;
	color:#BF1E2E;
	font-size:16px;
	padding:10px 0 0 0;
}

.newsItem .newsNote {
	font-size:11px;
	color:#ADADAD;
	padding:5px 0;
}

.newsItem .newsDesc {
	font-size:13px;
	padding-bottom:10px;
}

#newsContainer {
	background:#EEEEEE;
}

#newsContainer .container {
	text-align:left;
}

#productContainer .container {
	text-align:left;
}

#productContainer .partTitle {
	font-size:16px;
	font-weight:bold;
	color:#BF1E2E;
	text-transform:uppercase;
	display:block;
	padding-bottom:15px;
	border-bottom:1px solid #ADADAD;
	margin-top:40px;
}

#productContainer .partTitle .partLink {
	float:right;
	font-size:9px;
	color:#000;
	margin-top:5px;
}

.pandanganItem {
	margin-top:5px;
}

.pandanganItem .btn, .memberItem .btn {
	margin:5px 0;
	font-size:10px;
}

.pandanganItem .pandanganImage {
	text-align:center;
}

#pandanganList .pandanganImage img {
	width:60px;
	height:60px;
	border-radius:30px;
}

.pandanganItem .pandanganTitle {
	margin-top:10px;
}

.pandanganItem .pandanganTitle .pandanganMainTitle {
	color:#000;
	font-weight:bold;
	font-size:15px;
}


.publikasiItem {
	margin-top:20px;
}


.publikasiItem .publikasiImage {
	text-align:center;
}
	
.publikasiItem .publikasiImage img {
	max-height:100px;
	border:1px solid #DEDEDE;
}

.memberItem {
	margin:10px 0;
}

.memberItem img {
	max-width:100%;
}

.memberItem .memberName {
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}


.memberItem table td {
	vertical-align:top;
}

.memberItem .memberSchool {
	color:#BF1E2E;
	font-weight:bold;
	margin:5px 0;
}


.tbl-statistik {
	font-size:11px;
}
.videoItem {
	max-width:100%;
	max-height:200px;
}

.galeriLink {
	text-align:center;
} 


.galeriUtama {
	margin-top:10px;
	height:150px;
	background-size:100% auto;
	background-repeat:no-repeat;
}

#organisasiPart {
	background:#ECE5DF;
}
.organisasiItem {
	padding:30px;
	display:inline-block;
}

footer {
	background: linear-gradient(#742C2E, #AE3335); /* Standard syntax */
	color:#FFF;
}

footer .container {
		text-align:left;
}


.footer-kantor {
	font-size:12px;
	padding:10px 0;
	color:rgba(255,255,255,0.6);
}

.footer-aright a {
	color:#FFF !important;
}

footer h1 {
	font-size:18px;
	margin:0 0 5px 0;
	padding:0;
}

ul.socnet-list{
	text-align:right;
	margin-bottom:20px;
	padding-left:0;
	margin-top:10px;
	display:inline-block;
}

ul.socnet-list li{
	display:inline;
	background:rgba(0,0,0,0.15);
	padding:10px 2px;
}

ul.socnet-list li a{
	color:#fff;
	font-size:18px;
	line-height:2.5em;
	width:35px;
	height:35px;
	text-align:center;
	padding-top:2px;
	vertical-align:bottom;
}
ul.socnet-list li:hover{
	background:rgba(0,0,0,0.3);
	cursor:pointer;
}

#copyrightPart {
	padding:5px;
	background:#000;
	color:#FFF;
	font-size:10px;
}

.group-post .memberItem {
	padding:10px;
	margin:10px;
	border-bottom:1px solid #DEDEDE;
}

.group-post .memberItem img {
	width:100%;
	height:auto;
	border-radius:5px 0 5px 0;
}

.group-post .galeriLink {
	height:80px;
	overflow:hidden;
	display:block;
}


.eventItem {
	margin:20px 0;
	border:1px solid #DEDEDE;
	background:#ECE5DF;
}

.eventItem .eventDateLeft {
	background:#BF1E2E;
	text-align:center;
	color:#FFF;
	padding:10px;

}

.eventItem .eventDateRight {
	padding:10px;

}

.eventItem .eventDate {
	font-size:38px;
	font-weight:bold;
}

.eventItem .eventMonth {
	font-size:28px;
	font-weight:bold;
}

.eventItem .eventEnd {
	font-size:10px;
	font-weight:lighter;
}

.eventItem .eventName {
	font-weight:bold;
	display:block;
}

.eventItem .eventNote span {
	font-size:12px;
	display:inline-block;
	margin-right:35px;
}

@media screen and (max-width: 768px) {
	.container {
		width:90%;
		margin:0 5%;
	}
	
	.carousel-caption h2 {
		margin-top:20px;
	}
	
	.carousel-caption-desc {
		margin:5px;
	}
	
	.carousel-caption .btn {
		margin:10px 0;
	}
	
	
	#navHead {
		text-align:center;
	}
	
	#navHead a {
		margin:5px 0;
		padding:0;
	}
	
	#rightHeadContainer {
		text-align:center;
		margin-bottom:10px;
	}
	
	footer .container,footer .container .text-right,footer .container .pull-right{
		text-align:center !important;
		float:none !important;
	}
	
	footer .tbl-statistik.pull-right {
		width:100%;
	}
}

@media (min-width: 1200px) {
	.container {
			width: 1170px;
	}
}


.part {
	padding:30px 0;
}

.background-gambar {
  background:url("images/book.png");
}

.bursa-buku img {
	max-width:100%;
	max-height:100%;
}

.customers {
  margin-bottom: 40px;
}

.customers .item {
  margin: 0 20px;
}

.customers .item img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.customers .item img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.no-mb {
  margin-bottom: 0 !important;
}