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

@import url(https://fonts.googleapis.com/css?family=Poppins&display=swap);


body {
	font-family: "Poppins", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	font-weight : 400;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased !important;
	background:#eaedee;
}

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

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

strong{
  font-family: "Poppins";
}
/* Global Margin for all block
----------------------------------*/
.m-0{
	margin: 0 !important
}
.mt-0{
    margin-top:0 !important;
}
.m-5{
	margin:5px;
	}
.ml-0{
    margin-left:0 !important;
}
.mr-0{
    margin-right:0 !important;
}
.mt-5{
	margin-top:5px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-10 {
margin-top: 10px !important;
}

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

.btn-cover-group.bg-orange a:first-child{
	border-right: 1px solid #ca6812;
}
.btn-cover-group.bg-orange a:last-child{
	border-left: 1px solid #f98c2b;
}
.btn-txt{
	padding: 8px 10px;
	font: 600 14px/1.3em "Poppins";
	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-register {
    background-color: #8b3405;
    border-color: #8b3405;
    color: #fff;
	font-size:26px !important;
	font-weight:normal;
}
.btn-register:hover,
.btn-register:focus,
.btn-register:active,
.btn-register.active,
.open > .dropdown-toggle.btn-register{
	background-color: #e15205;
    border-color: #e15205;
    color: #fff;
}


.btn-primary {
    background-color: #007cc3;
    border-color: #056ba5;
    color: #fff;
    border-radius: 10px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{
	background-color: #0094e0;
    border-color: #0978b1;
    color: #fff;
}

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

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

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

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

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

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

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

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


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

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

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

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

#topmenu {
    width: 100%;
    display: block;
    background: url(../images/bg.top.png) repeat-x #ffffff;
    z-index: 80000000;
    text-align: center;
	text-align:left;
	height:auto;
	border-bottom: 1px solid #c0c0c0;
	top:0;
	height:37px;
}

.toplogo{
	float:left;
	margin:5px;
	}
.toptagline{
	margin:5px 5px;
	float:left;
	color:#333
	}
.topinfo{
	float:right;
	padding:5px 20px 5px 20px;
	border-right:1px solid #dddddd;
	color:#333;
	border-left:1px solid #ececec;
	}
.topinfo:last-child{
	border-right:1px solid #dddddd;
	border-left:1px solid #ececec;
	}
.topinfo:first-child{
	border-right:1px solid #dddddd;
	border-left:1px solid #ececec;
	}
.topmenu-isi{
	padding:5px;
	color:#333;
	}

/* HOME */
.homeAbout{
	width:auto;
	padding:20px 0px 20px 0px;
	background:#c75306;
	float:left;
	width:100%;
	text-align:center;
	}
.homeAbout .aboutinfo{
	font-size:20px;
	line-height:32px;
	color:#fff;
	text-align:center;
	}
.homeServe{
	margin:0px 0px 10px 0px;
	}
.homeBerita{
	margin:10px 0px 10px 0px;
	float:left;
	width:100%;
	}
.homecontact .testi{
	font-size:22px;
	line-height:32px;
	margin:0px 20px 0px 0px;
	}
.box-content-why{
	margin:10px 10px 20px 10px;
	font-size:16px;
	text-align:center;
	border:1px solid #CCCCCC;
	padding:20px;
	min-height:400px;
	background:#ffffff;
	}
.box-content-why strong,.box-content-why b{
	font-size:22px;
	margin-bottom:20px;
	}
.box-content-why .icon{
	clear:both;
	font-size:48px;
	margin-bottom:10px;
	}


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

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

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

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

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

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

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

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

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

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

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

}
a.btn-bold,
.btn-bold > span{
	font-family: "Poppins";
	font-weight: 700;
	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: #198446
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
  background-color: #1B8E4B;
  border-color: #1B8E4B;
  color: #fff;
  cursor: default;
  z-index: 2;
}
/*--------------------------------
  IF NO SCRIPT ENABLED
----------------------------------*/

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

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

.navbar-brand a,a.navbar-brand{
	height:auto;
	margin:30px 0px 0px 0px;
	margin-left:0px !important;
	padding:0;
	float:left;
	font-size:18px;
	font-family: 'Poppins';
	color:#ffffff !important;
	}
.navbar-default{
	z-index:100;
	border:0px;
	border-bottom:2px solid #0064a5;
	font-weight:bold;
	text-transform:uppercase;
	height:85px;
	text-align:center;
	background:#1c5282;
}
.navbar{
	border-radius:0px;
	}
.navbar-default .navbar-nav > li > a {
	color:#ffffff
	}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #FF6600;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #ffffff;
		border-bottom:2px solid #CCCCCC;

}
.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:#999999;
	font-family: 'Poppins';
	}
