@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

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

body {
	font-family: "Poppins", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 24px;
	color: #333333;
	font-weight : normal;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	 padding-top:95px;
	 background: #eeeeee;
}

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.
*/

::-moz-selection {
  background  : #b3d4fc;
  text-shadow : none;
}

::selection {
  background  : #b3d4fc;
  text-shadow : none;
}

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           : #c19204;
	text-decoration : underline;
}

label,
th{
  font: 500 15px/1.4em ;
}

b, strong {
    font-weight: 600;
}

strong{
   font-weight: 600;
}
/* 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-60{
	margin-top: 60px !important;
}

.mt-15 {
margin-top: 15px !important;
}
.ml-15 {
margin-left: 15px !important;
}
.mb-10{
	margin-bottom:10px !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-10{
	padding:10px;
}
.p-20{
	padding:20px;
}
.p-30{
	padding: 30px !important;
}
/*--------------------------------
  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-weight: normal
}
.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: 500 16px/1.3em;
	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: 500 14px/1.3em;
	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: #049a5b;
    border-color: #049a5b;
    color: #fff;
	border-radius:10px !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{
	background-color: #ffc52d;
    border-color: #ffc52d;
    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: #049a5b;
    border-color: #049a5b;
    color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success{
	background-color: #e26814;
    border-color: #e26814;
    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;
}

.header-top{
	width: 100%;
	position: fixed;
	top: 0px;
	height: 65px;
	padding: 5px 0px 10px 0px;
	z-index: 999;
	background: #f5f5f5;
}
.header-top .btn-gabung{
	padding: 15px;
}


/*--------------------------------
  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: #049a5b !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;
}


/*--------------------------------
  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: auto;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  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: #ccc;
  opacity: 1;
  font-size: 14px;
}
.form-control:-ms-input-placeholder {
  color: #ccc;
}
.form-control::-webkit-input-placeholder {
  color: #ccc;
}
.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: 10px !important;
}
.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-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: #675684;
	border-radius:20px;
	
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
  background-color: #e0d9ea;
  border-color: #c2b2da;
  color: #333;
  cursor: default;
  z-index: 2;
  margin:2px;
  border-radius:20px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span{
	border-radius:20px;
	}
/*--------------------------------
  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: 500 18px/2em;
	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:5px 5px 0px 5px;
	padding:0;
	float:left;
	}
.navbar-brand img{
	margin:0px 0px 0px 0px;
	height:44px;
	}

.navbar-default{
	z-index:100;
	border:0px;
	font-weight:500;
	text-transform:uppercase;
	height:50px;
	text-align:center;
	background:#fff;
}
.navbar{
	border-radius:0px;
	}
.navbar-default .navbar-nav > li > a {
	color:#333
	}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #ffc200;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #ffc200;
}
.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: #ffffff
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff
}
.nav > li span{
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	color:#fff;

	}
.navbar-inverse .navbar-nav > li > a {
	font-size:18px;
	}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background:none;
	color: #333;
	}
.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;
	text-transform:none;
	}
.navbar-inverse .navbar-nav>li>a {
    color: #333;
    font-size: 15px;
    text-transform: none !important;
    font-weight: normal;
}

.navbar-fixed-top {
    top: 60px;
    border-width: 0 0 1px;
}

.dropdown-menu {
    position: absolute;
    top: 122%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 220px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    line-height: unset;
}
@media screen and (max-width:990px) and (min-width:1279px){
	.boxform textarea {
		width:100%;
		}
}
@media screen and (min-width:1200px){
	.navbar-default .navbar-nav>li>a{
		height:35px;
		padding:15px 15px 15px 15px;
	}
}
@media screen and (max-width:1199px) and (min-width:1279px) {
	.navbar-default .navbar-nav>li>a{
		height:65px;
		padding:10px;
		line-height:58px;
	}
}
@media (max-width:1279px){
	.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:#fffffff;
		text-align:left;
		color:#333;
	}
	.navbar-nav>li:hover{
		background:#f5f5f5;
		}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		background: #ffffff;
	}
	
	.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-collapse, .navbar-inverse .navbar-form {
		border-color:none;
	}

	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-right: 15px;
		margin-top: 18px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.navbar-collapse {
		border-top: none;
	}
	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
		color: #333;
		background-color: #fff;
	}
	.navbar-default .navbar-toggle {
		border-color: #333
	}
		
	
}


#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: "Inter";
	font-weight: 500;
	text-transform: uppercase;
}

/* MAIN BANNER */

#mainbanner{
	width:100%;
	height:450px;
	background:url(../images/bg.mainbanner.jpg) no-repeat 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-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: "Inter";
	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: "Inter";
	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 {
    left: 10%;
	}
.carousel-caption {
  z-index: 10;
  width:30%;
  float:right;
  margin-left:50px;
  color:#333333;
  text-shadow: none;
  bottom:120px;
}
.carousel-caption h2{
	margin:0;
	text-align:left;
	padding:12px 15px;
	font-weight:bold;
	font-size:37px;
}
.carousel-caption h2 a{
	color:#333333 !important;
	}
.carousel-caption h2 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 0px;
	color:#333333;
	line-height:34px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
  background: none !important;
}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}
.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    width: 100%;
    height: auto;
}
.carousel-info{
	
	margin:-50px auto;
	position:relative;
	z-index:99999999;
	}

.carousel-indicators {
	bottom:180px;
	}

@media screen and (max-width:1279px) {
	.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
----------------------------------*/

#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
----------------------------------*/
.slide{
	background:#fff;
	}

.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: "Inter";
	font-weight: 500;
}
.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: "Inter";
	font-weight: 500;
	margin:5px  0 2px;
	color: #1B8E69;
}


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

.media-text{
	font-family: "Inter";
	font-size: 16px;
	font-weight: 500;
	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: "Inter";
	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: "Inter";
  font-weight: 500;
}
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-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
}
.prayer-time div:last-child span.prayer-date{

	font-size: 13px;
	font-weight: 500;
	color: #fff;
}

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

}

.title-left,
.title-right{
	color: #fff;

	line-height: 1.2em;
}

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

}
.prayer-list li{
	font-size: 13px;
	font-weight: 500;
	font-family: "Inter";
	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: 500 14px/1.4em "Inter";
}
/*--------------------------------
   THE MOST SECTION
----------------------------------*/

#the-most .panel-red .panel-heading{

	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 : 500 20px "Inter";
	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: 500 12px "Inter";
}
#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;
	border-radius:10px;
}
.img-thumbnail{
	background:#dcdbdb;
	border:none;
	padding: 4px;
}
.items .img-thumbnail,
.live-channel .img-thumbnail{
	background:#dcdbdb;
	border:none;
	padding: 3px;
}
.items > p{
	font:500 16px/1.35em "Inter";
}
.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:500 18px/1.35em "Inter";
}
.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:500 14px/1.375em "Inter";
	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: 500 14px/1.4em "Inter";
	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: 500 15px/1.4em "Inter";
}
.quotes-source{
	color: #074670;
	font : 500 15px "Inter";
	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%;
	}
.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;
	}


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

#footer{
	background:#fff;
	height:auto;
	width: 100%;
	margin:0px 0px 0px 0px;
	float:left;
	color:#333;
}
#footer .footer-title{
	font:700 16px/1.4em ;
	text-transform: uppercase;
	color: #333;
	-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: #33;
	list-style: none;
	margin: 0;
	padding: 0;
}

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

}
#footer .footer-list li a:hover{
	color: #333;
}
#footer .footer-bottom{
	width: 100%;
	background: #e4e6e8;
	margin-top: 0px;
	color:#333;
}
#footer .footer-bottom p{
	font:600 14px/1.4em;
	color: #333;
	padding: 15px 0;
	margin: 0;
}
#footer .footer-bottom a{
	font:600 14px/1.4em;
	color: #333;
	text-transform: uppercase;
	margin-left: 15px;
	margin-top: 15px;
	display: inline-block;
}
#footer .footer-links a{
	color:#333;
	}
