/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */
@font-face {
  font-family: "BenchNine";
  src: url("../fonts/BenchNine-Regular.ttf");
}

@font-face {
  font-family: "OpenSans-CondLight";
  src: url("../fonts/OpenSans-CondLight.ttf");
}

@font-face {
  font-family: "OpenSans-CondBold";
  src: url("../fonts/OpenSans-CondBold.ttf");
}

@font-face {
  font-family: "MartelSans";
  src: url("../fonts/MartelSans-Regular.ttf");
}

@font-face {
  font-family: "MartelSans-ExtraLight";
  src: url("../fonts/MartelSans-ExtraLight.ttf");
}

@font-face {
  font-family: "MartelSans-Black";
  src: url("../fonts/MartelSans-Black.ttf");
}

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 20px;
}

.img-hover:hover {
    opacity: 0.8;
}


/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

.img-home {
	width: 100%;
}

.item::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to top, #131313 0, transparent 100%);
  margin-top: -207px;
  height: 207px;
  width: 100%;
  content: '';
  opacity: 0.8;
}

.img-layer::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to top, #131313 0, transparent 100%);
  margin-top: -107px;
  height: 107px;
  width: 100%;
  content: '';
  opacity: 0.8;
}

.bdr_orange {
  border-bottom: 1px solid #cbcbcb;
}

.bdr_orange .media-body {
  padding: 0 20px;
}

.media-body.lengkap {
  padding: 10px 20px;
}

.media-body.lengkap a {
  color: #ee3138;
}

fieldset.scheduler-border {
    border-top: 2px solid #97989a !important;
	border: none;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    margin: 0;
	padding: 0 10px 0 0;
	width: auto !important;
    border: none;
    font-size: 28px;
	font-family: "OpenSans-CondLight";
	color: #ec3237;
	letter-spacing: 3px;
}

.podcast_cat {
  color: #ec3436;
}

.podcast_cat .glyphicon-user {
  color: #9c9c9c;
}

.podcast_cat a {
  color: #323232;
  font-size: 18px;
}

.navbar-nav>li>a{font-family:"BenchNine", "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{font-family:"BenchNine", "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;}
@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu{background-color:#373435;}}

/*hover*/
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    cursor: default;
	margin-bottom: 14px;
}
.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 100%;
	background: #32bc72;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	opacity: 0.9;
}

.hovereffect img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	border: 1px solid #e4e4e4;
}

.hovereffect:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.hovereffect h2 {
    color: #fff;
    position: relative;
    font-size: 17px;
    padding: 10px;
	float: left;
	margin: 0px;
	display: inline-block;
	opacity: 1;
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}


.hovereffect p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

.hovereffect:hover p.icon-links a:hover,
.hovereffect:hover p.icon-links a:focus {
	color: #252d31;
}

.hovereffect h2,
.hovereffect p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.hovereffect p.icon-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.hovereffect:hover .overlay,
.hovereffect:hover h2,
.hovereffect:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hovereffect:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hovereffect:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.hovereffect:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

@media(max-width:767px) {
	.hovereffect h2 {
	    display: block;
		font-size: 22px;
	}
	.hovereffect span {
	    display: block;
		font-size: 16px;
		color: #0b5735;
	}
}
@media(min-width:768px) {
    .hovereffect h2 {
	  padding: 10px 2px;
	}
    .hovereffect span {
	    display: none;
	}
}

/*hover*/

.carousel-caption a {
   color: #fff;
   font-family: "OpenSans-CondBold";
}

/*historytoday*/
.historytoday {
  border: 2px solid #97989a;
}
.historytoday h3, .historytoday h4, .historytoday p {
  margin: 10px 15px;
}
.historytoday h3,.historytoday h3 span {
  display: block;
  color: #97989a;
}
.historytoday h3 span {
  line-height: 0.7;
  font-family: "MartelSans-Black";
  font-size: 30px;
  color: #ed3338;
}
.historytoday h3 {
  display: inline-block;
  font-family: "MartelSans-ExtraLight";
}
.historytoday .lengkap {
  display: inline-block;
  float: right;
  background: #97989a;
  color: #fff;
  padding: 5px 10px;
}
.historytoday .lengkap a {
  text-decoration: none;
  color: #fff;
  padding: 5px 10px;
}
.historytoday h4, .historytoday h4 a {
  color: #ef3238; 
}


footer {
  margin: 20px 0 0;
  padding: 40px 0;
  background: #575d64;
  color: #b1b7bd;
  font-family: "OpenSans-CondBold";
  font-size: 14px;
}

footer .kiri {
  padding: 0 3%;
}

footer .kanan {  
  padding: 0 3%;
  font-family: "MartelSans";
  font-size: 16px;
  margin-bottom: 20px;
}

footer .kanan a {
  color: #fff;
  padding: 0 5px;
}

