/*--------------------------------
  GENERAL
----------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i&display=swap');


body {
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 24px;
	color: #333333;
	background:#ffffff;
	padding-top:45px;
}

html {
      font-size   : 1em;
      line-height : 1.4;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
b, strong {
    font-weight: 500;
}

a,
a:active,
a:focus,
a:active {
    text-decoration:none !important;
    outline:none
}

a {
	color           : #444;
	text-decoration : none;
	transition      : all 0.2s ease 0s;
}

a:hover,
a:focus {
	color           : #197a41;
	text-decoration : underline;
}

label,
th{
  font: 600 15px/1.4em "Rubik";
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:  #999;
}

.round10{
	border-radius:10px !important;
	}
/* Global Margin for all block
----------------------------------*/
.m-0{
	margin: 0 !important
}
.mt-0{
    margin-top:0 !important;
}
.m-5{
	margin:5px;
	}
.ml-0{
    margin-left:0 !important;
}
.mr-0{
    margin-right:0 !important;
}
.mt-5{
	margin-top:5px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-10 {
margin-top: 10px !important;
}

.mt-15 {
margin-top: 15px !important;
}
.ml-15 {
margin-left: 15px !important;
}


.mt-30 {
margin-top: 30px !important;
}

.mt-50 {
margin-top: 50px !important;
}

.mb-0 {
margin-bottom: 0 !important;
}
.mb-15 {
margin-bottom: 15px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mt-100 {
margin-top: 100px !important;
}


.p-0{
	padding: 0 !important
}
.pt-0{
	padding-top: 0 !important
}
.pl-0{
  padding-left: 0 !important
}
.pr-0{
  padding-right: 0 !important
}
.pb-0{
	padding-bottom: 0 !important
}
.p-7{
	padding:7px;
}

.p-20{
	padding:20px;
}
/*--------------------------------
  Border
----------------------------------*/
.bt-none{
	border-top: none !important;
}
.relative{
	position: relative !important;
}
/*--------------------------------
  Page Wrapper
----------------------------------*/
.wrapper {
    overflow:hidden
  }

/* Non-responsive overrides
 *
 * Utilitze the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/*--------------------------------
  Reset Container
----------------------------------*/
.container {
  max-width: none !important;
}

.img-gray-border{
	border: 6px solid #dcdbdb;
}
.img-thumbnail.blue{
	background:#1f7bb8;
}
.img-fluid,
.fluid{
  width: 100% !important
}
.inline-block{
  display: inline-block;
}
.img-user-avatar img{
  width: 100%;
}
.md-img-channel{
  width: 100%;
  max-width: 305px;
  height: 164px;
  display: block;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  text-align: center;
}
.md-img-channel img{
  max-height: 164px;
  max-width: 305px;
  vertical-align: middle;
}

.img-popular-channel{
  width: 75px;
  height: 65px;
  float: left;
  overflow: hidden;
  border:3px solid #dcdbdb;
}
.img-popular-channel img{
  width: 100%;
  height: auto;
}

.img-profile-ulama{
  width: 150px;
  height: 150px;
  float: left;
}
/*--------------------------------
  COSTUMIZE BACKGROUND
----------------------------------*/
.bg-transparent{
	background: transparent !important;
}
.bg-primary{
	background-color: #2980b9 !important;
}
.bg-blue-tosca{
	background: #3498db !important;
}
.bg-green{
	background: #1b8e4b !important
}
.bg-blue{
	background: #167cc1 !important
}
.bg-blue-old{
	background: #34495e !important
}
.bg-orange{
	background: #e67e22 !important
}
.bg-red{
	background: #c0392b !important
}

.bg-white-gradient{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ) !important; /* IE6-9 */
}
/*--------------------------------
   ITEM COLOR
----------------------------------*/

.item-orange{
	background: #fef9e0 !important;
	border:1px solid #eecaaf !important;
	-moz-box-shadow: 0 0 2px #eecaaf !important ;
	-webkit-box-shadow: 0 0 2px #eecaaf !important ;
	-ms-box-shadow: 0 0 2px #eecaaf !important ;
	-o-box-shadow: 0 0 2px #eecaaf !important ;
	box-shadow: 0 0 2px #eecaaf !important ;
}

.item-blue{
	background: #e8fbfe !important;
	border:1px solid #93d1db !important;
	-moz-box-shadow: 0 0 2px #88ebfa !important ;
	-webkit-box-shadow: 0 0 2px #88ebfa !important ;
	-ms-box-shadow: 0 0 2px #88ebfa !important ;
	-o-box-shadow: 0 0 2px #88ebfa !important ;
	box-shadow: 0 0 2px #88ebfa !important ;
}

/*--------------------------------
  COSTUMIZE BUTTON
----------------------------------*/
.relative{
	position: relative !important;
}
.btn{
	font-family: "Rubik";
}
.btn-justified{
	width: 100%;
	text-transform: uppercase;
}
.btn-cover-group{
	width: 100%;
	display: inline-block;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	margin:20px 0;
}
.btn-cover-group a{
	width: 50%;
	float: left;
	text-align: center;
	font: 700 16px/1.3em "Rubik";
	color: #fff;
	padding: 14px 0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.btn-cover-group a p{
	margin:0;
}
.btn-cover-group.bg-green a:first-child{
	border-right: 1px solid #12743b;
}
.btn-cover-group.bg-green a:last-child{
	border-left: 1px solid #239c55;
}

.btn-cover-group.bg-blue a:first-child{
	border-right: 1px solid #09639f;
}
.btn-cover-group.bg-blue a:last-child{
	border-left: 1px solid #208fdb;
}

.btn-cover-group.bg-orange a:first-child{
	border-right: 1px solid #ca6812;
}
.btn-cover-group.bg-orange a:last-child{
	border-left: 1px solid #f98c2b;
}
.btn-txt{
	padding: 8px 10px;
	font: 600 14px/1.3em "Rubik";
	margin-right: 10px;
}

.btn-platform{
	padding: 10px 15px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	border:1px solid #ddd;
	margin-top: 15px;
}

.btn-flat{
	padding:10px;
	float: left;
	color: #fff;
	font-size: 20px;
	width: 60px;
	height: 60px;
	text-align: center;
	margin: 0 0 12px 15px;
}
.btn-wide{
	margin: 10px auto 0;
	text-transform: uppercase;
}
.btn-primary {
    background-color: #007cc3;
    border-color: #056ba5;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{
	background-color: #0094e0;
    border-color: #0978b1;
    color: #fff;
}

.btn-primary-tosca {
    background-color: #16a085;
    border-color: #16a085;
    color: #fff;
}
.btn-primary-tosca:hover,
.btn-primary-tosca:focus,
.btn-primary-tosca:active,
.btn-primary-tosca.active,
.open > .dropdown-toggle.btn-primary-tosca{
	background-color: #067761;
    border-color: #067761;
    color: #fff;
}

.btn-success {
    background-color: #6a9406;
    border-color: #5e8404;
    color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success{
	background-color: #2a872c;
    border-color: #2a872c;
    color: #fff;
}

.btn-warning {
    background-color: #e67e22;
    border-color: #e67e22;
    color: #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning{
	background-color: #ce6b14;
    border-color: #ce6b14;
    color: #fff;
}

.btn-warning-bright {
    background-color: #f1c40f;
    border-color: #eabd08;
    color: #333333;
}

.btn-warning-bright:hover,
.btn-warning-bright:focus,
.btn-warning-bright:active,
.btn-warning-bright.active,
.open > .dropdown-toggle.btn-warning-bright{
	background-color: #eabd08;
    border-color: #eabd08;
    color: #333333;
}

.btn-primary-orange {
    background-color: #ff8c01;
    border-color: #ff8c01;
    color: #fff;
}
.btn-primary-orange:hover,
.btn-primary-orange:focus,
.btn-primary-orange:active,
.btn-primary-orange.active,
.open > .dropdown-toggle.btn-primary-orange{
	background-color: #e17e07;
    border-color: #e17e07;
    color: #fff;
}


/*--------------------------------
  SHADOW
----------------------------------*/

.bxsh-none{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}

/*--------------------------------
  LINE
----------------------------------*/
.line-gray{
	width: 100%;
	height: 4px;
	background: #ddd;
	margin: 12px 0;
	display: block;
}

/*--------------------------------
  TEXT
----------------------------------*/
.text-green,
.text-green a{
	color: #197a41 !important;
}
.text-orange a,
.text-orange{
	color: #e67e22 !important;
}
.text-green-light a,
.text-green-light{
	color: #1b8e4b !important;
}
.text-green-light a,
.text-green-light{
	color: #1b8e4b !important;
}
.text-green-tosca a,
.text-green-tosca{
	color: #16a085 !important;
}
.text-brown a,
.text-brown{
	color: #7a5c1b !important;
}
.text-blue-old a,
.text-blue-old{
	color: #074670 !important
}
.text-blue-tosca a,
.text-blue-tosca{
	color: #2B9BE2 !important
}
.text-blue a,
.text-blue{
	color: #167cc1 !important
}
a.text-green:hover{color:#10783c !important}
a.text-orange:hover{color:#ce6b14 !important}
.text-white{
  color: #fff !important;
}
.text-15{
	font-size: 15px !important;
}
.text-21{
  font-size: 21px !important;
}
/*--------------------------------
  PANEL
----------------------------------*/
.panel-red > .panel-heading{
	background-color: #e04333;
    border-color: #e04333;
    color: #fff;
}

/* TOP */
.topheader{
	width:100%;
	background: #365c7b;
	height:auto;
	padding:0px 0px 0px 0px;
	}
.topheader .aspirasi{
	float:right;
	padding:25px;
	}
.topheader .aspirasi a{
	font-size:20px;
	font-weight:normal;
	}
.topheader .toptop{
	float:right;
	width:auto;
	}
.topheader .toptop a{
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	float:left;
	padding:8px 20px 5px 20px;
	}
.topheader .toptop a:hover{
	color:#f7a21c;
	}
.topkanal{
	float:left;
	width:100%;
	background:url(../images/bg.topkanal-top.png) no-repeat left top;
	height:65px;
	position:relative;
	margin:0px 0px -65px 0px;
	z-index:99;
	}

.topkanal-inner{
	float:left;
	width:100%;
	background:url(../images/bg.topkanal.png) no-repeat left top;
	height:65px;
	position:relative;
	z-index:99;
	}
.topkanal-inner-1{
	float:left;
	width:100%;
	padding:2px 0px 20px 40px;
	}
.topkanal-inner-2{
	float:left;
	width:400px;
	}
.topkanal-inner span{		
	float:left;
	font-size:20px;
	color:#FFFFFF;
	font-family: 'Rubik';
	font-weight:normal;
	padding:18px;
	}
.mainheader{
	float:left;
	width:100%;
	height:110px;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	background:url(../images/bg.mainheader.jpg) repeat-x;
	}
.search-home, .topmenu, .whatnew {
	width:100%;
	float:left
}
.search-home {
	padding:30px 0 20px
}
.search-home input, .search-home select {
	border-right:5px;
	padding:5px 10px!important;
	float:left;
	width:100%;
	height:35px;
	font-size:14px;
}
.caripopuler{
	font-size:12px;
	color: #333;
	float:left;
	width:100%;
	float:left;
	}
.caripopuler a{
	padding:0px 3px 0px 3px;
	}
/* HOME */
.homecontact{
	width:auto;
	padding:20px 0px 20px 0px;
	background:#e5e5e2;
	float:left;
	width:100%;
	}
.homeServe{
	margin:0px 0px 10px 0px;
	clear:both;
	}
.homeBerita{
	margin:10px 0px 10px 0px;
	float:left;
	width:100%;
	}
.homecontact .testi{
	font-size:22px;
	line-height:32px;
	margin:0px 20px 0px 0px;
	}
.box-content-why{
	margin:0px 10px 10px 10px;
	font-size:15px;
	text-align:left;
	padding:10px 15px 10px 15px;
	height:110px;
	background:#ffffff;
	}
.box-content-why strong,.box-content-why b{
	font-size:18px;
	margin-bottom:10px;
	color:#047fbf;
	text-transform: none;
	font-family: 'Rubik';
	}
.box-content-why .icon{
	float:left;
	margin:10px 20px 100px 0px;
	font-size:54px;
	margin-bottom:10px;
	color:#006699;
	width:60px;
	}

.testimonihome{
	font-size:18px;
	line-height:30px;
	}
.testimonihome-img{
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	margin:0px 20px 20px 0px;
	border:4px solid #999999;
	border-radius: 50%;
	}
.testimonihome img{
	float:left;
	width:100px;
	}


/*--------------------------------
  IMAGE MANAGER
----------------------------------*/
.media-img63,
.media-img94{
  border:3px solid #ddd;
}
.media-img32{
  width: 32px;
  height: 32px;
}
.media-img63{
  width: 63px;
  height: 63px;
}
.media-img94{
  width: 94px;
  height: 84px;
}
.media-img95{
  width: 95px;
  height: 95px;
}
.media-img100{
  width: 100px;
  height: 100px;
}
.media-img110{
  width: 110px;
  height: 99px;
}
.media-img155{
  width: 155px;
  height: 150px;
}
.media-img292{
  width: 292px;
  height: 200px;
}

.media-img32,
.media-img63,
.media-img94,
.media-img95,
.media-img100,
.media-img110,
.media-img155,
.media-img292{
  overflow: hidden;
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #fff
}

.media-img32 img,
.media-img63 img,
.media-img94 img,
.media-img95 img,
.media-img100 img,
.media-img110 img,
.media-img155 img,
.media-img292 img{
  width: 100%;
}

.img-channel img{
  width: 120px;
  height: 80px;
}
/*--------------------------------
  INPUT
----------------------------------*/

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #d0d0d0;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(208, 208, 208, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(208, 208, 208, 0.6);
}
.form-control::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777777;
}
.form-control::-webkit-input-placeholder {
  color: #777777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
select.form-control{
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  cursor: pointer;
}
/*--------------------------------
 POPOVER
----------------------------------*/

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 3px solid #2babcf;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: #2babcf;
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #2babcf;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: #2babcf;
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #2babcf;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: #2babcf;
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #2babcf;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: #2babcf;
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #2babcf;
  bottom: -10px;
}

/*--------------------------------
 BUTTON
----------------------------------*/

.e-squared,
.btn{
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size:16px;
}
.btn-noflat{
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	border-radius: 4px !important;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: transparent;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    padding-left:30px!important;
    padding-right:30px!important;
}
.btn-noflat.btn-sm{
	padding-left:20px!important;
    padding-right:20px!important;
}
.btn-default{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ) !important; /* IE6-9 */
	color: #666666;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 1px rgba(0,0,0,0.2);

}
a.btn-bold,
.btn-bold > span{
	font-family: "Rubik";
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 2px;
}
.btn-bold{
	position: relative;
}
.btn-social{
	width: 100%;
}
.btn-facebook{
	background: #3f67c0;
}
.btn-twitter{
	background: #35b5eb;
}
.btn-facebook:hover{
	background: #264fab
}
.btn-twitter:hover{
	background: #0287bf
}
.btn-media{
	padding: 5px 10px;
	background: #34495e;
	color: #fff;
	font-size: 22px;
}
.btn-media:hover{
	color: #fff;
	background: #2c3f53;
}
.btn-media.audio{
	background: #e67e22;
}
.btn-media.text{
	background: #1b8e4b;
}

.btn-media.audio:hover{
	background: #d5741f;
}
.btn-media.text:hover{
	background: #178344;
}
/*--------------------------------
  Login Dropdown
----------------------------------*/

.box-dropdown{
	width: 300px;
	min-height:170px;
	background: #21354A;
	position: absolute;
	top: 33px;
	right: -1px;
	z-index: 999;
	cursor: default;
	padding: 10px;
	display: none;
}
.box-dropdown button{
}
.box-dropdown .form-control{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;

	border:1px solid #142333;
	margin-bottom: 10px;

	font-family: "Droid_sans";
	font-weight: 500
}
.box-dropdown .form-control:focus{
	background: #fff;
	border-color:#142333;
}
.form-control:focus{
	border-color: #ddd;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.box-dropdown .forgot{
	font-size: 12px;
	font-weight: 500;
	margin-top: 10px;
	cursor: pointer;
}
.box-dropdown .forgot a{
  color: #fff
}
#login-btn:hover .box-dropdown{
	display: block;
}
/*--------------------------------
  MISCELLANEOUS
----------------------------------*/
.pagination li a{
	color: #0b76af
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
  background-color: #1B8E4B;
  border-color: #1B8E4B;
  color: #fff;
  cursor: default;
  z-index: 2;
}
/*--------------------------------
  IF NO SCRIPT ENABLED
----------------------------------*/

.noscript-overlay{
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(255,255,255,.95);
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
}
.noscript-message{
	padding: 20px;
	width: 400px;
	background: #fff;
	border:1px solid #ddd;
	color: #444;
	text-transform: uppercase;
	font: 700 18px/2em "Rubik";
	margin: 150px auto;
	text-align: center;
}

/*--------------------------------
  HEADER
----------------------------------*/

#topmenu {
    width: 100%;
    display: block;
    background: #007cc3;
    z-index: 800;
    text-align: center;
	text-align:left;
	height:auto;
	border-bottom: 1px solid #D9D9D9;
    box-shadow: 0px 1px 2px 1px rgba(166, 166, 166, 0.1);
	position:fixed;
	top:0;
	height:37px;
}
#topmenu a{
	float:left;
	color:#fff;
	font-weight:500;
	}