.navbar-inverse .navbar-nav > li > a {
	font-size:16px;
	}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background:none;
	}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background:none;
	}

.navbar-nav > li > .dropdown-menu {
	text-align:left;
	line-height:30px;
	}

	
@media screen and (max-width:990px) and (min-width:768px){
	.boxform textarea {
		width:100%;
		}
}
@media screen and (min-width:1200px){
	.navbar-default .navbar-nav>li>a{
		height:65px;
		padding: 32px 10px 52px 10px;
	}
}
@media screen and (max-width:1199px) and (min-width:991px) {
	.navbar-default .navbar-nav>li>a{
		height:65px;
		padding:10px;
		line-height:58px;
	}
}
@media (max-width:768px){
	.navbar-nav>li>a {
		border-bottom:1px #dedede solid;
		font-size:16px;
		-webkit-box-shadow: 0px 0px 1px 0px #c8c8c8;
		-moz-box-shadow: 0px 0px 1px 0px #c8c8c8;
		-o-box-shadow: 0px 0px 1px 0px #c8c8c8;
		-khtml-box-shadow: 0px 0px 1px 0px #c8c8c8;
		box-shadow: 0px 0px 1px 0px #c8c8c8;
		background:#25A8FF;
		text-align:left;
		color:#ffffff;
	}
	.navbar-nav>li:hover{
		background:#0772b8;
		}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	background: #0772B8;
	}
	
	.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:#ffffff;
		}
	.navbar-default .navbar-nav > li > a {
    color: #333;
	}
		
	
}

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


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

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

/* MAIN BANNER */

#mainbanner{
	width:100%;
	height:450px;
	}

/*--------------------------------
  SOCIAL ICON
----------------------------------*/

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

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

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

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

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

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

#nav{
	width: 100%;
	height: 58px;
	background: #f2f1f1;
	border-bottom: 1px solid #ddd;
}
.nav-pills.green > li.active > a,
.nav-pills.green > li.active > a:hover,
.nav-pills.green > li.active > a:focus
{
	background-color:  #1b8e4b
}
.nav > li > a:hover, .nav > li > a:focus{
	color: #1b8e4b;
}
#nav .nav{
	margin-left: 11%;
}
#nav .nav li a,
#subnav .nav.subnav li a{
	font-family: 'Poppins';
	font-weight: 700;
	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: "Poppins";
	font-weight: 700;
	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: "Poppins";
	font-weight: 700;
	text-transform: uppercase;
	color: #167cc1;
	float: left;
	margin-left: 10px;
}


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

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

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

.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 {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}


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

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


/*--------------------------------
  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: "Poppins";
	font-weight: 700;
	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: "Poppins";
  font-weight: 600;
}
ul.tags li a:hover{
  background: #cccccc
}

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

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

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

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

}
#footer .footer-list li a:hover{
	color: #fff;
}
#footer .footer-bottom{
	width: 100%;
	background: #1c5282;
	margin-top: 0px;
}
#footer .footer-bottom p{
	font:600 14px/1.4em "Poppins";
	color: #fff;
	padding: 15px 0;
	margin: 0;
}
#footer .footer-bottom a{
	font:600 14px/1.4em "Poppins";
	color: #fff;
	text-transform: uppercase;
	margin-left: 15px;
	margin-top: 15px;
	display: inline-block;
}


/*--------------------------------
  DETAIL PAGE
----------------------------------*/
.boxcontent{
	background:#FFFFFF;
	margin:10px 0px 0px 0px;
	border:1px solid #CCCCCC;
	}
.box-content{
	width:95%;  
	height:auto;
	overflow:hidden;
	float:left;
	position:relative;
	margin:15px;
	background:#FFFFFF;
	}
.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:url(../images/bg.headerkanal.jpg) center top ;
	height:80px;
	border-bottom:1px solid #9da0a5;
}
.judulkanal-home{
	text-transform: uppercase;
	font-size:28px;
	font-family: 'Poppins';
	color:#666666;
	float:left;
	width:100%;
	margin:30px 0px 30px 0px;
	font-weight:normal;
	border-bottom: none;
	text-align:center;
	}
