/*Middle NAV*/
td{
    padding: 3px;
}
/*ol,
ul {
    list-style: none
}*/

nav#main,
.push.main,
.push.recap {
    position: relative;
    margin: 0 auto
}

body.profil #profil,
body.pendidikan #pendidikan,
body.campuslife #campuslife,
body.newsevents #newsevents {
    border-top: 4px solid #cd1126
}

nav#main {
    border-top: 1px solid #ccc;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(243, 243, 243, 0.5)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66f3f3f3', GradientType=0)
}

nav#main:before,
nav#main:after {
    content: "";
    position: absolute;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(243, 243, 243, 0.5)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(243, 243, 243, 0.5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66f3f3f3', GradientType=0);
    top: -1px;
    bottom: 0;
    width: 9999px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

nav#main:before {
    right: 100%
}


nav#main:after {
    left: 100%
}


nav#main .bg {
    display: none;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#ccffffff', GradientType=0);
    position: absolute;
    z-index: -10;
    left: -9999px;
    right: -9999px;
    -moz-box-shadow: 0px 4px 4px #ccc;
    -webkit-box-shadow: 0px 4px 4px #ccc;
    box-shadow: 0px 4px 4px #ccc;
    height: 42px
}


nav#main .top {
    position: relative
}

nav#main .top:after {
    content: "";
    display: table;
    clear: both;
    overflow: hidden
}

nav#main .top li {
    float: left;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
    white-space: nowrap;
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 1px solid #ccc;
    width: 50%;
    border-left: 1px solid #ccc
}


nav#main .top li:nth-child(2n-1) {
    border-left: none
}

.pushdown {
    background-color: #98A3A3;
    position: relative;
    display: none;
	width:100%;
}

.pushdown:before,
.pushdown:after {
    content: "";
    position: absolute;
    background-color: #98A3A3;
    top: 0;
    bottom: 0;
}

.pushdown:before {
    right: 100%
}

.pushdown:after {
    left: 100%
}

.push.main .row {
    width: 100%;
    padding-top: 11px
}

.push.main li {
    position: relative;
    float: left;
    padding-left: 9px;
    border-style: solid;
    border-width: 0px 0px 0px 2px;
    border-color: black;
    width: 33.33%
}

.push.main a {
    font-size: 14px;
    line-height: 16px;
    padding-left: 0px;
    height: 20px;
    padding-top: 3px;
    margin-bottom: 5px;
    display: inline-block;
    float: left;
    color: black;
}

.push.main a:hover {
    color: #800000;
}
/*Midlle NAV*/

/*Slidernav*/
#featurenav {
	display: block;
    list-style-type: none;
    position: relative;
    text-align: center;
    transition-duration: 0.5s;
    z-index: 1000;
	margin:0 0 3em 0;
}

#featurenav li {
    display: inline;
	margin:0 0 0 -3px;
}

#featurenav li button{
	display: inline-table;
	background:none;
	width:19.8%;
	height:40px;
	cursor: pointer;
	font-size:16px;
	color:black;
	border:1px solid #ffffff;
	border-top:none !important;
	text-transform: uppercase;
	margin-right:-1px;
	text-align: center;
	position: relative;
}

#featurenav li span{
	border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px 0;
    height: 15px;
    transform: rotate(45deg);
    width: 15px;
	background: #F3F3F3;
	position: absolute;
	margin:32px 0 0 -10.5%;
}

#featurenav li button.active {
    opacity: 1;
	background:#F3F3F3;
    color: #800000;
    position: relative;
}

#features ul {
    list-style: outside none none;
}

#features ul li {
    height: 100%;
    position: absolute;
    width: 100%;
}

#features {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%;
	overflow: hidden;
}

#features {
    max-width: 1200px;
	height:240px;
}

#features .headline {
	left: 100%;
	opacity: 0;
	position: absolute;
	z-index: 1;
	margin:0 0 20px 0;
	float: right;
}

#features .headline.animate-in {
    left: 0%;
    opacity: 1;
    transition: left 2s ease 0s, right 2s ease 0s, opacity 2s ease 0s;
}

#features .headline.animate-out {
    left: -100%;
    transition-duration: 1s;
}

#features .headline.right_top {
    top: 25%;
}

#features .headline.left, #features .headline.left_top {
    padding-right: 0%;
    right: 100%;
	float: left;
	width:100%;
}

#features .headline.left.animate-in, #features .headline.left_top.animate-in {
    left: inherit;
	right:0%;
	transition: right 2s ease 0s, left 2s ease 0s, opacity 2s ease 0s;
}

#features .headline.left.animate-out, #features .headline.left_top.animate-out {
    left: inherit;
    right: -100%;
}

#features .headline.left_top {
    top: 25%;
}
/*Slidernav*/

/*UMM-EN*/
.wrap-present{
	position: relative;
	background:#e3dede;
	min-height:150px;
	color: white;
}