#topmenu a:hover{
	float:left;
	text-decoration:none;
	color:#fff
	}
.toplogo{
	float:left;
	margin:5px;
	}
.toptagline{
	margin:5px 5px;
	float:left;
	color:#FFFFFF
	}
.topinfo{
	float:right;
	padding:5px 20px 5px 20px;
	border-right:1px solid #4c9ed9;
	color:#fff;
	border-left:1px solid #025c90;
	}
.topinfo:last-child{
	border-right:1px solid #4c9ed9;
	border-left:1px solid #025c90;
	}
.topinfo:first-child{
	border-right:1px solid #4c9ed9;
	border-left:1px solid #025c90;
	}
.topinfo .notif{
	background:#CC3300;
	color:#FFFFFF;
	padding:1px 5px 1px 5px;
	text-decoration:none;
	font-style:normal;
	border-radius: 5px;
	}

.navbar-brand{
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0;
	float:left;
    position: relative;
    z-index: 9999;
	}

.navbar-default{
	z-index:100;
	border:0px;
}
.navbar{
	border-radius:0px;
	min-height:45px;
	}
.navbar-default .navbar-nav > li > a {
	color:#fff;
	}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
}
.navbar-default .navbar-nav>li>a .icon{
	width:28px;
	height:21px;
	margin:-60px auto;
}
.navbar-default .navbar-nav>li>a .icon span{ 
	width:28px;
	height:21px;
	float:left;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
	border:none;
	margin:5px 10px 0px 0px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff
}
.nav > li span{
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	color:#333;
	font-family: 'Rubik';
	}
.navbar-inverse .navbar-nav > li > a {
	font-size:16px;
	font-weight:normal;
	}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background:none;
	}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background:none;
	}

.navbar-nav > li > .dropdown-menu {
	text-align:left;
	line-height:30px;
	}
.navbar-inverse{
	background: #365c7b;
    border: none;
    float: left;
    width: 100%;
	border-bottom: 1px solid #315675;
	margin-top: 0px;
	z-index:999999;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	}
.pull-right1{
	float:right;
	}

.dropdown-menu {
	font-size:14px;
	}
.navbar-fixed-top {
    top: 0px;
    border-width: 0 0 1px;
}
	
@media screen and (max-width:990px) and (min-width:768px){
	.boxform textarea {
		width:100%;
		}
}
@media screen and (min-width:1200px){
	.navbar-default .navbar-nav>li>a{
		height:45px;
		padding: 15px 15px 10px 15px;
		font-size:14px;
	}
	.navbar-default .navbar-nav>li>a:hover{
		color:#48b9cf;
	}
	
}
@media screen and (max-width:1199px) and (min-width:991px) {
	.navbar-default .navbar-nav>li>a{
		height:55px;
		padding:10px;
		line-height:58px;
	}
}
@media (max-width:768px){
	.navbar-nav>li>a {
		border-bottom:1px #dedede solid;
		font-size:16px;
		-webkit-box-shadow: 0px 0px 1px 0px #c8c8c8;
		-moz-box-shadow: 0px 0px 1px 0px #c8c8c8;
		-o-box-shadow: 0px 0px 1px 0px #c8c8c8;
		-khtml-box-shadow: 0px 0px 1px 0px #c8c8c8;
		box-shadow: 0px 0px 1px 0px #c8c8c8;
		background:#fff;
		text-align:left;
		color:#333;
	}
	.pull-right1{
		float:none;
	}
	.navbar-nav>li:hover{
		background:#333;
		}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		background: #ffffff;
		margin: 10px 0px 0px 0px;
	}
	
	.nav > li span{
		display:none;
		}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color:#333;
		}
	.navbar-default .navbar-nav > li > a {
    	color: #333;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color:#333;
		}
	.slide{
		margin-bottom:10px;
		clear:both;
		}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		color: #333;
		background: #f5f5f5;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #ffffff;
		border: 0;
		box-shadow: none;
	}

}

.submenu{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	min-width: 200px;
	width:auto;
	background-color:#ffffff;
	border:0;
	border-top:1px  solid #e6e6e6;
}
.chillmenu{
	top:0;
	left: 200px;
	z-index: 100 !important;
	min-width: 180px;
	width:auto;
	background-color: rgba(1, 88, 161, 0.88);
	border:0;
	padding:0;
	padding-bottom:10px;
	border-radius: 0 0 5px 5px;
}
.submenu li{
	position:relative;
	border-bottom:1px #e6e6e6 solid;
	}
.submenu li:hover{
	background-color: #1587c6;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-khtml-box-shadow: none;
	text-shadow: none;
	}
.submenu li a{
	color:#333;
	padding:8px 15px;
	text-transform:none;
	}
.submenu li a:hover{
	color:#fff;
	padding:8px 15px;
	}
.chillmenu li{
	border-bottom:1px #0e7e46 solid;
	/*--- Box shadow ---*/
	-webkit-box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	-moz-box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	-o-box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	-khtml-box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	box-shadow: 0px 1px 0px 0px rgba(3, 100, 181, 0.88);
	}
@media (min-width:992px) {
	.navbar-nav li:hover .submenu{
		display:block;
	}
	.submenu li:hover .chillmenu{
		display:block;
	}
}


#header-main{
	height: 206px auto;
	background: #fff;
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}
#header-main .search-input{
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
	border:3px solid #c7c7c7;
}
button.search-btn{
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
	border-color:transparent;
	padding: 2px 8px;
}
#header-main .search-input,
#header-main .social-media{
	margin-top: 15px;
}

#header-main div span.social-text {
	font-family: "Rubik";
	font-weight: 500;
	text-transform: uppercase;
}

/* MAIN BANNER */

#mainbanner{
	width:100%;
	height:450px;
	}
.newsflash{
	float:left;
	width:100%;
	background:#fff;
	border:1px solid #ccc;
	height:40px;
	border-radius:25px;
	z-index:9999;
	position:relative;
	margin:-32px 0px 0px 0px;
	overflow:hidden;
	padding:none;
	}
.newsflash-isi{
	float:left;
	width:85%;
	padding:8px 20px 8px 20px;
	color:#666;
	}
.newsflash-judul{
	float:left;
	width:15%;
	padding:8px 20px 8px 20px;
	color:#fff;
	background:#f7a21c;
	margin:-1px 0px 0px 0px;
	text-align:center;
	}
/*--------------------------------
  SOCIAL ICON
----------------------------------*/

a.social-icon{
	width: 32px;
	height: 32px;
	display: inline-flex;
	margin: 0 3px;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	padding:7px 8px;
	font-size: 18px;
}
a.social-icon.facebook{ background: #3f67c0}
a.social-icon.twitter{ background: #35b5eb}
a.social-icon.google-plus{ background: #eb5b4c}

a.social-icon.facebook:hover{ background: #264fab}
a.social-icon.twitter:hover{ background: #0287bf}
a.social-icon.google-plus:hover{ background: #cc1502}

.avatar-thumbnail {
    display: inline-block;
    float: right;
    height: 34px;
    overflow: hidden;
    width: 34px;
    margin-right: 10px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0.5);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0.5);
    -ms-box-shadow: inset 1px 1px 2px rgba(0,0,0.5);
    -o-box-shadow: inset 1px 1px 2px rgba(0,0,0.5);
    box-shadow: inset 1px 1px 2px rgba(0,0,0.5);

}
.avatar-thumbnail img{
  width:auto;
  height: 100%;
}
/*--------------------------------
  TOP BANNER
----------------------------------*/

#header-main .banner-top{
	width: 100%;
	height: 92px;
	display: block;
}

/*--------------------------------
  NAVIGATION
----------------------------------*/

#nav{
	width: 100%;
	height: 58px;
	background: #f2f1f1;
	border-bottom: 1px solid #ddd;
}
.nav-pills.green > li.active > a,
.nav-pills.green > li.active > a:hover,
.nav-pills.green > li.active > a:focus
{
	background-color:  #1b8e4b
}
.nav > li > a:hover, .nav > li > a:focus{
	color: #1b8e4b;
}
#nav .nav{
	margin-left: 11%;
}
#nav .nav li a,
#subnav .nav.subnav li a{
	font-family: 'Rubik';
	font-weight: 500;
	text-transform: uppercase;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
#nav .nav li a{ padding:16px 20px;}

#subnav{
	width: 100%;
	height: auto;
}
#subnav .subnav{
	width: 100%;
	background:#1b8e4b;
	display: block;
}
#subnav .nav.subnav li{
	margin-left: 0;
}
#subnav .nav.subnav li a{
	color: #fff;
	font-size: 13px;
	border-right: 1px solid #11763b;
	border-left: 1px solid #22a559;
}
#subnav .nav.subnav li:last-child a{
	-moz-box-shadow: 1px 0 0 #22a559;
	-webkit-box-shadow: 1px 0 0 #22a559;
	-ms-box-shadow: 1px 0 0 #22a559;
	-o-box-shadow: 1px 0 0 #22a559;
	box-shadow: 1px 0 0 #22a559;
}
.nav > li > a:hover,
.nav > li > a:focus{
	background: none;
}
#subnav .nav.subnav li a:hover{
	background: #017d35;
}

/*--------------------------------
  NAVIGATION BAR
----------------------------------*/

.nav-bar{
	width: 100%;
	height: 32px;
	background: #f7f7f7;
	display: block;
	border:1px solid #ddd;
	border-bottom: 3px solid #167cc1;
	position: relative;
	overflow: hidden;
}
.bar-text{
	font-family: "Rubik";
	font-weight: 500;
	text-transform: uppercase;
	color: #167cc1;
	float: left;
	margin-left: 10px;
}
.bar-marqee{
	padding: 2px 10px;
	float: left;
}
.bar-marqee > span{
	display: inline-block;
	margin:0 10px;
	float: left;
}
span i.live{
	color: #e24334;
}
span i.notlive{
	color: #848484;
}
.bar-sign{
	width: 170px;
	height: 32px;
	background: #e7e7e7;
	position: absolute;
	right: 0;
	top: 0;
	-moz-box-shadow: 1px 0 3px #000;
	-webkit-box-shadow: 1px 0 3px #000;
	-ms-box-shadow: 1px 0 3px #000;
	-o-box-shadow: 1px 0 3px #000;
	box-shadow: 1px 0 3px #000;
}
.bar-sign > span{
	font-family: "Rubik";
	font-weight: 500;
	text-transform: uppercase;
	color: #167cc1;
	float: left;
	margin-left: 10px;
}


/*========= SLIDER ==============*/
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  width:30%;
  float:left;
  margin-left:50px;
  color:#333333;
  text-shadow: none;
}
.carousel-caption h1{
	margin:0;
	text-align:left;
	padding:12px 15px;
}
.carousel-caption h1 a{
	color:#333333 !important;
	}
.carousel-caption h1 a:hover{
	color:#333333!important;
	text-decoration:none !important; 
	}

.carousel-caption p{
	float:left;
	clear:both;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	padding:12px 15px;
	color:#333333;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}


.carousel-info{
	
	margin:-50px auto;
	position:relative;
	z-index:99999999;
	}
.carousel-indicators{
	display:none;
	}

@media screen and (max-width:768px) {
	.carousel-caption{
		position: inherit;
		float:left;
		left:0;
		right:0;
		top:0;
		bottom:0;
		padding:0 !important;
	}
	.carousel-caption h1, .carousel-caption p{
		z-index:10;
		width:105%;
		float:left;
		padding:12px 25px;
		margin-left:-25px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box
	}
	.carousel-indicators {
		bottom:150px;
	}
}
@media screen and (max-width:420px) {
	.carousel-caption h1{
		font-size:24px;
		padding:12px 30px;
	}
	.carousel-caption p{
		font-size:14px;
		padding:12px 30px;
	}
	.carousel-indicators {
		display:none;
	}
}

/*========= END SLIDER ==============*/
/*--------------------------------
  SLIDER
----------------------------------*/
.sliderhome{
	float:left;
	width:100%;
	margin-top:-15px;
	}
#slider{
	width: 100%;
	height: auto;
}
.slider{
	background: transparent;
	/*min-height: 300px;*/
	display: block;
	margin-top: 20px
}
.slider-img{
	width: 100%;
	max-height: 358px;
	overflow: hidden;
	border:6px solid #dcdbdb;
	float: left;
	background: #fff
}
/*--------------------------------
  Slider type 1
----------------------------------*/

.slider .slider-content{
	width: 100%;
	height: auto;
	display: block;
}
.slider .slider-content h3{
	font-family: 'Droid_serif';
	font-size: 22px;
	margin-top: 3px;
	margin-bottom: 20px;
}
.slider .slider-content .author,
.author{
	font-family: 'Droid_serif';
	font-size: 16px;
	display: block;
}

/*--------------------------------
  Slider type 2
----------------------------------*/

.slider .blog-item{
	width: 100%;
	height: 140px;
	margin: 10px 0;
	position: relative;
}
.slider .blog-item .blog-avatar{
	width: 105px;
	height:95px;
	border:3px solid #d4d3d3;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.slider .blog-item .blog-avatar a img{
  width: 100%!important
}

.slider .blog-item .blog-content{
	width: 340px;
	height:130px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 0;
	right: 8px;
	/*border:1px solid #ddd;*/
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-o-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	box-shadow: 0 0 1px rgba(0,0,0,0.8);
	padding: 10px 12px;
	line-height: 1.4em;
	overflow: hidden;
}

.slider .blog-item .blog-content .blog-heading{
	color: #1b8e4b;
	margin:0;
	font-family: "Rubik";
	font-weight: 600;
}
.slider .blog-item .blog-content .blog-date{
	font-size: 12px;
	display: inline-block;
	margin: 5px 0;
}

.slider .blog-item .blog-content > p {
    height: 60px;
    overflow: hidden;
}
/*--------------------------------
  Slider type 3
----------------------------------*/

.slider .user-list{
	width: 100%;
	height: auto;
}
.slider .user-list .user-item{
	width: 106px;
	height: 140px;
	display: inline-block;
	float: left;
	margin: 5px;
}
.slider .user-list .user-avatar{
	width:100%;
	height: 95px;
	border:3px solid #d4d3d3;
	overflow: hidden;
}
.slider .user-list .user-avatar a.img-user-avatar{
  width: 100%;
  height: 95px;
  display: block;
}
.slider .user-list .user-item h4{
	font-size: 14px;
	font-family: "Rubik";
	font-weight: 600;
	margin:5px  0 2px;
	color: #1B8E69;
}


/*--------------------------------
  Slider type 4
----------------------------------*/

.media-text{
	font-family: "Rubik";
	font-size: 16px;
	font-weight: 600;
	margin-right: 15px;
}
.media-text a{
	margin-right: 5px;
}
.media-text.video{
	color: #34495e
}
.media-text.audio{
	color: #e67e22
}
.media-text.text{
	color: #1b8e4b
}


/*--------------------------------
  Slider Navigation
----------------------------------*/

