body{
    background-image: url('images/bgpattern.jpg');
    font-family: "open_sansregular" !important;
	font-size:14px;
	color:#333;
}
a {
color:#a71c20
}

/*bagian tab berita*/
.gridlistbutton div {
display:inline-block;
margin-right:4px;
cursor:pointer;
}
.media-body .meta ,
.news-detail .meta ,
.news-content .date ,
.post-cnt .date {
font-family:georgia;
font-style:italic;
margin-bottom:0px;
display:block;
color:#6a6a6a;
}

.post-cnt  figure img {
width:100%;
height:auto;
}

.post-cnt.post-box {
height:270px;
margin-bottom:20px;
}

.archive-excerpt {
font-size:15px;
padding:5px 0 !important;
}
.post-box .archive-excerpt {
display:none;
}
.post-cnt.col-sm-12 {
height:auto;
margin-bottom:30px;
}
.post-cnt.col-sm-6 {
height:420px;
margin-bottom:30px;
}
.four.post-cnt.post-box-list {
width:100%;
margin-left:0;
margin-right:0;
}

.post-box-list figure {
width:30%;
margin-right:2%;
float:left;
}
.post-box-list aside{
width:68%;
float:left;
}
h2.title-archive  {
color: #666;
font:normal 16px/1.7em 'open_sansbold',verdana;
}
.post-box-list h2.title-archive a {

}

.gridlistbutton div {
display:inline-block;
margin-right:4px;
cursor:pointer;
}
/*color*/
.white{
    background-color: #fff;
}
.fwhite{
    color: #fff !important;
}
.lightorrange{
    background-color: #e67817;
}
.orrange{
    background-color: #a71c20;
}
.green{
    background-color: #004028;
}
.darkgreen{
    background-color: #172e24;
}
.darkgrey{
    background-color: #3f4447;
}
.darkred{
    background-color: #701f1c !important;
}
.fdarkgrey{
    color: #3f4447 !important;
}

.yellow{
    background-color: #f6b801;
}

.no-gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

/*Header--------------------------------------------*/

.logo p,
.logo h1{
margin:17px 0 10px;
}
.logo h1 a ,
.logo p a {
	background:transparent url(images/logosmall.png) left center no-repeat;
    background-size: 167px;
    font-size: 14px;
    text-decoration: none;
    margin: 0;
    padding-left: 170px;
    text-transform: uppercase;
    font-family: open_sansbold;
    display: table;
	height:47px;
	line-height:1.1em;
}
.logo p span,
.logo h1 span {
	vertical-align:middle;
	display:table-cell;
	padding: 0;
}
.logo h1 a:hover ,
.logo p a:hover {
color:#d03337;
}
.logouniv {
font-size:10px;
line-height:1em;
font-family:franceregular;
}
.top-nav  {
margin-bottom:10px;
padding-right:11px;

}
.top-nav  li a{
	color: #999;
    font-size: 12px;
	padding:12px;
	margin-top:5px;
}

.top-nav  li .lang_sel_list_horizontal li a {
padding: 12px 5px 12px 5px;
}
.top-nav  li .lang_sel_list_horizontal li a:hover {
background:transparent;
opacity:0.7;
}
/* hide icon*/
.top-nav li a i {
	display:none;
	}

.top-nav form{
    display:block;
    height:40px;
    margin-right: 10px;
	padding:0;
}

.top-nav.nav>li>a:focus, .top-nav.nav>li>a:hover {
background:none;
color:#555 !important;
}

.top-nav form input{
    width: 150px !important;
    font-size: 12px;
    height:28px;
}
.top-nav form .btn{
	padding:3px 7px;
    box-shadow: none;
    position: relative;
    background: transparent;
   
}
.top-nav form .navbar-form{
    margin-top: 15px;
    margin-bottom: -15px;
}
/*
#lang_sel_list {
	height:0;
}
.lang_sel_list_horizontal {
	margin-right:12px;
}
.lang_sel_list_horizontal ul li a{
	display:block !important;
	padding: 13px 0 13px 5px !important;
}
#lang_sel_list  ul {
border-top:none;
}*/

.wpml-ls-legacy-list-horizontal {
border:none;
padding:0;
}
.navbar{
        min-height: 0;
}
#top-nav .navbar-nav>li>a {
line-height:16px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
background:transparent;
color:#fbc800;
}
.navbar-default{
    border: 0;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 17px;
    border-radius: 0;
    margin-right:0;
    background: transparent;
}
.main-nav.nav>li>a{
    padding: 5px 10px;
	text-transform:uppercase;
}
.main-nav.nav>li:first-child>a{
	padding-left:0;
}
.main-nav.nav>li>a:hover{
	color:#fbc800;
}
.main-nav.nav>.open>a, .main-nav.nav>.open>a:focus, .main-nav.nav>.open>a:hover {
	background: transparent;
	color:#fbc800;
}
.main-nav.nav>li>a:focus, .main-nav.nav>li>a:hover {
color:#fff;
}

.main-nav.nav>li>a{    
    color: #fff;
}
ul.main-nav{    
    background-color: #065139;
}
ul.main-nav:before{
    content: "";
    background: url('images/sec-nav.png') no-repeat 0 0px;
    position: absolute;
    z-index: 999;
    width:60px;
    height:40px;
    margin-left: -60px;
    margin-top: -4px;
}