.wrap-quote{
	position: relative;
	background:#94c010;
	min-height:200px;
	height: auto;
}

.wrap-profit{
	position: relative;
	background:#d7c797;
}

.wrap-tour{
	position: relative;
	background:#541b1b;
	min-height:200px;
}

.wrap-media{
	position: relative;
	background:#807f7f;
}

.wrap-kerjasama{
	position: relative;
	background:#d4c20f;
}

.wrap-footer{
	position: relative;
	background:#98A3A3;
	min-height:400px;
	height:auto;
}

/*Top*/
ul.hmenu{
	font-weight:bold;
	text-align: center;
}

ul.hmenu li{
	margin:10px;
	display: inline-table;
}

ul.hmenu li a{
	color:#ffffff;
	text-decoration: none;
}

ul.hmenu li a:hover{
	text-decoration: underline;
}

/*Header*/
.bars-menu{
	font-size:18px;
	margin:5px 0 0 5px;
	color:#ffffff;
	cursor: pointer;
}

.search{
	margin:-35px 0 0 0;
}

.search input{
	background-color: #fff;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    position: relative;
	border:none;
	padding:5px 5px 5px 15px;
	display: inline-table;
	float: left;
}

.search button{
	border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
	border:none;
	padding:2px 7px 6px 7px;
	display: inline-table;
	float: left;
	cursor: pointer;
}

.item-menu{
	position: relative;
	margin:10px 5px;
	width:15%;
	font-size:14px;
	display: inline-table;
	
}

span.arrowtop{
	background:#d4d8d0;
    height: 15px;
    margin: -15px 0 0 5px;
    position: absolute;
    transform: rotate(45deg);
    width: 15px;
	display: block;
}

.frame-menu{
	border:5px solid #ffffff;
	background:#e41715;
	
	-webkit-box-shadow: 0px 0px 10px #000000;
	-moz-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;
}

.menu-title, .menu-title a{
	font-weight: bold;
	text-transform: uppercase;
	color:#ffffff;
	text-decoration: none;
}

.menu-list ul{
	list-style:square;
	color:#ffffff;
	margin:10px 0 10px 15px;
}

.menu-list ul li{
	margin:0 0 5px 0;
}

.menu-list ul li a{
	color:#ffffff;
	text-decoration: none;
}

.menu-list ul li a:hover, .menu-title a:hover{
	text-decoration: underline;
}

.header{
	max-width:1200px;
	margin:0 auto;
}

.header-left{
	width:40%;
	float: left;
}

.header-left img{
	margin-top:-1px;
}

.header-center{
	width:20%;
	float: left;
	text-align: center;
}

.header-right{
	width:40%;
	float: left;
}

.bahasa{
	text-align: right;
	color:#ffffff;
	margin:10px 0;
	font-size:16px;
}

.bahasa a{
	text-decoration: none;
	color:#ffffff;
}

.bahasa a:hover{
	text-decoration: underline;
}

span.color-yellow{
	color:#fbf393;
}

.tanggal{
	text-align: right;
	color:#fbf393;
	font-size:14px;
}

.header-menu{
	background-color:#9c0707;
	background-image:url('/images/logo-2.png');
	background-repeat: no-repeat;
	background-position:left top;
	max-width:1200px;
	height:50px;
	margin:0 auto;
}

.topmenu-left{
	position: absolute;
	z-index:99999;
	text-transform: uppercase;
	margin:10px 0 0 190px;
}

.topmenu-left ul li{
	float: left;
	padding:0 10px;
	list-style:none;
	font-size:18px;
	font-weight: normal;
	margin:0 0 0 20px;
}

.topmenu-right{
	position: absolute;
	z-index:99999;
	text-transform: uppercase;
	margin:10px 0 0 660px;
}

.topmenu-right ul li{
	float: left;
	padding:0 10px;
	list-style:none;
	font-size:18px;
	font-weight: normal;
	margin:0 0 0 20px;
}

.header-menu a{
	color:#ffffff;
	text-decoration: none;
}

.header-menu a:hover{
	text-decoration: underline;
}

.slogan{
	margin:0 10px 0 0;
	opacity:0.4;
	filter: alpha(opacity=40);
}

/*Body Content*/


.wbody{
	max-width:1200px;
	padding:10px 0;
	margin:0 auto;
}

.wbody-title{
	font-weight: bold;
	font-size:18px;
	text-transform: uppercase;
	display: block;
	margin-bottom:10px;
}

.wbody-left{
	width:30%;
	margin-right:5%;
	float:left;
}

.wbody-center{
	width:30%;
	margin-right:5%;
	float:left;
}

.wbody-right{
	width:30%;
	float:left;
}

.list-event{
	margin:5px 0 10px 0;
	display: block;
}

.date-event{
	width:18%;
	background:#03396c;
	padding:5px;
	text-align: center;
}

.day-event{
	font-weight: bold;
	font-size:2.5em;
}