.owl-navigation{
	width: 195px;
	height: auto;
	background: #ccc;
	margin: -40px auto 0;
	position: relative;
	z-index: 99;
}

.owl-navigation a{
	font-size: 1.6em;
	color: #fff;
}
.owl-navigation a.owl-prev{float: left;margin-left: 5px}
.owl-navigation a.owl-next{float: right;margin-right: 5px}

.line-pattern{
	width: 100%;
	height: 3px;
	background: url('../images/line3.png') repeat-x;
	display: block;
	margin-top: 20px;
}

/*--------------------------------
   TAGS SECTION
----------------------------------*/
#tags{
	width: 100%;
}
.tags-heading{
	font-family: "Rubik";
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 2px solid #34495e;
	text-align: center;
	width: 180px;
	padding-bottom:7px;
	margin: 0 auto 20px;
}
ul.tags{
  list-style:none;
  padding: 0;
  margin:0;
  display: inline-block;
}

ul.tags li{
  float: left;
  display: inline-flex;
}
ul.tags li a{
  display: inline;
  padding: 5px 8px;
  background: #dcdbdb;
  color: #34495e;
  margin: 3px;
  font-family: "Rubik";
  font-weight: 600;
}
ul.tags li a:hover{
  background: #cccccc
}

/*--------------------------------
   PRAYER TIMES
----------------------------------*/

.prayer-time{
	width: 100%;
	height: 175px;
	display: block;
}
.prayer-time div:first-child{
	background: url('../images/bg-mesjid.png') no-repeat;
	height: 50px;
}
.prayer-time div:last-child{
	background: #1b8e4b;
	height: 125px;
	padding:15px;
}
.prayer-time div:last-child h4{
	font-family: 'Rubik';
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
}
.prayer-time div:last-child span.prayer-date{
	font-family: 'Rubik';
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}

#tags .banner-center{
	width: 728px;
	height: 90px;
	display: block;
	margin: 15px auto;

}

.title-left,
.title-right{
	color: #fff;
	font-family: 'Rubik';
	line-height: 1.2em;
}

.title-left h3{
	font-size: 18px;
	font-weight: 500;
}
.title-left span {
	font-size: 13px;
	font-weight: 600;
}
.title-right{
	font-size: 12px;
	font-weight: 600;
}
.prayer-list{
	width: 100%;
	display:inline-block;
	margin-top:15px;
	padding:0;

}
.prayer-list li{
	font-size: 13px;
	font-weight: 600;
	font-family: "Rubik";
	display: inline-block;
	text-align: center;
	margin-right: 12px;
}
.prayer-list li:last-child{
	margin-right: 0;
}
.prayer-list li span{
	display: block;
}
.prayer-list li span:first-child{
	color: #fff;
}
.prayer-list li span:last-child{
	color: #e6df22;
}

/*--------------------------------
   CHANNEL SLIDER
----------------------------------*/

.live-channel{
	width: 100%;
	min-height: 110px;
	background: transparent;
	margin: 10px 0 20px;
	padding: 8px;
}
.live-channel .media {
	color: #444;
}
.live-channel .media .media-heading{
	font:500 15px/1.375em "Droid_serif";
}

.live-channel .item-title{
	color: #2980B9 !important;
	width: 100%;
	display: block;
	padding: 10px 0;
	margin-bottom: 20px;
}
.live-channel .item-title span{
	border-bottom: 3px solid #2980b9;
	padding: 0 20px 10px 20px;
}

.live-channel .btn{
	font: 600 14px/1.4em "Rubik";
}
/*--------------------------------
   THE MOST SECTION
----------------------------------*/

#the-most .panel-red .panel-heading{
	font-family: 'Rubik';
	font-size: 28px;
	font-weight: 500;
	padding: 15px 0;
}
#the-most .panel-red .panel-body{
	-moz-box-shadow: 0 0 1px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,.5);
	-o-box-shadow: 0 0 1px rgba(0,0,0,.5);
	box-shadow: 0 0 1px rgba(0,0,0,.5);
}

/*--------------------------------
   TAB
----------------------------------*/

#most-tab{
	border-bottom: 2px solid #34495e;
}
#most-tab li a{
	font : 700 20px "Rubik";
	text-transform: uppercase;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	padding: 10px 50px;
	margin: 0 49px 0 0;
	border-top: 3px solid #cfcfce
}
#most-tab li:last-child a{
	margin-right: 0;
}
#most-tab li a:hover{
	border-top: 3px solid #1B8E4B
}
#most-tab li.active > a{
	background: #34495e;
	color: #fff;
	border-color: #34495e;
}
#most-pane .media{
	margin-bottom: 15px;
}
#most-pane .media .media-object{
	border:3px solid #cfcfce;
}
#most-pane .media .media-date{
	font: 600 12px "Rubik";
}
#most-pane .media .media-heading{
	color: #27ae60;
	font-size: 14px;
	font-family: "Droid_serif";
	height: 14px;
	overflow:hidden;
}
#most-pane .media p{
	color: #444444;
	font-family: "Droid_serif";
	font-size:16px;
	line-height: 1.3em;
	height: 40px;
	overflow: hidden;
}


/*--------------------------------
   *****
----------------------------------*/
.items {
	width: 95%;
	margin: 10px;
	padding: 8px;
	background: #fff;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-o-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	box-shadow: 0 0 1px rgba(0,0,0,0.8);
}
.img-thumbnail{
	background:#dcdbdb;
	border:none;
	padding: 4px;
}
.items .img-thumbnail,
.live-channel .img-thumbnail{
	background:#dcdbdb;
	border:none;
	padding: 3px;
}
.items > p{
	font:600 16px/1.35em "Rubik";
}
.items.item-content{
	padding: 0 !important
}
.items.item-content .media a img{
  width: 100% !important;
}

.items.item-content.channel{
	height: 305px;
	position: relative;
}
.items.item-content.channel .author{
	font:600 18px/1.35em "Rubik";
}
.items.item-content.channel .media-heading{
	font-size: 14px!important;
}
.items.item-content.channel .btn{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.items.item-content .media{
	margin: 0;
}
.items.item-content .media .media-body{
	padding: 10px;
}
.items .media .media-body .media-heading{
	color: #444444;
}
.items.item-content .media .media-body .media-heading{
	font-size: 18px;
}
.items .media .media-body p{
	color: #525252;
	margin-bottom: 3px !important
}
.items .media .media-body a.btn-sm{
	padding: 4px 10px !important;
}
.items.item-content .media .media-body a.btn{
	float: right;
}
.items.item-content .media .media-body a.btn.btn-success{
	padding: 5px 10px;
}

.items.item-radio .media{
	margin-top: 0;
	color: #fff;
	margin-left: 7px;
}
.items.item-radio .media .media-object{
	border-color: #1f7bb8;
}
.items.item-radio .media .media-heading{
	font:500 15px/1.375em "Droid_serif";
	color: #fff !important
}
.items.item-radio .media .media-body a.btn{
	font:600 14px/1.375em "Rubik";
	margin-top: 8px;
}
.items.item-radio .item-title{
	width: 100%;
	margin-left: 0!important;
	padding-left: 7px !important;
}
.radio-prev,
.radio-next{
	color: #13669d;
	margin-left: 3px;
}
.items .media .media-body p.total-member{
	font : 600 14px/1.4em "Rubik";
	color: #74581a;
}
#masonry-col2 .items{
  width:463px !important
}

/*--------------------------------
   Quotes
----------------------------------*/

.quotes{
	background:#59b431;
	border-top:2px solid #FF6600;
	float:left;
	width:100%;
	}
.quotes-judul{
	float:left;
	width:120px;
	padding:10px;
	color:#FFFFFF;
	background:#0094e0;
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
	text-align:center;
	}
.quotes-isi{
	padding:10px;
	color:#FFFFFF;
	float:left;
	}

.quotes-text {
	font : 600 15px/1.4em "Rubik";
}
.quotes-source{
	color: #074670;
	font : 700 15px "Rubik";
	margin-bottom: 0;
	text-align: right;
}
.content-view{
	width: 650px!important;
	height: 265px!important;
}

.videohome{
	float:left;
	margin:10px;
	text-align:center;
	padding:5px;
	border:1px solid #CCCCCC;
	width:96%;
	background:#FFFFFF
	}
.liputan-item{
	float:left;
	margin:10px;
	text-align:center;
	padding:5px;
	border:1px solid #CCCCCC;
	width:96%;
	}
.liputan-item img{
	width:100%;
	}


/* AGENDA */
.tblagenda{
	font-size:18px;
	}
.tblagenda td{
	padding:20px 10px 20px 10px;
	}
.agenda-item{
	border-bottom:1px solid #cccccc;
	float:left;
	width:100%;
	padding:10px 0px 10px 0px;
	}

.batas{
	float:left;
	width:100%;
	background:url(../images/bg.batas.png) repeat-x;
	height:15px;
	}

/*--------------------------------
   FOOTER
----------------------------------*/

#footer{
	background: #f5f5f5;
	height:auto;
	width: 100%;
	margin-top: 15px;
	color:#333;
	border-top:1px solid #ccc;
}
#footer .footer-title{
	font:700 16px/1.4em "Rubik";
	text-transform: uppercase;
	color: #333;
	border-bottom: 1px solid #3d536a;
	-moz-box-shadow: inset 0 -1px 0 #27394a;
	-webkit-box-shadow: inset 0 -1px 0 #27394a;
	-ms-box-shadow: inset 0 -1px 0 #27394a;
	-o-box-shadow: inset 0 -1px 0 #27394a;
	box-shadow: inset 0 -1px 0 #27394a;
	padding-bottom: 15px;
}

#footer .footer-list{
	color: #333;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .footer-list li a{
	color: #333;
	font:500 16px/1.75em "Droid_serif";

}
#footer .footer-list li a:hover{
	color: #333;
}
#footer .footer-bottom{
	width: 100%;
	background: #365c7b;
	margin-top: 0px;
}
#footer .footer-bottom p{
	color: #fff;
	padding: 15px 0;
	margin: 0;
}
#footer .footer-bottom a{
	color: #fff;
	text-transform: uppercase;
	margin-left: 15px;
	margin-top: 15px;
	display: inline-block;
}
#footer .footer-links a{
	color:#333;
	}
#footer .footer-links a:hover{
	color:#f9bd16;
	}
#footer h3{
	font-size:18px;
	font-family: "Rubik";
	border-bottom:1px solid #e5e4e2;
	margin:10px 20px 10px 0px;
	padding:10px 0px 10px 0px;
	}

/*--------------------------------
  DETAIL PAGE
----------------------------------*/
.boxcontent{
	background:#FFFFFF;
	margin:10px 0px 0px 0px;
	border:1px solid  #cccccc;
	border-radius:10px;
	overflow:hidden;
	}
.box-content{
	width:95%;  
	height:auto;
	overflow:hidden;
	float:left;
	position:relative;
	margin:15px;
	background:#FFFFFF;
	}
.box-content p{
	color:#525252;
	margin-bottom:10px;
	font-size:16px;
	line-height:28px;
	}

.box-content-home{
	width:95%;  
	height:auto;
	max-height:415px;
	overflow:hidden;
	float:left;
	position:relative;
	margin:15px;
	}
.box-content-home p{
	color:#525252;
	margin-bottom:10px;
	}

.kanal{
	height:70px;
	width:100%;
	background: url('../images/bg.kanal.png') bottom repeat-x;
	float:left;
	margin:-8px 0px 0px 0px;
	}
.kanal-judul{
	padding:25px 20px 20px 10px;
	float:left;
	width:100%;
	font-size:32px;
	color:#365c7b;
	}
.kanal-judul span{
	color:#f7a11c;
	}
#header-kanal{
	height:250px;
	width:100%;
	background: url('../images/bg.insight.jpg');
	float:left;
	margin:-8px 0px 0px 0px;
	}
.header-kanal-info{
	font-size:34px;
	padding:80px 0px 50px 0px;
	text-align:center;
	float:left;
	width:100%;
	color:#FFFFFF;
	text-transform:uppercase;
	}
.judulkanal-home{
	text-transform: uppercase;
	font-size:26px;
	font-family: 'Rubik';
	color:#333;
	float:left;
	width:100%;
	margin:30px 0px 30px 0px;
	font-weight:normal;
	border-bottom: none;
	text-align:center;
	
	}
.judulkanal{
	color:#333;
	float:left;
	width:100%;
	float:left;
	margin:30px 0px 30px 0px;
	padding:3px 0px 40px 0px;
	font-weight:normal;
	border-bottom: none;
	text-align:center;
	}
.judulkanal a{
	font-size:28px;
	text-transform: none;
	float:left;
	padding:10px;
	text-align:center;
	width:100%;
	}

.judulkanal:hover{
	color:#069;
}

.wisata-img{
	float:left;
	width:100%;
	height:auto;
	}
.wisata-img img{
	width:100%;
	}
.map-img{
	float:left;
	width:100%;
	overflow:hidden;
	height:auto;
	}

.c-breadcrumb{
	width: 100%;
	height: auto;
	background:transparent;
	display: block;
}
ol.breadcrumb{
	background: transparent;
	margin-bottom: 0;
}
ol.breadcrumb li{
	font: 500 14px/1.4em "Droid_serif";
}
ol.breadcrumb > .active{
	color: #0b76af;
}
ol.breadcrumb li a:hover{
	color: #0b76af;
	}

.page-content{
	background: #fff;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-o-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	box-shadow: 0 0 1px rgba(0,0,0,0.8);
	width: 100%;
	display: block;
	min-height: 50px;
	padding:15px;
}
.page-content img{
	margin:10px 0;
}
.page-title{
	font: 500 22px/1.4em "Droid_serif";
	color: #444444;
	margin-top: 0;
}
.noaudio-message{
	font: italic 500 15px/1.4em "Droid_sans";
	color: #636363;
	margin-top: 10px;
}
.noaudio-message a{
	color: #fd5c15
}
.noaudio-message a:hover{
	color: #d24102
}
.disqus-container{
	margin-top: 15px;
	display: block;
}
.items.sidebar{
	margin: 0 0 18px 0;
}
.items.sidebar .media-heading{
	font-size: 16px !important;
}
.items.sidebar .media{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-top: 10px;
}
.items.sidebar .media:last-child{
	border-bottom: none;
}
.items.sidebar .btn-wide{
	margin-left:
}

.boxcontent1{
	background: #fff;
	border:1px solid #ccc;
	width: 100%;
	min-height: 50px;
	padding:15px;
	float:left;
	margin-bottom:20px;
	margin-top:10px;
}

/*--------------------------------
   SHOUTBOX
----------------------------------*/

.shoutbox-container{
	width: 100%;
	height: auto;
	display: inline-block;
	margin-top: 10px;

}
.shoutbox-item{
	padding: 10px;
	padding-right: 0;
	margin: 10px 0 0 5px;
	display: block;
	background: #f2f1f1;
	border:1px solid #ddd;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;

}
.shoutbox-avatar{
	display:inline-block;
	width: 30px;
	height:30px;
	overflow: hidden;
	background: #1b8e4b;
	margin-right: 5px;
	-moz-border-radius: 180px;
	-webkit-border-radius: 180px;
	-ms-border-radius: 180px;
	-o-border-radius: 180px;
	border-radius: 180px;
}
.shoutbox-item h4{
	font: 500 14px/1.4em "Droid_serif";
	color: #444;
	display:inline-block;
	margin: -20px 0 0;
	vertical-align: middle;

}
.shoutbox-content p{
	line-height: 1.2em;
	font-size: 13px;
}
.shoutbox-input{
	width: 100%;
	display: inline-block;
	padding: 5px;
	padding-bottom: 0;
	margin-top: 10px;
	border-top: 1px solid #ddd;
}
.shoutbox-input textarea{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	margin-top:10px;

}
.shoutbox-input .btn{
	float: right;
	margin-top: 10px;
}

.mCSB_inside > .mCSB_container{
	margin-right: 20px;
}

/*--------------------------------
   cover ~ Ulama
----------------------------------*/