.cuttext p {
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 50px;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cuttext h3 {
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 36px;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#rubrik { margin: 10px auto; }
#rubrik .content { position: relative; padding: 25px 10px; font-size: 16px;text-align: justify; line-height: 1.5;}
#rubrik .category {  padding: 10px 0 10px 40px; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; color: #C8C8C8; font-size: 14px;}
#rubrik .title {  font-size: 36px; margin-top: 10px; margin-bottom: 10px; color: #4F4A4D;text-align: left;  line-height: 1.2;}
#rubrik .cat { font-size: 90%; color: #D60166; }
#rubrik .tgl { float: right; color: #d23904; margin-bottom: 10px; margin-right: 50px; }
#rubrik .tgllist { color: #09A68D; margin-bottom: 10px; margin-right: 50px; }
#rubrik img { position: relative; background: #FFFEF9; border: 0px solid #D3D9D9; padding: 1px; margin-left: 3px; margin-right: 15px; }
#rubrik .list { clear: left; margin-top: 20px; margin-bottom: 20px; padding: 3px; border-bottom: 1px solid #DFDFDF; }
#rubrik .titlenews { line-height: 1.5; font-size: 24px; color: #4F4A4D; }
#rubrik .ahli { clear: left; margin: 5px 20px; padding: 3px; background: #F5F5F3; border-top: 2px solid #F3F3F1; color: #3C6942; }
#rubrik .subkategori { color: #3C6942; font-size: 16px; }

#rubrik .more { width: auto; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; font-size: 10px; background: url("../images/btn_more.gif") repeat-x top left; color: #F7FEF7; font-weight: bold; height: 14px; }
#rubrik a.more:active, #rubrik a.more:link, #rubrik a.more:visited { width: auto; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; font-size: 10px; background: url("images/btn_more.gif") repeat-x top left; color: #F7FEF7; font-weight: bold; height: 14px; }
#rubrik a.more:hover { color: #FFE4AE; }

#komentar { clear: left; margin-right: 3px; padding-top: 20px;color: #727272; }
#komentar .title { font-size: 100%; font-weight: bold; }
#komentar .content { padding: 10px;font-size: 90%; }
#komentar .term { margin-top: 5px; padding: 10px; border-top: 1px solid #CCCCCC; font-size: 80%; color: #bebdbd; }
#komentar .list { margin: 5px; padding: 4px; background: #FAF9F5; border-bottom: 1px solid #E8E5E0; }
#komentar .list p { margin-left: 80px; }
#komentar .tgl2 { font-size: 11px; color: #9E625A; margin-bottom: 10px; }
#komentar input {border:0px solid #333;padding:2px 1em;background:#00ac4f;color:#fff;font-size:100%;border-radius:6px}

#loading { width: 100px; position: absolute; text-align: center; font-family:Trebuchet MS; font-size:12px; color:#008000; font-weight:bold }
#menu li{	list-style: none; float: left; margin-right: 10px; text-transform: uppercase;	color: #000000; }
#menu li:hover{ color: #6fa5fd; cursor: pointer; }

@media screen and (max-width: 640px) {
 #likebox-wrapper * {
	width: 100% !important;
 }
}
@media only screen and (max-width: 767px) {
   .fb-comments {
    width: 100% !important;
   }
.fb-comments iframe[style] {
   width: 100% !important;
  }
.fb-like-box {
   width: 100% !important;
  }
.fb-like-box iframe[style] {
   width: 100% !important;
  }
.fb-comments span {
   width: 100% !important;
  }
.fb-comments iframe span[style] {
   width: 100% !important;
  }
.fb-like-box span {
   width: 100% !important;
  }
.fb-like-box iframe span[style] {
   width: 100% !important;
  }
}

@media(min-width:496px) {
  .col-sm-6 {float:left;width: 50%;}  
}

@media(min-width:699px) {
  .col-sm-8 {width:66.66666667%}
  .col-sm-4 {width:33.33333333%}
  footer .kiri {border-right: 1px solid #b1b7bd;}
  footer .kanan { float: right; }
}

@media(max-width:400px) {
  .col-xs-6 {width: 100%;}
}
@media(max-width:450px) {
  .page-header .col-md-4 {margin-top:15px;text-align:center}
  .kiri {text-align: center;}
  .kanan {text-align: center;}
}

.boxpad {position:relative;min-height:1px;padding-right:14px;padding-left:14px;}
@media (min-width:992px){
  .boxpad {float: left;width:100%;}
}

#msg_error { margin: 10px; }
#msg_error li {	font-size: 11px; color: red; }

#msg_success { margin: 10px; }
#msg_success li {	font-size: 11px; color: blue; }


.tab-pane {
  border: 2px solid #97989a;
  border-top: none;
  padding: 10px;
  font-family: "OpenSans-CondLight";
  color: #97989a;
  font-size: 20px;
}

.tab-pane .listvote {
  margin: 0 8px;
  padding: 10px 2px;
  border-bottom: 1px solid #97989a;
}
.tab-pane .listvote .angka {
  float: left;
  display: block;
  color: #848484;
  padding: 0 3px;
  margin-right: 10px;
}
.tab-pane .listvote .list {
  display: block;
  line-height: 1.1;
}
.tab-pane .listvote .list h5 {
  font-family: "OpenSans-CondBold";
  color: #797979;
  font-size: 16px;
  margin: 0;
}
.nav-tabs>li>a {
  font-family: "OpenSans-CondBold";
  font-size: 20px;
}

.memory {
  background: #97989a;
  color: #fff;
  font-family: "OpenSans-CondBold";
  font-size: 18px;
  padding: 10px 0;
}

@media(min-width:992px) {
  .kananatas {float:right;}  
}

.kategorilist li.active a { color: #f59320; }
@media(max-width:992px) {
  .kategorilist li {display:inline-block; padding: 2px 15px; background: #f59320; margin: 2px; }
  .kategorilist li a { color: #fff; }
  .kategorilist li.active { background: #10ca65; }
  .kategorilist li.active a { color: #fff; }
}


.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}

/* BGBOX */
.bgbox {
  display: block;  
}
.bgbox h2 {
  margin: 0;
  padding: 4px 10px;
  display: inline-block;
  font-family: "OpenSans-CondLight";
  font-size: 28px;
}
.bgbox span {
  display: block;
  line-height:0.9;
  font-family: "MartelSans";
  font-size: 12px;
}
.bgbox h3 {
 margin:0;
 margin-bottom: 10px;
 font-family: "MartelSans";
 font-size: 16px;
 color:#fff;
}
.bgbox .lengkap {
  float: right;
  margin: 9px;
  font-size: 12px;
}
.bgbox .list .caption {
  position:absolute;
  right:6%;  
  bottom:145px;
  left:6%;
  z-index:10;  
  text-align:left;
}
.bgbox .list .caption span {
  font-family: "OpenSans-CondBold";
  font-size: 16px;
  color:#fff;
  line-height:0.9;
}
.bgbox .list .caption h3 a {
  font-family: "OpenSans-CondBold";
  font-size: 18px;
  color:#fff;
}

.cuttext .caption h3 {
  height: 46px;
  line-height:1;
  text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.bgbox .list {
  display: block;
  margin: 15px 4%;
  padding: 0 10px;
  font-family: "OpenSans-CondBold";
  font-size: 18px;
}

/* DEFAULT */
.bgbox .default {
  display: inline-block;
  background: #d9d9d9;
}
.bgbox .default h2 {
  background: #ed3338;
  color: #ffffff;
}
.bgbox .default .list.bdr {
  border-bottom: 1px solid #afc0ae;
}
.bgbox .default span {
 color: #ed3336;
}
.bgbox .default h3 a {
 color: #323232;
}
.bgbox .default .lengkap a {
 color: #ee3138;
}
/* END DEFAULT */

/* HIJAU */
.bgbox .hijau {
  display: inline-block;
  background: #b3f1b1;
}
.bgbox .hijau h2 {
  background: #0b5b09;
  color: #ffffff;
}
.bgbox .hijau .list.bdr {
  border-bottom: 1px solid #91d38f;
}
.bgbox .hijau span {
 color: #d23904;
}
.bgbox .hijau h3 a {
 color: #0b5b09;
}
.bgbox .hijau .lengkap a {
 color: #0b5b09;
}
/* END HIJAU */

/* BIRU */
.bgbox .biru {
  display: inline-block;
  background: #cdf7ff;
}
.bgbox .biru h2 {
  background: #095e6e;
  color: #ffffff;
}
.bgbox .biru .list.bdr {
  border-bottom: 1px solid #a6d8ce;
}
.bgbox .biru span {
 color: #d23904;
}
.bgbox .biru h3 a {
 color: #095e6e;
}
.bgbox .biru .lengkap a {
 color: #095e6e;
}
/* END BIRU */

/* KUNING */
.bgbox .kuning {
  display: inline-block;
  background: #fcffc5;
}
.bgbox .kuning h2 {
  background: #686e01;
  color: #ffffff;
}
.bgbox .kuning .list.bdr {
  border-bottom: 1px solid #ccde9f;
}
.bgbox .kuning span {
 color: #d23904;
}
.bgbox .kuning h3 a {
 color: #686e01;
}
.bgbox .kuning .lengkap a {
 color: #686e01;
}
/* END KUNING */

/* MERAH */
.bgbox .merah {
  display: inline-block;
  background: #fbd8d8;
}
.bgbox .merah h2 {
  background: #5b0909;
  color: #ffffff;
}
.bgbox .merah .list.bdr {
  border-bottom: 1px solid #cbbfaf;
}
.bgbox .merah span {
 color: #d23904;
}
.bgbox .merah h3 a {
 color: #5b0909;
}
.bgbox .merah .lengkap a {
 color: #5b0909;
}
/* END MERAH */

@media (min-width:168px){
  .nav-tabs.nav-justified>li{display:table-cell;width:1%;border-bottom:none}
  .nav-tabs.nav-justified>li>a{margin-bottom:0}
  .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}
}

@media (min-width:1200px){.container{width:970px}}

.twitter {
  border: 2px solid #97989a;
}