.items-event{
	width:70%;
	margin-left:10px;
}

.items-event ul{
	list-style:square;
	color:#ffffff;
	margin-left:20px;
	font-size:12px;
}

.items-event ul li{
	margin-bottom:5px;
}

.items-event ul li a{
	color:#ffffff;
	text-decoration: none;
}

.items-event ul li a:hover{
	text-decoration: underline;
}

.announcemet-menu{
	margin-top:25px;
}

.img-menu{
	width:100%;
	height:150px;
	border:3px solid #ffffff;
	overflow: hidden;
	display: block;
}

.list-items-menu{
	margin-top:20px;
	color:#ffffff;
}

.list-items-menu ul{
	list-style:none;
}

.list-items-menu ul li{
	background:#730000;
	margin-bottom:10px;
	padding-left:10px;
}

.list-items-menu ul li a{
	background:#820000;
	display: block;
	padding:5px 10px;
	text-decoration: none;
	color:#ffffff;
}

.list-items-menu ul li a:hover{
	text-decoration: underline;
}

.news-title{
	margin:5px 0 10px 0;
	color:#cccccc;
	font-size:12px;
}

.news-title span, .items-news span{
	font-size:10px;
	color:#cccccc;
}

.news-title a{
	color:#ffffff;
	text-decoration: none;
}

.news-title a:hover{
	text-decoration: underline;
}

.items-news ul{
	list-style:square;
	color:#ffffff;
	margin-left:15px;
	font-size:12px;
}

.items-news ul li{
	margin-bottom:5px;
}

.items-news ul li a{
	color:#ffffff;
	text-decoration: none;
}

.items-news ul li a:hover{
	text-decoration: underline;
}

.inform{
	max-width:0;
	margin:0 auto;
	padding:0 0 20px 0;
}

.circle{
    border-radius: 50%;
    display: block;
    height: 230px;
    margin:0 10px 10px 110px;
    width: 230px;
	float: left;
	border-color: #ebcfaa;
    border-style: solid;
    border-width: 6px;
}

.circle2{
    border-radius: 50%;
    display: block;
    height: 230px;
    margin:0 10px 10px 40px;
    width: 230px;
	float: left;
	border-color: #ebcfaa;
    border-style: solid;
    border-width: 6px;
}

.title-circle{
	display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 0 0;
    text-align: center;
}

.img-circle{
	text-align: center;
	margin:10px 0;
}

.ket-circle{
	font-size:12px;
	text-align: center;
	padding:0 16px;
}

.title-siakad{
	display: block;
    font-size: 4em;
    font-weight: bold;
    margin: 1em 0 0 0;
    text-align: center;
}


.title-siakad6{
	display: block;
    font-size: 4em;
    font-weight: bold;
    margin: 22px 0 0 -50px;
    text-align: center;
}

.title-siakad6 span{
    font-size: 2em;
}

.title-siakad6 div{
    margin:-110px 0 0 206px;
	position: absolute;
}

.title-siakad2{
	font-size: 10em;
    font-weight: bold;
    margin: 20px 0 0 20px;
	word-break: keep-all;
}

.title-siakad9{
	font-size: 10em;
    font-weight: bold;
    margin: 20px 0 0 20px;
	word-break: keep-all;
}

.title-siakad3{
	font-size: 7.5em;
    font-weight: bold;
    margin: 40px 0 0 20px;
}

.ket-siakad{
	font-size:22px;
	text-align: center;
	padding:0 16px;
}

.ket-siakad8{
	font-size:21px;
	text-align: center;
	padding:0 16px;
	margin:-27px 0 0 0;
}

.ket-siakad8 div{
	font-size:25px;
	text-align: center;
	padding:0 16px;
	font-weight: bold;
}

.ket-siakad2{
	font-size:20px;
	text-align: center;
	margin: 5em 0 0 -12px;
	color:#ffff00;
}

.ket-siakad9{
	font-size:20px;
	text-align: left;
	margin: -6em 0 0 119px;
	color:#ffff00;
	word-break: keep-all;
}

.ket-siakad3{
	font-size:16px;
	text-align: left;
	margin: -107px 0 0 146px;
	color:#ffff00;
	word-break: keep-all;
}

.ket-siakad4{
	font-size:16px;
	text-align: left;
	margin: -107px 0 0 130px;
	color:#ffff00;
	word-break: keep-all;
}

.ket-siakad5{
	font-size:20px;
    margin: -120px 0 0 115px;
    text-align: left;
	color:#ffff00;
}

.title-circle2{
	display: block;
    font-size: 3em;
    font-weight: bold;
    margin:20px 0 0 0;
    text-align: center;
}

.title-siakad4{
	display: block;
    font-size: 5.5em;
    font-weight: bold;
    margin:45px 0 0 0;
    text-align: center;
}

.title-siakad5{
	font-size: 6.5em;
    font-weight: bold;
    margin: 55px 0 0 20px;
}