#cover{
	width: 100%;
	height: 373px;
	background: #000;
	display: block;
	position: relative;
	margin-top: 15px;
}
.cover-bg{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 373px;
	overflow: hidden;
}
.cover-overlay{
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	left: 0;
}
.cover-overlay h3{
	font: 600 28px/1.4em "Myriad Pro";
	color: #fff;
	text-shadow:1px 1px 2px #000;
	float: left;
	margin-left: 20px;
	margin-top:10px;
}
.cover-avatar{
	float: left;
	margin-top: -100px;
	margin-left: 20px;
	width: 155px;
	height: 150px;
	border:1px solid #fff;
  overflow: hidden;
}
.cover-overlay .btn{
	font: 600 20px/1.4em "Rubik";
	padding: 3px 20px;
	margin:10px;
}

.cover-nav{
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	border-bottom: 2px solid #1b8e4b;
}

.cover-nav li{
	float: left;
	position: relative;
}
.cover-nav li a{
	float: left;
	padding: 15px 24.5px;
	color: #525252;
	font: 700 15px/1.3em "Rubik";
}
.cover-nav .notif{
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #EE3F10;
	position: absolute;
	top: 7px;
	right:0px;
	color: #fff;
	text-align: center;
	line-height: 1em;

}
.cover-nav li a:hover{
	color: #1b8e4b;
}
/*--------------------------------
   cover ~ Place / Komnunitas
----------------------------------*/

#cover.cover-place .cover-avatar{
	float: none;
	margin: -140px auto 0 !important;

}
#cover.cover-place .cover-overlay h3{
	display: block;
	text-align: center;
	float: none;
	margin-top: 5px!important
}
#cover.cover-place .cover-overlay .btn{
	margin-top: -50px
}
/*--------------------------------
   Item Stream ~ Ulama
----------------------------------*/

.item-stream img{
	border:3px solid #ddd;
}
.item-stream .author.grey{
	font: 600 15px/1.4em "Myriad Pro";
	color: #525252;
}
.media-photo{
	width: 105.7%;
	margin-left: -8px;
	margin-top: -8px;
	position: relative;
}
.media-photo .btn{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.media-photo img{
	border:none;
}
.item-w2 .media-photo{
  background: #F2F1F1;
  text-align: center;
  padding: 7px 0;
}
.media-footer{
	border-top: 1px solid #ddd;
	font : 600 14px/1.4em "Rubik";
	min-height: 20px;
	margin: 15px 0 -10px -10px;
	width: 106%;
	padding: 10px;
}
.item-w2 .media-footer{
  width: 103% !important;
}
.media-footer span{
	font-size: 12px;
}
.media .well{
	margin:10px 0;
}

.sub-media .media-heading{
	font-size: 13px !important
}
.sub-media .media-date{
	font-size: 12px !important
}
.item-stream .media{
	overflow: visible;
}
.item-stream .media .created{
  font-size: 11px !important;
}
.item-stream .media .media-footer .comment a{
	color: #df710f;
}
.item-stream .media .media-footer .like a{
	color: #0f8bdf;
}
.item-stream .media .media-footer .comment,
.item-stream .media .media-footer .like{
	float: right;
	display: inline-block;
}
.item-stream .media .media-footer .like{
	margin-left: 10px;
}
.item-stream .media .media-footer .comment a:hover{
	color: #b25401;
}
.item-stream .media .media-footer .like a:hover{
	color: #035bae;
}
.media-comment,
.media-comment-form{
	width: 106.75%;
	height: auto;
	min-height: 100px;
	background: #f2f1f1;
	margin-left: -8px;
	margin-top: 15px;
	padding: 0 10px 10px;
}

.item-w2 .media-photo,
.item-w2 .media-comment,
.item-w2 .media-comment-form{
  width: 102.8%;
}

.media-comment{
	border-bottom: 1px solid #dcdbdb;
	border-top: 1px solid #dcdbdb;
}
.media-comment-form{
	margin-top: 0;
	padding-top: 10px;
	border-top: 1px solid #fdfcfc;
	margin-bottom: 2px;
}
.media-comment a.btn{
	margin-left: 50px;
    margin-top: -20px;
}
.items .media.media-subcomment{
  margin-top: 15px;
  position: relative;
}
.items .media.media-subcomment button.close{
  position: absolute;
  top: 0;
  right: 0;
}

}
.items .media.media-subcomment  .media-body .media-heading{
	font: 600 15px/1.4em "Myriad Pro";
}
.items .media.media-subcomment  .media-body .media-date{
	font: 500 12px/1.3em "Rubik";
	color: #929191;
}

/*--------------------------------
   Item Profile ~ DASHBOARD
----------------------------------*/


.items.item-profile{
	padding: 0 0 10px 0;
}

.items.item-profile .sm-cover{
	width: 100%;
	position: relative;
}
.items.item-profile .sm-cover-avatar{
	width: 95px;
	height: 95px;
	margin: 15px auto 15px;
	background: #fff;
	position: relative;
	z-index: 99;
	border:1px solid #ddd;
	border-radius: 50%;
}
.items.item-profile .sm-cover-user{
	width: 100%;
	text-align: center;
	display: inline-block;
}
.items.item-profile .sm-cover-user h4{
	font: 600 18px/1.4em "Myriad Pro";
	margin: 0;
}

.items.item-w2{
	width: 100%;
	margin-left: 0 !important
}
.option-title{
	font: 700 18px/1.4em "Rubik";
	margin: 5px 5px 5px 25px !important
}
.option-title span{
  font-weight: 300
}
/*--------------------------------
   Item Update ~ DASHBOARD
----------------------------------*/

.item-update{
	padding:0;
  margin: 9px 0;
  background: #fff;
  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-o-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	box-shadow: 0 0 1px rgba(0,0,0,0.8);
}
.item-update .btn{
	margin-top: 10px;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
}
.item-update .update-form{
	width: 100%;
	background: #f2f1f1;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
.item-update .update-form textarea{
	max-width: 100%;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.item-update .update-share{
	width: 100%;
	padding: 10px;
}
.item-update .update-share span{
	margin-left:7px;
}
.item-update .update-share span:first-child{
	font: 600 14px/1.4em "Rubik";
	display: inline-flex;
	padding: 5px 0;
}
.item-update .update-share span:first-child a{
	color: #c0392b;
}
.item-update .update-share span:first-child a:hover{
	color: #a31203;
}

/*--------------------------------
   TWITTER TIMELINE
----------------------------------*/

.twitter-timeline{
	list-style: none;
	padding: 0;
	margin: 0;
}
.twitter-timeline li .media {
	border-bottom: 1px solid #ddd;
	padding-top: 5px;
}
.twitter-timeline li .media img{
	margin-top: 8px;
	border:2px solid #dcdbdb;
}
.twitter-timeline li:last-child .media {
	border-bottom: none

}
/*--------------------------------
   Timeline Report ~ DASHBOARD
----------------------------------*/

.profile-cover{
	width: 100%;
	display: inline-block;
	background: #fff;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-o-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	box-shadow: 0 0 1px rgba(0,0,0,0.8);
	padding-bottom: 15px

}
.timeline-control{
	margin:10px 0px;
	}
ul.timeline-report{
	list-style: none;
	padding: 0;
	margin: 10px 0;
	float: left;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-o-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	box-shadow: 0 0 1px rgba(0,0,0,0.8);
	width: 100%;

}
ul.timeline-report li{
	float: left;
	padding: 12px;
	font: 500 15px/1.3em "Rubik";
	color: #7c7c7c;
	border-right: 1px solid #ddd;
}
ul.timeline-report li:last-child{
	border-right: none;
}
ul.timeline-report li span,
ul.timeline-report li p{
	display: block;
	text-align: center;
	margin: 0;
}
ul.timeline-report li span{
	color: #4b4b4b;
	font-weight: 600;
}
.timeline-control a.btn-flat{
	opacity: .9;
  position: relative;
}
.timeline-control a.btn-flat:last-child{
	margin-bottom: 0 !important
}
.timeline-control a.btn-flat b.badge{
  position: absolute;
  top: 10px;
  right: 5px;
  background: #CC1502;
  color: #fff;
}
.timeline-control a.btn-flat:hover{
	color: #f1f1f1;
	opacity: 1
}
ul.timeline-control-nav{
	list-style: none;
	padding: 0;
	margin: 0;
	font: 600 15px/1.5em "Rubik";
	width: 100%;
	background: #fff;
	float: left;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-o-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	box-shadow: 0 0 1px rgba(0,0,0,0.8);
}

ul.timeline-control-nav.fluid{
  width: 100% !important;
}
ul.timeline-control-nav li{
	display: block;
}
ul.timeline-control-nav li a{
	display: block;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

ul.timeline-control-nav li:last-child a{
	border-bottom: none;
}


	
ul.timeline-control-nav1{
	list-style: none;
	padding: 0;
	margin: 0;
	font: 400 15px/1.5em "Rubik";
	width: 100%;
	background: #fff;
	float: left;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	-o-box-shadow: 0 0 1px rgba(0,0,0,0.8);
	box-shadow: 0 0 1px rgba(0,0,0,0.8);
}

ul.timeline-control-nav1.fluid{
  width: 100% !important;
}
ul.timeline-control-nav1 li{
	display: block;
}
ul.timeline-control-nav1 li a{
	display: block;
	padding: 15px 15px;
	border-bottom: 1px solid #ddd;
	font-size:22px;
	text-transform:none;
	height:auto;
	background:#f6f6f6;
	z-index:10;
}
ul.timeline-control-nav1 li a:hover{
	background:#eff0ef;
	color:#666666
}

ul.timeline-control-nav1 li:last-child a{
	border-bottom: none;
}

ul.timeline-control-nav1 li a span{
	font-size:14px;
	text-transform:none;
	margin:5px 0px 5px 10px;
	font-family: "Rubik";
	color:#999999;
	font-weight:normal;
	float:left;
	clear:both;
	}
.tentang-active a,a.tentang-active{
	background:#FFFFFF !important;
	width:100%;
	border-right:none;
	position:relative;
	z-index:20000;
	}


/*--------------------------------
   *******
----------------------------------*/

.item1 {
	background: #fff;
	border:1px solid #ddd;
	margin: 10px;
	float: left;
}
.item1.w2{
	width: 300px;
	/*height: 395px!important;*/
}
.item1.w3{
	width: 638px;
	/*height: 265px;*/
}
.item-title{
	font: 700 18px/1.4em "Rubik";
	text-transform: uppercase;
	padding: 10px 15px;
	margin: -8px 0 0 -8px;
	/*display: inline;*/
	border-bottom: 3px solid #1B8E4B;
	width: 106%;
}
.item-title.text-green-tosca{
	border-bottom-color: #16a085;
}
.item-title.text-brown{
	border-bottom-color: #7a5c1b;
}
.item-title.text-white{
	border: none;
	color: #fff;
}
.item-title.text-blue-tosca{
	border-bottom-color: #2B9BE2;
}
.item-title.text-blue-old{
	color: #34495e;
	border-bottom-color: #34495e;
}

/*--------------------------------
   PROFILE
----------------------------------*/
.profile-sidebar{
	width:96%;
	}
.profilemain-cover{
	margin-top: 15px;
	display: block;
	background: transparent;
	position: relative;
	height: 355px;
	border-bottom: 3px solid #197a41;
	margin-bottom: 20px;
	background: none repeat scroll 0% 0% #FFF;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.profilemain-cover-image{
	moz-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	box-shadow: 0 0 2px rgba(0,0,0,0.75);
	height: 250px;
	overflow: hidden;
}
.profilemain-cover-avatar{
	margin-top: -70px;
	margin-left: 20px;
	moz-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	box-shadow: 0 0 2px rgba(0,0,0,0.75);
	width: 155px;
	height: 150px;
	z-index: 99;
}
.profilemain-username{
	margin-left: 200px;
	margin-top: -90px;
}
.profilemain-username h3{
	font:600 24px/1.4em "Myriad Pro";
}
.profilemain-nav{
	width: 480px;
	margin-left: 200px;
	margin-top: -15px
}
.profilemain-nav .cover-nav{
	border-bottom: none;
}
.profilemain-nav .cover-nav li:first-child a{
	padding-left: 0;
}
.profilemain-nav .cover-nav li:last-child a{
  padding-right: 0;
}
.profilemain-nav .cover-nav li a{
	padding:15px 20px;
}

/*--------------------------------
   LIST
----------------------------------*/

.media-thumblist{
	background: #fff;
	/*border:1px solid #ddd;*/
	moz-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.75);
	box-shadow: 0 0 2px rgba(0,0,0,0.75);
	margin:30px 0;
	position: relative;
}
.media-thumblist > a:first-child{
	width: 100%;
	display: inline-block;
	height: 150px;
	overflow: hidden;
}
.media-thumblist > a img{
	width: 100%;
}
.media-thumblist .media-body{
	padding: 5px 10px
}
.media-thumblist .media-body .media-heading{
	font: 500 14px/1.4em 'Droid_serif';
}
.media-thumblist .btn-view{
	width: 100%;
	display: inline-block;
	padding: 0 5px;
	background: #F8F9F9;
	border-top: 1px solid #ddd;
	text-align: center;
	color: #848484
}
.media-thumblist .btn-view:hover{
	color: #555;
}

.media.media-list{
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	padding-top:5px;
}
.media.media-list a img{
	margin: 0
}
.media.media-list .media-heading{
	font:500 19px/1.3em "Droid_serif";
}
.media.media-list .media-body p{
	margin: 0
}


/*--------------------------------
   Signin Form
----------------------------------*/

.sign-form {
  border: 1px solid #f6f6f6;
 
  margin: 10px 0px 0px 0px;
 
}
.sign-form .popover {
  min-width: 200px;
}
.sign-inner {
  padding: 30px;
  border: 1px solid #e9e9e9;
  background: #fff;
}
.sign-form h3{
	margin-top: 0;
}
.sign-form.single{
	width: 100%;
	margin: 15px auto
}


/*--------------------------------
   Media List Member
----------------------------------*/
.member-list{
	margin: 20px 0;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 20px;
}
.member-list a.media-img{
	width: 95px;
	height: 95px;
	overflow: hidden;
	border:1px solid #ddd;
}

/*--------------------------------
   Media Thumbnail Member
----------------------------------*/
.member-thumbnail{
  margin: 10px 0;
  border: 1px dotted #ddd;
  padding: 10px;
  width: 49%;
  display: inline-block;
}

#follower .member-thumbnail,
#active-users .member-thumbnail{
  width: 33%;
}

#follower .member-thumbnail img,
#active-users .member-thumbnail img{
  left: 0!important
}
/*--------------------------------
   Message
----------------------------------*/
.mail-box {
  background-color: #ffffff;
  border-top: 0;
  padding: 0px;
  margin-bottom: 20px;
  font-family:"Rubik";
}
.mail-box-header {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  border-bottom: 0;
  padding: 30px 20px 20px 20px;
}
.mail-box-header h2 {
  margin-top: 0px;
}
.mailbox-content .tag-list li a {
  background: #ffffff;
}
.mail-body {
  border-top: 1px solid #e7eaec;
  padding: 20px;
}
.mail-text {
  border-top: 1px solid #e7eaec;
}
.mail-text .note-toolbar {
  padding: 10px 15px;
}
.mail-body .form-group {
  margin-bottom: 5px;
}
.mail-text .note-editor .note-toolbar {
  background-color: #F9F8F8;
}
.mail-attachment {
  border-top: 1px solid #e7eaec;
  padding: 20px;
  font-size: 12px;
}
.mailbox-content {
  background: none;
  border: none;
  padding: 10px;
}
.mail-ontact {
  width: 23%;
}
table.table-mail tr td {
  padding: 12px;
}
table.table-mail tr:last-child td {
  border-bottom: 1px solid #ddd
}
.table-mail .check-mail {
  padding-left: 20px;
}
.table-mail .mail-date {
  padding-right: 20px;
}
.star-mail,
.check-mail {
  width: 40px;
}
.unread td a,
.unread td {
  color: inherit;
}
.read td a,
.read td {
  font-weight: normal;
  color: inherit;
}
.unread td {
  background-color: #f9f8f8;
}
.ibox-content {
  clear: both;
}
.ibox-heading {
  background-color: #f3f6fb;
  border-bottom: none;
}
.ibox-heading h3 {
  font-weight: 200;
  font-size: 24px;
}
.ibox-title h5 {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}
.ibox-title .label {
  float: left;
  margin-left: 4px;
}
.ibox-tools {
  display: inline-block;
  float: right;
  margin-top: 0;
  position: relative;
  padding: 0;
}
.ibox-tools a {
  cursor: pointer;
  margin-left: 5px;
  color: #c4c4c4;
}
.ibox-tools a.btn-primary {
  color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
  padding: 4px 10px;
  font-size: 12px;
}