#footer .footer-links a:hover{
	color:#ef731e;
	}
#footer h3{
	font-size:16px;
	margin:10px 10px 10px 0px;
	padding:10px 0px 10px 0px;
	font-weight:500;
	border-bottom:1px solid #f5f5f5;
	}
.footer-links li{
	list-style:circle;
	float:left;
	width:100%;
	margin-left:-25px;
}
.footer-links a{
	width:100%;
	padding:5px 5px 5px 5px;
	float:left;
}
.footernama{
	font-size:18px !important;
	font-weight:500;
	margin:10px 0px 10px 0px !important;
	border-bottom: none !important;
	}
.footer-area{
	padding:20px 0px 20px 0px;
	}
.sosmed a{
	border:none;
	border-radius:50%;
	padding:0px;
	float:left;
	font-size:28px;
	margin:2px;
	width:40px;
	height:40px;
	text-align:center;
	color:#eb5e09;
	background:#fff;
	}
.sosmed a img{
  width: 100%;
}
.sosmed a:hover{
	background:#f5f5f5;
	}
.logo-footer{
	width:100%;
	margin:0px 0px 10px 0px;
	float:left;
	}
.logo-footer img{
	margin-left:-10px;
	width:100%;
	}

.subscribe-newsletter{
	width:100%;
	background:#f5f5f5;
	padding:25px 0px 20px 0px;
	font-size:18px;
	float:left;
	border-top:1px solid #ddd;
	margin-bottom:30px;
	}
.subscribe-newsletter input{
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
	border-radius:20px;
	padding:10px 20px 10px 20px;
	margin:0px 10px 0px 10px;
	width:60%;
	}
.subscribe-newsletter .subscribe_btn{
	background:#049a5b;
	color:#fff;
	border:1px solid #049a5b;
	border-radius:20px;
	padding:10px 20px 10px 20px;
	width:30%;
	}
.subscribe-newsletter p{
	float:left;
	width:100%;
	padding:10px;
	}

::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;
}
.w100{
	width:100% !important;
	height:auto;
	}
.berita-1 {
    float: left;
    width: 100%;
    margin: 2px;
    padding: 0 5px 5px;
	background:#ffffff;
	border-radius:10px;
	padding:10px;
	margin-bottom:10px;
}
.berita-1-img {
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
	transition: transform .2s; 
}
.berita-1-img img {
    width: 100%;
    height: auto;
	transition: transform .2s; 
}
.berita-1-img img:hover {
  transform: scale(1.1);
}
.berita-1-info {
    margin: 0;
    width: auto;
    color: #333;
    height: 135px;
    overflow: hidden;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
.berita-1-info-isi {
    float: left;
    width: 100%;
    padding: 10px 20px;
}
.berita-1-info .judul-1 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
.berita-1-info .judul-1:hover {
    color: #f29c07;
}

/*--------------------------------
  DETAIL PAGE
----------------------------------*/
.boxcontent{
	background:#FFFFFF;
	margin:0px 0px 10px 0px;
	float:left;
	border-radius:5px;
	width:100%;
	overflow:hidden;
	}
.box-content{
	width:100%;  
	height:auto;
	overflow:hidden;
	float:left;
	position:relative;
	padding:25px;
	background:#FFFFFF;
	line-height:26px;
	margin:10px 0px 10px 0px;
	float:left;
	border-radius:5px;
	}
.box-content p{
	color:#525252;
	margin-bottom:10px;
	}

.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;
	}
#header-kanal{
	background:#f5f5f5;
	height:85px;
	padding-top:20px;
}
.tags-isi a{
	float:left;
	padding:10px;
	font-size:16px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	border-radius:5px;
	margin:5px;
	}
.judulkanal{
	text-transform: none;
	font-size:24px;

	color:#049a5b;
	float:left;
	margin:20px 0px 20px 20px;
	font-weight:500;
	border-bottom: none;
	}
.judulkanal span{
	color:#59329d;
	}
.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: #675684;
}
ol.breadcrumb li a:hover{
	color: #675684;
	}

.page-content{
	background: #fff;
	border:1px solid #cc;
	border-radius:5px;
	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;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	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: 500 28px/1.4em "Inter";
	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: 500 20px/1.4em "Inter";
	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: 500 15px/1.3em "Inter";
}
.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: 500 15px/1.4em "Inter";
	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: 500 14px/1.4em "Inter";
	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: 500 15px/1.4em "Inter";
}
.items .media.media-subcomment  .media-body .media-date{
	font: 500 12px/1.3em "Inter";
	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:2px solid #c6b8d9;
	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: 500 18px/1.4em;
	margin: 0;
}

.items.item-w2{
	width: 100%;
	margin-left: 0 !important;
	border-radius:8px;
	margin-bottom:10px;
}
.option-title{
	font-size:18px;
	margin: 5px 5px 5px 25px !important
}
.option-title span{
  font-weight: 300
}
.panel {
    padding: 15px;
	box-shadow:none;
	-webkit-box-shadow: none;
    box-shadow: none;
	border:none;
	border-radius:10px;
}
/*--------------------------------
   Item Update ~ DASHBOARD
----------------------------------*/

.item-update{
 padding:0;
  margin: 0px 0;
  background: #fff;
  padding: 10px;
  border-radius:10px;
}
.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%;
	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: 500 14px/1.4em "Inter";
	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;
	border-radius:5px;
	padding-bottom: 15px;
	background:#c1b1dc;
	background: url(../images/bg.prof.png) #eee9f5;
	color:#333;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;

}
.profile-cover h4 a{
	color:#333 !important;
	}
.timeline-control{
	margin: 10px 0px;
    float: left;
    width: 100%;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
	}
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 "Inter";
	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: 500;
}
.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;
	width: 100%;
	background: #fff;
	float: left;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	border-radius:5px;
}

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 "Inter";
	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:16px;
	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: "Inter";
	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: 500 18px/1.4em "Inter";
	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{
	background: transparent;
	position: relative;
	height: 350px;
	text-align:center;
}
.profilemain-cover-avatar{
	margin-top: 70px;
	margin-left: 0px;
	width:100%;
	float:left;
	text-align:center;
	height:155px;
	overflow:hidden;
	
}

.media-img155{
	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: 150px;
	height: 150px;
	border-radius:50%;
	overflow:hidden;
	z-index: 99;
	display:inline-grid;
}
.media-img155 {
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.profilemain-username{
	float:left;
	text-align:center;
	width:100%;
	float:left;
}
.profilemain-username h3{
	font:500 28px/1.4em "Inter";
	color:#333;
}
.profilemain-nav{
	width: 100%;
	margin-left:0px;
	margin-top: 5px
}
.profilemain-nav .cover-nav{
	border-bottom: none;
}
.profilemain-nav .cover-nav li a{
	padding:12px 30px 12px 30px;
	border-radius:10px;
	background:#fff;
	float:left;
	font-size:16px;
	margin:4px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
	border: 1px solid #ddd;
	display:
}

/*--------------------------------
   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;
  background: #fff;
  border-radius:5px;
  
}
.sign-form h3{
	margin-top: 0;

	color:#049a5b;
}
.sign-form.single{
	width: 100%;
	margin: 45px 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:"Inter";
}
.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{
  margin-top: 0;
  padding:10px 0px 10px 0px;
  font-weight:600;
}

.profile-about{
  padding:20px;
  float:left;
  width:100%;
  height:auto;
  font-size:15px;
  line-height:24px;
}
#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;
		margin:0px 0px 10px 0px;
		border-radius:10px;
      }
        .stream-item .sapaan{
          border-bottom: 1px solid #e1e8ed;
          min-height: 51px;
          padding: 9px 12px;
          position: relative;
		  float:left;
		  height:auto;
		  width:100%;
        }
          .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%;
			float: left;
    		margin: 0px 10px 0px 0px;
          }
		  .sapa-header{
		  	float:right;
			width:auto;
			margin:-20px 0px 0px 0px;
			}
            .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:14px;
			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;
            height:auto;
            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;
			font-size:13px;
          }
          .stream-item .stream-item-header .del-action:hover,
          .stream-item .stream-item-action .list-inline li a:hover{
            color: #333 !important;
          }
		  .stream-item-content{
		  	padding:10px 0px 10px 0px;
			}


  .expanded-conversation{
    list-style: none;
    padding: 0;
    margin: 0;
	background:#f5f8fa;
	overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .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 0px;
    }
      .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;
      }
.sapa-header .dropdown-menu a{
	float:left;
	padding:10px;
	width:100%;
	font-size:14px;
}
.sapa-header .dropdown-menu {
    position: absolute;
    top: 30px;
    left: -130px;
    z-index: 1000;
    float: left;
	}


.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:500 20px/1.3em "Inter";
  }

  .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: 'Inter';
  margin-top: 0;
}

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


/* SECTION HEADLINE */
#headline{
	width:100%;
	margin:5px 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:#c19204;
	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;
	}