.ket-siakad6{
	font-size:2em;
    text-align: center;
}

.ket-siakad7{
	color: #ffff00;
    font-size: 16px;
    margin: -87px 0 0 137px;
    text-align: left;
    word-break: keep-all;
}

.quote-title{
	background:#94c010;
	text-align: center;
	padding:10px 15px;
	font-size:18px;
}

hr.quote-line{
	height:5px;
	background:none;
	border-color: #ffffff;
    border-style: solid;
    border-width: 1px 0;
	margin:-15px 0 0 0;
}

.quote-link{
	background:#856852;
	text-align: center;
	padding:5px 10px;
	font-size:12px;
}

.quote-link a{
	color:#ffffff;
	text-decoration: none;
}

.quote-link a:hover{
	text-decoration: underline;
}

.footer-title{
	font-weight: bold;
	text-transform: uppercase;
}

.footer-list ul{
	list-style:square;
	color:#ffffff;
	margin:10px 0 10px 15px;
}

.footer-list ul li{
	margin:0 0 5px 0;
}

.footer-list ul li a{
	color:#ffffff;
	text-decoration: none;
}

.footer-list ul li a:hover{
	text-decoration: underline;
}

.sosmed a{
	font-family:"FontAwesome";
	display: block;
	background: #ffffff;
    border-radius: 50%;
    color: #800000;
    height: 14px;
    margin: 10px auto;
    padding: 8px 0;
    text-align: center;
    width: 30px;
}

.sosmed a:hover{
	display: block;
	background: #950000;
    border-radius: 50%;
    color: #ffffff;
    height: 12px;
    margin: 10px auto;
    padding: 8px 0;
    text-align: center;
    width: 28px;
	cursor: pointer;
	border:1px solid #ffffff;
}

hr.footer-hr{
	background:#ffffff;
	border:none;
	height:2px;
}

.imgcorp{
	margin:0 5px;
}

.media-title{
	text-transform: uppercase;
	color:#ffffff;
	font-size:20px;
}

.bubble {
    border: 1px solid #000000;
    display: block;
    background-color: #005eb8;
    border-radius: 100%;
    float: none;
    font-size: 12px;
    height:100px;
    overflow: hidden;
    width:100px;
    z-index: 1;
	position: relative;
}