.main-nav .dropdown-menu {
background:rgba(6, 81, 57,0.9);

}

.main-nav .dropdown-menu>li>a  {
font-size:13px;
color:#fff;
padding:5px 10px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
background:rgba(18, 138, 100, 0.59);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background:transparent;
color:#fbc800 !important;
}
.navbar-default .navbar-toggle {
border:none;
padding:0px 0 0;
border-radius:0;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background:none;
}



/*slider*/
.row.slider {

}
.slider img{
    width: 100%;
}
.bx-wrapper{
    margin-bottom: 0 !important;
}
.bx-wrapper .bx-pager{
    display: none;
}
.bx-wrapper .bx-viewport{
    box-shadow: none !important;
    left: 0 !important;
    border: 0 !important;
}

/*welcome*/

.ribbon-title {
margin-bottom:20px;
}

.ribbon.left h1,
.ribbon.left h3{
    background-color: #a71c20;
    color: #fff;
    font:normal 24px "open_sansbold";
    padding: 17px 30px 10px 30px;
    position: absolute;
    z-index: 99;
    top: -18px;
	text-transform:uppercase;
	margin-top:0;
}
.ribbon.left h1{
	padding: 17px 0px 10px 30px;
}
.ribbon.left h1:after,
.ribbon.left h3:after{
    content:"";
    background: url('images/ribbon-left.png') no-repeat 0px 0px;
    width:125px;
    height: 100px;
    position: absolute;
    z-index: 9999999999;
    margin-top: 0;
	top:0;
	right:-125px;
}

.ribbon.right h1,
.ribbon.right h3{
    background-color: #f6b801;
    color: #fff;
    font:normal 24px "open_sansbold";
    padding: 17px 30px 10px 10px;
    position: absolute;
    z-index: 99;
    top: -18px;
	text-transform:uppercase;
	margin-top:0;
	right:15px;
}

.ribbon.right h1:before,
.ribbon.right h3:before{
    content: "";
    background: transparent url(images/ribbon-right-yellow.png) no-repeat 0px 0px;
    width: 90px;
    height: 61px;
    position: absolute;
    z-index: 9999999999;
    left: -80px;
    top: 0px;
}

.welcome{
    padding: 50px 0 30px 0px;
    color: #636260;
	position:relative;
}
.welcome.newsr{
    padding: 0px 0 30px 0px;

}
body.archive .welcome.newsr,
body.blog .welcome.newsr{
    padding: 0px 0 0px 0px;
	margin-bottom:0;
}

.welcome h1{
    text-transform: uppercase;
}

.welcome h2{
    font:normal 26px/36px "open_sanslight";

}

.welcome p{
    font:normal 16px/28px "open_sanslight";
}
.welcome .slogan{
    margin: 30px 0 20px 0;
}

.welcome.newsr{
margin-bottom:20px;
}
/*Avertising*/
.advertising{
    padding: 60px 0;
}
.advertising-item{
    text-align: center;
    padding: 24px 0;
}
.advertising-item .item-icon{
    width: 95px;
    height: 95px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    padding: auto;
    margin: auto;
}
.advertising-item .item-icon img{
    margin-top: 15px;
}
.advertising-item h3{
    color: #fff;
    margin:15px 0;
    padding: 0;
    font-size: 18px;
	text-transform:uppercase;
}

.advertising-item h3 a{ 
color:#fff;
text-transform:uppercase;
}

.advertising-item .btn-xs,.widget-item .btn-xs, .advert-pk .btn-xs {
  border-radius: 10px !important;
    padding: 1px 10px;
}
.advertising-item .btn-primary {
  color: #e2e2e2;
  background-color: #741a1c;
  border-color: #741a1c;
}

.advert-pk .btn-primary {
  color: #3f4447;
  background-color: #fff;
  border-color: #fff;
    margin-top: 24px;
}

/*more-item collapse*/
.more-item {
    padding-left:15px;
    padding-right: 15px;
    color: #fff;    
    visibility: hidden;
}


.more-item p{
    font-size: 16px;
}


/*advert*/
.advert-img img{
    width:100%;
}

.advert-pk h2{
    margin-top: 24px;
}

.advert-desc, .advert-mk, .advert-pk{
    padding: 70px 15px;
}

.more-mk{
    padding: 0 30px 40px 30px;
    display:none;
}

.item-icon:hover{
  background: rgba(255,255,255,0.5);
  -webkit-transition: background-color 0.7s ease-out;
  -moz-transition: background-color 0.7s ease-out;
  -o-transition: background-color 0.7s ease-out;
  transition: background-color 0.7s ease-out;
}

.item-icon.active{
    background: #701f1c;
    cursor: pointer;
}
.btn.active{
    color: #e15517;
    cursor: pointer;
}


.more-mk .item-icon-mk{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #fff;
    margin-top: -12px;
    margin-right: 15px;
}