.slide{
	height:610px;
	overflow:hidden;
	float:left;
	}

.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;

	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;
	}

@media (max-width:960px){
	.quote{
		margin:10px;
		}
	.quote-line{
		display:none;
		}
	.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:0px 0px 0px 0px;
	float:left;
	min-height:600px;
	height:auto;
	}

.about-home{
	width:100%;
	margin:-70px 0px 0px 0px;
	float:left;
	min-height:400px;
	padding:30px 0px 30px 0px;
	background:#ffffff;
	font:16px;
	line-height:28px;
	border-bottom:1px solid #ccc;
}
.about-home-judul{
	font-size:30px;
	text-align:center;
	float:left;
	padding:10px 0px 10px 0px;
	width:100%;
	}
.about-home-info{
	font-size:18px;
	text-align:center;
	float:left;
	padding:10px 0px 10px 0px;
	width:100%;
	margin-bottom:30px;
	}

.why-home{
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	min-height:400px;
	background:#ffffff;
	padding:30px 0px 30px 0px;
}
.why-home-judul{
	font-size:30px;
	text-align:center;
	float:left;
	padding:10px 0px 10px 0px;
	width:100%;
	}
.why-home-info{
	font-size:18px;
	text-align:center;
	float:left;
	padding:10px 0px 10px 0px;
	width:100%;
	margin-bottom:30px;
	}


.box-content-why{
	margin:0px 10px 10px 10px;
	font-size:15px;
	text-align:left;
	padding:25px;
	height:120px;
	background:#ffffff;
	}
.box-content-why strong,.box-content-why b{
	font-size:18px;
	margin-bottom:10px;
	color:#776503;
	text-transform: none;
	/*font-family: 'Inter'; */
	}
.box-content-why img{
	width:60px;
	margin:10px 10px 10px 10px;
	color:#006699;
	}

.keunggulan-item{
	width:95%;
	padding:15px;
	text-align:center;
	min-height:250px;
	}
.keunggulan-item strong{
	font-size:18px;
	font-weight:normal;
	padding:10px;
	float:left;
	width:100%;
	}
.keunggulan-item-img{
	width:100%;
	text-align:center;
	}
.keunggulan-item-img img{
	width:100px;
	}

.testihome{
	font-size:16px;
	text-align:left;
	line-height:26px;
}
.testihome-img{
	width:200px;
	height:200px;
	overflow:hidden;
	margin:0px 20px 0px 0px;
	float:left;
}
.testihome-img img{
	width:200px;
	height:auto;
}

.testimoni-item{
	width:95%;
	margin:10px;
	float:left;
	overflow:hidden;
	height:auto;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	padding:15px;
	font-size:16px;
	}
.testimoni-item p{
	font-size:15px;
	margin-top:20px;
	float:left;
	width:100%;
	}
.testimoni-item p span{
	font-size:24px;
	line-height:20px;
	}
.testimoni-item-img{
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
	}
.testimoni-item-img img{	
	width:100%;
	}
.testimoni-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;
	}
.testimoni-depan{
	line-height:30px;
	width:90%;
	float:left;
	}
.testimoni-depan-img{
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	margin:0px 20px 40px 0px;
	border:4px solid #999999;
	border-radius: 50%;
	}
.testimoni-depan img{
	float:left;
	width:100px;
	}

.landingpage-depan{
	width:92%;
	float:left;
	text-align:left;
	margin:15px;
	overflow:hidden;
	line-height:24px;
	min-height:345px;
	}
.landingpage-depan-img{
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	border-radius:5px;
	}
.landingpage-depan img{
	float:left;
	width:100%;
	}
.landingpage-depan img:hover{
	-webkit-filter: brightness(110%);
	}
			
#about{
	width:100%;
	margin:20px 0px;
	}
.plarge{
	font-size:16px;
	line-height:28px;
	}
.formcari{
	float: left;
	margin: 8px;
}
.formcari input{
	border: none;
}
.searchbar{
	float: left;
	height: 55px;
	background: #287b7f;
	width: 100%;
	padding: 10px 0px 10px 0px;
}
.contact-home{
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	min-height:400px;
	background: url(../images/bg.homelanding.png) right bottom no-repeat #ffffff;
	padding:30px 0px 30px 0px;
	font:16px;
	line-height:28px;
}
.contact-home-judul{
	font-size:38px;
	text-align:center;
	float:left;
	padding:10px 0px 10px 0px;
	width:100%;

	font-weight:bold;
	}
.contact-home-info{
	font-size:16px;
	text-align:center;
	float:left;
	padding:10px 0px 10px 0px;
	width:100%;
	margin-bottom:30px;
	}
.contact-home-menu{
	padding:20px;
	text-align:center;
	}
.contact-home-menu a{
	border:0px solid #049a5b;
	font-size:18px;
	padding:15px 30px 15px 30px;
	border-radius:5px;
	background:#049a5b;
	color:#fff;
	margin:10px;
	}
.contact-home-menu-2{
	background:#049a5b;
	}

.contact-home-menu a:hover{
	background:#fb9d2e;
	color:#fff;
	}
#artikelsec{
	width:100%;
	margin:10px 0px 10px 0px;
	overflow:hidden;
	background:url(../images/bg.biru.jpg) no-repeat top center;
	padding:30px 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:100%;
	float:left;
	height:560px;
	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;
	border-top:8px solid #0094e0;	
	margin:0px 0px 10px 0px;
	}
.berita-home-rubrik{
	width:100%;
	text-align:center;
	font-family:Inter;
	font-size:34px;
	text-transform:uppercase;
	float:left;
	margin:20px 20px 30px 20px;
	}

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

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

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

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

.blog-home-rubrik span{
	width:100%;
	text-align:center;
	font-family:Inter;
	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:Inter;
	font-size:24px;
	text-transform:uppercase;
	float:left;
	margin:20px 20px 30px 20px;
	}

.berita-home-rubrik1 span{
	width:100%;
	text-align:center;
	font-family:Inter;
	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-size:16px;
	float:left;
	margin:-240px 10px;
	position:relative;
	background:#FF6600
	}
.berita-home-item1{
	float:left;
	width:95%;
	height:120px;
	overflow:hidden;
	margin:20px 0px 0px 0px;
	border-bottom:1px solid #CCCCCC
	}
.berita-home-item1-img{
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
	margin:0px 20px 0px 0px;
	}

.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-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;
	}

.artikel-populer{
	float:left;
	border:1px solid #cccccc;
	width:95%;
	padding:0px 0px 0px 0px;
	}