.mail-compose{
  width: 100%;
  height: auto;
  min-height: 100px;
  background: #F2F2F2;
  padding:10px;
  margin-top: 10px;
  border-top: 1px solid #ddd
}
.mail-textarea{
  background: #fff;
  border:1px solid #ddd;
  position: relative;
}
.mail-textarea textarea{
  border:none;
  width: 100%;
  padding:5px 10px
}
.mail-textarea-tools{
  width: 100%;
  min-height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #ddd;
  background: #FAFAFA;
}
.mail-textarea-tools .btn{
  border-top: none;
  border-bottom: none;
  font-size: 13px;
  color: #848484;
}
.mail-textarea-tools .btn.btn-success{
  color: #fff;
}
.mail-reply{
  min-height: 50px;
  padding-top: 15px;
}

.media-reply{
  padding: 10px 10px 5px;
  position: relative;
}

.media-reply .icheckbox_square-green{
  float: left;
  margin-right: 10px;
  display: none;
}

.media-reply .media-heading{
  font-weight:500;
}
.media-reply p{
  width: 450px;
}
.media-reply-date{
  position: absolute;
  right: 30px;
  top: 10px;
  color: #848484;
  font-size: 12px;
}
.media-reply:nth-child(even){
  background: #f7f7f7;
}

.media-gallery{
  width: 48.5%;
  overflow: hidden;
  margin: 0 12px 10px 0;
  display: inline-block;

}
.media-gallery.video{
  position: relative;
}

.media-gallery.video .play{
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50px;
  left: 120px;
  z-index: 99;
  color: #fff;
  background: transparent;
  font-size: 4em;
  cursor: pointer;

}
.col-xs-8 .col-xs-12 .panel-body .media-gallery:nth-child(even){
  margin-right: 0;
}
.panel-body.gallery-fluid .media-gallery{
  width: 32%;
}
.panel-body.gallery-fluid .media-gallery:nth-child(3n+3){
  margin-right: 0;
}
.loading{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 999999;
}
.loader{
  margin:150px auto;
  width: 64px;
  height: 64px;
}
.profile-about h4{
  font:600 17px/1.4em "Rubik";
  margin-top: 0;
}

.profile-about p{
  font:500 14px/1.5em "Rubik";
}
#masonry-e,
#masonry-e2,
#masonry-col2{
  position: relative;
}
#masonry-css{
  width: 100%;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;

  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  -ms-column-gap: 10px;
  -o-column-gap: 10px;
  column-gap: 10px;

}
#masonry-css .items{
  display: inline-block;
  width: 470px!important;
}
#pushstat{
  position: fixed;
}


/*Dashboard V2*/

#timeline{
  width: 100%;
  height:auto;
  display: block;

}
  .content-header{
    padding: 15px;
  }
    .content-header h2{
      margin: 0;
    }

  .header-inner{}
  .timeline-sapa-box{}
  .stream-container{
    width: 100%;
    display: block;
    position: relative;
  }
    .stream{}
    .stream-items{
      list-style: none;
      padding: 0;
      margin: 0;
    }
      .stream-item{
        width: 100%;
        display: block;
		  background: #FFF;
		  float: left;
		  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
			-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
			-ms-box-shadow: 0 0 1px rgba(0,0,0,0.8);
			-o-box-shadow: 0 0 1px rgba(0,0,0,0.8);
			box-shadow: 0 0 1px rgba(0,0,0,0.8);
			margin:0px 0px 10px 0px;
      }
        .stream-item .sapaan{
          border-bottom: 1px solid #e1e8ed;
          min-height: 51px;
          padding: 9px 12px;
          position: relative;
        }
          .stream-item .sapaan .col-xs-10{
            margin-left: -24px;
          }
          .stream-item .sapaan .sapa-img{
            width: 54px !important;
            height: 54px !important;
            overflow: hidden;
            display: inline-block;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
          }
            .stream-item .sapaan .sapa-img img{
              width: 100%;
              height: 100%;
            }
          .stream-item .stream-item-header{}
            .stream-item .stream-item-header .del-action{
              color: #CCC;
            }
          .stream-item .stream-item-content p{
          }
          .stream-item .stream-item-media{
            width: 100%;
            display: inline-block;
          }
		  .komentar-item{
		  	font-size:16px;
			line-height:20px;
			}
          .stream-item .stream-item-media .stream-media-preview{

          }
          .stream-item .stream-item-media .stream-media-preview a{
            display: block;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            max-height: 250px;
            overflow: hidden;
            position: relative;
          }
          .stream-item .stream-item-media .stream-media-preview a.full{
            max-height: 100% !important;
          }
          .stream-item .stream-item-media .stream-media-preview a img{
            width: 100%;
          }
          .stream-item .stream-item-action .list-inline li a{
            color: #CCC !important;
          }
          .stream-item .stream-item-header .del-action:hover,
          .stream-item .stream-item-action .list-inline li a:hover{
            color: #333 !important;
          }


  .expanded-conversation{
    list-style: none;
    padding: 0;
    margin: 0;
	background:#f5f8fa
  }
  .expanded-conversation.collapsed-conversation{
    height: 0 !important;
    display: none;
  }
  .expanded-conversation.collapse-conversation{
    height: auto;
    display: block;
  }
    .expanded-conversation > li{
      padding: 15px;
      border-bottom: 1px solid #e1e8ed;
      background: #F5F8FA;
	  margin: 0px 0px 0px 70px;
    }
      .expanded-conversation .inline-reply-user-image{
        width: 32px;
        height: 32px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        display: inline-block;
      }

      .expanded-conversation .inline-reply-user-image img{
        width: 100%;
        height: 100%;
      }

      .expanded-conversation .arrow-up {
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;

          border-bottom: 5px solid #CCCDCE;
          position: absolute;
          top: -21px;
          left: 50px;
        }
      .expanded-conversation .form-inline textarea{
        height: 35px;
        width: 100%;
      }
      .expanded-conversation .form-inline .form-group{
        display: block;
      }

.products-list ul {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    background: #FFF;
}

    .products-list ul li a {
        display: block;
        line-height: 46px;
        padding-left: 40px;
        border-top: 1px solid #e7e7e7;
        background: url('../images/link-arrow.png') no-repeat 18px center rgba(0, 0, 0, 0);
    }

    .products-list ul li a.expanded {
        background: url('../images/link-arrow-down.png') no-repeat 17px center rgba(0, 0, 0, 0);
    }

    .products-list ul li ul {
        border: none;
    }

        .products-list ul li ul li a {
            padding: 1px;
        }

            .products-list ul li ul li a div {
                background: url('../images/link-arrow.png') no-repeat 38px center #f1f1f1;
                padding-left: 60px;
            }

            .products-list ul li a.expanded div {
                background: url('../images/link-arrow-down.png') no-repeat 37px center #f1f1f1;
            }

                .products-list ul li ul li ul li a div {
                    background: url('../images/link-arrow.png') no-repeat 58px center #e7e7e7;
                    padding-left: 80px;
                }

                .products-list ul li ul li ul li a.active div {
                    font-weight:500;
                }

  .thumbnail .caption{
    text-align: center;
  }
    .thumbnail .caption p{
      margin:0
    }

/*-----------------------------------
DETAIL PAGE
-------------------------------------*/

.content-detail{
  width: 100%;
  height: auto;
  padding: 20px;
  background: #fff;
  border:1px solid #ddd;
  display: block;
}
  .content-detail.blue-border{
    border-top: 2px solid #3598DB;
    height: 300px;
  }
  .content-detail.envelope-bg{
    background-image: url('../images/contact-form.png');
    background-repeat: repeat-x;
  }
  .content-detail ul{
    list-style: inherit;
    margin: inherit;
    padding: inherit;
  }

  .content-detail h3{
    font:700 20px/1.3em "Rubik";
  }

  .item-title{
    font-size: 28px;
    font-weight: 300;
    color:#3a3939;
  }
  .item-desc{
    width: 100%;
    display: block;
    margin-top: 15px;
  }
  .item-desc p{
    font-family: "Arial";
    margin: 0
  }
  .item-desc p label{
    width: 140px;
    font-family: "Arial"
  }
  #price {
    font-size: 28px;
    font-family: 'Bebas_Neue';
  }
  fieldset.bg-custom{
    width: 100%;
    background: #FBFBFB;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:10px;
    margin: 10px 0;
    font-family: "Arial"
  }
  .bg-custom span {
      display: inline-flex;
  }
  .bg-custom span#color {
      margin-top: 10px
  }
  .bg-custom select{
    width: 58px;
    padding: 5px
  }
  .bg-white{
    background:#fff!important;
  }
  .color{
    width: 24px;
    height: 24px;
    border:3px solid #fff;
    display: inline-block;
    margin-right: 5px;
    outline:1px solid #ddd;
    cursor: pointer;
  }
  .color-red{
    background: #FE1F20;
  }
  .color-blue{
    background: #5D9CEC;
  }
  .color-yellow{
    background: #F39C11
  }

h2.product-heading{
  font-size: 20px;
  font-family: 'Rubik';
  margin-top: 0;
}

.thumbnail > a {
    display: block;
    height: 156px;
    overflow: hidden;
}


/* SECTION HEADLINE */
#headline{
	width:100%;
	margin:0px 0px;
	overflow:hidden;
	background:url(../images/bg.hijau.jpg) no-repeat top center;
	padding:30px 0px 40px 0px;
	}
.headline-kiri{
	width:95%;
	float:left;
	height:470px;
	background:#d45300;
  	display: block;
    padding: 0px;
	color:#FFFFFF;
	margin:15px 0px;
	}
.headline-kanan{
	width:96%;
	float:right;
	height:470px;
	background:#ffffff;
  	display: block;
    padding: 0px;
	margin:15px 0px;
	}
.headline-kanan-judul{
	font-size:20px;
	font-weight:500;
	color:#FFFFFF;
	width:100%;
	padding:15px 20px 15px 20px;
	background:#6a9406;
	text-transform:uppercase;
	}
.headline-kiri-judul{
	font-size:20px;
	font-weight:500;
	color:#FFFFFF;
	width:100%;
	padding:15px 20px 15px 20px;
	background:#ff8c01;
	text-transform:uppercase;
	}

.headline-kanan-isi{
	margin:10px 15px 10px 15px;
	color:#fff;
	width:90%;
	float:left;
	}

.shortcut{
	margin-top:-100px;
	float:left;
	width:100%;
	}
.shortcut-content{
	float:left;
	border:1px solid #CCCCCC;
	z-index:99;
	display:block;
	position:relative;
	background:#FFFFFF;
	border-radius:5px;
	width:100%;
	}



.slide{
	overflow:hidden;
	float:left;
	width:100%;
	}

.konten-kiri-judul{
	color:#666666;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #CCCCCC;
	margin:0px 0px 10px 0px;
	font-family: 'Rubik';
	text-align:center;
	color: #0094e0
	}

/* SECTION WELCOME */
#agendasec{
	padding:20px 0px 20px 0px;
	}
#welcome{
	width:100%;
	margin:10px 0px;
	background:url(../images/img.bg.welcome.jpg) center top;
	overflow:hidden;
	}
.welcome h1{
	text-align:center;
	font-weight:500;
	color:#FFFFFF;
	}
.quote{
	font-size:18px;
	color:#ffffff;
	text-align:center;
	margin:0px 200px 10px 200px;
	}
.quote-line{
	font-size:18px;
	color:#ffffff;
	text-align:center;
	margin:0px 300px 20px 300px;
	border-bottom:2px solid #FFFFFF;
	}

.quote-dark{
	font-size:18px;
	color:#333;
	text-align:center;
	margin:0px 200px 10px 200px;
	}
.quote-dark-line{
	font-size:18px;
	color:#333;
	text-align:center;
	margin:0px 300px 20px 300px;
	border-bottom:2px solid #333;
	}

@media (max-width:960px){
	.quote{
		margin:10px;
		}
	.quote-line{
		display:none;
		}
	.quote-dark{
		margin:10px;
		}
	.quote-dark-line{
		margin:10px;
		}
	.headline-kiri{
		width:100%;
		margin-bottom:10px;
		}
	.headline-kanan{
		width:100%;
		margin-bottom:10px;
		}
}

.welcometv{
	float:left;
	margin:0px;
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	}
.welcomeplayer{
	float:left;
	width:100%;
	height:190px;
	overflow:hidden;
	margin:15px 10px 10px 15px;
	}
	
/* SECTION SLIDE */
#slidehome{
	width:100%;
	margin:20px 0px;
	}
.slidehome{
	width:100%;
	}
.slidehome img{
	width:100%;
	}
	
/* SECTION ABOUT */
#about{
	width:100%;
	margin:20px 0px;
	}
.plarge{
	font-size:16px;
	line-height:28px;
	}

#artikelsec{
	width:100%;
	margin:10px 0px 10px 0px;
	overflow:hidden;
	padding:0px 0px 40px 0px;
	}

#blogsec{
	width:100%;
	margin:10px 0px 10px 0px;
	overflow:hidden;
	background:url(../images/bg.orange.jpg) no-repeat top center;
	padding:30px 0px 40px 0px;
	}
	
#berita{
	width:100%;
	margin:0px 0px;
	}
.berita-home{
	width:98%;
	float:left;
	min-height:560px;
	height:auto;
	border:1px solid  #999999;
	background:#ffffff;
  	display: block;
    padding: 0px;
	margin:0px 0px 10px 0px;
	border-radius:5px;
	}
.berita-home2{
	width:100%;
	float:left;
	min-height:560px;
	height:auto;
	border:1px solid  #999999;
	background:#ffffff;
  	display: block;
    padding: 0px;
	margin:0px 0px 10px 0px;
	border-radius:5px;
	}

.berita-home-rubrik{
	width:100%;
	text-align:left;
	font-family: 'Rubik';
	font-size:30px;
	text-transform:uppercase;
	float:left;
	margin:20px 20px 40px 20px;
	}

.berita-home-rubrik span{
	width:100%;
	text-align:left;
	font-family: 'Rubik';
	font-size:26px;
	text-transform:uppercase;
	padding:20px 20px 10px 0px;
	border-bottom:2px solid #999999;
	}

.artikel-home{
	width:100%;
	float:left;
	min-height:560px;
	height:auto;
	background:#ffffff;
  	display: block;
    padding: 0px;
	border:1px solid #CCCCCC;
	border-top:8px solid #0094e0;	
	margin:0px 0px 10px 0px;
	padding:10px 0px;	
	}
.artikel-home-rubrik{
	width:100%;
	text-align:left;
	font-family: 'Rubik';
	font-size:34px;
	text-transform:uppercase;
	float:left;
	margin:20px 20px 10px 20px;
	}

.artikel-home-rubrik span{
	width:96%;
	text-align:left;
	font-family: 'Rubik';
	font-size:34px;
	float:left;
	text-transform:uppercase;
	padding:10px 20px 20px 0px;
	border-bottom:2px solid #999999;
	}

.blog-home{
	width:100%;
	float:left;
	min-height:560px;
	height:auto;
	background:#ffffff;
  	display: block;
    padding: 0px;
	border-top:8px solid #93460d;	
	margin:0px 0px 10px 0px;
	}
.blog-home-rubrik{
	width:100%;
	text-align:left;
	font-family: 'Rubik';
	font-size:34px;
	text-transform:uppercase;
	float:left;
	margin:20px 20px 30px 20px;
	}

.blog-home-rubrik span{
	width:100%;
	text-align:left;
	font-family: 'Rubik';
	font-size:34px;
	text-transform:uppercase;
	padding:20px 20px 10px 20px;
	border-bottom:2px solid #999999;
	}


.berita-home-rubrik1{
	width:100%;
	text-align:center;
	font-family: 'Rubik';
	font-size:24px;
	text-transform:uppercase;
	float:left;
	margin:20px 20px 30px 20px;
	}