.judulkanal{
	text-transform: uppercase;
	font-size:28px;
	font-family: 'Poppins';
	color:#666666;
	float:left;
	width:100%;
	margin:30px 0px 30px 0px;
	font-weight:normal;
	border-bottom: none;
	}

.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: #198446;
}
ol.breadcrumb li a:hover{
	color: #198446;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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


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

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

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

#follower .member-thumbnail img,
#active-users .member-thumbnail img{
  left: 0!important
}
/*--------------------------------
   Message
----------------------------------*/
.mail-box {
  background-color: #ffffff;
  border-top: 0;
  padding: 0px;
  margin-bottom: 20px;
  font-family:"Poppins";
}
.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:bold;
}
.media-reply p{
  width: 450px;
}
.media-reply-date{
  position: absolute;
  right: 30px;
  top: 10px;
  color: #848484;
  font-size: 12px;
}
.media-reply:nth-child(even){
  background: #f7f7f7;
}

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

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

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

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

.profile-about p{
  font:500 14px/1.5em "Poppins";
}
#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;
}




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

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

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

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

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


/* SECTION HEADLINE */
#headline{
	width:100%;
	margin:0px 0px;
	overflow:hidden;
	background:#749406;
	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:bold;
	color:#FFFFFF;
	width:100%;
	padding:15px 20px 15px 20px;
	background:#6a9406;
	text-transform:uppercase;
	}
.headline-kiri-judul{
	font-size:20px;
	font-weight:bold;
	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{
	overflow:hidden;
	float:left;
	width:100%;
	}

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

/* SECTION HOME */
#homeslide{
	width:100%;
	margin:30px 0px;
	}
.homeslide{
	width:100%;
	float:left;
	background:#FFFFFF;
	height:auto;
	overflow:hidden;
	border-radius: 10px;
	}	
/* SECTION SLIDE */
#slidehome{
	width:100%;
	margin:20px 0px;
	}
.slidehome{
	width:100%;
	}
.slidehome img{
	width:100%;
	}
	
/* SECTION ABOUT */
#about{
	width:100%;
	margin:20px 0px;
	}
	
/* SECTION MEMBER */
#membersection{
	padding:10px 0px;
	background:#f6f6f6
	}

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



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

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

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

.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:bold;
	font-family: 'Poppins';
	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:bold;
	border-bottom:1px solid #215c87;
	}
.headlinehome-isi{
	float:left;
	margin:15px;
	color:#fff;
	}
.headlinehome-isi a{
	color:#fff;
	font-size:26px;
	line-height:34px;
	margin-bottom:15px;
	float:left;
	clear:both;
	font-family: 'Poppins';
	}
.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:bold;
	font-family: 'Poppins';
	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:bold;
	border-bottom:1px solid #215c87;
	}
.headline-isi{
	float:left;
	margin:15px;
	color:#fff;
	height:150px;
	overflow:hidden;
	}
.headline-isi a{
	color:#fff;
	font-size:26px;
	line-height:34px;
	margin-bottom:15px;
	float:left;
	clear:both;
	font-family: 'Poppins';
	}
.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:bold;
	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-family: 'Poppins';
	font-size:34px;
	line-height:40px;
	font-weight:normal;
	}
.content-info{
	width:100%;
	padding:5px 0px 5px 0px;
	border:1px solid #CCCCCC;
	background:#F8F8F8;
	margin:10px 0px 10px 0px;
	border-left:none;
	border-right:none;
	float:left;
	}
.content-info span{
	float:left;
	margin:0px 0px 0px 10px;
	color:#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;
	border-bottom:5px solid #333333
	}