.artikel-populer-judul{
	float:left;
	width:100%;
	padding:15px 20px 15px 20px;
	font-size:20px;
	color:#FFFFFF;
	background:#007cc3;

	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:14px;
	}
.artikel-populer-item-no{
	float:left;
	margin:0px 10px 30px 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: "Inter";
	font-weight:normal;
	}
.agenda-home-isi .date{
	font-size:16px;
	color:#999999;
	}


/* 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-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 Akademi Adi Sumaryadi */
.meet-genpro{
	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-genpro-judul{
	font-size:20px;
	font-weight:500;
	color:#FFFFFF;
	width:100%;
	padding:0px;
	background:#f06009;
	text-transform:uppercase;
	text-align:center;
	}
.meet-genpro-isi{
	margin:10px 15px 10px 15px;
	color:#333;
	width:90%;
	float:left;
	}
.genpro-item{
	float:left;
	width:95%;
	padding:15px 0px 15px 0px;
	margin:5px 10px 5px 10px;
	border-bottom:1px solid #CCCCCC;
	color:#333;
	}
.genpro-item:last-child{
	border:none;
	}
.genpro-item span{
	font-family:oswald;
	font-size:24px;
	color:#666666
	}
.genpro-item-avatar{
	width:80px;
	height:80px;
	float:left;
	margin:0px 15px 0px 0px;
	border-radius: 50%;
	overflow:hidden;
	}
.genpro-item-avatar img{
	width:100%;
	}
	

.galeri-genpro{
	width:96%;
	float:right;
	height:560px;
	border:8px solid  #f06009;
	background:#ffffff;
  	display: block;
    padding: 0px;
	}
.galeri-genpro-judul{
	font-size:20px;
	font-weight:500;
	color:#FFFFFF;
	width:100%;
	padding:10px 0px 10px 0px;
	background:#f06009;
	text-transform:uppercase;
	text-align:center;
	}
.galeri-genpro-isi{
	margin:15px 15px 15px 15px;
	color:#333;
	width:90%;
	float:left;
	}
.galeri-item{
	width:100%;
	}
.galeri-item img{
	width:100%;
	}

/*IKLAN */
.iklanuser-item{
	width:96%;
	float:left;
	height:380px;
	margin:5px;
	overflow:hidden;
	text-align:left;
	background:#fff;
	border:1px solid #fff;
	padding:15px;
	}
.iklanuser-item-img{
	width:95%;
	float:left;
	height:200px;
	overflow:hidden;
	border-radius:10px;
	}
.iklanuser-item-img img{
	width:100%;
	}
	
.iklanhome-item{
	width:96%;
	float:left;
	height:220px;
	margin:5px;
	overflow:hidden;
	text-align:center;
	}
.iklanhome-item-img{
	width:95%;
	float:left;
	height:150px;
	overflow:hidden;
	border-radius:10px;
	}
.iklanhome-item-img img{
	width:100%;
	}
.pengiklan{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	width:100%;
	}
.pengiklan-avatar{
	width:120px;
	height:120px;
	overflow:hidden;
	border-radius:50%;
	border:2px solid #999999;
	float:left;
	margin:0px 10px 0px 0px;
	}
.pengiklan-avatar img{
	width:100%;
	}
.pengiklan-contact{
	font-size:60px;
	color:#CC6600
	}

.pengiklan-avatar-1{
	width:70px;
	height:70px;
	overflow:hidden;
	border-radius:50%;
	border:2px solid #999999;
	float:left;
	margin:0px 10px 0px 0px;
	}
.pengiklan-avatar-1 img{
	width:100%;
	}

.iklan-header{
	width:100%;
	float:left;
	height:auto;
	padding:20px;
	margin:0px 0px 10px 0px;
	border:1px solid #CCCCCC;
	background:#ffffff;
	overflow:hidden;
	text-align:left;
	}
.homejudul{
	width:100%;
	padding:20px 10px 20px 10px;
	font-size:24px;
	float:left;
	text-align:center;
	}
.homejudul span{
	width:100%;
	padding:10px 0px 20px 0px;
	font-size:16px;
	float:left;
	}
.iklan-item{
	width:100%;
	float:left;
	height:180px;
	padding:15px 10px;
	margin:0px 0px 10px 0px;
	border:1px solid #CCCCCC;
	background:#ffffff;
	overflow:hidden;
	text-align:left;
	}
.iklan-item-img{
	width:250px;
	float:left;
	height:150px;
	overflow:hidden;
	border-radius:10px;
	margin:0px 20px 0px 10px;
	}
.iklan-item-img img{
	width:100%;
	}
.iklan-item .date{
	color:#CC3300;
	font-weight:bold;
	}
.iklan-item-harga{
	width:90%;
	float:left;
	text-align:right;
	font-size:18px;
	}
.box-kanan{
	margin:0px 0px 0px 0px;
	float:right;
	width:96%;
	padding:0px;
	overflow:hidden;
	background:#fff;
	padding:20px;
	border-radius:10px;
	overflow:hidden;
	}
.box-kanan-judul{
	float:left;
	padding:10px 15px 10px 15px;
	color:#da909b;
	text-transform:uppercase;
	font-size:24px;
	width:100%;
	border-bottom:2px solid #CCCCCC;
	}
.box-kanan-isi{
	float:left;
	padding:15px;
	}
.box-kanan-isi .jalanpintas{
	float:left;
	margin:0px 0px 0px 0px;
	}


.box-kanan-isi .jalanpintas a{
	float:left;
	width:100%;
	padding:8px 0px 8px 40px;
	list-style:none;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #CCCCCC;
	background:url(../images/bg.bullet.png) left center no-repeat;
	}
.box-kanan-isi .jalanpintas a:hover{
	text-decoration:none;
	background:url(../images/bg.bullet.png) left center no-repeat #edf3f6;
	}

.box-kanan-item{
	width:100%;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #CCCCCC;
	float:left; 
	margin:0px 0px 10px 0px;
	}
.box-kanan-harga{
	float:left;
	padding:15px 10px 15px 10px;
	border-bottom:1px solid #CCCCCC;
	width:100%;
	text-align:center;
	background:#CC6633;
	color:#fff;
	}
.box-kanan-harga span{
	font-size:20px;
	padding:20px 10px 20px 10px;
	width:100%;
	text-align:center;
	font-size:32px;
	}
.box-kanan-item-img{
	width:90%;
	float:left;
	}
.box-kanan-item-img img{
	width:100%;
	}
.box-kanan-item a{
	line-height:26px;
	} 	
/* SECTION MEMBER */
.img-resp{
  width: 100%;
  height: auto;
}
.tbl10 td{
	padding:10px;
	}
.img-produk{
  padding: 5px;
}
.produk-img{
	width:200px;
	height:auto;
	float:left;
	}
.produk-img img{
	width:100%;
	height:auto;
	float:left;
	}
.note{
	font-size:14px;
	color:#666;
	font-style:italic;
	}
#membersection{
	padding:10px 0px;
	}

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

#pagemember{
	height: auto;
	min-height:540px;
	}
.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*/
.konten-headline{
	margin:10px 0px 10px 0px;
	background: #fff;
	float:left;
	width:100%;
	padding:20px;
	border-radius:5px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
	}
.konten-headline-img{
	width:100%;
	float:left;
	height:350px;
	overflow:hidden;
	}
.konten-headline-img img{
	width:100%;
	height:auto;
	}
.konten-headline-isi{
	width:100%;
	padding:0px 20px 0px 20px;
	color:#333;
	}
.konten-headline-judul a,a.konten-headline-judul{
	font-size:32px;
	width:100%;
	float:left;
	padding:10px 0px 10px 0px;
	line-height:38px;
	color:#fb9d2e;
	font-weight:500;
	}
.konten-headline-judul a:hover,a.konten-headline-judul:hover{
	color:#049ca2;
	}
.large-content1{
	padding:15px;
	}