.berita-home-rubrik1 span{
	width:100%;
	text-align:center;
	font-family: 'Rubik';
	font-size:24px;
	text-transform:uppercase;
	padding:20px 20px 10px 20px;
	border-bottom:2px solid #999999;
	}
	
.berita-home-item{
	float:left;
	width:90%;
	margin:20px;
	overflow:hidden;
	height:420px;
	}
.berita-home-item-judul{
	height:auto;
	padding:10px 20px 10px 20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-family: 'Rubik';
	font-size:16px;
	float:left;
	margin:-240px 10px;
	position:relative;
	background:#FF6600
	}
.berita-home-item1{
	float:left;
	width:95%;
	height:170px;
	overflow:hidden;
	margin:10px 20px;
	border-bottom:1px solid #CCCCCC;
	padding:0px 0px 10px 0px;
	}
.berita-home-item1:last-child{
	border:none;
	}
.berita-home-item1-img{
	width:250px;
	height:150px;
	overflow:hidden;
	float:left;
	margin:0px 20px 0px 0px;
	}
.berita-home-item1-img img{
	width:250px;
	}

.berita-home-item-img{
	width:100%;
	height:250px;
	overflow:hidden;
	float:left;
	margin:0px 20px 0px 0px;
	}
.berita-home-item-img img{
	height:100%;
	}


.artikel-home-item{
	float:left;
	width:95%;
	margin:0px 20px 10px 20px;
	overflow:hidden;
	height:auto;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
	}
.artikel-home-item-judul{
	height:auto;
	padding:10px 20px 10px 20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-family: 'Rubik';
	font-size:16px;
	float:left;
	margin:0px 10px;
	position:relative;
	background:#FF6600;
	}
.artikel-home-section{
	color:#FF6600;
	}
.artikel-home-item-img{
	width:200px;
	height:120px;
	overflow:hidden;
	float:left;
	margin:0px 10px 5px 0px;
	}
.artikel-home-item-img img{
	width:100%;
	height:auto;
	}
.artikel-home-item-isi{
	height:100px;
	overflow:hidden;
	}

.opini-home-item{
	float:left;
	width:90%;
	margin:0px 20px 10px 20px;
	overflow:hidden;
	height:400px;
	
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
	}
.opini-home-item-judul{
	height:auto;
	padding:10px 20px 10px 20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-family: 'Rubik';
	font-size:16px;
	float:left;
	margin:0px 10px;
	position:relative;
	background:#FF6600;
	}
.opini-home-section{
	color:#FF6600;
	}
.opini-home-item-img{
	width:100%;
	height:200px;
	overflow:hidden;
	float:left;
	margin:0px 10px 5px 0px;
	}
.opini-home-item-img img{
	width:100%;
	height:auto;
	}
.opini-home-item-isi{
	min-height:100px;
	height:auto;
	overflow:hidden;
	}

.artikel-populer{
	float:left;
	border:1px solid  #999999;
	width:95%;
	padding:0px 0px 0px 0px;
	background:#FFFFFF;
	}
.artikel-populer-judul{
	float:left;
	width:100%;
	padding:15px 20px 15px 20px;
	font-size:20px;
	color:#FFFFFF;
	background:#007cc3;
	font-family: Rubik;
	text-transform:uppercase;
	}
.artikel-populer-item{
	float:left;
	width:100%;
	border-bottom:1px solid #CCCCCC;
	padding:9px 10px 9px 10px;
	}
.artikel-populer-item a{
	font-size:16px;
	}
.artikel-populer-item-no{
	float:left;
	margin:0px 10px 50px 0px;
	border-radius:50%;
	width:30px;
	height:30px;
	background:#FF3300;
	color:#FFFFFF;
	padding:5px 5px 5px 5px;
	text-align:center;
	}
.artikel-populer-item span{
	font-size:12px;
	color:#FF6600;
	}
/* AGENDA */
.agenda-home{
	width:99%;
	float:left;
	height:auto;
	border:1px solid  #CCCCCC;
	background:#ffffff;
  	display: block;
    -moz-box-shadow: 0 0 5px #ccc;
   	-webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    padding: 0px;
	margin:0px 0px 10px 0px;
	background:url(../images/img.agenda-home.jpg ) left top no-repeat;
	}
.quote-home{
	width:99%;
	float:left;
	height:auto;
	min-height:156px;
	border:1px solid  #CCCCCC;
	background:#ffffff;
  	display: block;
    -moz-box-shadow: 0 0 5px #ccc;
   	-webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    padding: 0px;
	margin:0px 0px 10px 0px;
	background:url(../images/img.quote-home.jpg) left top no-repeat;
	}

.agenda-home-isi{
	width:68%;
	height:auto;
	margin:15px;
	float:left;
	margin-left:170px;
	}
.agenda-home-isi .judul-1{
	font-size:20px;
	font-family: "Rubik";
	font-weight:normal;
	}
.agenda-home-isi .date{
	font-size:16px;
	color:#999999;
	}
.judul-2{
	font-size:16px;
	font-family: "Rubik";
	font-weight:normal;
	line-height:26px;
	}

/*contact*/
.btn-warn{
	width:100%;
	height:auto;
	float:left;
	padding:8px;
	margin:10px 0 5px;
	
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}
.maps{
	width:96%;
	height:auto;
	float:left;
	padding:5px;
	margin-bottom:10px;
	background:#c0deeb;
	}
.maps img{
	width:100%;
	}

@media (max-width:767px) {
	.maps{
		height:250px;
	}
}
.side-contact{
	width:100%;
	height:auto;
	float:left;
	}
.btn-contact{
	width:100%;
	height:auto;
	float:left;
	font-family: 'Oswald';
	font-size:16px;
	padding:10px;
	margin-bottom:10px;
	border:1px #bebebe solid;
	border-bottom:2px #cecece solid;
	
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	/* Gradient background */
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: -o-linear-gradient(top, #fff, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ededed));
	background: -khtml-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ededed));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ededed');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ededed');
	}
.btn-contact p{font-size:20px;
	color:#007CC2;
	}
.form-contact input[type="text"]{
	width:100%;
	float:left;font-size:15px;
	margin:12px 0 0;
	padding:6px 10px;
	padding-right:25px;
	border:2px #d3d3d3 solid;
	outline:0;
}
.form-contact textarea{
	max-width:100%;
	min-width:100%;
	height:150px;
	float:left;font-size:15px;
	margin:12px 0 0;
	padding:6px 10px;
	padding-right:25px;
	border:2px #d3d3d3 solid;
	outline:0;
}
.form-contact input[type="submit"]{
	float:right;
	margin-top:10px;
	padding:8px 30px;
	border:0;
	font-size:16px;
	color:#fff;
	background:#014971;
	}
.form-contact input[type="submit"]:hover{
	background:#0569a2;
}

/* BLOG */
.blog-home-item{
	float:left;
	width:90%;
	margin:20px;
	overflow:hidden;
	height:420px;
	}
.blog-home-item-judul{
	height:auto;
	padding:10px 20px 10px 20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-family: 'Rubik';
	font-size:16px;
	float:left;
	margin:-240px 10px;
	position:relative;
	background:#FF6600
	}
.blog-home-item1{
	float:left;
	width:95%;
	height:130px;
	overflow:hidden;
	margin:20px 0px 0px 0px;
	border-bottom:1px solid #CCCCCC
	}
.blog-home-item1-img{
	width:200px;
	height:120px;
	overflow:hidden;
	float:left;
	margin:0px 20px 10px 0px;
	}

.blog-home-item-img{
	width:100%;
	height:250px;
	overflow:hidden;
	float:left;
	margin:0px 20px 0px 0px;
	}
.blog-home-item-img img{
	width:100%;
	height:auto;
	}	

.blog-home-item1-img img{
	width:100%;
	height:auto;
	}	
		
/* MEET SEFTER */
.meet-membermnc{
	width:96%;
	float:right;
	min-height:560px;
	height:auto;
	border:8px solid  #f06009;
	background:#ffffff;
  	display: block;
    -moz-box-shadow: 0 0 5px #ccc;
   	-webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    padding: 0px;
	padding-bottom:10px;
	}
.meet-membermnc-judul{
	font-size:20px;
	font-weight:500;
	color:#FFFFFF;
	width:100%;
	padding:0px;
	background:#f06009;
	text-transform:uppercase;
	text-align:center;
	}
.meet-membermnc-isi{
	margin:10px 15px 10px 15px;
	color:#333;
	width:90%;
	float:left;
	}
.membermnc-item{
	float:left;
	width:95%;
	padding:15px 0px 15px 0px;
	margin:5px 10px 5px 10px;
	border-bottom:1px solid #CCCCCC;
	color:#333;
	}
.membermnc-item:last-child{
	border:none;
	}
.membermnc-item span{
	font-family:oswald;
	font-size:24px;
	color:#666666
	}
.membermnc-item-avatar{
	width:80px;
	height:80px;
	float:left;
	margin:0px 15px 0px 0px;
	border-radius: 50%;
	overflow:hidden;
	}
.membermnc-item-avatar img{
	width:100%;
	}
	

.galeri-membermnc{
	width:96%;
	float:right;
	min-height:160px;
	height:auto;
	border:1px solid  #05496d;
	background:#ffffff;
  	display: block;
    padding: 0px;
	margin:0px 0px 10px 0px;
	}
.galeri-membermnc-judul{
	font-size:20px;
	font-weight:500;
	color:#075e8e;
	width:100%;
	padding:15px 0px 15px 0px;
	background: url(../images/bg.kanal.png) repeat-x;
	border-bottom: 5px solid #075e8e;
	text-transform:uppercase;
	text-align:center;
	}
.galeri-membermnc-isi{
	margin:15px 15px 15px 15px;
	color:#333;
	width:90%;
	float:left;
	}
.galeri-item{
	width:90%;
	float:left;
	margin:0px 10px 0px 0px;
	}
.galeri-item img{
	width:100%;
	}
	
/* SECTION MEMBER */
#membersection{
	padding:10px 0px;
	background:#f6f6f6
	}

.form-horizontal .form-group {
	width:98%;
	margin: 10px 0px 0px 0px;
	}
.control-label{
	padding-right:20px;
	}
.membertengah{
	float:right;
	width:99%;
	margin:0px 0px 0px 10px;
	}

#pagemember{
	background: url(../images/bg.register.jpg) no-repeat fixed center center / cover transparent;
	height: auto;
	min-height:520px;
	}
.login-info h1{	
	color:#ffffff;
	font-weight:500;
	}
.login-info p{
	font-size:16px;
	color:#ffffff;
	}

#pagesubcriber{
	background: url(../images/bg.subscriber.jpg) no-repeat fixed center center / cover transparent;
	height: auto;
	min-height:520px;
	}

#pagesubcriber .login-info h1{	
	color:#ffffff;
	font-weight:500;
	text-align:center;
	}
#pagesubcriber .login-info p{
	font-size:16px;
	color:#ffffff;
	text-align:center;
	}
#pagesubcriber .login-info1{
	float:left;
	width:auto;
	}
#pagesubcriber .login-info1 h1{	
	color:#ffffff;
	font-weight:500;
	text-align:left;
	}
#pagesubcriber .login-info1 p{
	font-size:16px;
	color:#ffffff;
	text-align:left;
	}

/* BERITA */
/*content list*/
.large-content1{
	background:#01597f;
	}
.thumbHeadlinelarge{
	width:100%;
	}
.thumbHeadlinelarge img{
	width:100%;
	height:auto;
	}
.large-content-isi{
	padding:20px;
	width:100%;
	background:#01597f;
	color:#FFFFFF;
	float:left;
	margin:-50px 0px 0px 0px;
	position:relative;
	}
.large-content-isi p{
	color:#FFFFFF;
	font-size:16px;
	}
.large-content-isi .title-headline a{
	color:#FFFFFF;
	font-weight:500;
	font-size:36px;
	line-height:40px;
	}
.large-content-isi .title-headline a:hover{
	color:#FF6600;
	}
.large-content,
.large-ctn_gall{
	width:100%;
	height:auto;
	float:left;
	margin:10px 0px 10px 0px;
	}
.list-content{
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px #d6d6d6 solid;
	margin:0px 0px 10px 0px;
	background:#ffffff;
	}
.list-content-isi{
	height:auto;
	float:left;
	padding:15px;
	}
.list-ctn_gall{
	width:100%;
	height:365px;
	float:left;
	padding:15px 0;
	border-bottom:1px #d6d6d6 solid;
	}
.large-content img{
	width:100%;
	height:auto;
	}

.list-content-home{
	width:98%;
	height:auto;
	float:left;
	border:1px #d6d6d6 solid;
	background:#ffffff;
	margin:0px 0px 10px 0px;
	}
.list-content-home-isi{
	height:auto;
	float:left;
	padding:15px;
	}
.list-content-home-judul{
	float:left;
	margin:10px 0px -50px 10px;
	position:relative;
	background:#59b431;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:5px 10px 5px 10px;
	font-family: 'Rubik';
	}
.list-ragam-home{
	float:right;
	}

.img-responsive{
		height:100%;
		width:auto;
		max-width:none;
		}
.thumbNews{
	width:300px;
	height:180px;
	float:left;
	clear:both;
	margin-right:12px;
	overflow:hidden;
	}
.thumbNews img{
	width:120%;
	height:auto;
}
a.list-link{
	color: #444;
	font-family: "Rubik";
	font-size: 20px;
	line-height: 26px;
	font-weight:500;
	}
.title-headline a:hover,
a.list-link:hover{
	color:#175993;
	text-decoration:none;
	}
.list-content span,
.list-ctn_gall span,.tgl{
	color:#999999;
	font-size:13px;
	}
.insight-headline{
	float:left;
	margin:10px 0px;
	width:100%;
	}
.insight{
	background:#ffffff;
	}
.tgl{
	color:#999999;
	font-size:13px;
	}
.thumbDetail,
.thumbList-gall{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-bottom:12px;
	}
.ringkas{
	margin:10px 0px 10px 0px;
	float:left;
	font-size:18px;
	line-height:28px;
	font-family: "Rubik";
	}

.headlinehome-img{
	width:100%;
	overflow:hidden;
	float:left;
	height:375px;
	}
.headlinehome-img img{
	width:100%;
	height:auto;
	}
.headlinehome-judul{
	height:auto;
	padding:10px 20px 10px 20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:500;
	font-family: 'Rubik';
	font-size:18px;
	float:left;
	margin:-350px 10px;
	position:relative;
	background:#FF6600
	}
.headlinehome-info{
	width:100%;
	overflow:hidden;
	float:left;
	background:#0094e0;
	height:235px;
	margin:-50px 0px;
	}
.headlinehome-rubrik{
	float:left;
	width:100%;
	padding:5px 20px 5px 20px;
	text-transform:uppercase;
	font-size:16px;
	color:#333;
	font-weight:500;
	border-bottom:1px solid #215c87;
	}
.headlinehome-isi{
	float:left;
	margin:15px;
	color:#fff;
	}
.headlinehome-isi a{
	color:#fff;
	font-size:26px;
	line-height:34px;
	margin-bottom:15px;
	float:left;
	clear:both;
	font-family: 'Rubik';
	}
.headlinehome-isi a:hover{
	color:#c7e8f9;
	text-decoration:none;
	}

.headline-img{
	width:100%;
	overflow:hidden;
	float:left;
	height:325px;
	}
.headline-judul{
	height:auto;
	padding:10px 20px 10px 20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:500;
	font-family: 'Rubik';
	font-size:18px;
	float:left;
	margin:-310px 10px;
	position:relative;
	background:#FF6600
	}
.headline-img img{
	width:100%;
	}
.headline-info{
	width:100%;
	overflow:hidden;
	float:left;
	background:#0094e0;
	height:215px;
	}
.headline-rubrik{
	float:left;
	width:100%;
	padding:5px 20px 5px 20px;
	text-transform:uppercase;
	font-size:16px;
	color:#333;
	font-weight:500;
	border-bottom:1px solid #215c87;
	}
.headline-isi{
	float:left;
	margin:15px;
	color:#fff;
	height:150px;
	overflow:hidden;
	}
.headline-isi a{
	color:#fff;
	font-size:26px;
	line-height:34px;
	margin-bottom:15px;
	float:left;
	clear:both;
	font-family: 'Rubik';
	}