.bubble .text {
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

svg {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 0;
}

svg line{
	color:#000000;
}

/*Text Align*/
.tleft{
	text-align: left;
}

.tright{
	text-align: right;
}

.tcenter{
	text-align: center;
}

/*Padding*/
.padding-top30{
	padding-top:30px !important;
}

.padding-top10{
	padding-top:10px !important;
}

.padding-top5{
	padding-top:5px !important;
}

.padding-bottom10{
	padding-bottom:10px !important;
}

.padding-bottom30{
	padding-bottom:30px !important;
}


/*Margin*/
.margin-right10{
	margin-right:10px;
}

.margin-bottom45{
	margin-bottom:45px !important;
}

.margin-top10{
	margin-top:10px !important;
}

.margin-bottom10{
	margin-bottom:10px !important;
}

/*Border*/

/*Tabs*/
.nav-tabs li.active a {
    pointer-events: none;
}

/*Width*/
.w5{
	width:5%;
}


.w10{
	width:10%;
}

.w15{
	width:15%;
}

.w20{
	width:20%;
}

.w25{
	width:25%;
}

.w30{
	width:30%;
}

.w35{
	width:35%;
}

.w40{
	width:40%;
}

.w45{
	width:45%;
}

.w50{
	width:50%;
}

.w55{
	width:55%;
}

.w60{
	width:60%;
}

.w65{
	width:65%;
}

.w70{
	width:70%;
}

.w75{
	width:75%;
}

.w80{
	width:80%;
}

.w85{
	width:85%;
}

.w90{
	width:90%;
}

.w95{
	width:95%;
}

.w100{
	width:100%;
}
/*UMM EN*/
a:hover{
	text-decoration: none;
}
.bg-red{
	background-color: #800000 !important;
}
.bg-asbestos{
	background-color: #98A3A3 !important;
}
.bg-clouds{
	background-color: #ECF0F1 !important;
}
.bg-concrete{
	background-color: #AAB7B7 !important;
}
.bg-silver{
	background-color: #BDC3C7 !important;
}
.bg-abu{
	background-color: #e0e0e0 !important;
}
.fg-red{
	color: #800000 !important;
}
.fg-blue{
	color: #062F8A !important;
}
.fg-black{
	color: black !important;
}

.brand{
	height: 200px;
	width: 100%;
	background-color: #800000;
	border-top: 1px solid #4A0000;
	border-bottom: 1px solid #AB5454;
    padding-left: 25px;
    padding-right: 25px;
}
.brand-second{
	display: block;
    width: 100%;
    background-color: #800000;
    border-top: 1px solid #4A0000;
    border-bottom: 1px solid #AB5454;
    padding-left: 25px;
    padding-right: 25px;
}
.frame-second{
    width: 300px;
    height: 50px;
    position: relative;
    margin: 0 auto;
    padding-top: 15px;
}
.umm{
	font-family: trajan;
	font-size: 60px;
	color: white;
	text-align: center;
	padding: 5px;
	text-shadow: 3px 1px black;
}
.frame{
	width: 300px;
	height: 80px;
	position: relative;
	margin: 0 auto;
	padding-top: 50px;
}
.col1{
	border-color: white;
	border-width: 1px;
	border-style: solid;
	height: 90px;
	float: left;
	width: 100px;
	text-align: center;
}
.col2{
	border-color: white;
	border-width: 1px;
	border-style: solid;
	height: 90px;
	width: 200px;
	float: left;
}
.logo{
	display: flex;
	align-items: center;
	justify-content: center;
}
.sub-brand{
	font-family: trajan;
	font-size: 14px;
	color: white;
	word-spacing: 5px;
}
.since{
	color: white;
	font-size: 8px;
	font-family: trajan;
}
.berita{
	width: 100%;
	background-color: #ede8e8;
	height: auto;
	display: block;
	padding: 25px 25px 25px 25px;
}
.news-frm{
	border-right-width: 1px;
	border-right-color: #C9C9C9;
	border-right-style: solid;
	height: auto;
	padding-top: 0;
}
.decor{
	background-size:cover;
    color:black;
    position:relative;
}
.decor:before{
    background: #800000;
    content: '';
    height: 4px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 33px;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;
    width: 0%
    
}
.decor:hover:before,
.decor:focus:before,
.decor.active:before{
	/*border-bottom-color: #062F8A;*/
    width: 100%;
    text-decoration: none;
}

.img-news{
	position: relative;
	padding: 25px 0px 50px 0px;
	border-top: 3px;
	border-top-color: #800000;
	border-top-style: solid;
	padding-top: 10px;
	margin-top: 10px;
}
.img-news > a{
	color: #062F8A;
}
.img-news > a:hover{
	text-decoration: none;
	color: black;
}
.img-news:hover{
	border: 2px 2px 0px 2px solid grey;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: all 0.5s ease;
}
.title{
	margin-top: 10px;
	font-size: 12px;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
.title-other{
	margin-left: -50px;
	padding-top: 10px;
}
.title-other > ul{
	list-style-type: none;

}
.list{
	line-height: 200%;
	text-overflow: ellipsis;
	font-size: 14px;
	display: block;
}
.list > a{
	color: black;
	transition: all 0.5s ease;
}
.list > a:hover{
	color: #062F8A;
	text-decoration: none;
}
.list > a > li > i{
	padding-right: 10px;
}

.infoimg{
	background:#bfbbbb;
	padding:50px 0;
	width: 100%;
}

.infotext{
	width: 100%;
	background-color: #aaa7a7;
	height: auto;
	display: block;
	padding: 10px 25px 25px 25px;
}

.agenda{
	width: 100%;
	background-color: #d6d0d0;
	height: auto;
	display: block;
	padding: 10px 25px 25px 25px;
}

.quote{
	width: 100%;
	background-color: #999595;
	height: auto;
	display: block;
	padding: 10px 25px 25px 25px;
}

.kerjasama{
	width: 100%;
	background-color: #8a8787;
	height: auto;
	display: block;
	padding: 10px 25px 25px 25px;
}

.agenda-frm{
	border-right-width: 1px;
	border-right-color: white;
	border-right-style: solid;
	height: auto;
	padding-top: 0;
}
.pd-25{
	padding-top: 25px;
}
.date-agenda{
	width: 100%;
	height :300px;
	overflow: hidden;
}
.bg-date{
	background-color: #800000;
	width: 100%;
	height: 40px;
}
.date{
	color: white;
	padding: 0px 5px 0px 5px;
	text-align: center;
	font-size: 16px;
	display: block;
}
.date > h1{
	font-size: 50px;
	margin-top: 0;
	overflow: hidden;
}
.month-year, .month-year a{
	vertical-align: text-bottom;
	font-size: 20px;
	color: #DBDBDB;
}
.tgl{
	font-size: 30px;
	color:#ffffff;
	text-decoration: none;
}
.list-agenda{
	font-size: 12px;
	line-height: 150%;
	color: black;
	list-style: none;
	padding-top: 10px;
}
.list-agenda > a{
	color: black;
	transition: all 0.5s ease;
}
.list-agenda > a:hover{
	color: #062F8A;
	text-decoration: none;
}
.list-agenda > li{
	padding-bottom: 25px;
}
.event-calendar{
	float: left;
	width: 5%;
	padding-right: 20px;
}
.pd-bt-10{
	padding-bottom: 10px;
}
.event-title{
	float: left;
	display: inline-table;
	/*width: 90%*/
	width: 85%;
	text-transform: lowercase;
}
.event-calendar{
	float: left;
	width: 5%;
	padding-right: 20px;
}

.tab{
	margin: 0 auto;
	display: table;
	padding-top: 25px;
	margin-left: 5px;
}
.nav-pills2 > li {
  float: left;
  margin: 0 auto;
  width: 125px;
}
.info > li {
	float: left;
	margin: 0 auto;
	width: 88px;
	margin: 0;
}
.nav-pills2 > li > a {
  border-radius: 5px;
}
.nav-pills2 > li > a > span{
	margin: 0 auto;
	display: table;
}
.nav-pills2 > li + li {
  margin-left: 2px;
}
.nav-pills2 > li.active > a,
.nav-pills2 > li.active > a:hover,
.nav-pills2 > li.active > a:focus {
  color: #800000;
  background-color: #BDC3C7;
  border:3px solid white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7); 
  background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); 
  background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7); 
  background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7); 
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 3px 2px;
  font-size: 12px;
  font-weight: bold;
}
.nav-pills2 > li > a,
.nav-pills2 > li > a:hover,
.nav-pills2 > li > a:focus {
  color: #800000;
  background-color: #BDC3C7;
  border:3px solid white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7); 
  background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); 
  background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7); 
  background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7); 
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 3px 2px;
  font-size: 12px;
  font-weight: bold;
}
.tab-content{
	margin: 0;
}
.tab-content > .tab-pane {
  display: none;
  margin-left: -10px;
}
.tab-content > .active {
  display: block;
  min-height: 135px;
}
.umminnumber{
	width: 100%;
	background-color: #e3dede;
	height: auto;
	display: block;
	padding: 0;
}
footer{
	clear: both;
	height: auto;
}
.footer-top{
	background-color: #7b7878;
	min-height: 50px;
	height: auto;
	padding: 0 25px;
}
.footer-address{
	margin: 0 auto;
	display: table;
	padding: 25px;
	color: #f6f2f2;
}
.footer-address > div > span > h4{
	margin-bottom: -10px;
}
.footer-bottom{
	background-color: #4b4c4d;
	min-height: 50px;
	height: auto;
	padding: 5px 25px;
}
.footer-social{
	margin: 0 auto;
	display: table;
}
.footer-social > a{
	color: #800000;
}
.copyright{
	color: white;
	margin: 0 auto;
	display: table;
	font-size: 12px;
	padding: 5px 0;
}
.footer-social > a:hover .fa-facebook{
	color:  #3b5998;
}
.footer-social > a:hover .fa-twitter{
	color:  #55acee;
}
.footer-social > a:hover .fa-youtube{
	color:  #bb0000;
}
.footer-social > a:hover .fa-flickr{
	color:  #ff0084;
}
.footer-social > a:hover .fa-wikipedia-w{
	color:  grey;
}
.footer-social > a:hover .fa-linkedin{
	color:  #007bb5;
}
.footer-social > a:hover .fa-feed{
	color:  #ff6600;
}
.center-address{
    margin: 0 auto;
    display: table; 
}