.thumbList{
	width:345px;
	height:auto;

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

.boxnewspilihan{
	float: left;
	width: 100%;
	height: 340px;
	overflow: hidden;
	text-align: left;
	margin: 5px 15px 8px 0px;
	padding: 0px;
	}
.boxnewspilihan-isi{
	margin:5px;
	text-align:left;
	}
.boxnewspilihan-isi .judul1{
	font-size:18px;
	font-weight:normal;
	font-family:'Poppins';
	margin-bottom:8px;
	line-height:28px;
	
	}
.boxnewspilihan .box-boxnewspilihan{
	width: 100%;
	height:200px;
	float:left;
	overflow:hidden;
	border:none;
	}
.boxnewspilihan .box-boxnewspilihan img{
	width: 100%;
	}
.box-kanan{
	margin:0px 0px 10px 0px;
	float:right;
	width:96%;
	border:1px solid #CCCCCC;
	padding:0px;
	overflow:hidden;
	background:#ffffff;
	}
.box-kanan-judul{
	float:left;
	padding:0px;
	background:#1277bf;
	color:#FFFFFF;
	font-family: 'Poppins';
	text-transform:uppercase;
	font-size:18px;
	width:100%;
	}
.box-kanan-judul span{
	float:left;
	padding:15px 20px 15px 20px;
	}
.box-kanan-isi{
	float:left;
	padding:10px;
	}
.box-demuslimahgram{
	border-bottom:8px solid #784298;
	}
.box-apasiapa{
	border-bottom:8px solid #4ebbbf;
	}
.box-kanan-isi .jalanpintas{
	float:left;
	margin:0px 0px 0px 0px;
	}

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

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

	}
	

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

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

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


.contact-info{
	color:#666666;
}
.contactbox-judul{
	float:left;
	width:100%;
	height:40px;
	padding:8px 20px 5px 20px;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	cursor: pointer; 
	cursor: hand;
	border-bottom:2px solid #CC3300
	}
.contactbox-isi{
	float:left;
	padding:5px 20px 5px 20px;
	font-size:16px;
	background:#FFFFFF;
	color:#333333;
	height:auto;
	}
.contactbox-gambar{
	width:150px;
	height:150px;
	float:left;
	margin:0px 15px 0px 0px;
	border-radius: 50%;
	overflow:hidden;
	border:5px solid #bdbaba
	}
.contactbox-gambar img{
	width:100%;
	height:auto;
	}
.contactbox-nama{
	font-size:20px;
	font-weight:bold;
	}
.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;
	}

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

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

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

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

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

.list-video{
	margin:10px;
	border:1px solid #ccc;
	padding:10px;
	background:#FFFFFF;
	height:450px;
	overflow:hidden;
	}
.list-video .thumbDetail{
	float:left;
	height:auto;
	margin:0px;
	}
.list-video .thumbDetail a {
	height:auto;
	}
.disclaimer{
	float:left;
	width:auto;
	margin:10px 0px 10px 0px;
	color:#FFFFFF;
	}
.ajakan{
	float:left;
	padding:0px 0px 10px 0px;
	font-weight:bold;
	font-size:22px;
	line-height:32px;
	}

.register-1{
    font-size: 14px;
}


.wizard-steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}
.wizard-steps li {
    display: table-cell;
    text-align: center;
    width: 1%}
.wizard-steps li .step {
    border: 5px solid #ced1d6;
    color: #546474;
    font-size: 15px;
    border-radius: 100%;
    background-color: #FFF;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
}
.wizard-steps li:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 4px solid #CED1D6;
    position: relative;
    top: 21px;
    z-index: 1;
}
.wizard-steps li:last-child:before {
    max-width: 50%;
    width: 50%}
.wizard-steps li:first-child:before {
    max-width: 51%;
    left: 50%}
.wizard-steps li.active .step, .wizard-steps li.active:before, .wizard-steps li.complete .step, .wizard-steps li.complete:before {
    border-color: #5293c4;
}
.wizard-steps li.complete .step {
    cursor: default;
    color: #FFF;
    -webkit-transition: transform ease .1s;
    -o-transition: transform ease .1s;
    transition: transform ease .1s;
}
.wizard-steps li.complete .step:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    content: "\f00c";
    background-color: #FFF;
    z-index: 3;
    font-family: FontAwesome;
    font-size: 17px;
    color: #87ba21;
}
.wizard-steps li.complete:hover .step {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #80afd4;
}
.wizard-steps li.complete:hover:before {
    border-color: #80afd4;
}
.wizard-steps li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: #949ea7;
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}
.wizard-steps li.active .title, .wizard-steps li.complete .title {
    color: #2b3d53;
}
.step-content {
    position: relative;
}
.step-content .step-pane {
    display: none;
    min-height: 200px;
    padding: 4px 8px 12px;
}
.step-content .step-pane.active {
    display: block;
}
.wizard-actions {
    text-align: right;
}
@media only screen and (max-width:767px) {
    .wizard-steps li .step {
    width: 30px;
    height: 30px;
    line-height: 24px;
    border-width: 3px;
}
.wizard-steps li:after, .wizard-steps li:before {
    border-width: 3px;
}
.wizard-steps li.complete .step:before {
    line-height: 24px;
    font-size: 13px;
}
.wizard-steps li:before {
    top: 16px;
}
.step-content .step-pane {
    padding: 4px 4px 6px;
    min-height: 150px;
}
}