.more-mk a{
    color: #fff;
}
.more-mk .item-icon-mk img{
    width: 50px;
    margin-top: 13px;
}
.slider-alumni {
height:500px;
overflow:hidden;
position:relative;
}
.slider-alumni img{
    width:100%;
    margin-bottom: -1px;
}
.slider-alumni h2{
    margin-bottom: 24px;
}
.slider-alumni p{
    font-weight:100 !important;
    font-family: "open_sanslight";
    margin-bottom: 24px;
    line-height: 24px;
}

.slider-alumni .bx-caption span{
    margin: 0;
    padding: 0 !important;
    font-size:16px !important;
}

.slider-alumni .bx-caption{
    background-color: transparent !important;
    top:10%;
	margin-top:40px;
    padding-right: 70px;
    padding-left: 70px;
	color:#fff;
}

/*Galery*/
.galery-home, .advertising, .footer-widget,.footer-copy, .welcome{
    margin-left: 15px;
    margin-right: 15px;
}

.galery-home img{
    width:100%;
}


/*widget-item*/

.widget-item{
    padding: 30px 0;    
    color: #8a8685;
}
.widget-item h3{
    font-size: 18px;
    text-transform: uppercase;
    margin:0;
    margin-bottom: 24px;
    padding: 0;
}
.widget-item .btn-primary {
  color: #e2e2e2;
  background-color: #aaa;
  border-color: #aaa;
  margin-top: 0px;
}
.widget-item li{
  margin-bottom: 20px;
}
.widget-item .btn-primary.pull {
    margin-left: 140px;
}

.widget-item .media img{
    border-radius: 3px;
    margin-right: 10px;
}
.widget-item .media a{
    text-decoration: none;
    color: #8a8685;
}
.widget-item .media h4{
    font-size: 16px;    
    margin: 0px;
	line-height:24px;
}
.widget-item .media p{
    font-size: 13px;    
    margin-bottom: 0px;
}
.widget-item .media span{
    font-size: 12px;
	font-family:georgia;
}
.media-body {
padding:0;
}
.media-body .date,
.media-body .date-berita {
font-style:italic;
}



/*========================================
  FASILITAS
  ========================================*/
.advertising h2{
    padding-left: 15px;
    margin-top: 30px;
}
.advertising p{
    font-size: 16px;
    line-height: 24px;
}

/*========================================
  GALLERY
  ========================================*/
.slider-thumb .bx-pager img{
    width: 100%;
}


.slider-thumb{
    /*margin-left: 15px;
    margin-right: 15px;*/
}
.galeri-thumb{
    margin-left: 15px;
	background:#ffc600;
}

.test a img {
    
  }

.bx-pager a:hover img,
.bx-pager a.active img, .bx-pager a img.active{    
    background: #000;    
    -webkit-filter: grayscale(100%) !important; 
    filter: grayscale(100%) !important;
  }

.bx-pager a.active img{    
    cursor: default;
  }
.gallery img {
width:96%;
  border-radius: 5px;
  margin-bottom: 5px;
  height:auto;
}
  .gallery.no-gutter [class*="-6"] {
	padding-right:0;

}
.gallery.no-gutter [class*="-6"]:last-child{
	padding-right:15px;
	padding-left:0;
	
}

.gallery_icon {
padding:4px 6px 2px;
background:rgba(0,0,0,0.3);
border-radius:5px;
position:absolute;
display:inline-block;
top:5px;
left:21px;
}
.gallery_icon i{
color:#fff;
font-size:18px;
}

.col-xs-6:nth-child(even) .gallery_icon {
left:5px;
}

/*========================================
  PROFIL
  ========================================*/
.profil-slider{
    margin-left: 15px;
    margin-right: 15px;
	background:#701f1c !important;
	min-height:480px;
}
.profil-slider li {
min-height:480px;
}
.profil-slider img{
    margin: 40px 60px;
}

.profil-slider.kegiatan img{
    margin: 40px 60px 40px 40px;
}

.profil-slider.kegiatan .caption{
    margin: 60px 0px 40px 60px;
}

.profil-slider .caption{
    margin: 60px 60px 40px 0;
    font-size: 16px;
    line-height: 24px;
}

.profil-slider .caption h2{
    margin-top: 48px;
    margin-bottom: 36px;
}
.profil-slider .caption p{
    margin-bottom: 36px !important;
}

.kerjasama{
    margin-bottom: 40px;
    margin-left: 15px;
    margin-right: 15px;
}
.kerjasama img{
    width: 100%;
}

.kerjasama h2{
    margin-top: 48px;
}

/*========================================
  AGENDA
  ========================================*/
.welcome.agenda{
    padding-bottom: 0;
}

.agenda-content{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 40px;
}

.angenda-list{
    margin-bottom: 24px;
    display: block;
}

.angenda-list h4{
    margin-bottom: 24px;
    margin-top: 24px;
    text-transform: uppercase;
    display: block;
}

.angenda-list p{
    text-align: justify;
    font-size: 16px;
}

.angenda-list button{
    margin-top: 12px;
}

button.al{
    padding: 1px 10px;
    border-radius: 10px;
    background: #a5a5a5;
    border-color: #a5a5a5;
}

button.al:hover{
    background: #f6b801;
    border-color: #f6b801;
}

.thumb-agenda{
    margin-top: 16px;
}