/*Sub Page*/
.drop {
    display: inline-block;
    color: white;
    text-align: left;
    padding: 8px 16px;
    text-decoration: none;
    width: 200px;
}

li.dropdown a.drop:hover, .dropdown:hover .drop {
    background-color: white;
    color: black;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: auto;
    visibility: hidden;
    margin-top: -110px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    transition: padding 0.5s ease;
}

.dropdown-content a:hover {
    background-color: #D4D4D4;
    padding-left: 25px;
    color: black;
}
.dropdown:hover .dropdown-content {
    visibility: visible;
}
.content{
    background-color: #ECF0F1;
    min-height: 200px;
    height: auto;
    /*margin-top: 10px;*/
    padding-top: 40px;
    padding-bottom: 40px;
}
.fixed-top{
    position: fixed;
    z-index: 1;
    top:0;
    left:0;
    margin: 0;
    width: 100%;
}
.col1-second{
    border-color: white;
    border-width: 1px;
    border-style: solid;
    height: 60px;
    float: left;
    width: 60px;
    text-align: center;
}
.col2-second{
    border-color: white;
    border-width: 1px;
    border-style: solid;
    height: 60px;
    width: 155px;
    float: left;
}
.umm-second{
    font-family: trajan;
    font-size: 40px;
    color: white;
    text-align: center;
    padding: 0px;
    text-shadow: 3px 1px black;
}
.frame-second{
    width: 280px;
    height: 60px;
    position: relative;
    margin-top: -15px;
    padding-top: 50px;
}
.sub-brand-second{
    font-family: trajan;
    font-size: 10px;
    color: white;
    word-spacing: 5px;
    padding-top: 5px;
}
.since-second{
    color: white;
    font-size: 7px;
    font-family: trajan;
}
.box-shadow{
    -moz-box-shadow: 0px 4px 4px #E0E0E0;
    -webkit-box-shadow: 0px 4px 4px #E0E0E0;
    box-shadow: 0px 4px 4px #E0E0E0;
}
.box-berita{
    background-color: #E6E8E8;
    font-family: ff, Arial;
    font-size: 20px;
}
.logo-sub{
    margin-top: 5px;
    padding-bottom: 0px;
}
ul.submain{
    margin-top: -20px;
    margin-left: -75px;
}
.img-berita{
    float: left;
    margin-right: 5px;
    margin-left: -132px;
    width: 600px;
}
.img-berita > img{
    width: 575px;
    height: 350px;
    border: 3px solid #D9D9D9;
    border-radius: 0.5em;
}
.caption{
    font-size: 0.75em;
    font-style: italic;
    background-color: transparent !important;
    color: #9C9C9C;
}
.isi{
    font-size: 16px;
    padding-bottom: 10px;
}
.isi span{
	line-height: 1px;
	font-size: 12px !important;
}
h3.berita-lain{
    margin-top: -5px;
}
.list-berita-lain > img{
    padding-top: 25px;
}
.list-berita-lain:hover{
    color: black;
    transition: all 0.5s ease;
}
.add_comment{
    padding-top: 25px;
}
.img-kanal-berita{
    float: left;
    margin-right: 5px;
    width: 125px;
	height:90px;
}
.title-kanal{
    color: black;
}
.title-kanal:hover{
    color: #062F8A;
}
.pd-top-5{
    padding-top: 5px;
}
.main-kanal{
    color: #800000;
}
.main-kanal, .decor{
    padding-top: 5px;
}
.border-right{
    border-right: 1px solid #D5DCE0;
}
.border-bottom{
    border-bottom: 1px solid #D5DCE0;
}
.arial{
    font-family: arial;
}
.fs20{
	font-size:20px;
}
.img1{
	margin-top: 5px;
	padding-bottom: 0px;	
}
.img2{
	margin-top: 20px !important;
}
.img3{
	height:200px;
	overflow: hidden;
	width:100%;
}
.img4{
	height:110px;
	overflow: hidden;
	width:100%;
}
.zoomin {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin:0 !important;
}