.step-content .step-pane.active .form-inline .form-group {
  vertical-align: top !important;
}

.boxReview{
	width:100%;
	height:auto;
	float:left;
	padding:0;
	border-bottom:2px #dedede solid;
	margin-bottom:20px;
}
.name_review{
    font-family: 'exo_2.0medium';
	font-size:18px;
	color:#444;
}
.name_review_detail{
    font-family: 'exo_2.0medium';
	font-size:24px;
	color:#444;
}
.date{
	width:100%;
	height:auto;
	float:left;
	margin:5px 0;
	padding:5px 10px;
	border:1px #dedede solid;
    font-family: 'droid_sansregular';
	color:#444;
	background:#ededed;
}
.date i{
	color:#333;
	font-size:15px;
	margin:0 3px;
}

section.footer-bar{
    width: 100%;
    min-height: 50px;
    background: #DA7305;
    border-top: 1px solid #ddd;
    display: block;
    padding: 27px 0;
}

section.footer-bar p{
    font-size: 24px;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 2
}

.btn-orange {
  color: #fff;
  background-color: #FC9125;
  border-color: #CE6904;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #BF6103;
  border-color: #BF6103;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  background-color: #FC9125;
  border-color: #CE6904;
}
.btn-orange .badge {
  color: #FC9125;
  background-color: #fff;
}



.btn-red {
  color: #fff;
  background-color: #D14040;
  border-color: #991D1D;
  text-shadow:1px 1px 1px rgba(0,0,0,.5);
}
.btn-red:hover,
.btn-red:focus,
.btn-red.focus,
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  color: #fff;
  background-color: #991D1D;
  border-color: #991D1D;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  background-image: none;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
  background-color: #D14040;
  border-color: #CE6904;
}

.template{
    background: #FFF;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.template,
.features{
    width: 100%;
    display: inline-block;;
    height: 100%;
    padding: 25px 0;
    text-align: center;
}
.template a > img{
    margin: 15px 0;
}
.template a span{
    font-weight: 700;
}

.feature-item{
    width: 100%;
    height: 100%;
    background: #FFF;
    border:1px solid #ddd;
    display: block;
    padding: 25px;
    margin: 15px 0;
}
.feature-item img{
    height: 83px;
    width: 83px;
}
.feature-item span{
    display: table;
    width: 100%;
}
.feature-item span span:first-child {
    width: 100%;
    font-size: 15px;
}
.feature-item span span:last-child {
    width: 100%;
    font-size: 13px;
}

.feature-item:hover{
    -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.25);
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.25);
    -ms-box-shadow: 1px 1px 0 rgba(0,0,0,.25);
    -o-box-shadow: 1px 1px 0 rgba(0,0,0,.25);
    box-shadow: 1px 1px 0 rgba(0,0,0,.25);
}

.fast-response{
    width: 100%;
    height: auto;
    min-height: 20px;
    display: inline-block;
    position: relative;
    background-color: #B73131;
    padding: 20px 0;
}