.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;
	margin:0px 0px 10px 0px;
	background:#ffffff;
	border-radius:5px;
	}
.tentangseft-content{
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px #cccccc solid;
	margin:0px 0px 10px 0px;
	background:#ffffff;
	}
.list-content-isi{
	height:auto;
	float:left;
	padding:15px;
	width:100%;
	min-height: 310px;
	}
.list-ctn_gall{
	width:100%;
	height:365px;
	float:left;
	padding:15px 0;
	border-bottom:1px #cccccc solid;
	}
.large-content img{
	width:100%;
	height:auto;
	}

.list-content-home{
	width:98%;
	height:auto;
	float:left;
	border:1px #cccccc solid;
	background:#ffffff;
	margin:0px 0px 10px 0px;
	}
.list-content-home-isi{
	height:auto;
	float:left;
	padding:15px;
	}
.list-content-home-judul{
	color:#336600;
	}
.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;
}
.thumbAlumni{
	width:300px;
	min-height:200px;
	height: auto;
	max-height:300px;
	float:left;
	clear:both;
	margin-right:12px;
	overflow:hidden;
	}
.thumbAlumni img{
	width:100%;
	height:auto;
}
.thumbprosiding{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-right:12px;
	overflow:hidden;
	}
.thumbprosiding img{
	width:100%;
	height:auto;
}
.thumbDosen{
  width:95%;
  min-height:200px;
  float:left;
  clear:both;
  margin-right:12px;
  overflow:hidden;
  border-radius: 10px;
  }
.thumbDosen img{
  width:100%;
  height:auto;
}
a.list-link{
	color: #444;
	font-size: 22px;
	line-height: 34px;
	font-weight:700;
	}
.title-headline a:hover,
a.list-link:hover{
	color:#3d801c;
	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{
	}
.tgl{
	color:#999999;
	font-size:13px;
	}
.thumbDetail,
.thumbList-gall{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-bottom:10px !important;
	border-radius:10px;
	overflow: hidden;
	
	}
.ringkas{
	margin:10px 0px 10px 0px;
	float:left;
	font-size:18px;
	line-height:28px;
	}

.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-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;
	}
.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-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;
	}
.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;
	}
.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-size:28px;
	line-height:40px;
	font-weight:bold;
	}
.content-info{
	width:100%;
	padding:5px 0px 5px 0px;
	background:#F8F8F8;
	margin:10px 0px 10px 0px;
	float:left;
	}
.content-info span{
	float:left;
	margin:0px 0px 0px 10px;
	color:#999999;
	}
.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: 160px;
	overflow: hidden;
	text-align: left;
	margin: 5px 15px 8px 0px;
	}
.boxnewspilihan-isi{
	margin:5px;
	text-align:left;
	padding: 20px 0px 20px 0px;
	overflow:hidden;
	width:100%;
	}
.boxnewspilihan-isi .judul1{
	font-size:18px;
	font-weight:normal;
	margin-bottom:8px;
	line-height:28px;
	font-weight:500;
	
	}
.boxnewspilihan .box-boxnewspilihan{
	width: 200px;
	height:120px;
	float:left;
	overflow:hidden;
	border:none;
	margin:0px 20px 0px 0px;
	}
.boxnewspilihan .box-boxnewspilihan img{
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	}

.sections{
	width: 100%;
	float:  left;
	padding: 40px 0px 40px 0px;
}

.section a{
	width: 100%;
    padding: 5px;
    float: left;
    border-left: 3px solid #edb50f;
    padding-left: 15px;
    margin-bottom: 10px;
}


.title-page{
	font-size:22px;
	}
.box-kanan{
	margin:0px 0px 10px 0px;
	float:right;
	width:100%;
	padding:20px;
	overflow:hidden;
	background:#ffffff;
	border-radius:5px;
	}
.box-kanan-judul{
	float:left;
	padding:8px 20px 8px 20px;
	background:#c4cbc5;
	color:#333;
	text-transform:none;
	font-size:16px;
	width:100%;
	border-bottom:none; 
	border-radius:8px;
	margin-bottom: 20px;
	}
.box-kanan-judul span{
	float:left;
	}
.box-kanan-isi{
	float:left;
	padding:20px;
	}
.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;
	}
.box-kanan-join{
	float:left;
	text-align:center;
	margin:-50px 0px 0px 0px;
	z-index:99;
	position:relative;
	padding-left:100px;
	}
.box-kanan-join .btn{
	border:2px solid #fff !important;
	}
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-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-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-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-size:20px;
	text-align:left;
	color:#444;
	line-height:34px;
	}
a.title-news2:hover{
	color:#005ca9;
	text-decoration:none;
	}
.member-kanan:first-child{
	margin:10px 0px 5px 0px;
	}
.member-kanan{
	width:93%;
	float:right;
	height:auto;
	border-bottom:1px solid #ccc;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	background:#FFFFFF;
  	display: block;
    padding: 10px 10px 5px 10px;
	margin:0px 0px 10px 0px;
	font-size:14px;
	color:#999999;
	border-radius:5px;
	}
.member-kanan:hover{
	background:#f5f3f3;
	}
.member-kanan a{
	font-weight:normal;
	letter-spacing:0.5px;
	font-size:16px;
	color:#333;
	}
.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-icon img{
	width:120%;
	}
.member-kanan-judul{
    padding: 15px;
	font-size:18px;
	font-size:#000;
	}

.contact-info{
	color:#666666;
	font-size:14px;
}
.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:100px;
	height:100px;
	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;
	}
/*!
 * Bootstrap-select v1.6.4 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

.bootstrap-select {
  width: 220px \0;
  /* IE9 and below */
}
.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: auto;
}
.bootstrap-select .btn:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.dropdown-header {
  cursor: default;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: poInter;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li .media {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li .media-body {
  vertical-align: middle;
  white-space: normal;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  poInter-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
}
.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.shortcut{
	margin-top:-70px;
	margin-bottom:0px;
	float:left;
	width:100%;
	padding-bottom:30px;
	}
.shortcut-content{
	float:left;
	z-index:99;
	display:block;
	position:relative;
	background:#FFFFFF;
	border-radius:10px;
	width:100%;
	padding:20px;
	}
.about-home{
	padding-top:100px;
	}
.box-content-why{
	margin:10px 10px 10px 0px;
	text-align:center;
	padding:8px;
	height:auto;
	background:#ffffff;
	float: left;
	width: 100%;
	border-radius: 10px;
	background: #f5f5f5;
	}
.box-content-why:hover{
	background:#fdfcfb;
	color:#666666
	}
.box-content-why strong,.box-content-why b{
	font-size:15px;
	margin-bottom:10px;
	color:#333;
	font-weight:bold;
  width: 100%;
  float: left;
	}
.box-content-why .icon{
	margin:10px 20px 60px 0px;
	font-size:48px;
	margin-bottom:10px;
	color:#666;
	width:50px;
  clear: both;
	}
.shortcut-item{
  width: 100%;
  float: left;
  font-size: 13px;
}
@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-genpro,.galeri-genpro{
		float:left;
		width:100%;
		}
	.blog-home-item1-img{
		width:100%;
		height:auto;
		}
	.blog-home-item-img {
		height:auto;
		}
	.thumbNews {
		width: 100%;
		height: auto;
		float: left;
		clear: both;
		margin-right: 12px;
		overflow: hidden;
	}
	.thumbNews img{
		width: 100%;
	}
	#header-kanal {
		margin-bottom: 0px;
	}
	.box-kanan{
		width:100%;
		}
	.why-home-judul,.about-home-judul{
		font-size:22px;
		line-height:28px;
		font-weight:500;
		}
	.about-home video{
		width:100% !important;
		height:auto !important;
	}
	
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		display: block;
		max-width: 100% !important;
		height: auto;
	}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		color: #FF6600;
		background: #f5f5f5;
	}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		color: #FF6600;
		background: #f5f5f5;
	}
}