.headline-isi a:hover{
	color:#c7e8f9;
	text-decoration:none;
	}
.large-content1{
	background:#01597f;
	}
.thumbHeadlinelarge{
	width:100%;
	}
.thumbHeadlinelarge img{
	width:100%;
	height:auto;
	}
.large-content-isi{
	padding:20px;
	width:100%;
	background:#01597f;
	color:#FFFFFF;
	float:left;
	margin:-50px 0px 0px 0px;
	position:relative;
	}
.large-content-isi p{
	color:#FFFFFF;
	font-size:16px;
	}
.large-content-isi .title-headline a{
	color:#FFFFFF;
	font-weight:500;
	font-size:36px;
	line-height:40px;
	}
.large-content-isi .title-headline a:hover{
	color:#FF6600;
	}
.large-content,
.large-ctn_gall{
	width:100%;
	height:auto;
	float:left;
	margin:10px 0px 10px 0px;
	font-size:16px;
	line-height:30px;
	}
.thumbAneka{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	}
.thumbAneka img{
	max-width:100%;
	width:100%;
	height:auto;
}
.thumbPopuler{
	width:30%;
	height:auto;
	float:left;
	margin:0px 10px 20px 0px;
	}
.thumbPopuler img{
	max-width:100%;
	width:100%;
	height:auto;
}
.thumbHeadline{
	width:400px;
	height:auto;
	clear:both;
	margin:0 12px 8px 0;
	padding:5px;
	background:#c0deeb;
	}
.thumbHeadline:hover{
	background:#6cadde;
	}
.thumbHeadline img{
	max-width:100%;
	height:auto;
	}
.title-headline{
	width:100%;
	height:auto;
	float:left;
	font-size:14px;
	color:#666666;
	margin-bottom:5px;
	}
.title-headline a,
.title-headline span{
	color:#444;
	font-family: 'Rubik';
	font-size:34px;
	line-height:40px;
	font-weight:500;
	}
.content-info{
	width:100%;
	padding:5px 0px 5px 0px;
	border:1px solid #CCCCCC;
	background:#F8F8F8;
	margin:10px 0px 10px 0px;
	border-left:none;
	border-right:none;
	float:left;
	}
.content-info span{
	float:left;
	margin:0px 0px 0px 10px;
	color:#666;
	font-size:14px;
	}
.content-info h2{
	float:left;
	margin:0px 0px 0px 10px;
	color:#999999;
	}

@media (max-width:645px) {
	.thumbHeadline{
		width:100%;
	}
	.title-headline a{
		line-height:28px;
	}
}
.thumbDetail,
.thumbList-gall{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-bottom:12px;
	}
.thumbList{
	width:345px;
	height:auto;

	clear:both;
	margin:0 12px;
	padding:5px;
	background:#c0deeb;
	}
.thumbDetail a{
	width:100%;
	height:400px;
	float:left;
	overflow:hidden;
}
.thumbList-gall a{
	width:100%;
	height:250px;
	float:left;
	overflow:hidden;
}
.thumbDetail img,
.thumbList img,
.thumbList-gall img{
	width:100%;
	height:auto;
}

.boxnewspilihan{
	float: left;
	width: 100%;
	height: 340px;
	overflow: hidden;
	text-align: left;
	margin: 5px 15px 8px 0px;
	padding: 0px;
	}
.boxnewspilihan-isi{
	margin:5px;
	text-align:left;
	}
.boxnewspilihan-isi .judul1{
	font-size:18px;
	font-weight:normal;
	font-family:'Rubik';
	margin-bottom:8px;
	line-height:28px;
	
	}
.boxnewspilihan .box-boxnewspilihan{
	width: 100%;
	height:200px;
	float:left;
	overflow:hidden;
	border:none;
	}
.boxnewspilihan .box-boxnewspilihan img{
	width: 100%;
	}
.box-kanan{
	margin:0px 0px 10px 0px;
	float:right;
	width:96%;
	border:1px solid #CCCCCC;
	padding:0px;
	overflow:hidden;
	background:#ffffff;
	}
.box-kanan-judul{
	float:left;
	color: #365c7b;
  	background: url(../images/bg.kanan.jpg) left;
  	display: block;
  	font-weight: normal;
  	padding: 14px 14px 10px 54px;
  	border-bottom: 4px solid #075e8e;
	}
.box-kanan-judul span{
	float:left;
	padding:0px;
	}
.box-kanan-isi{
	float:left;
	padding:10px;
	}
.box-demuslimahgram{
	border-bottom:8px solid #784298;
	}
.box-apasiapa{
	border-bottom:8px solid #4ebbbf;
	}
.box-kanan-isi .jalanpintas{
	float:left;
	margin:0px 0px 0px 0px;
	}

a.trending, .trending a{
	list-style:none;
	margin:0px;
	border-bottom:1px solid #CCCCCC;
	padding:10px 0px 10px 0px;
	width:100%;
	float:left;
	}

a.trending span{
	float:left;
	margin:0px 10px 10px 0px;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	font-size:14px;
	background:#ff6600;
	font-family: 'Rubik';
	font-size:16px;

	}
	

.trending-item{
	width:100%;
	float:left;
	padding:8px 0px 8px 0px;
	border-bottom:1px solid #CCCCCC;
	}
.trending-item:hover{
	background:#e2e4e0;
	}
.trending-item-no{
	font-size:30px;
	width:60px;
	height:30px;
	text-align:center;
	float:left;
	border-right:2px solid #e9e9e8;
	margin:0px 20px 0px 0px;
	color:#333;
	}

.trending-item-nama{
	float:left;
	}
.trending-item-nama a{
	font-size:16px;
	text-decoration:none;
	color:#333;
	float:left;
	width:100%;
	}
.date{
	font-size:13px;
	color:#777;
	text-align:left;
	}
a.title-news{
	margin-bottom:5px;
	font-family: 'Rubik';
	font-size:24px;
	text-align:left;
	color:#444;
	line-height:34px;
	}
a.title-news:hover{
	color:#005ca9;
	text-decoration:none;
	}
a.title-news2{
	margin-bottom:5px;
	font-family: 'Rubik';
	font-size:20px;
	text-align:left;
	color:#444;
	line-height:34px;
	}
a.title-news2:hover{
	color:#005ca9;
	text-decoration:none;
	}

a.judul-1{
	margin-bottom:5px;
	font-family: 'Rubik';
	font-size:20px;
	text-align:left;
	color:#444;
	line-height:34px;
	font-weight:500;
	}
a.title-news2:hover{
	color:#005ca9;
	text-decoration:none;
	}
.member-kanan:first-child{
	margin:10px 0px 5px 0px;
	}
.member-kanan{
	width:98%;
	float:right;
	height:auto;
	border:1px solid  #CCCCCC;
	background:#FFFFFF;
  	display: block;
    padding: 10px 10px 5px 10px;
	margin:0px 0px 5px 0px;
	font-size:14px;
	color:#999999
	}
.member-kanan:hover{
	background:#f5f3f3;
	}
.member-kanan a{
	font-weight:normal;
	letter-spacing:0.5px;
	font-size:16px;
	color:#666666;
	font-family: 'Rubik';
	}
.member-kanan-icon{
	width:50px;
	height:50px;
	float:left;
	margin:0px 10px 5px 0px;
	overflow:hidden;
	text-align:center;
	color:#FFFFFF;
	padding:0px;
	}
.member-kanan-judul{
    padding: 15px;
	font-size:18px;
	text-transform:uppercase;
	font-weight:500;
	}


.contact-info{
	color:#666666;
}
.contactbox-judul{
	float:left;
	width:100%;
	height:40px;
	padding:8px 20px 5px 20px;
	font-size:16px;
	text-align:left;
	font-weight:500;
	cursor: pointer; 
	cursor: hand;
	border-bottom:2px solid #CC3300
	}
.contactbox-isi{
	float:left;
	padding:5px 20px 5px 20px;
	font-size:16px;
	background:#FFFFFF;
	color:#333333;
	height:auto;
	}
.contactbox-gambar{
	width:150px;
	height:150px;
	float:left;
	margin:0px 15px 0px 0px;
	border-radius: 50%;
	overflow:hidden;
	border:5px solid #bdbaba
	}
.contactbox-gambar img{
	width:100%;
	height:auto;
	}
.contactbox-nama{
	font-size:20px;
	font-weight:500;
	}
.contactbox-gambar span{
	top:10px;
	left:10px;
	width:10px;
	height:10px;
	background:#669900
	}
.contactbox-online{
	border:5px solid #669900;
	}
.contactbox1-gambar{
	width:170px;
	height:170px;
	float:left;
	margin:0px 15px 0px 0px;
	border-radius: 50%;
	overflow:hidden;
	}
.contactbox1-gambar img{
	width:100%;
	height:auto;
	}
.berita-home-item1-isi p{
	color:#555555;
	}

@media (max-width:960px){
	.quote{
		margin:10px;
		}
	.quote-line{
		display:none;
		}
	#headline{
		padding: 30px 0px 0px;
		}
	.headline-kiri{
		width:100%;
		margin-bottom:10px;
		}
	.headline-kanan{
		width:100%;
		margin-bottom:10px;
		}
	.agenda-home{
		width:100%;
		background:#FFFFFF;
		}
	.agenda-home-isi{
		width:90% !important;
		margin:15px;
		}
	.quote-home{
		width:100%;
		background:#FFFFFF;
		}
	.agenda-home-isi{
		width:50%;
		}
	.headline-img {
		height:auto;
		}
	.slide{
		height:auto;
		}
	.berita-home,.artikel-home,.blog-home{
		height:auto;
		}
	.berita-home-item1,.blog-home-item1{
		margin-left:20px;
		width:90% !important;
		height:auto;
		}
	.berita-home-item1 .judul-1{
		font-size:16px;
		}
	.berita-home-item1-isi p,.berita-home-item1-isi span{
		display:none;
		}
	.meet-membermnc,.galeri-membermnc{
		float:left;
		width:100%;
		}
	.blog-home-item1-img{
		width:100%;
		height:auto;
		}
	.blog-home-item-img {
		height:auto;
		}
}

/* MODAL*/
#myModal{
	margin-top:5%;
	}
.modal-backdrop.in {
    opacity: 0.8 !important;
}
body.modal-open {
    overflow-y: auto;
}
.modal{
    overflow-y: auto;
}
.modal-info{
	padding:0px 20px 0px 20px;
	}
.modal-info .input-group {
	display:inherit;
	}
.modal-info .input-group input{
	width:100%;
	margin-top:15px;
	float:left;
	font-size:16px;
	padding:5px;
	}
/* subcriber-item */
.subcriber-item-header{
	width:100%;
	float:left;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	border:1px solid #CCCCCC;
	background:#CCCCCC;
	color:#333333;
	font-weight:500;
	}
.subcriber-item{
	width:100%;
	float:left;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	border:1px solid #CCCCCC
	}
.subcriber-item div,.subcriber-item-header div{
	padding:5px;
	}

/* Kode Etik */
.kodeetik{
	float:left;
	width:100%;
	margin:30px 0px 0px 0px;
	border:1px solid  #999999;
	background:#FFFFFF;
	color:#333333;
	padding:40px;
	}
	
/* Training */
.masterisec{
	float:left;
	width:100%;
	font-size:20px;
	text-align:left;
	padding:10px 10px 10px 10px;
	font-weight:500;
	margin:0px 5px 5px 0px;
	}
.materi-item{
	float:left;
	width:100%;
	font-size:18px;
	text-align:left;
	padding:10px 10px 10px 10px;
	font-weight: normal;
	margin:0px 5px 5px 0px;
	}
.masterisec p{
	font-size:16px;
	font-weight:normal;
	}
.materi-item-icon{
	float:left;
	margin:0px 10px 0px 0px;
	}
.training-left{
	border-right:1px solid #cccccc;
	}
.training-right{
	background:#FFFFFF
	}
.training-class-judul{
	width:100%;
	font-size:20px;
	padding:10px;
	border-bottom:1px solid #CCCCCC;
	font-weight:500;
	}
.training-class-media{
	width:100%;
	min-height:500px;
	float:left;
	}
.class-nama{
	float:left;
	color:#FFFFFF;
	padding:20px;
	text-transform:none;
	font-size:24px;
	}
.materi-samping{
	float:left;
	width:100%;
	overflow:scroll;
	height:620px;
	}
.topbtn{
	color:#FFFFFF;
	margin:15px 0px;
	}
.class-text{
	width:100%;
	height:620px;
	float:left;
	background:#FFFFFF;
	overflow:scroll;
	}
.class-text-isi{
	float:left;
	padding:20px 20px 20px 60px;
	font-size:22px;
	line-height:38px;
	background:url(../images/img.bg.text.jpg) repeat-y top left;
	}

.chatbox-message{
	height:430px;
	padding:10px;
	overflow:auto;
	}
.chatbox-form{
	float:left;
	padding:10px;
	width:100%;
	}
.chatbox-form input{
	padding:4px;
	}
.chat-item{
	height:auto;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #CCCCCC;
	}
.chat-item-nama{
	color:#FF6600;
	}
.chat-item-nama span{
	color:#CCCCCC;
	}

.contact-samping{
	width:96%;
	margin:10px 0px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	float:left;
	height:auto;
	}
.contact-samping-isi{
	float:left;
	padding:20px;
	color:#333333;
	}

.list-video{
	margin:5px;
	border:1px solid #ccc;
	padding:10px;
	background:#FFFFFF;
	height:420px;
	overflow:hidden;
	border-radius:10px;
	}
.list-video .thumbDetail{
	float:left;
	height:200px !important;
	margin:0px;
	overflow:hidden;
	border-radius:10px;
	margin:0px 0px 10px 0px;
	}
.list-video .thumbDetail img{
	width:100% !important;
	height:auto;
	}

.disclaimer{
	float:left;
	width:auto;
	margin:10px 0px 10px 0px;
	color:#FFFFFF;
	}
.ajakan{
	float:left;
	padding:0px 0px 10px 0px;
	font-weight:500;
	font-size:22px;
	line-height:32px;
	}

.boxlr1 {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  position: relative;
  width: 98%;
  float: left;
  margin:10px 0 15px 15px;
  min-width: 96%;
}

.boxlr1 .title_lr {
  color: #333333;
  display: block;
  font-weight:500;
  padding: 14px 10px 0;
  border-bottom: 4px solid #0b76af;
  text-transform: uppercase;
}

.boxlr1 .title_lr span {
  display: inline-block;
  font-size: 18px;
  margin-left: 5px;
  padding: 0 0 7px;
}

.boxlr {
  background-color: #ffffff;
  border: 1px solid #ccc;
  position: relative;
  width: 96%;
  float: right;
  margin:10px 0 15px 15px;
  min-width: 96%;
  border-radius:10px;
  overflow:hidden;
}

.boxlr .title_lr {
  color: #365c7b;
  background: url(../images/bg.kanan.jpg) repeat-x;
  display: block;
  font-weight:500;
  padding: 22px 14px 18px 74px;
  border-bottom: 1px solid #ccc;
  font-size:20px;
}

.boxlr .title_lr span {
  display: inline-block;
  font-size: 18px;
  margin-left: 5px;
  padding: 0 0 7px;
}

.bg_lifestyle {
	background:#f9f9f9;
}

.mostpop .title_lr {
    background-color: #af0000;
}
.mostpop .title_lr span {
    border-bottom: 4px solid #cacaca;
}
.list_news1 {
  margin: 10px 0;
  padding: 0;
}


.list_news1 {
    margin: 10px 0;
    padding: 0;
}
.list_news1 li {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #fff;
    list-style: outside none none;
    margin: 0;
    min-height: 10px;
    padding: 10px 15px;
}
.list_news1 li:first-child {
    border-top: 0 solid #fff;
}
.list_news1 li:last-child {
    border-bottom: 0 solid #e0e0e0;
}
.list_news1 a {
    color: #444444;
    text-decoration: none;
}
.list_news1 a:hover h2, .list_news1 a:hover h3 {
    color: #e54e2c;
    text-decoration: none;
}
.box-cat .list_fokus li {
  padding: 10px;
}

.list_news1 li h3{
	margin:0px !important;
	font-size:16px;
	line-height:26px;
	}