.zoomin:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	margin:0 !important;
}

.img170{
	height:150px;
	width:100%;
	overflow: hidden;
}
.dis-inline-table{
	display: inline-table;
}
.title1{
	float:none;
	display:table-cell;
	vertical-align: middle;
}
.text-center1{
	background-color: #800000;
	color: #E6E8E8;
	top:0;
}
.border-right1{
	border-right:1px solid #D9D9D9;
}
.margin-bottom50{
	margin-bottom:50px;
}
.title2{
	line-height:30px;
}
.title2 a:hover{
	text-decoration: underline;
}
.title3{
	font-size:12px;
	color:#999999;
	font-style: italic;
	margin:10px 0;
}
.title4{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #d9d9d9;
}
.title5{
	font-size:18px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px solid #d9d9d9;
}
.title6{
	font-size:16px;
}
.title7{
	font-size:12px;
	color:#999999;
	font-style: italic;
}
.title8{
	margin-left: 15px;
	padding-bottom: 10px;
}
ul.point{
	list-style: none;
	margin-top:10px;
}
ul.point li{
	list-style:none;
	margin-bottom:10px;
	font-size:14px;
	text-align: left;
}
ul.point li:first-child{
	margin-top:10px;
}
ul.point li a.active{
	color:#800000;
	font-weight: bold;
}
.list-news{
	margin-bottom:10px;
}
.isi img, .isi table{
	margin:10px;
}
.padding0{
	padding:0;
}
.padding-bottom10{
	padding-bottom: 10px;
}
.margintopm20{
	margin-top: -20px;
}
.pan-left{
	float:left;
}
.pan-right{
	float:right;
}
.sumber{
	display: block;
	margin:10px 0;
	word-break: break-all;
	font-size:12px;
	color:#800000;
}
.pad-left0{
	padding-left: 0;
}
.ofset1{
	display: inline-table;
	padding-left: 5px;
}
.breadcrumbw{
	background-color: #E6E8E8; 
	padding-top: 10px; 
	padding-left: 0px;
	padding-bottom: 0;
	list-style: square;
}

/*Shared*/
span.shared{
	font-size:14px;
	font-style: italic;
	color:#999999;
}

ul.shared{
	list-style:none;
	margin:0;
	padding:0;
	display: block;
}

ul.shared li{
	background: #800000 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-table;
    float: left;
    height: 30px;
    list-style:none;
    margin: 0 5px 0 0;
    text-align: center;
    width: 30px;
	
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
}