/* 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;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
	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%;
	text-align:left;
	padding:10px;
	font-weight: normal;
	margin:0px 8px 8px 0px;
	border-bottom:1px solid #ccc;
	}
.materi-item i{
	float:left;
	width:30px;
	height:40px;
	font-size:24px;
	padding:10px;
	color:#e26814;
	margin:0px 10px 0px -5px;
	}
.materi-item p{
	font-weight:normal;
	color:#666;
	}
.masterisec p{
	font-size:16px;
	font-weight:normal;
	color:#999999;
	}
.materi-isi{
	float:left;
	width:100%;
	height:auto;
	}
.materi-item-icon{
	float:left;
	margin:0px 10px 0px 0px;
	}
	
.training-detail{
	float:left;
	width:100%;
	background:#049a5b;
	height:250px;
	font-size:#fff;
	}
.training-detail-judul{
	float:left;
	width:100%;
	padding:50px 10px 20px 10px;
	font-size:24px;
	line-height:34px;
	font-weight:bold;
	color:#fff;
	}
.training-detail-info{
	float:left;
	width:100%;
	padding:10px 10px 20px 10px;
	font-size:18px;
	line-height:28px;
	color:#fff;
	font-weight:300;
	}	
.training-detail-kanan{
	float:left;
	margin:-230px 0px 10px 0px;
	position:relative;
	}
.training-detail-menu{
	float:left;
	background:#f5f5f5;
	border-bottom:1px solid #ccc;
	width:100%;
	}
.training-detail-menu a{
	float:left;
	padding:10px 15px 10px 15px;
	width:auto;
	}
.training-detail-menu a.active{
	background:#fff;
	padding:10px 15px 11px 15px;
	position:relative;
	margin-bottom:-1px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom:none;
	border-top:none;
	}
.training-detail-list{
	float:left;
	width:100%;
	padding:20px 0px 20px 0px;
	font-size:22px;
	color:#e26814;	
	}
	
.training-read{
	float:left;
	width:100%;
	background:#049a5b;
	padding:20px 0px 20px 0px;
	height:auto;
	color:#fff;
	margin-top:15px;
	}
.training-read-judul{
	float:left;
	font-size:20px;
	}
.training-read-progress{
	float:right;
	}
.training-read-menu{
	float:left;
	width:100%;
	background:#ffffff;
	border-bottom:1px solid #ccc;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
	height:auto;
	color:#fff;
	}
.training-read-menu a{
	float:left;
	padding:10px 20px 10px 20px;
	font-size:16px;
	}
.training-read-box{
	float:left;
	width:100%;
	background:#fff;
	padding:50px;
	height:auto;
	color:#333;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
	border-radius:5px;
	margin-top:20px;
	}

.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:auto;
	float:left;
	background:#FFFFFF;
	
	}
.class-text-isi{
	float:left;
	width:100%;
	padding:15px;
	}

.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:0px 0px 15px 0px;
	border-radius:10px;
	padding:20px;
	background:#FFFFFF;
	height:450px;
	overflow:hidden;
	}
.list-video .thumbDetail{
	float:left;
	height:auto;
	margin:0px;
	}
.list-video .thumbDetail a {
	height:auto;
	}
.training-home{
	}	
.training-menu{
	border-bottom:1px solid #ccc;
	float:left;
	width:100%;
	background:#f5f5f5;
	}
.training-menu-isi{
	float:left;
	width:100%;
	}
.training-menu-isi a{
	float:left;
	padding:10px 20px 10px 20px;
	font-size:14px;
	}
.training-item{
	margin:10px 0px 5px 0px;
	float:left;
	width:100%;
	padding:15px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
	background:#fff;
	border-radius:5px;
	min-height:180px;
	height:auto;
	overflow:hidden;
	}
.training-item-img{
	margin:0px;
	float:left;
	width:100%;
	padding:0px;
	height:153px;
	overflow:hidden;
	}
.training-item-img img{
	width:100%;
	height:auto;
	transition: transform .2s;
	}
	
.training-item-meta{
	float:left;
	width:auto;
	color:#999999;
	font-size:14px;
	padding:1px 10px 10px 0px;
	}
.training-item-harga{
	font-size:18px;
	font-weight:500;
	float:right;
	width:auto;
	padding:10px;
	}
.info-member{
	float:right;
	padding:5px 0px 5px 0px;
	width:auto;
	font-size:14px;
	color:#999999;
	text-align:right;
	}

.training-item-info{
	float:left;
	width:100%;
	padding:0px 15px 0px 15px;
	}
.training-item-info .judul-1{
	font-size:18px;
	font-weight:500;
	line-height:26px;
	}
.training-item-info-isi{
	float:left;
	width:100%;
	padding:5px 0px 15px 0px;
	color:#666666;
	margin:0px 0px 10px 0px;
	height:150px;
	overflow:hidden;
	}

.box-content p, .box-content li{
	font-size: 16px;
}

.training-kanal{
	background:url(../images/bg.trainingkanal.jpg) repeat #56477c;
	margin-bottom:20px;
	color:#fff;
	}
.training-kanal-icon{
	float:left;
	padding:10px;
	margin:0px 20px 0px 0px;
	}
.training-kanal-judul{
	padding:50px 20px 20px 20px;
	font-size:32px;
	font-weight:500;
	float:left;
	width:100%;
	}
.training-kanal-info{
	padding:5px 20px 5px 20px;
	font-size:16px;
	font-weight:normal;
	}
.label {
    font-size: 75%;
    font-weight: normal;
}
.label-training{
	font-size:100%;
	padding:8px 18px 8px 18px;
	float:right;
	margin:2px 0px 0px 0px;
	}
.pagination li{
	margin:3px;
	}
.kelas-item{
	float:left;
	width:98%;
	margin:5px;
	text-align:center;
	border:1px solid #ccc;
	padding:20px;
	border-radius:10px;
	min-height:300px;
	}
.kelas-item-img{
	float:left;
	width:100%;
	text-align:center;
	border-radius:10px;
	overflow:hidden;
	}
.kelas-item-img img{
	float:left;
	width:100%;
	text-align:center;
	}
.materi-detail{
	float:left;
	padding:20px 10px 20px 10px;
	width:100%;
	}

.materi-detail-box{
	float:left;
	background:#fff;
	padding:40px;
	width:100%;
	border-radius:5px;
	min-height:100px;
	font-size:16px;
	line-height:28px;
	}
.materi-detail-video{
	float:left;
	background:#000;
	padding:20px;
	color:#fff;
	width:100%;
	border-radius:5px;
	min-height:400px;
	font-size:16px;
	line-height:28px;
	}
.homeuser{
	border-radius:50%;
	border:2px solid #990000;
	float:left;
	overflow:hidden;
	margin:50px 25px;
	}
.homeuser:hover{
	transform: scale(1.3);
	transition: transform .25s ease;

}
.homeuser img{
	width:100%;
	height:auto;
	}	
#homeuser-1{
	width:150px;
	height:150px;
	
	}
#homeuser-2{
	width:150px;
	height:150px;
	margin-top:20px;
	}
#homeuser-3{
	width:100px;
	height:100px;
	}
#homeuser-4{
	width:200px;
	height:200px;
	}
#homeuser-5{
	width:90px;
	height:90px;
	margin-top:-20px;
	}
#homeuser-6{
	margin-top:-40px;
	width:220px;
	height:220px;
	}
#homeuser-7{
	margin-top:10px;
	width:170px;
	height:170px;
	}
#homeuser-8{
	margin-top:20px;
	width:130px;
	height:130px;
	}

.homeitem{
	float:left;
	width:195px;
	height:133px;
	margin:5px 4px 5px 4px;
	text-align:center;
	padding:5px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
	background:#fff;
	border-radius:8px;
	line-height:18px;
	font-size:14px;
	}
.homeitem:hover{
	border:1px solid #FF3300;
	}
.homeitem img{
	width:80px;
	height:80px;
	}
.homeitem i{
	font-size:42px;
	margin:15px;
	color:#CC3300
	}
.mengapa-item{
	width:100%;
	height:240px;
	float:left;
	overflow:hidden;
	}
.mengapa-item-img{
	width:100%;
	float:left;
	}
.mengapa-item-img img{
	width:100%;
	}
.mengapa-item-img img:hover{
	width:100%;
	-webkit-filter: brightness(130%); 
	transform: scale(1.5);
	transition: transform .2s;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	}
.mengapa-item-info{
	position:relative;
	float:left;
	margin:-150px 0px 0px 0px;
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	}
.mengapa-item-icon{
	font-size:40px;
	}
.mentor-depan{
	width:100%;
	padding:10px;
	}
.mentor-depan a{
	font-size:18px;
	font-weight:bold;
	}
.mentor-depan-img{
	float:left;
	width:120px;
	height:120px;
	margin:0px 20px 20px 0px;
	overflow:hidden;
	border-radius:50%;
	border:2px solid #4b1513;
	}
.mentor-depan-img img{
	width:100%;
	}
.summary{
	width:100%;
	float:left;
	margin:-100px 0px 0px 0px;
	height:auto;
	z-index:9;
	position:relative;
	}
.home-masking{
	width:100%;
	float:left;
	margin:0px 0px 0px 0px;
	}
.home-masking img{
	width:100%;
	}
.home-masking-2{
	width:100%;
	float:left;
	margin:0px 0px 0px 0px;
	background:#fff;
	}
.home-masking-2 img{
	width:100%;
	}
.home-summary{
	float:left;
	width:100%;
	padding: 30px 20px 30px 20px;
	margin:-20px 0px 0px 0px;
	background:#fff;
	border-radius:10px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
	}
.summary-item{
	font-size:16px;
	color:#333;
	text-align:center;
	}
.summary-item span{
	font-size:28px;
	font-weight:bold;
	color:#333;
	text-align:center;
	}
#page-member{
	width:100%;
	background:url(../images/bg.profile.jpg) repeat-x center bottom #fff;
	height:350px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.12);
	border: 1px solid #ddd;
	}
.member-menu{
	float:left;
	width:100%;
	background:#fff;
	padding:10px;
	border-radius:10px;
	margin:0px 0px 20px 0px;
	}
.member-menu-item{
	float:left;
	width:95px;
	background:#fff;
	padding:10px;
	border-radius:10px;
	text-align:center;
	font-size:13px;
	background:#f5f5f5;
	border-radius:10px;
	margin:2px;
	}
.member-menu-item:hover{
	background:#f9e4e4;
	}
.member-menu-icon img{
	width:40px;
	}
.input-status{
	background:#f5f5f5;
	border-radius:10px !important;
	border:none;
	height:100px;
	}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    font-size: 21px;
}
.stream-item-content p a{
	color:#CC6633;
	font-weight:bold;
	}
.sapaan-row{
	float:left;
	height:auto;
	}
.jumbotron{
	background:#527557;
	color:#fff;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 10px;
	}

.soal-pt-item{
	float:left;
	width:100%;
	padding:15px 0px 15px 0px;
	border-bottom:1px solid #ccc;
	margin:2px;
}
.soal-pt-pertanyaan{
	float:left;
	width:100%;
	padding:0px 0px 10px 0px;
}
.soal-pt-jawaban input[type=radio]{
    height: 20px;
    width: 20px;
    background-color: #eee;
	padding-top:5px;
	margin:5px 10px 0px 10px;
	float:left;
	}
.soal-item{
	float:left;
	 -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	padding:10px;
	width:100%;
	}
.soal-ganti{
	float:left;
	margin:4px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding:10px;
	width:100%;
	background: #CCEEA6;
	}
.soal-pilih{
	float:left;
	margin:4px;
	border:1px solid #ccc;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding:10px;
	width:100%;
	background: #fbfac4;
	}
.soal-item-nomor{
	float:left;
	font-weight:500;
	border:1px solid #eea236;
	 -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
		padding:5px 10px 5px 10px;
	margin:0px 8px 0px 0px;
	}
.soal-pt-pertanyaan img{
	max-width:90% !important;
	height:auto;
	}
.soal-item-jawaban{
	margin:0px 0px 0px 40px;
	float:left;
	width:500px;
	height:auto;
	}
.pt-mapel-item{
	width:100%;
	padding:20px;
	border:1px solid #ccc;
	border-radius:20px;
	float:left;
	margin:5px 0px 5px 0px;
	background:#f5f5f5;
	}
.pt-mapel-item-icon{
	float:left;
	width:8%;
	height:40px;
	font-size:30px;
	}
.pt-mapel-item-nama{
	float:left;
	width:55%;
	height:40px;
	font-size:16px;
	}
.pt-mapel-item-nilai{
	float:left;
	width:10%;
	height:40px;
	font-size:16px;
	}
.pt-mapel-item-nilai span{
	font-size:18px;
	font-weight:500;
	}
.pt-mapel-item-status{
	float:left;
	width:10%;
	height:40px;
	}
.pt-mapel-item-aksi{
	float:left;
	width:25%;
	height:40px;
	}
.pa-content-waktu{
	float:right;
	width:auto;
	padding:5px 10px 5px 10px;
	font-size:20px;
	font-weight:500;
	color:#000;
	border:1px solid #ccc;
	border-radius:20px;
	font-weight:bold;
}
.styled div{
	float:left;
	width:auto;
	margin:3px;
	}
.styled div span{
	font-weight:normal;
	}
.bg-dark{
	background: #e1e5e5;
}

.caption-ilustrasi{
	z-index: 99;
    position: absolute !important;
    top: 80px!important;
    width: 500px !important;
    height: auto !important;
    right: 10% !important;
	border-radius:20px;
	overflow: hidden;
}

.listsearch .list-content-isi{
	height: auto;
	min-height: 100px;
}
.menu-alumni{
	background: #fff;
	float: left;
	width: 100%;
	padding: 10px;
}
.menu-alumni a{
	float: left;
	padding: 5px 20px 5px 20px;
}
.menu-alumni .active{
	float: left;
	padding: 5px 20px 5px 20px;
	background-color: #ddd;
	border-radius:5px;
}

.instagram-img{
	width: 312px;
	height:  312px;
	overflow: hidden;
	margin-bottom: 10px;
}
.instagram-img-square{
	width:  312px;
	height:  312px;
	overflow: hidden;
	margin-bottom: 10px;
}
.instagram-img img{
	margin-top: 0px;
}
#columns {
	column-width: 340px;
	column-gap: 5px;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}
div#columns .figure {
	background: #f5f5f5;
	margin: 10px;
	padding: 20px;
	border-radius:10px;
	padding-bottom: 10px;
	transition: opacity .4s ease-in-out;
	column-break-inside: avoid;
	display: inline-block;
	width:95%;
	height: 480px;
}
div#columns .figure .figure-info .img {
	width: 80px !important;
	height:80px !important;
	overflow:hidden;
	border-radius:50%;
	height: auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px;
	float:left;
	margin:0px 20px 0px 0px;
}
div#columns .figure .figure-info{
	padding:20px 0px 20px 0px;
	float:left;
	font-size:14px;
	width:100%;
}

@media (min-width: 1200px){
	.container {
		width:1180px;
	}
    .carousel-caption {
      z-index: 10;
      width: 30%;
      float: right;
      margin-left: 50px;
      color: #333333;
      text-shadow: none;
      bottom: 60px;
  }
}

@media (min-width: 1440px){
  
    .carousel-caption {
      z-index: 10;
      width: 30%;
      float: right;
      margin-left: 50px;
      color: #333333;
      text-shadow: none;
      bottom: 130px;
  }
  .slide{
      width: 100% !important;
  }
}

@media (min-width: 1640px){
  
    .carousel-caption {
      z-index: 10;
      width: 30%;
      float: right;
      margin-left: 250px;
      color: #333333;
      text-shadow: none;
      bottom: 260px;
  }
  .slide{
      width: 100% !important;
  }
}

@media (max-width:1279px){

	.navbar-brand{
		margin-left: -30px;
	}
	.header-top .btn-gabung{
		padding: 15px 0px 0px 0px;
	}
	.slidehome {
		width: 100%;
		min-height: 200px;
		height: auto;
	}
	.contact-home-judul {
		font-size: 22px;
		text-align: center;
		float: left;
		padding: 10px 0px 10px 0px;
		width: 100%;
	}
	.contact-home-info {
		font-size: 14px;
		margin-bottom: 10px;
		line-height:22px;
	}
	.contact-home-menu a {
		border: 1px solid #049a5b;
		font-size: 14px;
		padding: 5px;
		border-radius: 10px;
		background: #049a5b;
		color: #fff;
		margin: 10px;
		width: 100%;
		float: left;
		margin: 1px;
	}
	.about-home {
		width: 100%;
		margin: 0px 0px 0px 0px;
		float: left;
		min-height: 400px;
		background: url(../images/bg.homelanding.png) top left no-repeat #ffffff;
		padding: 10px 0px 10px 0px;
		border-top: 1px solid #ccc;
		font: 14px;
		line-height: 24px;
	}
	.sign-form.single {
		width: 100%;
		margin: 0px auto;
	}
	.materi-isi img{
		width:100%;
		}
	.box-content {
		width: 85%;
		height: auto;
		overflow: hidden;
		float: left;
		position: relative;
		margin: 20px;
		background: #FFFFFF;
	}
	.training-read-box{
		float:left;
		width:100%;
		background:#fff;
		padding:10px;
		height:auto;
		color:#333;
		box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
		border-radius:5px;
		margin-top:20px;
	}
	.homeuser {
		border-radius: 50%;
		border: 2px solid #990000;
		float: left;
		overflow: hidden; 
		margin: 10px 15px;
	}
	
	#homeuser-1{
		width:70px;
		height:70px;
		
	}
	#homeuser-2{
		width:70px;
		height:70px;
		margin-top:20px;
		}
	#homeuser-3{
		width:60px;
		height:60px;
		}
	#homeuser-4{
		width:80px;
		height:80px;
		margin-left:40px;
		}
	#homeuser-5{
		width:110px;
		height:110px;
		margin-top:-20px;
		}
	#homeuser-6{
		margin-top:-50px;
		width:80px;
		height:80px;
		}
	#homeuser-7{
		margin-top:10px;
		width:70px;
		height:70px;
		}
	#homeuser-8{
		margin-top:20px;
		width:50px;
		height:50px;
		}
	.items {
		width: 100%;
		margin: 0px; 
		padding: 8px;
		background: #fff;
		border-radius: 5px;
	}
	.homeitem{
		float:left;
		width:100%;
		height:60px;
		margin:5px 4px 5px 4px;
		text-align:left;
		padding:5px;
		box-shadow: 0 1px 8px rgba(0,0,0,0.12);
    border: 1px solid #ddd;
	border-radius:10px;
		background:#fff;
		border-radius:8px;
		line-height:14px;
		font-size:16px;
		}
	.shortcut {
		padding-top: 10px;
		margin-bottom: 0px;
		margin-top:0px;
		float: left;
		width: 100%;
		background: #ffffff;
	}
	.box-content-why {
		margin: 5px;
		text-align: center;
		padding: 5px;
		min-height:100px;
	}
	.homeitem:hover{
		border:1px solid #FF3300;
		}
	.homeitem img{
		width:40px;
		height:40px;
		float:left;
		}
	.mentor-depan-img{
		float:left;
		width:80px;
		height:80px;
		margin:0px 20px 20px 0px;
		overflow:hidden;
		border-radius:50%;
		border:2px solid #4b1513;
	}
	.summary{
		width:100%;
		float:left;
		margin:-5px 0px 0px 0px;
		height:auto;
		position:relative;
		}
	.home-summary{
		margin:0px;
		}
	.summary-item{
		margin:0px 0px 10px 0px;
		text-align:left;
		font-size:14px;
		padding:10px;
		text-align:center
		}
	.summary-item span{
		font-size:14px;
		padding:10px;
		}
	.homeitem i {
		font-size: 22px;
		margin: 15px;
		color: #CC3300;
		float:left;
	}
	.profilemain-nav .cover-nav li a {
		padding: 8px 15px 8px 15px;
		border-radius: 10px;
		background: #fff;
		float: left;
		font-size: 14px;
		margin: 4px;
		box-shadow: 0 1px 8px rgba(0,0,0,0.12);
		border: 1px solid #ddd;
		display: ;
	}
	.training-detail-judul {
		float: left;
		width: 100%;
		padding: 20px 10px 20px 10px;
		font-size: 28px;
		line-height:32px;
		color: #fff;
	}
	.training-detail{
		height:auto;
		}
	.box-content{
		margin:5px;
		width:100%;
		}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #ffffff;
		border: 0;
		box-shadow: none;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #333;
	}
	.carousel-caption h2 {
		margin: 0;
		text-align: left;
		padding: 15px 0px 15px 0px;
		font-weight: bold;
		font-size: 19px;
	}
	.carousel-caption {
		z-index: 10;
		width: 90%;
		float: left;
		margin-left: 20px;
		color: #333333;
		text-shadow: none;
		bottom: 120px;
		line-height:18px !important;
		display:block;
	}
	.carousel-caption p {
		font-size: 14px;
		padding: 12px 25px;
		line-height: 22px;
		
	}
	.carousel-caption .btn {
		margin-top:10px;
		font-size:16px;		
	}
	.logo-footer{
		margin-left: 10px;
		width: 100%;
		float:left;
		margin:0px 0px 10px 10px;
	}
	.carousel-control {
		position: absolute;
		top: -287px;
		left: 0;
		bottom: 0;
		width: 15%;
		opacity: .5;
		filter: alpha(opacity=50);
		font-size: 20px;
		color: #fff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}
	.logo-footer img{
		width:200px;
		}
	.member-menu{
		height:100px;
		overflow:auto;
		float:left;
		}
	.member-menu-isi{
		width:1200px;
		float:left;
		}
	.member-menu{
		height:100px;
		overflow:auto;
		float:left;
		}
	.navbar-brand img {
		width: 166px;
		margin: 10px;
		height:auto;
	}
	.navbar-toggle {
		position: relative;
		float: right;
		margin-right: 15px;
		padding: 9px 10px;
		margin-top: 10px;
		margin-bottom: 8px;
		background-color: #049a5b;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.p-30{
		padding: 5px !important;
	}
	.box-content{
		padding: 10px;
	}
	.boxnewspilihan {
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: left;
		margin: 5px 0px 8px 0px;
	}
	.boxnewspilihan-isi {
		margin: 0px;
		text-align: left;
		padding: 20px 0px 20px 0px;
		overflow: hidden;
		width: 100%;
	}
	.boxnewspilihan .box-boxnewspilihan {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
		border: none;
		margin: 0px 0px 0px 0px;
	}
	.jumbotron{
		background:#527557;
		color:#fff;
		padding-bottom: 20px;
		}
	.thumbAlumni {
			width: 100%;
	
	}
	
}

.rowd{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	/* margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x)); */
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.text-right{
	text-align: right;
}

.mt-3{
	margin-top: .5rem;
}
.carousel-caption h3{
	float: left;
	text-align: left;
}
::placeholder {
	color: red;
	opacity: 1; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
	color: red;
  }

.w-100{
	width: 100%;
}
.instagram-home{
	padding: 20px 20px 0px 20px;
}