.list_fokus li:hover {
    opacity: 0.9;
}
.labdate {
  color: #959595;
  display: block;
  margin-top: 5px;
}

.f11 {
  font-size: 12px;
}
.f13 {
  font-size: 13px;
}

.list_fokus li:hover h2, .list_fokus li:hover h3, .title_normal:hover h3, .slidefv_bot li:hover h3, .list_fokus li.satu_fokus:hover .title_normal h3, .dm_content .link_art:hover {
    color: #e54e2c;
}
.list_fokus li.satu_fokus:hover h2, .list_fokus li.satu_fokus:hover h3, .tl_vidfot:hover h3, li.wfotvid:hover h3 {
    color: #ff0;
}
.list_news1 .box_img {
    width: 30%;
}
.populer-no{
	width:20%;
	float:left;
	}
.populer-no span{
	float:left;
	border:2px solid #CCCCCC;
	padding:8px 15px 8px 15px;
	font-size:18px;
	color:#333333;
	font-weight:500;
	border-radius:50%;
	background:#FFFFFF;
	}
.list_news1 .title_ln {
    display: inline-block;
    float: left;
    line-height: 60px;
    width: 70%;
}
.list_news1 .title_ln span, .list_fokus .title_lnf span {
    vertical-align: middle;
}

.list_news1 .title_ln span .ls {
    color: #d50e6e;
    display: block;
    font-weight:500;
}
.pilihan-item{
	width:90%;
	margin:15px;
	border-bottom:1px solid #CCCCCC;
	}
.taukahanda{
	float:left;
	margin:10px 0px 10px 0px;
	background:#48b9cf;
	padding:20px;
	border-radius:10px;
	font-size:16px;
	}
.taukahanda img{
	float:left;
	margin:0px 20px 10px 0px;
	}

.tanyajawab{
	float:left;
	margin:10px 0px 10px 0px;
	background:#365c7b;
	padding:20px;
	border-radius:10px;
	font-size:16px;
	color:#fff;
	}
.tanyajawab img{
	float:left;
	margin:0px 20px 10px 0px;
	}
.tanyajawab a{
	color:#FF9900;
	}

.homePhoto{
	float:left;
	background:#365c7b;
	padding:20px;
	width:100%;
	border-radius:10px;
	
	}
/* BERITA */
.judulkanal-home1{
	font-size:26px;
	width:100%;
	float:left;
	padding:20px 0px 15px 0px;
	}
.berita-1{
	float:left;
	width:100%;
	margin:2px;
	padding:0px 5px 5px 5px;
}
.berita-1-img{
	width:100%;
	height:300px;
	overflow:hidden;
	}
.berita-1-img img{
	width:100%;
	}
.berita-1-info{
	float:left;
	position:relative;
	margin:-100px 0px 0px 0px;
	width:100%;
	z-index:99;
	background:#f5f5f5;
	color:#333;
	height:200px;
	overflow:hidden;
}
.berita-1-info-isi{
	float:left;
	width:100%;
	padding:20px;
}
.berita-1-info .judul-1{
	color:#333;
	font-family: "Rubik";
	text-transform:none;
	line-height:26px;
}
.berita-1-info .judul-1:hover{
	color:#f29c07;
}
.berita-1 img:hover{
	-webkit-filter: brightness(120%); 
	}

.berita-2{
	float:left;
	width:100%;
	padding:0px 2px 2px 2px;
	margin-bottom:5px;
	overflow:hidden;
	height:215px;
}
.berita-2-img{
	width:100%;
	height:200px;
	overflow:hidden;
	}
.berita-2-img img{
	width:100%;
	}
.berita-2-info{
	float:left;
	position:relative;
	margin:-50px 0px 0px 0px;
	width:100%;
	z-index:99;
	background:#00a0af;
	color:#FFF;
	min-height:60px;
}
.berita-2-info-isi{
	float:left;
	width:100%;
	padding:10px;
}
.berita-2-info .judul-1{
	color:#FFF;
	font-family: "Rubik";
	text-transform:none;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
}
.berita-2-info .judul-1:hover{
	color:#f29c07;
}



.berita-3{
	float:left;
	width:98%;
	margin:2px;
	padding:0px 5px 5px 5px;
}
.berita-3-img{
	width:100%;
	height:150px;
	overflow:hidden;
	}
.berita-3-img img{
	width:100%;
	}
.berita-3-info{
	float:left;
	position:relative;
	margin:0px 0px 0px 0px;
	width:100%;
	z-index:99;
	color:#fff;
	height:130px;
	overflow:hidden;
}
.berita-3-info-isi{
	float:left;
	width:100%;
	padding:10px 0px 10px 0px;
}
.berita-3-info .judul-1{
	color:#ffcf47;
	font-family: "Rubik";
	text-transform:none;
	line-height:24px;
}
.berita-3-info .judul-1:hover{
	color:#f29c07;
}
.berita-3 img:hover{
	-webkit-filter: brightness(120%); 
	}
.event-item{
	float:left;
	border:1px solid #ccc;
	border-radius:10px;
	padding:15px;
	width:98%;
	margin:0px 10px 10px 0px;
	}
.event-item-judul{
	font-size:22px;
	color:#C16100;
	width:100%;
	float:left;
	padding:10px;
	}
.event-item-isi{
	float:left;
	width:100%;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #ccc;
	}
.event-item-img{
	float:left;
	width:100px;
	height:80px;
	overflow:hidden;
	margin:0px 20px 0px 0px;
	}
.event-item-img img{
	width:100%;
	}
.hotelhome {
	float:left;
	width:96%;
	padding:15px 0;
	border-bottom:1px solid #CCC
}
.hotelhome-img {
	float:left;
	width:100%;
	height:150px;
	overflow:hidden
}
.hotelhome-img img {
	width:100%;
	height:auto
}
.hotelhome-info {
	width:100%;
	padding:0 10px
}
.hotelhome-info-rate {
	float:left;
	color:#C30;
	font-size:18px;
	font-weight:700
}
.placesec {
	float:left;
	width:100%;
	margin:0
}
.placesec li {
	list-style:none;
	float:left;
	width:100%;
	margin:0 0 0 -20px
}
.placesec li a {
	font-size:16px;
	padding:8px 10px;
	border-bottom:1px solid #ccc;
	float:left;
	width:100%
}

/* WISATA */
.wisata-1{
	float:left;
	width:100%;
	margin:2px;
	padding:0px 5px 5px 5px;
}
.wisata-1-img{
	width:100%;
	height:460px;
	overflow:hidden;
	}
.wisata-1-img img{
	height:100%;
	}
.wisata-1-info{
	float:left;
	position:relative;
	margin:-54px 0px 0px 0px;
	width:auto;
	z-index:99;
	background:#ec4315;
	color:#FFF;
}
.wisata-1-info-isi{
	float:left;
	width:100%;
	padding:10px 20px 10px 20px;
}
.wisata-1-info .judul-1{
	color:#FFF;
	font-family: "Rubik";
	text-transform:none;
	font-size:18px;
	font-weight:normal;
}
.wisata-1-info .judul-1:hover{
	color:#f29c07;
}

.wisata-2{
	float:left;
	width:100%;
	padding:0px 2px 2px 2px;
	margin-bottom:5px;
	overflow:hidden;
	height:150px;
}
.wisata-2-img{
	width:100%;
	height:150px;
	overflow:hidden;
	}
.wisata-2-img img{
	width:100%;
	}
.wisata-2-info{
	float:left;
	position:relative;
	margin:-35px 0px 0px 0px;
	width:auto;
	z-index:99;
	background:#ec4315;
	color:#FFF;
}
.wisata-2-info-isi{
	float:left;
	width:100%;
	padding: 5px 10px 5px 10px;
}
.wisata-2-info .judul-1{
	color:#FFF;
	font-family: "Rubik";
	text-transform:none;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
}
.wisata-2-info .judul-1:hover{
	color:#f29c07;
}
.wisata-2-info .judul-1{
	color:#FFF;
	font-family: "Rubik";
	text-transform:none;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
}
.wisata-2-info .judul-1:hover{
	color:#f29c07;
}
.btn-more a,a.btn-more{
	padding:20px 40px 20px 40px;
	font-size:18px;
	border:1px solid #CCCCCC;
	}

.wisata-read{
	height:450px;
	width:100%;
	float:left;
	text-align:center;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
.wisata-read-info{
	font-size:75px;
	font-family:'NiceDay';
	font-weight:500;
	color:#ffffff;
	margin:190px 0px 0px 0px;
	}

.wisata-read-info h2{
	font-size:55px;
	}

.lampiran{
	float:left;
	width:100%;
	height:auto;
	margin:5px 0px 5px 0px;
	border-bottom:1px solid  #CCCCCC;
	padding:5px;
	font-size:16px;
	}
.lampiran-img{
	float:left;
	width:40px;
	height:32px;
	}
.lampiran-info{
	float:left;
	width:90%;
	padding:5px 0px 0px 0px;
	}
.judul{
	font-size:18px;
	}
.tags-isi a{
	background:#cccccc;
	margin:5px;
	float:left;
	padding:10px;
	}
.potensi-item{
	width:95%;
	margin:10px;
	float:left;
	overflow:hidden;
	height:350px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	padding:15px;
	border-radius:5px;
	}
.potensi-item-img{
	width:100%;
	height:200px;
	overflow:hidden;
	float:left;
	}
.potensi-item-img img{	
	width:100%;
	}
.potensi-item-img img:hover{	
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}

.menuprofile{
	width:100%;
	padding:10px 0px 10px 0px;
	border-top:2px solid #156e9b;
	border-bottom:2px solid #CCCCCC;
	background:#f4f4f4;
	}
.menuprofile a{
	float:left;
	padding:5px 20px 5px 20px;
	font-size:16px;
	border-right:1px solid #CCCCCC
	}
.akomodasi-menu{
	float:left;
	border:1px solid #CCCCCC;
	font-size:16px;
	padding:5px 15px 5px 15px;
	margin:5px;
	border-radius:10px;
	}
.welcome{
	padding:10px 10px 10px 20px;
	color:#fff;
	float:left;
	}
.logofooter{
	float:left;
	margin:10px 10px 0px 0px;
	text-align:center;
	width:80px;
	overflow:hidden;
	height:80px;
	}
.logofooter img{
	width:100%;
	}

.tentang-item{
	float:left;
	margin:0px 0px 20px 0px;
	border:1px solid #ccc;
	border-radius:10px;
	}
.tentang-item-isi{
	float:left;
	width:100%;
	padding:30px;
	}
.tentang-item .thumbNews{
	width:300px;
	height:auto;
	overflow:hidden;
	}
.tentang-item .thumbNews img{
	width:100%;
	}
.blogpopuler-item {
	float:left;
	height:auto;
	padding:10px;
	margin:5px;
	border-bottom:1px solid #f5f5f5
}
.blogpopuler-item-img {
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	margin:0 10px 0 0
}
.blogpopuler-item-img img {
	width:100%;
	height:auto
}
.berita-2, .berita-2-img {
	height:180px;
	overflow:hidden
}
.blogpopuler-item a {
	font-size:18px
}

@media (max-width:780px){
	
	.logofooter{
		float:left;
		margin:-10px 10px 0px 0px;
		text-align:center;
		width:60px;
		overflow:hidden;
		height:60px;
	}
	.logofooter img{
		width:100%;
	}
	.shortcut{
		margin:10px 0px 0px 0px;
		}
	.topheader{
		height:40px;
		overflow:hidden;
		}
	.navbar-brand{
		width:100%;
		overflow:hidden;
		}
	.navbar-brand img{
		width:100%;
		}
	.agenda-item .fa{
		float:left;
		margin:0px 10px 0px 0px;
	}
	.box-content{
		margin:5px;
		}
	.aspirasi{
		float:left;
		width:100%;
		padding:5px;
		}
	.aspirasi .btn{
		width:49%;
		float:left;
		font-size:14px !important;
		padding:5px;
		}
	.aspirasi .btn i{
		display:none;
		}
	.berita-home-item1-img{
		display:none;
		}
	.large-content{
		clear:both;
		clear: both;
		font-size: 16px;
		line-height: 30px;
		}
	.judulkanal a{
		line-height:35px;
		}
	.boxcontent{
		float:left;
		width:100%;
		padding:15px;
		}
	.boxlr{
		width:100%;
		}
	.thumbNews {
		width:100%;
		}
	.berita-1-img{
		height:auto;
		}
	.berita-1-info{
		margin:0px;
		}
	#menuright{
		clear:both;
		width:100%;
		margin:10px 0px;
		float:left;
		}
	.box-content-why{
		width:100%;
		float:left;
		margin:0px 0px 10px 0px; 
		border-bottom:1px solid #CCCCCC;
		padding:0px;
		}
	.berita-home-item1 {
		margin:5px 0px 5px 20px;
		height:70px;
		}
	.berita-home-item1-info,.berita-home-item1-isi{
		height:auto;
		} 
	.berita-home{
		height:auto;
		min-height:100px;
		}
	.box-kanan {
		width:100%;
		}
	.navbar-collapse.in {
		overflow-y: auto;
		}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		color:#333;
		background:#ffffff;
		}	
	.navbar-default .navbar-nav>a, .navbar-default .navbar-nav>a:hover, .navbar-default .navbar-nav>a:focus {
		color:#ffffff;
		}
	.navbar-default .navbar-nav>a{
		color:#ffffff;
		}
	.box-content-why .icon {
		margin:10px 30px 10px 10px;
		}
	.box-content-why{
		height:auto;
		}
	.navbar-toggle {
		position: relative;
		float: right;
		margin-right: 15px;
		padding: 9px 10px;
		margin-top: 15px;
		margin-bottom: 8px;
		background-color: #365c7b;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 15px;
	}
	.box-content-why{
		font-size:14px;
		padding:0px 20px 0px 0px;
		}
	.box-content-why strong,.box-content-why b{
		font-size:16px;
		}
	.potensi-item{
		height:auto;
		width:100%;
		margin:10px 0px 0px 0px;
		}
	.potensi-item-img {
		width: 100%;
		height: auto;
		overflow: hidden;
		float: left;
		margin-bottom:10px;
	}
	.newsflash-isi{
		width:100%;
		}
	.navbar-brand {
		height: auto;
		margin: 20px 0px 0px 0px;
		padding: 0;
		float: left;
		position: relative;
		z-index: 9999;
	}
	.list-content-isi{
		padding:0px;
		}
	.title-headline a, .title-headline span {
		color: #444;
		font-family: 'Rubik';
		font-size: 24px;
		line-height: 30px;
		font-weight:500;
	}
	#footer .footer-bottom{
		margin-top: 0px;
		text-align:center;
	}
	#footer .footer-bottom .text-right{
		margin-top: 0px;
		text-align:center;
	}
	.socmed-home{
		margin-top:0px;
		float:left;
		width:100%;
		}
	.socmed-home-content{
		float:left;
		border:1px solid #CCCCCC;
		z-index:99;
		display:block;
		position:relative;
		background:#FFFFFF;
		border-radius:5px;
		width:100%;
		padding:10px;
		}
	.socmed-home a{
		float:left;
		width:18%;
		margin:2px;
		}
	.socmed-home a img{
		width:100%;
		}
	.boxnewspilihan .box-boxnewspilihan {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
		border: none;
	}
	.boxnewspilihan{
		height:auto;
		}
	.kanal-judul{
		font-size:22px;
		padding:20px 0px 10px 0px;
	}
	.kanal {
		height: 60px;
		width: 100%;
		background: url('../images/bg.kanal.png') bottom repeat-x;
		float: left;
		margin: -8px 0px 0px 0px;
		overflow: hidden;
	}
	.tentang-item .thumbNews{
		width:100%;
		height:auto;
		overflow:hidden;
		}
	.tentang-item-isi{
		padding:10px;
		}
	.tentang-item .thumbNews img{
		width:100%;
		}
	.event-item{
		float:left;
		border:1px solid #ccc;
		border-radius:10px;
		padding:10px;
		width:100%;
	}
}
@media (min-width:1204px){

.box-content-why{
	padding:0px;
	}
.box-content-why .icon {
	margin:10px 5px 30px 10px;
	width:90px;
	}
.box-content-why{
	height:auto;
	font-size:14px;
	} 
}