.fast-response h4{
    color: #FFF;
    margin: 0;
    text-transform: uppercase;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.fast-response h5{
 color: #FFF;
    margin: 0;
    text-transform: uppercase;
}
.fast-response p{
    text-transform: uppercase;
}

.fast-response .col-md-9 h4{
    display: inline-block;
    margin-right: 7px;
    line-height: 2.7;
}

/* CONTENT */
.content-left{
	width:100%;
	float:left;
	border:1px solid #cccccc;
	background:#ffffff;
	min-height:500px;
	border-radius: 10px;
	}
.content-left-isi{
	float:left;
	padding:20px 20px 20px 20px;
	}
.content-right{
	width:95%;
	float:right;
	border:1px solid #cccccc;
	background:#ffffff;
	min-height:200px;
	margin:0px 0px 20px 0px;
	border-radius: 10px;
	}
.content-right-isi{
	float:left;
	padding:10px 20px 10px 20px;
	}
.content-right-isi h3{
	font-weight:bold;
	color:#FF6600;
	padding:0px 0px 10px 0px;
	border-bottom:2px solid #d3d2d2;
	width:auto;
	}
.content-right-isi .book-home{
	margin:0px !important;
	width:100%;
	}
@media only screen and (max-width:768px){
    .content-right{
        width:100%;
		margin-top:20px;
    }
}

.judul-kanal{
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	padding:20px 0px 20px 0px;
	color:#007cc3;
	}
.logohotel{
	width:100%;
	text-align:center;
	}
.logohotel img{
	width:90%;
	}

/* ROOM LIST */
.datetop{
	width:100%;
	background:#fff;
	float:left;
	padding:10px 0px 10px 0px;
	border-radius: 10px;
	}
.datetop-isi{
	width:auto;
	padding:5px 10px 5px 20px;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	}
.roomlist-item{
	float:left;
	width:95%;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px 5px 0px;
	margin:20px 25px 10px 25px;
	}
.head-item{
	font-size:16px;
	float:left;
	padding:10px;
	font-weight:bold;
	text-align:center;
	}
.roomlist-item-img{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	margin:0px 0px 10px 0px;
	text-align:center;
	color:#999999;
	line-height:26px;
	}
.roomlist-item-img a{
	color:#999999;
	line-height:26px;
	}
.roomlist-item-img img{
	width:100%;
	}
.room-list-item-info{
	float:left;
	margin:0px 10px;
	}
.room-list-item-kamar{
	float:left;
	margin:0px 10px;
	min-height:150px;
	overflow:auto;
	color:#666666;
	width:100%;
	}
.room-list-item-fasilitas{
	float:left;
	margin:0px 10px;
	height:30px;
	overflow:auto;
	color:#999999;
	}
.room-list-item-info h3{
	margin:0px;
	font-size:18px;
	font-weight:bold;
	color:#0066CC
	}
.room-list-item-info .harga{
	font-weight:normal;
	color:#999999;
	text-decoration:line-through;
	}
.room-list-item-info .harga2{
	color:#FF6600
	}
.room-list-item-info .harga1{
	font-size:26px;
	font-weight:bold;
	color:#FF6600
	}
.room-list-item-info .harga-info{
	font-size:11px;
	color:#CCCCCC
	}
.room-list-item-info .harga-avail{
	font-size:13px;
	color:#669900
	}

.fasilitas-sec{
	width:100%;
	float:left;
	border-bottom:1px solid #CCCCCC;
	margin:10px 0px 10px 0px;
	}
.fasilitas-sec-judul{
	width:100%;
	float:left;
	font-size:18px;
	color:#666666;
	}
.fasilitas-sec-isi{
	width:100%;
	float:left;
	margin:20px 0px 20px 0px;
	}
.fasilitas-sec-isi span{
	margin:5px;
	}
.alamat-home{
	float:left;
	margin:0px 0px 0px 0px;
	width:100%;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	background:#f1f1f1
	}
.alamat-home-isi{
	float:left;
	margin:0px 15px;
	}
.bookhome{
	float:left;
	position:relative;
	margin:20px 0px 20px 0px;
	width:100%;
	border:1px solid #CCCCCC;
	z-index:99999;
	overflow:hidden;
	border-radius: 10px;
	}
.book-home{
	float:left;
	margin:15px;
	width:90%;
	}
.book-home .col-md-12,.book-home .col-md-6{
	margin:5px 0px 5px 0px;
	}

.book-home .col-md-12,.book-home .col-md-6{
	margin:5px 0px 5px 0px;
	}

.book-home-1{
	float:left;
	margin:0px;
	width:100%;
	}
.book-home-1 .col-md-12,.book-home-1 .col-md-2,.book-home-1 .col-md-3,.book-home-1 .col-md-1{
	margin:10px 15px 10px 15px;
	width:auto !important;
	}

.payment-item{
	width:95%;
	margin:10px;
	float:left;
	text-align:center;
	}
.payment-item img{
	}

.waiting-info{
	padding:50px;
	text-align:center;
	width:100%;
	float:left;
	}
.waiting{
	font-size:18px;
	}

.photo-detail{
	float:left;
	margin:15px;
	width:100%;
	overflow:hidden;
	width:96%;
	}
.photo-detail img{
	margin-bottom:10px;
	width:100%;
	}
.photo-list{
	width:90%;
	margin:10px;
	overflow:hidden;
	float:left;
	height:200px;
	}
.photo-list-detail{
	width:90%;
	margin:5px;
	overflow:hidden;
	float:left;
	height:100px;
	}
.content-left-isi table{
	float:left;
	width:100%;
	border:1px solid #CCC;
	margin:10px 0px 10px 0px;
	}
	.content-left-isi table td{
	padding:8px;
	border:1px solid #CCC;
	}

#whatsapp-chat {
  position: fixed;
  background: #fff;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 90px;
  right: 30px;
  overflow: hidden;
  z-index: 99999;
  animation-name: showchat;
  animation-duration: 0.5s;
  transform: scale(1);
}
a.blantershow-chat:link,
a.blantershow-chat:visited {
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
a.blantershow-chat {
  background: linear-gradient(to right top, #16a423, #16a423);
  color: #fff;
  position: fixed;
  z-index: 9999999;
  bottom: 25px;
  right: 30px;
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 30px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  text-decoration: none;
}
a.blantershow-chat i {
  transform: scale(1.2);
  margin: 0 10px 0 0;
}
.header-chat {
  background: #16a423;
  color: #fff;
  padding: 15px 20px;
}
.header-chat h3 {
  margin: 0 0 10px;
}
.header-chat p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  color:#fff;
}
.info-avatar {
  position: relative;
}
.info-avatar img {
  border-radius: 100%;
  width: 50px;
  float: left;
  margin: 0 10px 0 0;
}
a.informasi {
  padding: 20px;
  display: block;
  overflow: hidden;
  animation-name: showhide;
  animation-duration: 0.75s;
}
a.informasi:hover {
  background: #f1f1f1;
}
.info-chat span {
  display: block;
}
#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}
#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
#get-label,
#get-nama {
  color: #fff;
}
span.my-number {
  display: none;
}
.blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
}
textarea#chat-input {
  border: none;
  font-family: "Arial", sans-serif;
  width: 100%;
  height: 20px;
  outline: none;
  resize: none;
  min-height: 20px;
}
a#send-it {
  color: #555;
  margin: -5px 0 0 5px;
  font-weight: 700;
  padding: 8px 15px;
  background: #eee;
  border-radius: 10px;
}
.first-msg {
  background: url('/themes/website/assets/img/wa-background.png');
  padding: 30px 15px;
  text-align: left;
  position: relative;
}