.thumb-agenda img{
    width:100%;
}

.agenda-content ul{
    margin: 0;
    padding:0 60px;
    margin-bottom: 60px;
}

.pagination>li>a, .pagination>li:first-child>a, .pagination>li:last-child>a{
    border-radius: 50%;
    margin: 5px;
    background: #81807e;
    color: #fff;
    border-color: transparent;
}

.pagination>li>a:hover, .pagination>li:first-child>a:hover, .pagination>li:last-child>a:hover{
    background: #fab416;
    color: #fff;
    border-color: transparent;
}

/*========================================
  POST
  ========================================*/

.welcome.newsr{
    padding-bottom: 0;
}
.post {
margin:0px 0 30px;
}
h1.title {
margin:0;
}
h1.title a{
color:#333;
display:block;
font:normal 30px 'open_sansbold',verdana;
text-decoration:none;
margin-bottom:10px;
line-height:40px;
}
h4.title a{
color:#333;
display:block;
font:normal 16px 'open_sansbold',verdana;
text-decoration:none;
margin-bottom:10px;
}
.news-content article.post-content{
background:#fff !important;
padding:15px 20px;
border:1px solid #ddd;
margin-bottom:10px;
}
.news-content h1.title a:hover{
color:#666;
}
.post p {
margin-bottom:10px;
line-height:21px;
text-align:justify;
}


.post p a{
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
text-decoration:underline;
}