ul.shared li a{
	color: #ffffff;
    display: table-cell;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

ul.shared li a:hover{
	color: #cccccc;
}


/*Comment*/
.bcomment{
	width: 60px;
}
.scomment{
	font-size: 12px;
	color:black;
	margin: 0 auto;
	display: table;
}
hr.gray{
	border:none;
	background:#cccccc;
	height:2px;
}

/*Pagination*/
.pagenavi{
	text-align: center;
}

.pagenavi .page{
	border: 1px solid #d9d9d9;
    color: #800000;
    font-size: 16px;
    font-style: italic;
    margin: 0 5px 5px 0;
    padding: 3px 10px;
    text-decoration: none;
	font-weight: normal;
}

.pagenavi .current{
	background:#800000;
	color:#ffffff;
}

/*Calendar*/
table.calendar th{
	text-align: center;
	padding:10px 0;
	border-collapse: collapse;
	border:1px solid #d9d9d9;
}

table.calendar th a, table.calendar td.today a{
	color:#ffffff;
}

table.calendar td{
	border-collapse: collapse;
	border:1px solid #d9d9d9;
}

table.calendar td.today{
	background:#800000;
}

table.calendar td.active{
	background:#d9d9d9;
}

/*Sub Domain*/
.brand-sub{
    height: 140px;
    width: 100%;
    background-color: #800000;
    border-top: 1px solid #4A0000;
    border-bottom: 1px solid #AB5454;
    padding-left: 25px;
    padding-right: 25px;
}
.frame-sub{
    width: 300px;
    height: 50px;
    position: relative;
    margin: 0 auto;
    padding-top: 15px;
}
.col1-sub{
    border-color: white;
    border-width: 1px;
    border-style: solid;
    height: 60px;
    float: left;
    width: 60px;
    text-align: center;
}
.col2-sub{
    border-color: white;
    border-width: 1px;
    border-style: solid;
    height: 60px;
    width: 155px;
    float: left;
}
.umm-sub{
    font-family: trajan;
    font-size: 40px;
    color: white;
    text-align: center;
    padding: 5px;
    text-shadow: 3px 1px black;
}
.frame-sub{
    width: 280px;
    height: 60px;
    position: relative;
    margin-top: -15px;
    padding-top: 50px;
}
.sub-brand-sub{
    font-family: trajan;
    font-size: 10px;
    color: white;
    word-spacing: 5px;
    padding-top: 5px;
}
.since-sub{
    color: white;
    font-size: 7px;
    font-family: trajan;
}
.sub-title
{
    color: white;
    font-family: trajan;
    height: 100px;
    width: 400px;
    font-size: 36px;
    padding: 0 20px;
    margin: 20px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}
.link-terkait{
	margin:20px 0;
	padding-top:10px;
	border-top:2px solid #d9d9d9;
}
.link-terkait ul li{
	list-style-type:square;
}

/*End Sub Domain*/

/*Menu*/

/*.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #800000;
    background-color: #E5E7E7;
    border-radius: 0;
}
.nav-pills > li > a:hover{
    background-color: #E5E7E7;
    border-radius: 0;
}
.nav-pills > li a{
    color: #800000;
    border-bottom: 1px solid #D6D8D8;
}*/
.additional-nav-btn{
    background-color: #97A2A2;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
	cursor: pointer;
}
.additional-nav-btn > i {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.second-side-menu{
    padding-top: 25px;
}
.bars{
    top:15px;
    right:15px;
    position: absolute;
}
.nav-pills > li.no-hover > a:hover,
.nav-pills > li.no-hover > a:focus {
    color: #800000;
    background-color: #98A3A3;
}
ul.nav-md {
    margin: 0;
}
ul.nav-md > li.dropdown{
    float: left;
}
ul.nav-md > li.dropdown  a{
    padding: 10px 10px !important;
}
.title-menu{
	height:40px;
	padding:10px 0;
	color:#ffffff;
	font-weight: bold;
}

.title-menu a{
	color:#ffffff;
}

.title-menu a:hover{
	color:#cccccc;
}
.lh40{
	line-height:40px !important;
}
.h2{
	padding:25px 0 0 0 !important;
	margin:0 !important;
}

/*bayu 1*/
.brow > .bcolumn {
  padding: 0 8px;
}

.brow:after {
  content: "";
  display: table;
  clear: both;
}

.bcolumn {
  float: left;
  width: 25%;
}

.bmySlides {
  display: none;
}

.bcursor {
  cursor: pointer
}

/* Next & previous buttons */
.bprev,
.bnext {
  cursor: pointer;
  position: relative;
  top: 50%;
  width: auto;
  padding: 5px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 1px 1px 0;
  user-select: none;
  -webkit-user-select: none;
   background-color: red;
}

/* Position the "next button" to the right */
.bnext {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.bcaption-container {
  text-align: center;
  /*background-color: white;*/
  padding: 2px 16px;
  color: black;
}

.bdemo {
  opacity: 0.6;
}

.bactive,
.bdemo:hover {
  opacity: 1;
  position: ;
}

img.bhover-shadow {
  transition: 0.3s
}

.bhover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
/*bayu 1*/