.first-msg::before {
  position: absolute;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 30px;
  left: 3px;
  width: 12px;
  height: 19px;
}

.first-msg span {
  background: #ffffff;
  color: #333;
  font-size: 14.2px;
  line-height: 1.7;
  border-radius: 0 4px 4px 4px;
  padding: 15px 20px;
  display: inline-block;
}
.start-chat .blanter-msg {
  display: flex;
}
#get-number {
  display: none;
}

a.close-chat {
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: 0.4;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  outline: transparent none medium;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 23px;
  color: #fff;
}

a.close-chat:hover {
  opacity: 0.8;
}



@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
.hide {
  display: none;

  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}
.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}


@media only screen and (max-width:768px){
    .owl-controls {
        display: none!important;
    }
	.homeslide{
		height:auto;
		margin: 10px 0px 0px 0px;
		}
	.bookhome{
	margin:10px 0px 20px 0px;
	}
	.navbar-brand a,a.navbar-brand{
		margin-left:20px !important;
		}
	#topmenu {
    width: 100%;
    display: block;
    background: #ffffff;
    z-index: 80000000;
    text-align: center;
	text-align:left;
	height:auto;
	border-bottom: 1px solid #c0c0c0;
	top:0;
	}
	
	.roomlist-item-img{
		width:95%;
		height:auto;
		float:left;
		overflow:hidden;
		margin:0px 0px 10px 0px;
		text-align:center;
		color:#999999;
		line-height:26px;
		}
	.roomlist-item-img a{
		color:#999999;
		line-height:26px;
		}
	.roomlist-item-img img{
		width:100%;
		}
	.head-item{
		display:none;
		}
	.roomlist-item {
		float: left;
		width: 100%;
		border-bottom: 1px solid #CCCCCC;
		padding: 5px 0px 5px 0px;
		margin: 0px 5px 10px 5px;
	}
	.room-list-item-info{
		margin:0px;
		}
	.room-list-item-kamar {
		float: left;
		margin: 0px 0px;
		min-height: 10px;
		overflow: auto;
		color: #666666;
		width: 90%;
	}	
	.bookhome {
		float: left;
		position: relative;
		margin: 10px 0px 20px 0px;
		width: 100%;
		border: 1px solid #CCCCCC;
		z-index: 99;
		overflow: hidden;
	}
}