.post ol {
list-style:decimal;
margin-left:20px;
margin-bottom:20px;
}
.post ul {
list-style:square;
margin-left:0;
margin-bottom:20px;
}
.post li {
margin-bottom:5px;

}
.post blockquote {
font-size:17px;
color:#a71c20;
margin-left:0px;
}
.post blockquote.visi,
.post blockquote.visi p{
font-size:26px;
line-height:30px !important;
text-align:center;
font-family:franceregular !important;
border-left:none;
}
.alignleft {
float:left;
margin:5px 20px 10px 0;
}
.alignright {
float:right;
margin:5px 0px 10px 20px;
}
.alignnone {
margin-bottom:10px;
width:100%;
height:auto;
}
p img,.wp-caption {	margin-top: 0.4em;}.wp-caption {	margin-bottom: 15px;	max-width: 100%;}.wp-caption img {	display: block;	margin: 0 auto;	max-width: 100%;}.wp-caption .wp-caption-text,.gallery-caption {	color: #888;	font-family: arial,serif;	font-size: 13px;}.wp-caption .wp-caption-text {	margin-bottom: 0.6em;	padding: 10px 0 ;	position: relative;}

.wp-caption.alignnone{
width:100% !important;

margin-bottom:10px;
}

.wp-caption.alignnone img {
width:100%;
height:auto;
}

.news-content .date {
font-family:georgia;
font-style:italic;
margin-bottom:10px;
display:block;
color:#6a6a6a;
}

.post .social {
border:1px solid #ddd;
border-left:none;
border-right:none;
margin:0px 0px 15px;
padding:8px 30px 6px;

}

.post .social a {
display:inline-block;
border-right:1px solid #ddd;
text-align:center;color:#065139;
padding:0 25px;
}
.post .social a:last-child {
border-right:none;
}
.post .social a i{
vertical-align:middle;
font-size:20px;
margin-right:10px;
}

/*post table*/
section table,
.post table {
border:1px solid #ddd;
width:100%;
}

section table td,
.post td {
border-bottom:1px solid #f1f1f1;
padding:3px;
font-size:14px;
line-height:1.42857143;
padding:8px;
}

section table tr:nth-child(odd) td ,
.post tr:nth-child(odd) td {
background:#f9f9f9;
}
section table td a,
.post td a{
text-decoration:underline;
}

/*newsdetail*/

.media-left  img{
width:160px;
height:auto;
}

.media-body h4 a {
color:#404040 !important;
font:normal 16px "open_sansregular";
}


.news-content {
padding-left:0px;
}
/*meta */

.meta {
padding:10px 0;	
}

/*bread*/
.breadcrumb {
font-size:12px;
line-height:20px;
padding:6px 0 8px;
display:inline-block;
margin:10px 18px 10px 0;
text-align:right;
float:right;
background:transparent;
}

.breadcrumb a {
color:#065139;
text-decoration:underline;
}

.breadcrumb.left  {
float:left;
margin:10px 15px 10px 15px;
}
.ribbon-title .breadcrumb.left  {
margin:10px 15px 10px 0px;
}

/* agenda */
.media .box-date{
    background-color: #065139;
   /* background-color: #DFE0E0;*/
    text-align: center;
    color: #fff;
    width: 70px;
    height: 70px; 
    border-radius: 5px;
	border:1px solid #c1c1c1;
	font-style:normal;
}

.agenda .media a{    
    text-decoration: none;
}

.agenda .media span{
    color : #8f8f8f;
    font-size: 11px;
}
.agenda .media span i{
    color : #bedb39;
    margin-right: 5px;
}
.agenda .media span i.fa-map-marker{
    color : #fd7400;
    margin-right: 5px;
    margin-left: 5px;
}

.box-date span.date{
    font-size: 40px;
    font-family: "open_sansregular";
    display: block;
	line-height:36px;
    font-weight: 400;
    padding-top: 7px;
    color: #fff;
	text-align:center;
	letter-spacing:-2px;
	
}
.box-date span.month{
    font-size: 14px;
    font-family: "open_sansregular";
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin-top:4px;
	display:block;
	letter-spacing:-1px;
	text-align:center;
}

.thumb-news {
margin-bottom:10px;
}
.thumb-news img{
width:100%;
height:auto;
}

/*Footer----------------------------------------------------*/

.footer-widget{
    padding: 30px 0;
	font-size:14px;
}

.widget-footer{
    color: #fff;
}
.widget-footer a {
color:#fff;
}
h4.widget_title{
	font-size:16px;
    margin-top: 18px;
    margin-bottom: 24px;
	text-transform:uppercase;
	font-weight:400;
	color:#fff;
}

.widget-footer .list-inline{
    margin-top: 20px;
    color: #043e28;
}

.cover-social .list-inline li,
.widget-footer .list-inline li{
    background: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;  
    text-align: center;
    margin-right: 10px;
	
}
.cover-social .list-inline li {
padding:3px;
}
.cover-social .list-inline li  a{
color:#004028;
}
.cover-social {
padding:10px 0;
}
.widget-footer .list-inline li i{  
    margin-top: 6px;
}
.widget-footer .list-inline li a{
	color:#004028;
} 
.logo-footer{
    width: 100%;
    text-align: center;
}
.footer-copy{
    color:#fff;
    text-align: center;
}
.footer-copy p{
    font-size: 11px;
    padding: 15px 0 0 0;
}
.footer-copy a{
    color:#fff;
}

.post.event {
background:#fafafa;
padding:15px;
border:1px solid #e9e9e9;
border-radius:4px;
}
.post.event  h4 {
font-family:open_sansbold;
}

/*sidebar---------------------------------------------------*/
.sidebar {
margin:0px 0px 0 0;
}
.search .navbar-form{
    margin-left: -15px;
}

.search .navbar-form .form-group{
    display: block !important;
    width:100% !important;
}

.search .navbar-form .form-control{
    width: 100%;
}

.search .btn {
    border: 0px solid transparent;
    position: relative;
    float: right;
    margin-top: -33px;
    box-shadow: none;
    margin-right: 0px;
    background-color: transparent !important;
}
.search input[type=text] {
width:100%;
}

/* widget */
h3.widget_title {
	font:normal 20px 'open_sansbold';
	color:#fff;
	padding:5px 15px;
	border-bottom:1px solid #ddd;
	margin:0;
	background:#065139;
}
section.widgets  {
	border:1px solid #f1f1f1;
	margin-bottom:30px;
	padding:0 !important;
	background:#FEFFFF;

}
section.widgets nav {
margin: 15px 15px 15px;
}
.widget_categories, 
.widget_recent_entries {
	color: #2d2a28;
	padding:2px;	
}
.widget_categories ul,
.widget_recent_entries ul {
	margin-bottom:20px;
	margin-left:0px;
	list-style:none;
	padding:0;
}
.widget_categories ul li,
.widget_recent_entries ul li{
	overflow: hidden;
	margin-left: 0px;
	margin-bottom:15px;
	padding: 2px 0px 0px 0px;
	font:normal 15px "open_sansbold";
	line-height:21px;
}
.widget_recent_entries ul li .reading{
display:none;
color:#f6b801;
font-style:italic;
font-family:georgia;
}
.widget_recent_entries ul li.onread{
border-left:5px solid #f6b801;
margin-left:-15px;
padding-left:10px;
}
.widget_recent_entries ul li.onread .reading{
display:block;
}
.widget_categories ul ul.children {}
.widget_categories a,
.widget_recent_entries a{
	text-decoration: none;
	display:block;
	color:#454545 !important;
	border:none;
}

.widget_categories ul li a:hover,
.widget_recent_entries ul li a:hover{
	text-decoration:underline;	
}

.widget_recent_entries  li span.post-date {
font-family: georgia;
font-style:italic;
color:#555;
margin-top:5px;
display:block;
font-weight:normal;
}

/* pimpinan */
.panel {
-webkit-box-shadow:none;
box-shadow:none;
}
.panel-default {
border:none;
}
.panel-default>.panel-heading{
background:#004028;
color:#fff;
}
.panel-default>.panel-heading:hover{
opacity:0.9;
}
.panel-default>.panel-heading.dekan{
background:#004028;
}
.panel-default>.panel-heading.wdekan1{
background:#f6b801;
}
.panel-default>.panel-heading.wdekan2{
background:#922520;
}
.panel-default>.panel-heading.katu{
background:#004028;
}
.panel-heading{
padding:2px;
}
.panel-heading h4 a span.jabatan{
text-transform:uppercase;
font-size:13px;
padding:3px 5px;
background:rgba(0,0,0,0.4);
color:#fff;
border-radius:3px;
display:inline-block;
float:right;
margin-top:4px;
}
.panel-heading h4 a{
display:block;
font-size:22px;
font-weight:300;
padding:15px;
}
.panel-heading h4 a:hover{
text-decoration:none;
}

h4.panel-title a {
text-decoration:none;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
border:none;
}
.panel-body {
padding: 0 0 10px;
}
.panel-body section{
padding:20px 0 0;
}
.panel-body img{
margin-bottom:20px;
}
.panel-body section p{
margin-bottom:10px;
line-height:25px;
text-align:justify;
}
/* cover */
figure.cover  {
width:100%;
}
figure.cover img  {
width:100%;
}
figure.covers  {
width:100%;
background:transparent url(images/bgblur.jpg) left top no-repeat;
height:400px;
}
figure.covers img  {
border-radius:50%;
border:5px solid #fff;
-webkit-box-shadow: -2px -1px 13px -2px rgba(0,0,0,0.52);
-moz-box-shadow: -2px -1px 13px -2px rgba(0,0,0,0.52);
box-shadow: -2px -1px 13px -2px rgba(0,0,0,0.52);
}

.covers section {
padding: 40px 0 10px;
width:100%;
text-align:center;
}
.cover-content>* {
vertical-align:bottom !important;
text-align:center;
top:25%;
}
.cover-content h2 {
font-weight:300;
font-size:30px;
color:#ffffff;
position:relative;
text-shadow:1px 1px 1px #999;
}
.cover-content h3 {
font-weight:300;
font-size:20px;
color:#ffffff;
position:relative;
font-style:italic;
}
.cover-social {
position:relative;
}

/*flags */

span.flags {
display:inline-block;
margin-right:15px;
padding:10px 0;
}
span.flags img  {
display:inline-block;
margin:0px;
margin-left:5px;
}
.top-nav span.flags a {
padding:0 !important;
margin:0;
}

/* tab */

.tab-content {
padding:20px 0;
}

/* search bar top */
.search-top {
background:#ddd;
padding:0 0 10px ;
display:none;
}
.search-top .input-group{
display:inline;
}
.search-top .input-group{
display:inline;
}

p.pencarian i {
display:block;
}
p.pencarian  {
border-radius:0;
background:transparent;
border:none;
padding:20px 3px 12px 10px;
cursor:pointer;
width:35px;
height:45px;
position:relative;
z-index:999;
margin:0;
}
span.pencarian.pencarian-xs {
width:35px;
height:38px;
z-index:9999;
padding:13px 7px 10px 5px;
cursor:pointer;
position:absolute;
margin:0;
margin-top:0px;
display:inline-block;
margin-left:5px;
background:orange;
}
p.pencarian.on ,
span.pencarian.on {
background:#ddd;
}

body.siteorigin-panels .post {margin:0 0 0;}

.panel-grid {
padding-left:0 !important;
padding-right:0 !important;
}
.galeri-thumb a.active img{
background:red;
opacity:0.7;
}
.vision h2 {
font-size:70px;
font-family:open_sansbold;
}
.vision .left {
margin-top:300px;
}

/* ekko lightbox */
.gal-container {
margin:15px 0 20px 15px;
}

.gal-container .img-fluid {
border:2px solid #fff;
width:100%;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.gal-container .img-fluid:hover {
border:2px solid #ddd;
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

@media(max-width:377px){
	.logo h1 a ,
	.logo p a {
		background-size:90px;
		font-size: 9px;		
		padding-left: 90px;	
	}
	.flags-container {
	text-align:right;
	width:100%;
	position:relative;
	padding:6px 15px;
	height:30px;
	border-bottom:1px solid #f1f1f1;
	position:relative;
	}
	.flags-container div {
	width:70%;
	}
	p.pencarian {
	border-radius:0;
	background:#f1f1f1;
	border:none;
	padding:9px 8px 10px;
	cursor:pointer;
	width:30px;
	height:30px;
	position:absolute;
	z-index:999;
	top:0;
	right:14px;
	}
	#lang_sel_list {	
	width:60px;
	height:20px;
	float:left;
	}
	.wpml-ls-legacy-list-horizontal a {
	padding:0 5px 0;
	}
	.top-nav {
	float:right;
	padding:0;
	margin-right:40px;
	}
	.top-nav li{
	display:inline-block;
	}
	.top-nav li a {
	padding:14px 3px;
	}
	.top-nav li a i {
	display:inline-block;
	font-size:14px;
	color:#777;
	}
	.top-nav li a:hover i {
	color:#555;
	}
	.top-nav li a span {
	display:none;
	}
	.ribbon.left h1, .ribbon.left h3, .ribbon.right h1, .ribbon.right h3 {
	font:normal 14px "open_sansbold" !important;
	}
	.ribbon.right h1:before,
	.ribbon.right h3:before,
	.ribbon.left h1:after,
	.ribbon.left h3:after{
	display:none;
	
	}
	.ribbon.left h1,
	.ribbon.left h3 {
	display:block;top:0;
	padding:10px 10px 10px 10px !important;
	}
	 .ribbon.right h1, .ribbon.right h3 {
	padding:10px 10px 10px 10px !important;
	}
	h4.title a {
	font-size:14px;
	}
}
@media(min-width:378px) and (max-width:480px){
	.logo h1, .logo p {
	padding:5px 0;
	margin:0;
	}
	.logo h1 a ,
	.logo p a {
		background-size: 130px;
		font-size: 11px;
		text-decoration: none;
		margin: 0;
		padding-left: 130px;
		display: table;
		height:43px;
		line-height:1.1em;
	}
	.vision {
		padding: 20px 10px 10px 10px !important;
	}
	.vision h2 {
	font-size:40px;
	margin-bottom:10px;
	}
	.vision .left {
	margin-top:20px;
	}
	.flags-container {
	text-align:right;
	width:100%;
	position:relative;
	padding:6px 15px;
	height:30px;
	border-bottom:1px solid #f1f1f1;
	position:relative;
	}
	
	p.pencarian i {
	display:block;
	}
	p.pencarian  {
	border-radius:0;
	background:#f1f1f1;
	border:none;
	padding:9px 8px 10px;
	cursor:pointer;
	width:30px;
	height:30px;
	position:absolute;
	z-index:999;
	top:0;
	right:14px;
	}
	span.pencarian.pencarian-xs {
	width:35px;
	height:38px;
	z-index:9999;
	padding:13px 7px 10px 5px;
	cursor:pointer;
	position:absolute;
	margin:0;
	margin-top:0px;
	display:inline-block;
	margin-left:5px;
	background:orange;
	}
	p.pencarian.on ,
	span.pencarian.on {
	background:#ddd;
	}
	.slider-alumni .bx-caption {
	top: 5%;
		margin-top: 20px;
		padding-right: 30px;
		padding-left: 30px;
	}
	.breadcrumb {display:none;}
	h1.title a{font-size:24px; line-height:1.3em;}
	#lang_sel_list {	
	height:20px;
	float:left;
	}
	.wpml-ls-legacy-list-horizontal a {
	padding:0 5px 0;
	}
	
	.top-nav {
	float:right;
	padding:0;
	margin-right:40px;
	}
	.top-nav li{
	display:inline-block;
	}
	.top-nav li a {
	padding:14px 6px;
	}
	.top-nav li a i {
	display:inline-block;
	font-size:14px;
	color:#777;
	}
	.top-nav li a:hover i {
	color:#555;
	}
	.top-nav li a span {
	display:none;
	}
	
	.gal-container {
	margin:15px 15px 20px 15px;
	}
}

@media (min-width:481px) and (max-width:767px){
	.vision {
		padding: 50px 30px 30px 30px !important;
	}
	.vision h2 {
	font-size:30px;
	}
	.vision .left {
	margin-top:20px;
	}
	.flags-container {
	text-align:right;
	width:100%;
	position:relative;
	padding:6px 15px;
	height:30px;
	border-bottom:1px solid #f1f1f1;
	position:relative;
	}
	
	p.pencarian i {
	display:block;
	}
	p.pencarian  {
	border-radius:0;
	background:#f1f1f1;
	border:none;
	padding:9px 8px 10px;
	cursor:pointer;
	width:30px;
	height:30px;
	position:absolute;
	z-index:9999;
	top:0;
	right:14px;
	}
	span.pencarian.pencarian-xs {
	width:35px;
	height:38px;
	z-index:9999;
	padding:13px 7px 10px 5px;
	cursor:pointer;
	position:absolute;
	margin:0;
	margin-top:0px;
	display:inline-block;
	margin-left:5px;
	background:orange;
	}
	p.pencarian.on ,
	span.pencarian.on {
	background:#ddd;
	}
	.slider-alumni .bx-caption {
	top: 5%;
		margin-top: 20px;
		padding-right: 30px;
		padding-left: 30px;
	}
	
	#lang_sel_list {	
	height:20px;
	float:left;
	}
	.wpml-ls-legacy-list-horizontal a {
	padding:0 5px 0;
	}
	.top-nav {
	float:right;
	padding:0;
	margin-right:50px;
	}
	.top-nav li{
	display:inline-block;
	}
	.top-nav li a {
	padding:14px 8px;
	}
	.top-nav li a i {
	display:inline-block;
	font-size:14px;
	color:#777;
	}
	.top-nav li a:hover i {
	color:#555;
	}
	.top-nav li a span {
	display:none;
	}
}

