.mapimg
{
	margin: 10px 0;
}

.circlemap {
	width:10px;
	height: 10px;
	float: left;
	margin: 7px 10px 0 0;
}

.circlemapnum {
	font-size: 18px !important;
	float: left;
	width: 22px;
}

.circlemaptext {
	width: 150px;
	float: left;
	margin: 0 5px 0 0;
}



.next-issue-c{ 
	background: #165eab; 
	border-radius: 0; 
	text-transform: uppercase; 
	font-weight: 600; 
	color: #ffffff; 
	display: inline-block; 
	padding: 5px 15px; 
	margin-bottom: 10px; 
	font-size: 16px;
}

.next-issue-c:hover{
	color: #E1E1E1;
}

.next-issue-b {
    background: #F2F2F2;
    border-radius: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #165eab;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 10px;
	font-size: 14px;
}

.meet-us-panel-heading {
	padding: 0;
}

.share-button {
	position: fixed; right: 80px; bottom: 8px; z-index: 999;
}

.meet-us-link {
	display: block;
    padding: 10px 15px;
}

.top-bar-nav .navbar-nav li {  position: relative; display: block;  padding: 0px 0px 0 15px; line-height: 45px; color: #000; }

.alert {
  padding-bottom: 10px;
  border-radius: 2px;
  border: none;
}
.alert h3, .alert h2:before, .alert h3:before {
	border: none !important;
}
.alert p {
  margin-bottom: 5px !important;
}
.alert-success {
  background-color: #e0f5e9;
  color: #34a263 !important;
  -webkit-box-shadow: 0 2px #cdefdb;
  box-shadow: 0 2px #cdefdb;
}
.alert-success p {
	 color: #34a263 !important;
}
.alert-success hr {
  border-top-color: #cdefdb;
}
.alert-success .alert-link {
  color: #287b4b;
}
.alert-info {
  background-color: #edf6fd;
  color: #43a3e5;
  -webkit-box-shadow: 0 2px #d6ebfa;
  box-shadow: 0 2px #d6ebfa;
}
.alert-info hr {
  border-top-color: #d6ebfa;
}
.alert-info .alert-link {
  color: #1e8cd7;
}
.alert-warning {
  background-color: #fdf3e5;
  color: #efa231;
  -webkit-box-shadow: 0 2px #fbe8cd;
  box-shadow: 0 2px #fbe8cd;
}
.alert-warning hr {
  border-top-color: #fbe8cd;
}
.alert-warning .alert-link {
  color: #dc8911;
}
.alert-danger {
  background-color: #f9eae8;
  color: #c54736;
  -webkit-box-shadow: 0 2px #f4d8d4;
  box-shadow: 0 2px #f4d8d4;
}
.alert-danger hr {
  border-top-color: #f4d8d4;
}
.alert-danger .alert-link {
  color: #9d392b;
}

/*
Author: arisdwisulistiawan.com
Follow: @arisds
*/
.floaticon {
	text-align: center;
}

.floaticontxt {
	text-align: center;
	font-size: 9px;
	color: #FFF;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}

.floaticonimg {
	text-align: center;
	background-color: #044284;
    	border-radius: 20px;
       	padding: 5px 4px;
   	margin: 0;
	display: inline-block;

}
.floaticon_1 {
    border-radius: 25px 25px 0px 0px;
}
.floaticon_2 {
    border-radius: 0px 0px 0px 0px;
}
.floaticon_3 {
    border-radius: 0px 0px 25px 25px;
}

@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/BebasNeueBold.woff2) format('woff2'), url('../fonts/BebasNeueBold.woff') format('woff'), url('../fonts/BebasNeueBold.otf') format('otf');
}
body{ font-family: 'Mukta Vaani', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
a{ transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s; }
a:hover, a:focus{ text-decoration: none; cursor: pointer; }
a.logo{ padding: 2em 0; display: block; }
a.btn{ border-radius: 30px; padding-left: 20px; padding-right: 20px; }
.date{ font-size: 14px; color: #636161; font-weight: 300; }
a.next-issue{ background: #165eab; border-radius: 0; text-transform: uppercase; font-weight: 600; color: #ffffff; display: inline-block; padding: 5px 15px; margin-bottom: 10px; }
.relative{ position: relative; }
.mobile{ display: none; }

.top-bar-nav{ position: relative; background: #ffffff; }
.top-bar-nav li.top-share{ padding-left: 30px; }
.top-bar-nav .navbar-nav>li>a{ padding-top:0; padding-bottom: 0; line-height: 45px; color: #000; }
.top-bar-nav .navbar-nav>li>a:hover{ color: #000; }
.top-bar-nav .navbar-nav>li>a .fa{ color: #0358a9; }

.bottom-bar-nav{ position: absolute; background: #fafafa; border:none; border-radius: 0; top: 45px; left: 0; right: 0; z-index: 11; }
.bottom-bar-nav.add-fixed{ position: fixed; background: rgba(255,255,255,1); top: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.bottom-bar-nav .nav>li>a{ 
	color: #000000; 
	padding-left: 16px;
    padding-right: 16px;
    padding-top: 30px;
    font-size: 16px;
    padding-bottom: 30px;
}
.dropdown-menu>li>a{ padding: 6px 20px; }
.dropdown-submenu{ position: relative; }
.dropdown-submenu>.dropdown-menu{ top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; background: rgba(255,255,255,1); }
.dropdown-submenu>a:after{ display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#000; margin-top:5px;margin-right:-10px; }
.dropdown-submenu:hover>a:after{ border-left-color:#555; }
.dropdown-submenu.pull-left{ float: none; }
.dropdown-submenu.pull-left>.dropdown-menu{ left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
.bottom-bar-nav.add-fixed .nav>li>a{ padding-top: 15px; padding-bottom: 15px; }
.bottom-bar-nav.add-fixed .navbar-brand{ padding:2px 15px }
.bottom-bar-nav.add-fixed .navbar-brand>img{ height: 44px; width: auto; }

section{ position: relative; }

.sticky-button{ position: fixed; bottom: 25%; right: 10px; z-index: 10; }
.sticky-button .icon{ display: block; background: #024995; padding: 8px; position: relative; border: none; }

section.slide-headline .carousel-caption{ padding-top: 10%; top: 0; bottom: 0; text-align: left; width: 40%; left: 10%; background: rgba(2,70,133,0.8); }
section.slide-headline .carousel-caption h1{ font-size: 38px; padding-bottom: 5px; margin-top: 0; margin-bottom: 0; font-family: 'Roboto', sans-serif; font-weight: 600; padding-left: 30px; padding-right: 30px; }
section.slide-headline .carousel-caption h2{ font-size: 28px; padding-bottom: 5px; margin-top: 20px; margin-bottom: 0; font-family: 'Raleway', sans-serif; padding-left: 30px; padding-right: 30px; }
section.slide-headline .carousel-caption p{ color: #FFF; font-weight: 300; font-size: 16px; font-family: 'Raleway', sans-serif;  padding-left: 30px; padding-right: 30px; margin-bottom: 20px;r }
section.slide-headline a.btn-default{ background: transparent; color: #ffffff; margin-left: 30px; margin-right: 30px; }

section.sprite{ background: transparent url('../img/sprite.png') no-repeat center center / 100% auto; overflow: hidden; margin-top: -25px; }
section.sprite .contact-service{ text-align: left; padding: 2.3em 0 0; }
section.sprite .top-sponsored{ text-align: right; padding: 1em 0 0; }

section.about{ position: relative; border-top: 3px solid #0358a9; height: auto; }
section.about .caption{ position: relative; width: 40%; padding: 10.2em 0; }
section.about h1{ font-weight: 800; background: #ff8513; text-align: center; margin: 0; padding: 10px 0; font-size: 28px; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.about .layanan{ box-shadow: 0 0 10px #bbbbbb; border: 1px solid #ffffff; border-radius: 5px; margin: 50px 0; overflow: hidden; }

section.galeri{ padding: 1.5em 0; }
section.galeri h1{ text-align: center; padding: 15px 0; font-weight: 800; position: relative; border-bottom: 1px solid #f3f3f3; width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 1em; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.galeri h1:before{ border-bottom: 3px solid #ffbc13; position: absolute; bottom: 0; left: 0; content: ""; width: 10%; }
section.galeri .video{ position: relative; height: 265px; overflow: hidden; }
section.galeri .video a.icon-play{ position: absolute; top: 30%; left : 40%; font-size: 50px; line-height: 50px; color: #ffffff; border: 1px solid #ffffff; border-radius: 100%; padding: 10px 15px 10px 20px; background: rgba(0,0,0,0.7); }
section.galeri ul.foto{ list-style: none; margin: 0; padding: 0; }
section.galeri ul.foto li{ float: left; width: 272px; margin-right: 10px; margin-bottom: 10px; }
section.galeri ul.foto li:nth-child(2), section.galeri ul.foto li:nth-child(4){ margin-right: 0; }

section.map-services{ background: #fbfbfb; padding: 0; position: relative; }
section.map-services h1{ text-align: center; padding: 15px 0; font-weight: 800; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.map-services #chartdiv { width: 100%; height: 500px; }
section.map-services .description{ color: #293c92; font-size: 18px; display: inline-block; position: absolute; bottom: 2em; }
section.map-services .description span{ color: #1276bc; font-size: 24px; }
section.map-services .description p{ margin: 0; padding: 0; }

section.info{ background: transparent; padding: 1em 0; position: relative; overflow: hidden; }
section.info:before{ content: ""; background: #fbfbfb; transform: skewX(-15deg); -webkit-transform: skewX(-15deg); height: 100%; width: 100%; right: -30%; position: absolute; top: 0; }
section.info h1{ padding: 15px 0; font-weight: 800; color: #ffffff;position: relative; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.info .artikel-agenda-arsip{ position: relative; }
section.info .artikel-agenda-arsip .nav-tabs > li{ width: 33.33333%; text-align: center; font-size: 18px; font-weight: 800; }
section.info .artikel-agenda-arsip .nav-tabs > li > a{ margin-right: 0; color: #222222; border-color: #dddddd; border-radius: 0; background: #ffffff; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.info .artikel-agenda-arsip .nav-tabs>li.active>a, section.info .artikel-agenda-arsip .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background: #165eab; color: #ffffff; }
section.info .tab-content h1{ color: #000000; }
section.info .tab-content .tab-pane ul{ list-style: none; padding: 0; margin: 0; }
section.info .tab-content .tab-pane ul li{ display: block; position: relative; border-bottom: 1px solid #448ccb; margin: 1em 0; }
section.info .tab-content .tab-pane ul li:last-child{ border-bottom: none; }
section.info .tab-content .tab-pane ul li h1{ font-size: 18px; padding: 0; margin: 10px 0 5px; font-family: 'Mukta Vaani', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
section.info .tab-content .tab-pane ul li p{ color: #777777; font-size: 15px; }

section.sponsored{ position: relative; padding: 2em 0; }

section.head-kanal{ position: relative; }
section.head-kanal:before{ background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); z-index: 1; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
section.head-kanal a.play-video{ position: absolute; top: 40%; left: 50%; font-size: 46px; z-index: 5; padding:5px 15px 0 20px; border-radius: 50%; color:  rgba(255,255,255,0.7); border: 5px solid  rgba(255,255,255,0.7); }
section.head-kanal a.play-video:hover{ color: rgba(255,255,255,1); border-color: rgba(255,255,255,1); }

section.breadcrumb{ position: relative; font-size: 18px; text-transform: uppercase; font-weight: 300; color: #666; padding-top: 25px; padding-bottom: 25px; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.breadcrumb .container{ position: relative; }
section.breadcrumb .trapesium{ height: 0; width: 100%; border-bottom: 20px solid #f5f5f5; border-left: 30px solid transparent; border-right: 30px solid transparent; position: absolute; top: -45px; z-index: 2; }
section.breadcrumb a{ color: inherit; padding-left: 5px; padding-right: 5px; }

section.kanal h1, section.kanal h2, section.kanal h3{ position: relative; }
section.kanal h1{ font-size: 46px; font-weight: 800; padding: 0; border-bottom: 1px solid #1874fd; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.kanal h2{ font-size: 32px; font-weight: 800; padding: 10px 0; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.kanal h3{ font-size: 28px; font-weight: 400; padding: 10px 0; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.kanal h1:before{ border-bottom: 4px solid #1874fd; position: absolute; content: ""; left: 0; bottom: -2px; width: 35px;  }
section.kanal h2:before, section.kanal h3:before{ border-bottom: 4px solid #1874fd; position: absolute; content: ""; left: 0; bottom: 0; width: 35px; }
section.kanal p, section.kanal ul, section.kanal ol{ font-size: 16px; color: #444444; font-weight: 300; }

section.kanal .post .jabatan{ float: right; font-size: 22px; }
section.kanal .post .box-dewan{ border: 1px solid #dddddd; padding: 0 15px 25px 15px; margin: 15px 0; background: #fafafa; }
section.kanal .widget h1{ font-size: 28px; font-weight: 800; padding: 10px 0; border-bottom: none; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
section.kanal .widget h1:before{ display: none; }
section.kanal .widget ul.list-bg{ list-style: none; margin: 0; padding: 0; }
section.kanal .widget ul.list-bg li{ background: #1b2936; color: #fff; padding: 10px; border-bottom: 1px solid #ffffff; }
section.kanal .widget ul.list-bg li a{ color: #ffffff; font-size: 15px; font-weight: 300; }
section.kanal .widget ul.list-bg li .fa{ padding-right: 15px; padding-left: 5px; }
section.kanal .widget ul.list-contact li { padding: 14px 10px; }
section.kanal .widget ul.list-contact li .fa-li { top: 1.14285714em; }

.testimoni{ background: #dddddd; border: 1px solid #cccccc; padding: 15px; margin: 15px 0; }
.testimoni h4{ font-weight: bold; }
.testimoni p{ font-size: 14px !important; height: 100px; overflow: hidden; }

footer{ background: #0d0d0d; color: #ffffff; padding: 1em 0; }
footer a{ color: #c2c2c2; }
footer a:hover{ color: #ffffff; }
footer h1{ font-size: 24px; font-family: "Bebas Neue" ,"Helvetica Neue", Helvetica, Arial, sans-serif; }
footer p{ font-size: 14px; padding: 10px 0; }
footer .phone-number{ font-size: 30px; }
footer ul li{ margin: 15px 0; }
footer .user, footer .email{ position: relative; }
footer .user .input-user{ border-radius: 30px; border: 1px solid #dddddd; padding:6px 28px 6px 20px; outline: none; position: relative; width: 100%; color: #000000; }
footer .user:before { position: absolute; font-family: 'FontAwesome'; top: 7px; right: 15px; content: "\f007"; z-index: 1; color: #b8b8b8; }
footer .email .input-email{ border-radius: 30px; border: 1px solid #dddddd; padding:6px 28px 6px 20px; outline: none; position: relative; width: 100%; color: #000000; }
footer .email:before { position: absolute; font-family: 'FontAwesome'; top: 7px; right: 15px; content: "\f0e0"; z-index: 1; color: #b8b8b8; }
footer .input-submit{ background: #4db0fc; border-radius: 30px; outline: none; position: relative; width: 100%; color: #ffffff; text-align: center; border: none; padding: 8px 0; }
footer .share-button{ text-align: center; }
footer .share-button a{ font-size: 16px; background: #dedede; color: #777777; border-radius:100%; padding:6px 10px 4px 10px; margin: 0 4px; display: inline-block; }
footer .copyright{ text-align: center; padding: 1em 0 0; margin-top: 1em; border-top: 1px solid #424e59; }

@-webkit-keyframes slideInDown {
    from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes slideInDown {
    from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

.layanan h1 a {
	color: #333 !important;
}