@media (max-width:767px){
	.header {
	position:relative;
	top:0px;
	}
	.logo h1, .logo p {
	padding:5px 0;
	margin:0;
	}
	
	
	
	span.flags  {
	display:inline-block;
	margin-right:0px;
	padding:5px 0;
	}
	
	.navbar-collapse {
	padding-left:0px;
	}
	.navbar-default {
	margin-top:0px;
	}
	.navbar-nav {
	margin:0px -15px 0px 0px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { 
    background-color: #064833;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
	.main-nav.nav>li>a:focus, .main-nav.nav>li>a:hover{
	color:rgba(255,255,255,0.5)
	}
	.navbar-toggle {
	  margin-right:0;
	  margin-top:-30px;
	  border: none;
	  background: transparent !important;
	}
	.navbar-toggle:hover {
	  background: transparent !important;
	}
	.navbar-toggle .icon-bar {
	  width: 22px;
	  transition: all 0.2s;
	}
	.navbar-toggle .top-bar {
	  transform: rotate(45deg);
	  transform-origin: 10% 10%;
	}
	.navbar-toggle .middle-bar {
	  opacity: 0;
	}
	.navbar-toggle .bottom-bar {
	  transform: rotate(-45deg);
	  transform-origin: 10% 90%;
	}
	.navbar-toggle.collapsed .top-bar {
	  transform: rotate(0);
	}
	.navbar-toggle.collapsed .middle-bar {
	  opacity: 1;
	}
	.navbar-toggle.collapsed .bottom-bar {
	  transform: rotate(0);
	}

	.main-nav.nav>li>a{
    padding: 5px 10px;
	text-transform:uppercase;
	}
	.main-nav.nav>li:first-child>a{
		padding-left:10px;
	}

	ul.main-nav:before{
		content: "";
		background: none;
		position: relative;
		z-index: 9999;
		height:0px;
		margin-left: 0px;
		margin-top: 0px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color:#fff;
	}
	.footer {
	margin-top:30px;
	}
	.logo-footer {
	margin-bottom:20px;
	}
	.logo-footer img {
	width:100px;
	}
	.footer_widget h4.widget_title {
	cursor:pointer;
	margin-top:0 !important;
	margin-bottom:10px;
	}
	.hide_footer_widget .footer_widget_content {		
	display:none;		
	-webkit-transition-duration: 0.8s;
	}
	.footer_widget_content{
	display:block;		
	-webkit-transition-duration: 0.8s;
	padding-bottom:5px;
	}
	.hide_footer_widget.footer_widget h4.widget_title:after {
	content:"\f13a";
	font-family:FontAwesome;
	display:inline-block;
	font-weight:normal;
	font-size:18px;
	float:right;
	cursor:pointer;
	}
	.footer_widget h4.widget_title:after {
	content:"\f139";
	font-family:FontAwesome;
	display:inline-block;
	font-weight:normal;
	font-size:18px;
	float:right;
	cursor:pointer;
	}
	.footer_widget h4.widget_title:hover {
	color:#74b79e;
	}
	.footer_widget_content {
	margin-bottom:15px;
	}
	
	ul.list-inline {
	text-align:center;
	}
	
	.welcome {
	padding-top:40px;
	}
	
	.ribbon-title {
	height:30px;
	}
	.ribbon.left h1, .ribbon.left h3,
	.ribbon.right h1, .ribbon.right h3 {
	font:normal 18px "open_sansbold";
    padding: 10px 30px 10px 10px;
	margin-top:0;
	top:-13px;
	}
	.ribbon.left h1, .ribbon.left h3{
	
    padding: 10px 0px 10px 10px;
	
	}
	
	.ribbon.left h1:after, .ribbon.left h3:after {
	height:45px;
	background-size:70px;
	top:0;
	margin-top:0;
	right:-125px;
	}
	.ribbon.right h1:before, .ribbon.right h3:before {	   
    background-size: 68px;
    width: 60px;
    height: 45px;  
    left: -60px;
	}
	
	.panel-heading h4 a {
	font-size:16px;
	padding:10px;
	}
	
	.panel-heading h4 a span{
	display:block;
	}
	
	.panel-heading h4 a span.jabatan {	
	float:none;
	}
	.panel-heading h4 a span.jabatan{
	font-size:11px
	}
	
	.profil-slider .caption {
	margin:0 0 20px;
	text-align:center;
	}
	.profil-slider .caption h2{
    margin-top: 10px;
    margin-bottom: 16px;
	font-size:20px;
	line-height:25px;
	}
	.profil-slider img{
    margin: 20px auto;
	width:70%;
	
	}
}


@media(min-width:768px) and (max-width:991px){
	.header {
	position:relative;
	top:0px;
	}	
	.logo h1 a ,
	.logo p a {
		background-size: 110px;
		font-size: 10px;
		text-decoration: none;
		margin: 0;
		padding-left: 110px;
		display: table;
		height:43px;
		line-height:1.1em;
	}
	.top-nav li a {
	padding:14px 8px;
	}
	.top-nav li a i {
	display:inline-block;
	font-size:14px;
	color:#777;
	}
	.top-nav li a:hover i {
	color:#555;
	}
	.top-nav li a span {
	display:none;
	}
	.flags-container {
	text-align:right;
	width:100%;
	}
	span.flags {
    margin-right: 0px;
	}
	.profil-slider img{
    margin: 20px auto;		
	}
	.profil-slider .caption {
	margin:0 0 20px;
	text-align:center;
	}
	
	.footer {
	margin-top:30px;
	}
}


@media(min-width:992px) and (max-width:1199px){
	.top-nav a{
	padding: 12px 4px !important;
	}
	.main-nav.nav>li>a{
	padding: 5px 7px;
	}
}


@media(min-width:1200px){

}
@media(max-width:1200px){

}


/*========================================
  FONTS
  ========================================*/


@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'franceregular';
    src: url('fonts/francen-webfont.eot');
    src: url('fonts/francen-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/francen-webfont.woff2') format('woff2'),
         url('fonts/francen-webfont.woff') format('woff'),
         url('fonts/francen-webfont.ttf') format('truetype'),
         url('fonts/francen-webfont.svg#franceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}