@import url(graphik.css);
#topmenu,
.btn-flat,
.md-img-channel,
.noscript-message {
    text-align: center;
}
.btn-justifiRalewayed,
.btn-wide,
.whatnew-judul {
    text-transform: uppercase;
}
.md-img-channel,
.whatnew-1,
.wrapper {
    overflow: hidden;
}
.cover-nav,
.mega-dropdown-menu > li > ul > li,
.megamenu-ul li,
.twitter-timeline,
ul.tags,
ul.timeline-report {
    list-style: none;
}
.list_fokus .title_lnf span,
.list_news1 .title_ln span,
.md-img-channel img,
.shoutbox-item,
.shoutbox-item h4 {
    vertical-align: middle;
}
body {
    font-family: Graphik, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
    background: #fff;
    padding-top: 0;
}
html {
    font-size: 1em;
    line-height: 1.4;
}
a,
a:active,
a:focus {
    text-decoration: none !important;
    outline: 0;
}
a {
    color: #444;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
a:focus,
a:hover {
    color: #c30;
    text-decoration: underline;
}
label,
th {
    font: 600 15px/1.4em Graphik;
}
.btn,
.btn-bold > span,
a.btn-bold {
    font-family: Graphik;
}
.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;
}
.bt-none {
    border-top: none !important;
}
.container {
    max-width: none !important;
}
.img-gray-border {
    border: 6px solid #dcdbdb;
}
.img-thumbnail.blue {
    background: #1f7bb8;
}
.fluid,
.img-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;
}
.md-img-channel img {
    max-height: 164px;
    max-width: 305px;
}
.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;
}
.bg-transparent {
    background: 0 0 !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: -moz-linear-gradient(top, #fff 0, #f1f1f1 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f1f1f1)) !important;
    background: -webkit-linear-gradient(top, #fff 0, #f1f1f1 100%) !important;
    background: -o-linear-gradient(top, #fff 0, #f1f1f1 100%) !important;
    background: -ms-linear-gradient(top, #fff 0, #f1f1f1 100%) !important;
    background: linear-gradient(to bottom, #fff 0, #f1f1f1 100%) !important;
}
.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;
}
.relative {
    position: relative !important;
}
.btn {
    font-weight: 600;
}
.btn-justified {
    width: 100%;
}
.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 Graphik;
    color: #fff;
    padding: 14px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.btn-cover-group a p {
    margin: 0;
}
#header-main .search-input,
#header-main .social-media,
.btn-platform {
    margin-top: 15px;
}
.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 Graphik;
    margin-right: 10px;
}
.btn-platform {
    padding: 10px 15px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background: -o-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #fff 0, #f1f1f1 100%);
    background: linear-gradient(to bottom, #fff 0, #f1f1f1 100%);
    border: 1px solid #ddd;
}
.btn-flat {
    padding: 10px;
    float: left;
    color: #fff;
    font-size: 20px;
    width: 60px;
    height: 60px;
    margin: 0 0 12px 15px;
}
.btn-wide {
    margin: 10px auto 0;
}
.btn-primary {
    background-color: #007cc3;
    border-color: #056ba5;
    color: #fff;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.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.active,
.btn-primary-tosca:active,
.btn-primary-tosca:focus,
.btn-primary-tosca:hover,
.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.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.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.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
    background-color: #ce6b14;
    border-color: #ce6b14;
    color: #fff;
}
.btn-warning-bright {
    background-color: #f1c40f;
    border-color: #eabd08;
    color: #333;
}
.btn-warning-bright.active,
.btn-warning-bright:active,
.btn-warning-bright:focus,
.btn-warning-bright:hover,
.open > .dropdown-toggle.btn-warning-bright {
    background-color: #eabd08;
    border-color: #eabd08;
    color: #333;
}
.btn-primary-orange {
    background-color: #ff8c01;
    border-color: #ff8c01;
    color: #fff;
}
.btn-primary-orange.active,
.btn-primary-orange:active,
.btn-primary-orange:focus,
.btn-primary-orange:hover,
.open > .dropdown-toggle.btn-primary-orange {
    background-color: #e17e07;
    border-color: #e17e07;
    color: #fff;
}
.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-gray {
    width: 100%;
    height: 4px;
    background: #ddd;
    margin: 12px 0;
    display: block;
}
.text-green,
.text-green a {
    color: #197a41 !important;
}
.text-orange,
.text-orange a {
    color: #e67e22 !important;
}
.text-green-light,
.text-green-light a {
    color: #1b8e4b !important;
}
.text-green-tosca,
.text-green-tosca a {
    color: #16a085 !important;
}
.text-brown,
.text-brown a {
    color: #7a5c1b !important;
}
.text-blue-old,
.text-blue-old a {
    color: #074670 !important;
}
.text-blue-tosca,
.text-blue-tosca a {
    color: #2b9be2 !important;
}
.text-blue,
.text-blue a {
    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-red > .panel-heading {
    background-color: #e04333;
    border-color: #e04333;
    color: #fff;
}
blockquote {
    font-size: 22px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
}
blockquote p {
    font-size: 22px !important;
    line-height: 28px !important;
}
.topcontact {
    float: right;
    padding: 5px;
    width: auto;
    font-size: 18px;
}
.topheader {
    width: 100%;
    height: 120px;
    padding: 10px 0 5px;
    background: #f5f5f5;
    overflow: hidden;
}
.topheader .aspirasi {
    float: right;
    padding: 25px;
}
.topheader .aspirasi a {
    font-size: 20px;
    font-weight: 400;
}
.topheader .toptop {
    float: left;
    width: 100%;
}
.topheader .toptop a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    float: left;
    padding: 5px 20px;
}
.topkanal {
    float: left;
    width: 100%;
    height: 60px;
    position: relative;
    margin: 0;
    z-index: 99;
}
.topkanal-inner {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 99;
}
.topkanal-inner-1 {
    float: left;
    width: 100%;
    padding: 2px 0 10px 10px;
    font-weight: 34px;
}
.topkanal-inner-1 span {
    float: left;
    font-size: 38px;
    color: #fff;
    font-weight: 700;
    padding: 20px 0 18px 10px;
}
.topkanal-inner-2 {
    float: left;
    width: 100%;
}
.topkanal-inner-2 span {
    float: left;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-family: Graphik;
    font-weight: 400;
    padding: 0 18px;
}
.topkanal-img {
    width: 30%;
    float: left;
    margin: 40px 40px 40px 0;
}
.search-home,
.topmenu,
.whatnew {
    width: 100%;
    float: left;
}
.search-home {
    padding: 20px 0 20px;
}
.search-home input,
.search-home select {
    border-right: 5px;
    padding: 10px 20px !important;
    float: left;
    width: 100%;
    height: 45px;
}
.topmenu {
    padding: 5px 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.topmenu a {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    padding: 5px 10px;
    float: left;
}
.topmenu a:hover {
    color: #c30;
}
.whatnew {
    padding: 15px 0;
}
.whatnew-judul {
    float: left;
    width: auto;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    background: #f60;
    margin: 10px 0 -65px 15px;
    position: relative;
}
.whatnew-1 {
    height: 510px;
    float: left;
    border-radius: 10px;
    overflow: hidden;
}
.whatnew-1-img {
    height: 510px;
    width: 100%;
    overflow: hidden;
}
.whatnew-2,
.whatnew-2-img {
    height: 250px;
    overflow: hidden;
}
.whatnew-1-img img {
    width: 100%;
}
.whatnew-1-info {
    float: left;
    margin: -200px 0 0;
    position: relative;
    width: 100%;
    min-height: 200px;
    padding: 50px 25px 25px;
    background: url(../images/bg.whatnew-info.png) bottom repeat-x;
    color: #fff;
}
.whatnew-1-info-isi {
    color: #fff;
    font-size: 16px;
}
.whatnew-1-info-isi .judul-1 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.whatnew-2 {
    width: 98%;
    float: right;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.whatnew-2-img,
.whatnew-2-img img {
    width: 100%;
}
.whatnew-2-info {
    float: left;
    margin: -150px 0 0;
    position: relative;
    width: 100%;
    min-height: 150px;
    padding: 50px 15px 15px;
    background: url(../images/bg.whatnew-info.png) top repeat-x;
    color: #fff;
}
.whatnew-2-info-isi {
    color: #fff;
    font-size: 16px;
}
.whatnew-2-info-isi .judul-1 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.homeBerita,
.homeMenu,
.homePhoto,
.homeServe,
.homeTaukahAnda {
    margin: 0 0 10px;
}
.homeMenu {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 25px 0;
}
.homePhoto,
.homeTaukahAnda,
.homecontact {
    width: 100%;
    padding: 20px 0;
    float: left;
}
.homeTaukahAnda {
    background: #1c97da;
}
.homecontact {
    background: #e5e5e2;
}
.homeServe {
    clear: both;
}
.homeBerita {
    float: left;
    width: 100%;
}
.homePhoto {
    background: #c66600;
}
.homecontact .testi {
    font-size: 22px;
    line-height: 32px;
    margin: 0 20px 0 0;
}
.box-content-why {
    margin: 0 10px 10px;
    font-size: 15px;
    text-align: left;
    padding: 10px 15px;
    height: 110px;
    background: #fff;
}
.box-content-why b,
.box-content-why strong {
    font-size: 18px;
    margin-bottom: 10px;
    color: #047fbf;
    text-transform: none;
    font-family: Graphik;
}
.box-content-why .icon {
    float: left;
    margin: 10px 20px 10px 0;
    font-size: 54px;
    color: #069;
    width: 60px;
}
.testimonihome img,
.testimonihome-img {
    width: 100px;
    float: left;
}
.testimonihome {
    font-size: 18px;
    line-height: 30px;
}
.testimonihome-img {
    height: 100px;
    overflow: hidden;
    margin: 0 20px 20px 0;
    border: 4px solid #999;
    border-radius: 50%;
}
.judulkanal-home1 {
    float: left;
    width: 100%;
    padding: 15px 0;
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
}
.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-img100,
.media-img110,
.media-img155,
.media-img292,
.media-img32,
.media-img63,
.media-img94,
.media-img95 {
    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-img100 img,
.media-img110 img,
.media-img155 img,
.media-img292 img,
.media-img32 img,
.media-img63 img,
.media-img94 img,
.media-img95 img {
    width: 100%;
}
.img-channel img {
    width: 120px;
    height: 80px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    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 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #777;
}
.form-control::-webkit-input-placeholder {
    color: #777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}
textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
select.form-control {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 47%, #ededed 100%);
    cursor: poGraphik;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    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: 400;
    line-height: 18px;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 5px 5px 0 0;
}
.popover.top > .arrow,
.popover.top > .arrow:after {
    border-bottom-width: 0;
    border-top-color: #2babcf;
}
.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.bottom > .arrow:after,
.popover.left > .arrow:after,
.popover.right > .arrow:after,
.popover.top > .arrow:after {
    content: " ";
}
.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    bottom: -11px;
}
.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
}
.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #2babcf;
}
.popover.right > .arrow:after {
    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: #2babcf;
    top: -11px;
}
.popover.bottom > .arrow:after {
    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: #2babcf;
}
.popover.left > .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #2babcf;
    bottom: -10px;
}
.btn,
.e-squared {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 16px;
}
.btn-noflat {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-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;
    -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: -moz-linear-gradient(top, #fff 0, #f1f1f1 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f1f1f1)) !important;
    background: -webkit-linear-gradient(top, #fff 0, #f1f1f1 100%) !important;
    background: -o-linear-gradient(top, #fff 0, #f1f1f1 100%) !important;
    background: -ms-linear-gradient(top, #fff 0, #f1f1f1 100%) !important;
    background: linear-gradient(to bottom, #fff 0, #f1f1f1 100%) !important;
    color: #666;
    -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);
}
.box-dropdown .forgot a,
.btn-media {
    color: #fff;
}
.btn-bold > span,
a.btn-bold {
    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;
    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;
}
.box-dropdown {
    width: 300px;
    min-height: 170px;
    background: #21354a;
    position: absolute;
    top: 33px;
    right: -1px;
    z-index: 999;
    cursor: default;
    padding: 10px;
    display: none;
}
#login-btn:hover .box-dropdown,
#topmenu,
.noscript-overlay {
    display: block;
}
.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;
}
.form-control:focus,
.submenu li:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.box-dropdown .form-control:focus {
    background: #fff;
    border-color: #142333;
}
.form-control:focus {
    outline: 0;
    border-color: #ddd;
    box-shadow: none;
}
.box-dropdown .forgot {
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    cursor: poGraphik;
}
.pagination li a {
    color: #0b76af;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #1b8e4b;
    border-color: #1b8e4b;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.noscript-overlay {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.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 Graphik;
    margin: 150px auto;
}
.toplogo,
.toptagline {
    margin: 5px;
    float: left;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.topinfo,
.topinfo:first-child,
.topinfo:last-child {
    border-right: 1px solid #4c9ed9;
    border-left: 1px solid #025c90;
}
#topmenu {
    width: 100%;
    background: #007cc3;
    z-index: 800;
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0 1px 2px 1px rgba(166, 166, 166, 0.1);
    position: fixed;
    top: 0;
    height: 37px;
}
#topmenu a {
    float: left;
    color: #fff;
    font-weight: 700;
}
#topmenu a:hover {
    float: left;
    text-decoration: none;
    color: #fff;
}
.toptagline {
    color: #fff;
}
.topinfo {
    float: right;
    padding: 5px 20px;
    color: #fff;
}
.topinfo .notif {
    background: #c30;
    color: #fff;
    padding: 1px 5px;
    text-decoration: none;
    font-style: normal;
    border-radius: 5px;
}
.navbar-brand {
    height: auto;
    margin: 10px 0 -40px;
    padding: 0;
    float: left;
    position: relative;
}
.navbar-header {
    margin-top: 35px;
}
.navbar-default {
    z-index: 100;
    border: 0;
    font-weight: 400;
    text-transform: none;
    height: 45px;
    text-align: center;
}
.navbar {
    border-radius: 0;
    min-height: 45px;
    background: #156e9b;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    padding: 5px 20px;
    font-family: Graphik;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}
.navbar-default .navbar-nav > li > a .icon {
    width: 28px;
    height: 21px;
    margin: -60px auto;
}
.navbar-default .navbar-nav > li > a .icon span {
    width: 28px;
    height: 21px;
    float: left;
}
.navbar-default .navbar-toggle {
    border-color: #666;
    margin: -30px 10px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.nav > li span {
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    color: #666;
    font-family: Graphik;
}
.navbar-inverse .navbar-nav > li > a {
    font-size: 16px;
    font-weight: 400;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    background: 0 0;
}
.navbar-nav > li > .dropdown-menu {
    text-align: left;
    line-height: 30px;
}
.navbar-inverse {
    background: #fff;
    border: none;
}
.pull-right1 {
    float: right;
}
.dropdown-menu {
    font-size: 16px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #f60;
}
.dropdown-header {
    padding: 3px;
}
.mega-dropdown {
    position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #999;
    white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:focus,
.mega-dropdown-menu > li ul > li > a:hover {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.mega-dropdown-menu form {
    margin: 3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}
.megamenu-ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    padding: 3px 0 3px 2px;
}
.megamenu-info {
    font-size: 14px;
    line-height: 22px;
}
@media screen and (max-width: 990px) and (min-width: 768px) {
    .boxform textarea {
        width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .navbar-default .navbar-nav > li > a {
        height: 45px;
        padding: 12px 20px 15px;
        font-weight: 400;
    }
    .navbar-default .navbar-nav > li > a:hover {
        color: #f60;
    }
}
@media screen and (max-width: 1199px) and (min-width: 991px) {
    .navbar-default .navbar-nav > li > a {
        height: 55px;
        padding: 10px;
        line-height: 58px;
    }
}
@media (max-width: 768px) {
    .navbar-nav > li > a {
        border-bottom: 1px #dedede solid;
        font-size: 16px;
        -webkit-box-shadow: 0 0 1px 0 #c8c8c8;
        -moz-box-shadow: 0 0 1px 0 #c8c8c8;
        -o-box-shadow: 0 0 1px 0 #c8c8c8;
        -khtml-box-shadow: 0 0 1px 0 #c8c8c8;
        box-shadow: 0 0 1px 0 #c8c8c8;
        background: #f5f5f5;
        text-align: left;
        color: #333;
    }
    .pull-right1 {
        float: none;
    }
    .navbar-nav > li:hover {
        background: #0772b8;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        background: #f5f5f5;
        margin: 45px 0 0;
    }
    .nav > li span {
        display: none;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > li > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }
    .slide {
        margin-bottom: 10px;
        clear: both;
    }
}
.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 200px;
    width: auto;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #e6e6e6;
}
.chillmenu {
    top: 0;
    left: 200px;
    z-index: 100 !important;
    min-width: 180px;
    width: auto;
    background-color: rgba(1, 88, 161, 0.88);
    border: 0;
    padding: 0 0 10px;
    border-radius: 0 0 5px 5px;
}
.submenu li {
    position: relative;
    border-bottom: 1px #e6e6e6 solid;
}
.submenu li:hover {
    background-color: #1587c6;
    -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;
    -webkit-box-shadow: 0 1px 0 0 rgba(3, 100, 181, 0.88);
    -moz-box-shadow: 0 1px 0 0 rgba(3, 100, 181, 0.88);
    -o-box-shadow: 0 1px 0 0 rgba(3, 100, 181, 0.88);
    -khtml-box-shadow: 0 1px 0 0 rgba(3, 100, 181, 0.88);
    box-shadow: 0 1px 0 0 rgba(3, 100, 181, 0.88);
}
@media (min-width: 992px) {
    .navbar-nav li:hover .submenu,
    .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: 0 0;
    border-color: transparent;
    padding: 2px 8px;
}
#header-main div span.social-text {
    font-family: Graphik;
    font-weight: 700;
    text-transform: uppercase;
}
#mainbanner {
    width: 100%;
    height: 450px;
}
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%;
}
#header-main .banner-top {
    width: 100%;
    height: 92px;
    display: block;
}
#nav {
    width: 100%;
    height: 58px;
    background: #f2f1f1;
    border-bottom: 1px solid #ddd;
}
.nav-pills.green > li.active > a,
.nav-pills.green > li.active > a:focus,
.nav-pills.green > li.active > a:hover {
    background-color: #1b8e4b;
}
.nav > li > a:focus,
.nav > li > a:hover {
    color: #1b8e4b;
}
#nav .nav {
    margin-left: 11%;
}
#nav .nav li a,
#subnav .nav.subnav li a {
    font-family: Graphik;
    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;
}
.bar-sign > span,
.bar-text {
    font-family: Graphik;
    font-weight: 700;
    float: left;
    text-transform: uppercase;
}
#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:focus,
.nav > li > a:hover {
    background: 0 0;
}
#subnav .nav.subnav li a:hover {
    background: #017d35;
}
.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 {
    color: #167cc1;
    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 {
    color: #167cc1;
    margin-left: 10px;
}
.carousel {
    height: auto;
}
.carousel-caption {
    z-index: 10;
    width: 30%;
    float: left;
    margin-left: 50px;
    color: #333;
    text-shadow: none;
}
.carousel-caption h1 {
    margin: 0;
    text-align: left;
    padding: 12px 15px;
}
.carousel-caption h1 a {
    color: #333 !important;
}
.carousel-caption h1 a:hover {
    color: #333 !important;
    text-decoration: none !important;
}
.carousel-caption p {
    float: left;
    clear: both;
    text-align: left;
    font-size: 17px;
    font-weight: 400;
    padding: 12px 15px;
    color: #333;
}
.carousel .item {
    height: auto;
    background-color: #fff;
}
.carousel-inner > .item > img {
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
}
.carousel-info {
    margin: -50px auto;
    position: relative;
    z-index: 99999999;
}
.carousel-indicators {
    display: none;
}
@media screen and (max-width: 768px) {
    .carousel-caption {
        position: inherit;
        float: left;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 0 !important;
    }
    .carousel-caption h1,
    .carousel-caption p {
        z-index: 10;
        width: 105%;
        float: left;
        padding: 12px 25px;
        margin-left: -25px;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    .carousel-indicators {
        bottom: 150px;
    }
}
@media screen and (max-width: 420px) {
    .carousel-caption h1 {
        font-size: 24px;
        padding: 12px 30px;
    }
    .carousel-caption p {
        font-size: 14px;
        padding: 12px 30px;
    }
    .carousel-indicators {
        display: none;
    }
}
#slider {
    width: 100%;
    height: auto;
}
.slider {
    background: 0 0;
    display: block;
    margin-top: 20px;
}
.slider-img {
    width: 100%;
    max-height: 358px;
    overflow: hidden;
    border: 6px solid #dcdbdb;
    float: left;
    background: #fff;
}
.slider .slider-content {
    width: 100%;
    height: auto;
    display: block;
}
.slider .slider-content h3 {
    font-family: Droid_serif;
    font-size: 22px;
    margin-top: 3px;
    margin-bottom: 20px;
}
.author,
.slider .slider-content .author {
    font-family: Droid_serif;
    font-size: 16px;
    display: block;
}
.media-text,
.slider .user-list .user-item h4,
.tags-heading,
ul.tags li a {
    font-family: Graphik;
}
.slider .blog-item {
    width: 100%;
    height: 140px;
    margin: 10px 0;
    position: relative;
}
.slider .blog-item .blog-avatar {
    width: 105px;
    height: 95px;
    border: 3px solid #d4d3d3;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.slider .blog-item .blog-avatar a img {
    width: 100% !important;
}
.slider .blog-item .blog-content {
    width: 340px;
    height: 130px;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 8px;
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    padding: 10px 12px;
    line-height: 1.4em;
    overflow: hidden;
}
.slider .blog-item .blog-content .blog-heading {
    color: #1b8e4b;
    margin: 0;
    font-family: Graphik;
    font-weight: 600;
}
.slider .blog-item .blog-content .blog-date {
    font-size: 12px;
    display: inline-block;
    margin: 5px 0;
}
.slider .blog-item .blog-content > p {
    height: 60px;
    overflow: hidden;
}
.slider .user-list {
    width: 100%;
    height: auto;
}
.slider .user-list .user-item {
    width: 106px;
    height: 140px;
    display: inline-block;
    float: left;
    margin: 5px;
}
.slider .user-list .user-avatar {
    width: 100%;
    height: 95px;
    border: 3px solid #d4d3d3;
    overflow: hidden;
}
.slider .user-list .user-avatar a.img-user-avatar {
    width: 100%;
    height: 95px;
    display: block;
}
.slider .user-list .user-item h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 2px;
    color: #1b8e69;
}
.media-text {
    font-size: 16px;
    font-weight: 600;
    margin-right: 15px;
}
.media-text a {
    margin-right: 5px;
}
.media-text.video {
    color: #34495e;
}
.media-text.audio {
    color: #e67e22;
}
.media-text.text {
    color: #1b8e4b;
}
.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 {
    width: 100%;
}
.tags-heading {
    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 {
    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-weight: 600;
}
.tags-isi a,
ul.tags li a:hover {
    background: #ccc;
}
.prayer-time div:last-child h4,
.prayer-time div:last-child span.prayer-date,
.title-left,
.title-right {
    font-family: Graphik;
    color: #fff;
}
.prayer-time {
    width: 100%;
    height: 175px;
    display: block;
}
.prayer-time div:first-child {
    background: url(../images/bg-mesjid.png) no-repeat;
    height: 50px;
}
.prayer-time div:last-child {
    background: #1b8e4b;
    height: 125px;
    padding: 15px;
}
.prayer-time div:last-child h4 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.prayer-time div:last-child span.prayer-date {
    font-size: 13px;
    font-weight: 600;
}
#tags .banner-center {
    width: 728px;
    height: 90px;
    display: block;
    margin: 15px auto;
}
.title-left,
.title-right {
    line-height: 1.2em;
}
.title-left h3 {
    font-size: 18px;
    font-weight: 700;
}
.title-left span {
    font-size: 13px;
    font-weight: 600;
}
.title-right {
    font-size: 12px;
    font-weight: 600;
}
.prayer-list {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    padding: 0;
}
.prayer-list li {
    font-size: 13px;
    font-weight: 600;
    font-family: Graphik;
    display: inline-block;
    text-align: center;
    margin-right: 12px;
}
.prayer-list li:last-child {
    margin-right: 0;
}
.prayer-list li span {
    display: block;
}
.prayer-list li span:first-child {
    color: #fff;
}
.prayer-list li span:last-child {
    color: #e6df22;
}
.live-channel {
    width: 100%;
    min-height: 110px;
    background: 0 0;
    margin: 10px 0 20px;
    padding: 8px;
}
.live-channel .media {
    color: #444;
}
.live-channel .media .media-heading {
    font: 500 15px/1.375em Droid_serif;
}
.live-channel .item-title {
    color: #2980b9 !important;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 20px;
}
.live-channel .item-title span {
    border-bottom: 3px solid #2980b9;
    padding: 0 20px 10px;
}
.live-channel .btn {
    font: 600 14px/1.4em Graphik;
}
#the-most .panel-red .panel-heading {
    font-family: Graphik;
    font-size: 28px;
    font-weight: 700;
    padding: 15px 0;
}
#the-most .panel-red .panel-body {
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.items,
.page-content {
    -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);
}
#most-tab {
    border-bottom: 2px solid #34495e;
}
#most-tab li a {
    font: 700 20px Graphik;
    text-transform: uppercase;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 10px 50px;
    margin: 0 49px 0 0;
    border-top: 3px solid #cfcfce;
}
#most-tab li:last-child a {
    margin-right: 0;
}
#most-tab li a:hover {
    border-top: 3px solid #1b8e4b;
}
#most-tab li.active > a {
    background: #34495e;
    color: #fff;
    border-color: #34495e;
}
#most-pane .media {
    margin-bottom: 15px;
}
#most-pane .media .media-object {
    border: 3px solid #cfcfce;
}
#most-pane .media .media-date {
    font: 600 12px Graphik;
}
#most-pane .media .media-heading,
#most-pane .media p {
    font-family: Droid_serif;
    overflow: hidden;
}
#most-pane .media .media-heading {
    color: #27ae60;
    font-size: 14px;
    height: 14px;
}
#most-pane .media p {
    color: #444;
    font-size: 16px;
    line-height: 1.3em;
    height: 40px;
}
.items {
    width: 95%;
    margin: 10px;
    padding: 8px;
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.img-thumbnail {
    background: #dcdbdb;
    border: none;
    padding: 4px;
}
.items .img-thumbnail,
.live-channel .img-thumbnail {
    background: #dcdbdb;
    border: none;
    padding: 3px;
}
.items > p {
    font: 600 16px/1.35em Graphik;
}
.items.item-content {
    padding: 0 !important;
}
.items.item-content .media a img {
    width: 100% !important;
}
.items.item-content.channel {
    height: 305px;
    position: relative;
}
.items.item-content.channel .author {
    font: 600 18px/1.35em Graphik;
}
.items.item-content.channel .media-heading {
    font-size: 14px !important;
}
.items.item-content.channel .btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.items.item-content .media {
    margin: 0;
}
.items.item-content .media .media-body {
    padding: 10px;
}
.items .media .media-body .media-heading {
    color: #444;
}
.items.item-content .media .media-body .media-heading {
    font-size: 18px;
}
.items .media .media-body p {
    color: #525252;
    margin-bottom: 3px !important;
}
.items .media .media-body a.btn-sm {
    padding: 4px 10px !important;
}
.items.item-content .media .media-body a.btn {
    float: right;
}
.items.item-content .media .media-body a.btn.btn-success {
    padding: 5px 10px;
}
.items.item-radio .media {
    margin-top: 0;
    color: #fff;
    margin-left: 7px;
}
.items.item-radio .media .media-object {
    border-color: #1f7bb8;
}
.items.item-radio .media .media-heading {
    font: 500 15px/1.375em Droid_serif;
    color: #fff !important;
}
.items.item-radio .media .media-body a.btn {
    font: 600 14px/1.375em Graphik;
    margin-top: 8px;
}
.items.item-radio .item-title {
    width: 100%;
    margin-left: 0 !important;
    padding-left: 7px !important;
}
.radio-next,
.radio-prev {
    color: #13669d;
    margin-left: 3px;
}
.items .media .media-body p.total-member {
    font: 600 14px/1.4em Graphik;
    color: #74581a;
}
.quotes-isi,
.quotes-judul {
    padding: 10px;
    color: #fff;
    float: left;
}
#masonry-col2 .items {
    width: 463px !important;
}
.quotes {
    background: #59b431;
    border-top: 2px solid #f60;
    float: left;
    width: 100%;
}
.quotes-judul {
    width: 120px;
    background: #0094e0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.quotes-text {
    font: 600 15px/1.4em Graphik;
}
.quotes-source {
    color: #074670;
    font: 700 15px Graphik;
    margin-bottom: 0;
    text-align: right;
}
.content-view {
    width: 650px !important;
    height: 265px !important;
}
.liputan-item,
.videohome {
    margin: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    width: 96%;
    float: left;
    text-align: center;
}
.videohome {
    background: #fff;
}
#footer,
.agenda-item,
.liputan-item img {
    width: 100%;
}
.tblagenda {
    font-size: 18px;
}
.tblagenda td {
    padding: 20px 10px;
}
.agenda-item {
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 10px 0;
}
#footer {
    background: #f3f4f4;
    height: auto;
    margin-top: 15px;
    color: #333;
}
#footer .footer-title {
    font: 700 16px/1.4em Graphik;
    text-transform: uppercase;
    color: #333;
    -moz-box-shadow: inset 0 -1px 0 #27394a;
    -webkit-box-shadow: inset 0 -1px 0 #27394a;
    -ms-box-shadow: inset 0 -1px 0 #27394a;
    -o-box-shadow: inset 0 -1px 0 #27394a;
    box-shadow: inset 0 -1px 0 #27394a;
    padding-bottom: 15px;
}
#footer .footer-list {
    color: #33;
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer .footer-list li a {
    color: #333;
    font: 500 16px/1.75em Droid_serif;
}
#footer .footer-list li a:hover {
    color: #333;
}
#footer .footer-bottom {
    width: 100%;
    background: #0c6493;
    margin-top: 0;
    color: #fff;
}
.box-content,
.box-content-home {
    width: 95%;
    height: auto;
    float: left;
    position: relative;
}
.box-content-panorama {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    padding: 15px;
}
.box-content,
.boxcontent {
    background: #fff;
    overflow: hidden;
}
#footer .footer-bottom p {
    font: 600 14px/1.4em Graphik;
    color: #fff;
    padding: 15px 0;
    margin: 0;
}
#footer .footer-bottom a {
    font: 400 14px/1.4em Graphik;
    color: #fff;
    text-transform: uppercase;
    margin-left: 15px;
    margin-top: 15px;
    display: inline-block;
}
#footer .footer-links a,
#footer .footer-links a:hover {
    color: #333;
}
#footer h3 {
    font-size: 18px;
    font-family: Graphik;
    margin: 10px 20px 10px 0;
    padding: 10px 0;
}
.boxcontent {
    margin: 10px 0 0;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.box-content {
    margin: 15px;
}
.box-content p {
    color: #525252;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 28px;
}
.box-content-home {
    max-height: 415px;
    overflow: hidden;
    margin: 15px;
}
.box-content-home p {
    color: #525252;
    margin-bottom: 10px;
}
#header-kanal {
    height: 50px;
    width: 100%;
    float: left;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}
#header-kanal span {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    float: left;
    padding: 15px 0 15px 10px;
}
.header-kanal-info {
    font-size: 34px;
    padding: 80px 0 50px;
    text-align: center;
    float: left;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
}
.judulkanal,
.judulkanal-home {
    color: #333;
    font-weight: 400;
    border-bottom: none;
    width: 100%;
    float: left;
    text-align: center;
}
.judulkanal-home {
    text-transform: uppercase;
    font-size: 26px;
    font-family: Graphik;
    margin: 30px 0;
}
.judulkanal {
    margin: 30px 0 20px;
    padding: 3px 0 10px;
    font-size: 16px;
}
.judulkanal a,
.judulkanal strong {
    font-size: 28px;
    text-transform: none;
    float: left;
    padding: 10px;
    text-align: center;
    width: 100%;
    font-weight: 700;
}
.judulkanal:hover {
    color: #069;
}
.brcumb {
    width: 100%;
}
.brcumb-item {
    float: left;
    width: auto;
    padding: 5px 20px 0 20px;
    background: #f5f5f5;
    border-radius: 5px;
    margin: 5px 0 0 0;
    color: #666;
}
.brcumb a,
.brcumb h1 {
    font-size: 14px !important;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
}
.brcumb h1 {
    font-size: 14px !important;
    float: left;
    margin: 5px 5px 5px 5px !important;
}
.footer-sosmed .fa {
    font-size: 50px;
    margin: 0 10px 0 0;
}
.detail-sec {
    width: 100%;
    float: left;
    padding: 10px 0;
    text-transform: uppercase;
}
.detail-sec span {
    float: left;
    width: auto;
    padding: 5px 20px;
    background: #f2f2f2;
    font-size: 12px;
}
.c-breadcrumb {
    width: 100%;
    height: auto;
    background: 0 0;
    display: block;
}
ol.breadcrumb {
    background: 0 0;
    margin-bottom: 0;
}
.boxcontent1,
.page-content {
    background: #fff;
    min-height: 50px;
    width: 100%;
}
ol.breadcrumb li {
    font: 500 14px/1.4em Droid_serif;
}
ol.breadcrumb li a:hover,
ol.breadcrumb > .active {
    color: #0b76af;
}
.page-content {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    display: block;
    padding: 15px;
}
.item-update,
.profile-cover {
    -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);
}
.page-content img {
    margin: 10px 0;
}
.page-title {
    font: 500 22px/1.4em Droid_serif;
    color: #444;
    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;
}
.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;
}
.boxcontent1 {
    border: 1px solid #ccc;
    padding: 15px;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
}
.shoutbox-container {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
}
.shoutbox-item {
    padding: 10px 0 10px 10px;
    margin: 10px 0 0 5px;
    display: block;
    background: #f2f1f1;
    border: 1px solid #ddd;
    -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;
}
.shoutbox-content p {
    line-height: 1.2em;
    font-size: 13px;
}
.shoutbox-input {
    width: 100%;
    display: inline-block;
    padding: 5px 5px 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 {
    width: 100%;
    height: 373px;
    background: #000;
    display: block;
    position: relative;
    margin-top: 15px;
}
.cover-bg,
.cover-overlay {
    width: 100%;
    position: absolute;
    left: 0;
}
.cover-bg {
    top: 0;
    height: 373px;
    overflow: hidden;
}
.cover-overlay {
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    bottom: 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-nav .notif,
.stream-item .stream-item-media .stream-media-preview a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.cover-overlay .btn {
    font: 600 20px/1.4em Graphik;
    padding: 3px 20px;
    margin: 10px;
}
.cover-nav {
    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 Graphik;
}
.cover-nav .notif {
    padding: 3px;
    border-radius: 5px;
    background: #ee3f10;
    position: absolute;
    top: 7px;
    right: 0;
    color: #fff;
    text-align: center;
    line-height: 1em;
}
.cover-nav li a:hover {
    color: #1b8e4b;
}
#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 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 Graphik;
    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-comment,
.item-w2 .media-comment-form,
.item-w2 .media-photo {
    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 Graphik;
    color: #929191;
}
.items.item-profile {
    padding: 0 0 10px;
}
.items.item-profile .sm-cover {
    width: 100%;
    position: relative;
}
.items.item-profile .sm-cover-avatar {
    width: 95px;
    height: 95px;
    margin: 15px auto;
    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 Graphik;
    margin: 5px 5px 5px 25px !important;
}
.option-title span {
    font-weight: 300;
}
.item-update {
    padding: 0;
    margin: 9px 0;
    background: #fff;
    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 Graphik;
    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 {
    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;
}
.profile-cover {
    width: 100%;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    padding-bottom: 15px;
}
ul.timeline-control-nav,
ul.timeline-report {
    width: 100%;
    -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);
}
.timeline-control {
    margin: 10px 0;
}
ul.timeline-report {
    padding: 0;
    margin: 10px 0;
    float: left;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
ul.timeline-report li {
    float: left;
    padding: 12px;
    font: 500 15px/1.3em Graphik;
    color: #7c7c7c;
    border-right: 1px solid #ddd;
}
ul.timeline-report li:last-child {
    border-right: none;
}
ul.timeline-report li p,
ul.timeline-report li span {
    display: block;
    text-align: center;
    margin: 0;
}
ul.timeline-report li span {
    color: #4b4b4b;
    font-weight: 600;
}
.timeline-control a.btn-flat {
    opacity: 0.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;
}
ul.timeline-control-nav,
ul.timeline-control-nav1 {
    margin: 0;
    background: #fff;
    float: left;
    list-style: none;
}
.timeline-control a.btn-flat:hover {
    color: #f1f1f1;
    opacity: 1;
}
ul.timeline-control-nav {
    padding: 0;
    font: 600 15px/1.5em Graphik;
    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 {
    padding: 0;
    font: 400 15px/1.5em Graphik;
    width: 100%;
    -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;
    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: #666;
}
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 0 5px 10px;
    font-family: Graphik;
    color: #999;
    font-weight: 400;
    float: left;
    clear: both;
}
.tentang-active a,
a.tentang-active {
    background: #fff !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;
}
.item1.w3 {
    width: 638px;
}
.item-title {
    font: 700 18px/1.4em Graphik;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: -8px 0 0 -8px;
    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-sidebar {
    width: 96%;
}
.profilemain-cover {
    margin-top: 15px;
    display: block;
    position: relative;
    height: 355px;
    border-bottom: 3px solid #197a41;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.profilemain-cover-avatar,
.profilemain-cover-image {
    -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);
    moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}
.profilemain-cover-image {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
    height: 250px;
    overflow: hidden;
}
.profilemain-cover-avatar {
    margin-top: -70px;
    margin-left: 20px;
    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;
}
.media-thumblist {
    background: #fff;
    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.media-list .media-body p,
.media.media-list a img {
    margin: 0;
}
.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;
}
.mailbox-content .tag-list li a,
.sign-inner {
    background: #fff;
}
.media-thumblist .btn-view:hover {
    color: #555;
}
.media.media-list {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    padding-top: 5px;
}
.media.media-list .media-heading {
    font: 500 19px/1.3em Droid_serif;
}
.sign-form {
    border: 1px solid #f6f6f6;
    margin: 10px 0 0;
}
.sign-form .popover {
    min-width: 200px;
}
.sign-inner {
    padding: 30px;
    border: 1px solid #e9e9e9;
}
.sign-form h3 {
    margin-top: 0;
}
.sign-form.single {
    width: 100%;
    margin: 15px auto;
}
.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;
}
.member-thumbnail {
    margin: 10px 0;
    border: 1px dotted #ddd;
    padding: 10px;
    width: 49%;
    display: inline-block;
}
#active-users .member-thumbnail,
#follower .member-thumbnail {
    width: 33%;
}
#active-users .member-thumbnail img,
#follower .member-thumbnail img {
    left: 0 !important;
}
.mail-box {
    background-color: #fff;
    border-top: 0;
    padding: 0;
    margin-bottom: 20px;
    font-family: Graphik;
}
.mail-attachment,
.mail-body,
.mail-text {
    border-top: 1px solid #e7eaec;
}
.mail-box-header {
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-bottom: 0;
    padding: 30px 20px 20px;
}
.mail-box-header h2 {
    margin-top: 0;
}
.mail-body {
    padding: 20px;
}
.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 {
    padding: 20px;
    font-size: 12px;
}
.mailbox-content {
    background: 0 0;
    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;
}
.ibox-title h5,
.ibox-tools {
    display: inline-block;
    padding: 0;
}
.check-mail,
.star-mail {
    width: 40px;
}
.unread td,
.unread td a {
    color: inherit;
}
.read td,
.read td a {
    font-weight: 400;
    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 {
    font-size: 14px;
    margin: 0 0 7px;
    text-overflow: ellipsis;
    float: left;
}
.ibox-title .label {
    float: left;
    margin-left: 4px;
}
.ibox-tools {
    float: right;
    margin-top: 0;
    position: relative;
}
.ibox-tools a {
    cursor: poGraphik;
    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: 700;
}
.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;
}
.col-xs-8 .col-xs-12 .panel-body .media-gallery:nth-child(even),
.panel-body.gallery-fluid .media-gallery:nth-child(3n + 3) {
    margin-right: 0;
}
.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: 0 0;
    font-size: 4em;
    cursor: poGraphik;
}
.panel-body.gallery-fluid .media-gallery {
    width: 32%;
}
.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 Graphik;
    margin-top: 0;
}
.profile-about p {
    font: 500 14px/1.5em Graphik;
}
#masonry-col2,
#masonry-e,
#masonry-e2 {
    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;
}
#timeline,
.stream-container,
.stream-item {
    width: 100%;
    display: block;
}
#pushstat {
    position: fixed;
}
#timeline {
    height: auto;
}
.content-header {
    padding: 15px;
}
.content-header h2 {
    margin: 0;
}
.stream-container {
    position: relative;
}
.stream-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
.stream-item {
    background: #fff;
    float: left;
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
    margin: 0 0 10px;
}
.stream-item .sapaan {
    border-bottom: 1px solid #e1e8ed;
    min-height: 51px;
    padding: 9px 12px;
    position: relative;
}
.stream-item .sapaan .col-xs-10 {
    margin-left: -24px;
}
.stream-item .sapaan .sapa-img {
    width: 54px !important;
    height: 54px !important;
    overflow: hidden;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.stream-item .sapaan .sapa-img img {
    width: 100%;
    height: 100%;
}
.stream-item .stream-item-header .del-action {
    color: #ccc;
}
.stream-item .stream-item-media {
    width: 100%;
    display: inline-block;
}
.komentar-item {
    font-size: 16px;
    line-height: 20px;
}
.stream-item .stream-item-media .stream-media-preview a {
    display: block;
    border-radius: 5px;
    max-height: 250px;
    overflow: hidden;
    position: relative;
}
.stream-item .stream-item-media .stream-media-preview a.full {
    max-height: 100% !important;
}
.stream-item .stream-item-media .stream-media-preview a img {
    width: 100%;
}
.stream-item .stream-item-action .list-inline li a {
    color: #ccc !important;
}
.stream-item .stream-item-action .list-inline li a:hover,
.stream-item .stream-item-header .del-action:hover {
    color: #333 !important;
}
.expanded-conversation {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #f5f8fa;
}
.expanded-conversation.collapsed-conversation {
    height: 0 !important;
    display: none;
}
.expanded-conversation.collapse-conversation {
    height: auto;
    display: block;
}
.expanded-conversation > li {
    padding: 15px;
    border-bottom: 1px solid #e1e8ed;
    background: #f5f8fa;
    margin: 0 0 0 70px;
}
.expanded-conversation .inline-reply-user-image {
    width: 32px;
    height: 32px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
}
.content-detail,
.expanded-conversation .form-inline .form-group,
.item-desc {
    display: block;
}
.expanded-conversation .inline-reply-user-image img {
    width: 100%;
    height: 100%;
}
.expanded-conversation .arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #cccdce;
    position: absolute;
    top: -21px;
    left: 50px;
}
.expanded-conversation .form-inline textarea {
    height: 35px;
    width: 100%;
}
.products-list ul {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    background: #fff;
}
.products-list ul li a {
    display: block;
    line-height: 46px;
    padding-left: 40px;
    border-top: 1px solid #e7e7e7;
    background: url(../images/link-arrow.png) 18px center no-repeat rgba(0, 0, 0, 0);
}
.products-list ul li a.expanded {
    background: url(../images/link-arrow-down.png) 17px center no-repeat rgba(0, 0, 0, 0);
}
.products-list ul li ul {
    border: none;
}
.products-list ul li ul li a {
    padding: 1px;
}
.products-list ul li ul li a div {
    background: url(../images/link-arrow.png) 38px center no-repeat #f1f1f1;
    padding-left: 60px;
}
.products-list ul li a.expanded div {
    background: url(../images/link-arrow-down.png) 37px center no-repeat #f1f1f1;
}
.products-list ul li ul li ul li a div {
    background: url(../images/link-arrow.png) 58px center no-repeat #e7e7e7;
    padding-left: 80px;
}
.products-list ul li ul li ul li a.active div {
    font-weight: 700;
}
.thumbnail .caption {
    text-align: center;
}
.thumbnail .caption p {
    margin: 0;
}
.content-detail {
    width: 100%;
    height: auto;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
}
.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 Graphik;
}
.item-desc p,
.item-desc p label {
    font-family: Arial;
}
.item-title {
    font-size: 28px;
    font-weight: 300;
    color: #3a3939;
}
.item-desc {
    width: 100%;
    margin-top: 15px;
}
.item-desc p {
    margin: 0;
}
.item-desc p label {
    width: 140px;
}
#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: #ddd solid 1px;
    cursor: poGraphik;
}
.color-red {
    background: #fe1f20;
}
.color-blue {
    background: #5d9cec;
}
.color-yellow {
    background: #f39c11;
}
h2.product-heading {
    font-size: 20px;
    font-family: Graphik;
    margin-top: 0;
}
.thumbnail > a {
    display: block;
    height: 156px;
    overflow: hidden;
}
#headline {
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: url(../images/bg.hijau.jpg) top center no-repeat;
    padding: 30px 0 40px;
}
.headline-kanan,
.headline-kiri {
    height: 470px;
    padding: 0;
    margin: 15px 0;
    display: block;
}
.headline-kiri {
    width: 95%;
    float: left;
    background: #d45300;
    color: #fff;
}
.headline-kanan {
    width: 96%;
    float: right;
    background: #fff;
}
.shortcut,
.shortcut-content,
.slide,
.welcomeplayer,
.welcometv {
    float: left;
    width: 100%;
}
.headline-kanan-judul,
.headline-kiri-judul {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
}
.headline-kanan-judul {
    background: #6a9406;
}
.headline-kiri-judul {
    background: #ff8c01;
}
.headline-kanan-isi {
    margin: 10px 15px;
    color: #fff;
    width: 90%;
    float: left;
}
.shortcut {
    margin-top: -100px;
}
.shortcut-content {
    border: 1px solid #ccc;
    z-index: 99;
    display: block;
    position: relative;
    background: #fff;
    border-radius: 5px;
}
.slide {
    overflow: hidden;
}
.konten-kiri-judul {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 5px 0 10px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
    font-family: Graphik;
    text-align: center;
    color: #0094e0;
}
#agendasec {
    padding: 20px 0;
}
#welcome {
    width: 100%;
    margin: 10px 0;
    background: url(../images/img.bg.welcome.jpg) center top;
    overflow: hidden;
}
.welcome h1 {
    text-align: center;
    font-weight: 700;
    color: #fff;
}
.quote,
.quote-line {
    font-size: 18px;
    color: #fff;
}
.quote {
    text-align: center;
    margin: 0 200px 10px;
}
.quote-line {
    text-align: center;
    margin: 0 300px 20px;
    border-bottom: 2px solid #fff;
}
.quote-dark,
.quote-dark-line {
    font-size: 18px;
    color: #333;
    text-align: center;
}
.quote-dark {
    margin: 0 200px 10px;
}
.quote-dark-line {
    margin: 0 300px 20px;
    border-bottom: 2px solid #333;
}
.berita-home-rubrik,
.berita-home-rubrik span {
    text-align: left;
    font-family: Graphik;
    text-transform: uppercase;
}
@media (max-width: 960px) {
    .quote,
    .quote-dark,
    .quote-dark-line {
        margin: 10px;
    }
    .quote-line {
        display: none;
    }
    .headline-kanan,
    .headline-kiri {
        width: 100%;
        margin-bottom: 10px;
    }
}
.welcometv {
    height: auto;
    margin: 0;
}
.welcomeplayer {
    height: 190px;
    overflow: hidden;
    margin: 15px 10px 10px 15px;
}
#artikelsec,
#blogsec {
    margin: 10px 0;
    width: 100%;
    overflow: hidden;
}
#slidehome {
    width: 100%;
    margin: 20px 0;
}
.slidehome,
.slidehome img {
    width: 100%;
}
#about {
    width: 100%;
    margin: 20px 0;
}
.plarge {
    font-size: 16px;
    line-height: 28px;
}
#artikelsec {
    padding: 0 0 40px;
}
#blogsec {
    background: url(../images/bg.orange.jpg) top center no-repeat;
    padding: 30px 0 40px;
}
#berita {
    width: 100%;
    margin: 0;
}
.berita-home,
.berita-home2 {
    padding: 0;
    margin: 0 0 10px;
    float: left;
    min-height: 560px;
    height: auto;
    background: #fff;
    display: block;
}
.berita-home {
    width: 98%;
    border: 1px solid #999;
    border-radius: 5px;
}
.berita-home2 {
    width: 100%;
    border: 1px solid #999;
    border-radius: 5px;
}
.berita-home-rubrik {
    width: 100%;
    font-size: 30px;
    float: left;
    margin: 20px 20px 40px;
}
.berita-home-rubrik span {
    width: 100%;
    font-size: 26px;
    padding: 20px 20px 10px 0;
    border-bottom: 2px solid #999;
}
.artikel-home-rubrik,
.artikel-home-rubrik span,
.blog-home-rubrik,
.blog-home-rubrik span {
    text-align: left;
    font-family: Graphik;
    font-size: 34px;
}
.artikel-home {
    width: 100%;
    float: left;
    min-height: 560px;
    height: auto;
    background: #fff;
    display: block;
    border: 1px solid #ccc;
    border-top: 8px solid #0094e0;
    margin: 0 0 10px;
    padding: 10px 0;
}
.artikel-home-rubrik {
    width: 100%;
    text-transform: uppercase;
    float: left;
    margin: 20px 20px 10px;
}
.artikel-home-rubrik span {
    width: 96%;
    float: left;
    text-transform: uppercase;
    padding: 10px 20px 20px 0;
    border-bottom: 2px solid #999;
}
.blog-home {
    width: 100%;
    float: left;
    min-height: 560px;
    height: auto;
    background: #fff;
    display: block;
    padding: 0;
    border-top: 8px solid #93460d;
    margin: 0 0 10px;
}
.berita-home-rubrik1 span,
.blog-home-rubrik span {
    padding: 20px 20px 10px;
    border-bottom: 2px solid #999;
}
.berita-home-rubrik1,
.blog-home-rubrik {
    text-transform: uppercase;
    margin: 20px 20px 30px;
    float: left;
}
.blog-home-rubrik {
    width: 100%;
}
.blog-home-rubrik span {
    width: 100%;
    text-transform: uppercase;
}
.berita-home-rubrik1,
.berita-home-rubrik1 span {
    width: 100%;
    font-family: Graphik;
    font-size: 24px;
    text-align: center;
}
.berita-home-rubrik1 span {
    text-transform: uppercase;
}
.artikel-home-item-judul,
.berita-home-item-judul,
.opini-home-item-judul {
    font-family: Graphik;
    font-size: 16px;
    background: #f60;
    text-transform: uppercase;
    position: relative;
}
.berita-home-item {
    float: left;
    width: 90%;
    margin: 20px;
    overflow: hidden;
    height: 420px;
}
.berita-home-item-judul {
    height: auto;
    padding: 10px 20px;
    color: #fff;
    float: left;
    margin: -240px 10px;
}
.berita-home-item1 {
    float: left;
    width: 95%;
    height: 170px;
    overflow: hidden;
    margin: 10px 20px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px;
}
.berita-home-item1:last-child {
    border: none;
}
.artikel-home-item,
.opini-home-item {
    border-bottom: 1px solid #ccc;
    float: left;
    overflow: hidden;
}
.berita-home-item1-img {
    width: 250px;
    height: 150px;
    overflow: hidden;
    float: left;
    margin: 0 20px 0 0;
}
.berita-home-item1-img img {
    width: 250px;
}
.berita-home-item-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    float: left;
    margin: 0 20px 0 0;
}
.berita-home-item-img img {
    height: 100%;
}
.artikel-home-item {
    width: 95%;
    margin: 0 20px 10px;
    height: auto;
    padding-bottom: 10px;
}
.artikel-home-item-judul {
    height: auto;
    padding: 10px 20px;
    color: #fff;
    float: left;
    margin: 0 10px;
}
.artikel-home-section {
    color: #f60;
}
.artikel-home-item-img {
    width: 200px;
    height: 120px;
    overflow: hidden;
    float: left;
    margin: 0 10px 5px 0;
}
.artikel-home-item-img img {
    width: 100%;
    height: auto;
}
.artikel-home-item-isi {
    height: 100px;
    overflow: hidden;
}
.opini-home-item {
    width: 90%;
    margin: 0 20px 10px;
    height: 400px;
    padding-bottom: 10px;
}
.opini-home-item-judul {
    height: auto;
    padding: 10px 20px;
    color: #fff;
    float: left;
    margin: 0 10px;
}
.opini-home-section {
    color: #f60;
}
.opini-home-item-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    float: left;
    margin: 0 10px 5px 0;
}
.opini-home-item-img img {
    width: 100%;
    height: auto;
}
.opini-home-item-isi {
    min-height: 100px;
    height: auto;
    overflow: hidden;
}
.artikel-populer {
    float: left;
    border: 1px solid #999;
    width: 95%;
    padding: 0;
    background: #fff;
}
.artikel-populer-judul {
    float: left;
    width: 100%;
    padding: 15px 20px;
    font-size: 20px;
    color: #fff;
    background: #007cc3;
    font-family: Graphik;
    text-transform: uppercase;
}
.agenda-home-isi .judul-1,
.judul-2 {
    font-family: Graphik;
    font-weight: 400;
}
.artikel-populer-item {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 9px 10px;
}
.artikel-populer-item a {
    font-size: 16px;
}
.artikel-populer-item-no {
    float: left;
    margin: 0 10px 50px 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #f30;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.agenda-home,
.quote-home {
    width: 99%;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    padding: 0;
    margin: 0 0 10px;
    height: auto;
    float: left;
    display: block;
}
.artikel-populer-item span {
    font-size: 12px;
    color: #f60;
}
.agenda-home {
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background: url(../images/img.agenda-home.jpg) left top no-repeat;
}
.quote-home {
    min-height: 156px;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background: url(../images/img.quote-home.jpg) left top no-repeat;
}
.agenda-home-isi {
    width: 68%;
    height: auto;
    margin: 15px 15px 15px 170px;
    float: left;
}
.agenda-home-isi .judul-1 {
    font-size: 20px;
}
.agenda-home-isi .date {
    font-size: 16px;
    color: #999;
}
.judul-2 {
    font-size: 16px;
    line-height: 26px;
}
.galeri-membermnc-judul,
.meet-membermnc-judul {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.btn-warn {
    width: 100%;
    height: auto;
    float: left;
    padding: 8px;
    margin: 10px 0 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.btn-contact,
.maps {
    margin-bottom: 10px;
}
.maps {
    width: 96%;
    height: auto;
    float: left;
    padding: 5px;
    background: #c0deeb;
}
.maps img {
    width: 100%;
}
@media (max-width: 767px) {
    .maps {
        height: 250px;
    }
}
.btn-contact,
.side-contact {
    height: auto;
    float: left;
    width: 100%;
}
.btn-contact {
    font-family: Oswald;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #bebebe;
    border-bottom: 2px #cecece solid;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ededed);
    background: -o-linear-gradient(top, #fff, #ededed);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ededed));
    background: -khtml-gradient(linear, 0 0, 0 100%, from(#fff), to(#ededed));
}
.btn-contact p {
    font-size: 20px;
    color: #007cc2;
}
.form-contact input[type="text"],
.form-contact textarea {
    float: left;
    font-size: 15px;
    padding: 6px 25px 6px 10px;
    border: 2px solid #d3d3d3;
    outline: 0;
}
.form-contact input[type="text"] {
    width: 100%;
    margin: 5px 0 10px;
}
.form-contact textarea {
    max-width: 100%;
    min-width: 100%;
    height: 150px;
    margin: 12px 0 0;
}
.form-contact input[type="submit"] {
    float: right;
    margin-top: 10px;
    padding: 8px 30px;
    border: 0;
    font-size: 16px;
    color: #fff;
    background: #014971;
}
.form-contact input[type="submit"]:hover {
    background: #0569a2;
}
.blog-home-item {
    float: left;
    width: 90%;
    margin: 20px;
    overflow: hidden;
    height: 420px;
}
.blog-home-item-judul {
    height: auto;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: Graphik;
    font-size: 16px;
    float: left;
    margin: -240px 10px;
    position: relative;
    background: #f60;
}
.blog-home-item1 {
    float: left;
    width: 95%;
    height: 130px;
    overflow: hidden;
    margin: 20px 0 0;
    border-bottom: 1px solid #ccc;
}
.blog-home-item1-img {
    width: 200px;
    height: 120px;
    overflow: hidden;
    float: left;
    margin: 0 20px 10px 0;
}
.blog-home-item-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    float: left;
    margin: 0 20px 0 0;
}
.blog-home-item-img img,
.blog-home-item1-img img {
    width: 100%;
    height: auto;
}
.meet-membermnc {
    width: 96%;
    float: right;
    min-height: 560px;
    height: auto;
    border: 8px solid #f06009;
    background: #fff;
    display: block;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    padding: 0 0 10px;
}
.meet-membermnc-judul {
    font-size: 20px;
    color: #fff;
    width: 100%;
    padding: 0;
    background: #f06009;
}
.meet-membermnc-isi {
    margin: 10px 15px;
    color: #333;
    width: 90%;
    float: left;
}
.membermnc-item {
    float: left;
    width: 95%;
    padding: 15px 0;
    margin: 5px 10px;
    border-bottom: 1px solid #ccc;
    color: #333;
}
.membermnc-item:last-child {
    border: none;
}
.membermnc-item span {
    font-family: oswald;
    font-size: 24px;
    color: #666;
}
.membermnc-item-avatar {
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 15px 0 0;
    border-radius: 50%;
    overflow: hidden;
}
.membermnc-item-avatar img {
    width: 100%;
}
.thumbDetail #container {
    height: 600px;
}
.galeri-membermnc {
    width: 96%;
    float: right;
    min-height: 160px;
    height: auto;
    border: 1px solid #05496d;
    background: #fff;
    display: block;
    padding: 0;
    margin: 0 0 10px;
}
#pagemember,
#pagesubcriber {
    min-height: 520px;
    height: auto;
}
.galeri-membermnc-judul {
    font-size: 20px;
    color: #075e8e;
    width: 100%;
    padding: 15px 0;
    background: url(../images/bg.kanal.png) repeat-x;
    border-bottom: 5px solid #075e8e;
}
.galeri-membermnc-isi {
    margin: 15px;
    color: #333;
    width: 90%;
    float: left;
}
.galeri-item {
    width: 90%;
    float: left;
    margin: 0 10px 0 0;
}
.galeri-item img {
    width: 100%;
}
.taukahanda {
    font-size: 18px;
    color: #fff;
    padding: 20px;
    font-weight: lighter;
}
.taukahanda img {
    width: 100px;
    border: 2px solid #fff;
    overflow: hidden;
    border-radius: 20px;
    float: left;
    margin: 0 20px 0 0;
}
.list-content,
.list-ctn_gall {
    border-bottom: 1px #d6d6d6 solid;
}
.taukahanda h3 {
    padding-top: 0;
    font-weight: 700;
    margin-top: 0;
}
#membersection,
#section2 {
    padding: 10px 0;
    background: #f6f6f6;
}
.form-horizontal .form-group {
    width: 98%;
    margin: 10px 0 0;
}
.control-label {
    padding-right: 20px;
}
.membertengah {
    float: right;
    width: 99%;
    margin: 0 0 0 10px;
}
#pagemember {
    background: url(../images/bg.register.jpg) center center/cover no-repeat fixed;
}
.login-info h1 {
    color: #fff;
    font-weight: 700;
}
.login-info p {
    font-size: 16px;
    color: #fff;
}
#pagesubcriber {
    background: url(../images/bg.subscriber.jpg) center center/cover no-repeat fixed;
}
#pagesubcriber .login-info h1 {
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#pagesubcriber .login-info p {
    font-size: 16px;
    color: #fff;
    text-align: center;
}
#pagesubcriber .login-info1 {
    float: left;
    width: auto;
}
#pagesubcriber .login-info1 h1 {
    color: #fff;
    font-weight: 700;
    text-align: left;
}
#pagesubcriber .login-info1 p {
    font-size: 16px;
    color: #fff;
    text-align: left;
}
.large-content li {
    padding: 5px;
}
.list-content {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    background: #fff;
}
.list-content-isi {
    height: auto;
    float: left;
    padding: 20px 15px;
    width: 100%;
}
.list-ctn_gall {
    width: 100%;
    height: 365px;
    float: left;
    padding: 15px 0;
}
.large-content img {
    width: 100%;
    height: auto;
}
.list-content-home {
    width: 98%;
    height: auto;
    float: left;
    border: 1px solid #d6d6d6;
    background: #fff;
    margin: 0 0 10px;
}
.headline-rubrik,
.headlinehome-rubrik {
    border-bottom: 1px solid #215c87;
    font-weight: 700;
    text-transform: uppercase;
}
.list-content-home-isi {
    height: auto;
    float: left;
    padding: 15px;
}
.list-content-home-judul {
    float: left;
    margin: 10px 0 -50px 10px;
    position: relative;
    background: #59b431;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    font-family: Graphik;
}
.list-ragam-home {
    float: right;
}
.img-responsive {
    height: 100%;
    width: auto;
    max-width: none;
}
.detailcontent table {
    width: 100%;
    border: 2px solid #333;
}
.detailcontent a {
    color: #c00 !important;
}
.detailcontent table td {
    padding: 5px;
    vertical-align: top;
}
.thumbNews {
    width: 300px;
    height: 180px;
    float: left;
    clear: both;
    margin-right: 12px;
    overflow: hidden;
    border-radius: 10px;
}
.insight-headline,
.ringkas {
    margin: 10px 0;
    float: left;
}
.thumbNews img {
    width: 120%;
    height: auto;
}
a.list-link {
    color: #444;
    font-family: Graphik;
    font-size: 22px;
    line-height: 34px;
    font-weight: 700;
}
.title-headline a:hover,
a.list-link:hover {
    color: #175993;
    text-decoration: none;
}
.list-content span,
.list-ctn_gall span,
.tgl {
    color: #999;
    font-size: 13px;
}
.insight {
    background: #fff;
}
.ringkas {
    font-size: 18px;
    line-height: 28px;
    font-family: Graphik;
}
.headline-isi a,
.headline-judul,
.headlinehome-isi a,
.headlinehome-judul {
    font-family: Graphik;
    float: left;
}
.headlinehome-img {
    width: 100%;
    overflow: hidden;
    float: left;
    height: 375px;
}
.headlinehome-img img {
    width: 100%;
    height: auto;
}
.headlinehome-judul {
    height: auto;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    margin: -350px 10px;
    position: relative;
    background: #f60;
}
.headlinehome-info {
    width: 100%;
    overflow: hidden;
    float: left;
    background: #0094e0;
    height: 235px;
    margin: -50px 0;
}
.headlinehome-rubrik {
    float: left;
    width: 100%;
    padding: 5px 20px;
    font-size: 16px;
    color: #333;
}
.headlinehome-isi {
    float: left;
    margin: 15px;
    color: #fff;
}
.headlinehome-isi a {
    color: #fff;
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 15px;
    clear: both;
}
.headlinehome-isi a:hover {
    color: #c7e8f9;
    text-decoration: none;
}
.headline-img {
    width: 100%;
    overflow: hidden;
    float: left;
    height: 325px;
}
.headline-judul {
    height: auto;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    margin: -310px 10px;
    position: relative;
    background: #f60;
}
.headline-img img {
    width: 100%;
}
.headline-info {
    width: 100%;
    overflow: hidden;
    float: left;
    background: #0094e0;
    height: 215px;
}
.large-content-isi,
.large-content1 {
    background: #01597f;
}
.headline-rubrik {
    float: left;
    width: 100%;
    padding: 5px 20px;
    font-size: 16px;
    color: #333;
}
.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;
    clear: both;
}
.headline-isi a:hover {
    color: #c7e8f9;
    text-decoration: none;
}
.thumbHeadlinelarge {
    width: 100%;
}
.thumbHeadlinelarge img {
    width: 100%;
    height: auto;
}
.large-content-isi {
    padding: 20px;
    width: 100%;
    color: #fff;
    float: left;
    margin: -50px 0 0;
    position: relative;
}
.large-content-isi p {
    color: #fff;
    font-size: 16px;
}
.large-content-isi .title-headline a {
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
}
.large-content-isi .title-headline a:hover {
    color: #f60;
}
.large-content,
.large-ctn_gall {
    width: 98%;
    height: auto;
    float: left;
    margin: 10px 0;
}
.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: 0 10px 20px 0;
}
.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: #666;
    margin-bottom: 5px;
}
.title-headline a,
.title-headline span {
    color: #444;
    font-family: Graphik;
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
}
.boxnewspilihan-isi .judul1,
a.title-news,
a.title-news2,
a.trending span {
    font-family: Graphik;
}
.content-info {
    width: 100%;
    padding: 10px 0;
    border: 1px solid #f5f5f5;
    background: #fff;
    margin: 15px 0;
    border-left: none;
    border-right: none;
    float: left;
}
.content-info h2,
.content-info span {
    float: left;
    margin: 0 0 0 10px;
    color: #999;
}
.detailcontent {
    line-height: 28px !important;
}
.detailcontent p {
    margin-bottom: 15px;
    font-size: 16px;
}
.detailcontent img {
    width: 100% !important;
    height: auto !important;
    margin: 10px 0 !important;
}
@media (max-width: 645px) {
    .thumbHeadline {
        width: 100%;
    }
    .title-headline a {
        line-height: 28px;
    }
}
.thumbDetail,
.thumbList-gall {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    margin-bottom: 12px;
}
.thumbList {
    width: 345px;
    height: auto;
    clear: both;
    margin: 0 12px;
    padding: 5px;
    background: #c0deeb;
}
.thumbDetail a {
    width: 100%;
    height: 400px;
    float: left;
    overflow: hidden;
}
.thumbList-gall a {
    width: 100%;
    height: 250px;
    float: left;
    overflow: hidden;
}
.thumbDetail img,
.thumbList img,
.thumbList-gall img {
    width: 100%;
    height: auto;
}
.boxnewspilihan {
    float: left;
    width: 100%;
    height: 340px;
    overflow: hidden;
    text-align: left;
    margin: 5px 15px 8px 0;
    padding: 0;
}
.boxnewspilihan-isi {
    margin: 5px;
    text-align: left;
}
.boxnewspilihan-isi .judul1 {
    font-size: 18px;
    font-weight: 400;
    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: 20px 0 0;
    float: right;
    width: 96%;
    border: 1px solid #ccc;
    padding: 0;
    overflow: hidden;
    background: #fff;
}
.box-kanan-judul {
    float: left;
    color: #069;
    background: #f5f5f5;
    display: block;
    font-weight: 700;
    padding: 14px 14px 10px 24px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 20px;
}
.box-kanan-judul span {
    float: left;
    padding: 0;
}
.box-kanan-isi {
    float: left;
    padding: 10px;
    width: 97%;
    overflow: hidden;
}
.box-demuslimahgram {
    border-bottom: 8px solid #784298;
}
.box-apasiapa {
    border-bottom: 8px solid #4ebbbf;
}
.trending a,
.trending-item,
a.trending {
    width: 100%;
    border-bottom: 1px solid #ccc;
    float: left;
}
.box-kanan-isi .jalanpintas {
    float: left;
    margin: 0;
}
.trending a,
a.trending {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}
a.trending span {
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    color: #fff;
    background: #f60;
    font-size: 16px;
}
.trending-item {
    padding: 8px 0;
}
.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: 0 20px 0 0;
    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:hover {
    color: #005ca9;
    text-decoration: none;
}
a.judul-1,
a.title-news2 {
    margin-bottom: 5px;
    font-size: 20px;
    text-align: left;
    color: #444;
    line-height: 24px;
}
a.title-news {
    margin-bottom: 5px;
    font-size: 24px;
    text-align: left;
    color: #444;
    line-height: 34px !important;
}
a.judul-1 {
    font-family: Graphik;
    font-weight: 700;
}
a.title-news2:hover {
    color: #005ca9;
    text-decoration: none;
}
.link-kanal a,
a.link-kanal {
    color: #f90;
    font-weight: 400;
}
.link-kanal a:hover,
a.link-kanal:hover {
    color: #c30;
    font-weight: 400;
}
.line34 {
    line-height: 34px !important;
}
a.judul-1:hover {
    font-family: Graphik;
    font-weight: 700;
    color: #f30;
}
.caripopuler {
    font-size: 12px;
    color: #555;
    float: left;
    width: 100%;
}
.member-kanan:first-child {
    margin: 10px 0 5px;
}
.member-kanan {
    width: 98%;
    float: right;
    height: auto;
    border: 1px solid #ccc;
    background: #fff;
    display: block;
    padding: 10px 10px 5px;
    margin: 0 0 5px;
    font-size: 14px;
    color: #999;
}
.member-kanan:hover {
    background: #f5f3f3;
}
.member-kanan a {
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 16px;
    color: #666;
    font-family: Graphik;
}
.member-kanan-icon {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 10px 5px 0;
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding: 0;
}
.contactbox-gambar,
.contactbox1-gambar {
    margin: 0 15px 0 0;
    overflow: hidden;
    float: left;
}
.member-kanan-judul {
    padding: 15px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
.contact-info {
    color: #666;
}
.contactbox-judul {
    float: left;
    width: 100%;
    height: 40px;
    padding: 8px 20px 5px;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    cursor: poGraphik;
    cursor: hand;
    border-bottom: 2px solid #c30;
}
.contactbox-isi {
    float: left;
    padding: 5px 20px;
    font-size: 16px;
    background: #fff;
    color: #333;
    height: auto;
}
.contactbox-gambar {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid #bdbaba;
}
.contactbox-gambar img {
    width: 100%;
    height: auto;
}
.contactbox-nama {
    font-size: 20px;
    font-weight: 700;
}
.contactbox-gambar span {
    top: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
    background: #690;
}
.contactbox-online {
    border: 5px solid #690;
}
.contactbox1-gambar {
    width: 170px;
    height: 170px;
    border-radius: 50%;
}
.contactbox1-gambar img {
    width: 100%;
    height: auto;
}
.berita-home-item1-isi p {
    color: #555;
}
.galeri-lain {
    width: 95%;
    overflow: hidden;
    height: 120px;
    margin: 5px 5px 5px 0;
}
.galeri-lain-isi {
    width: 100%;
    float: left;
    height: 120px;
    overflow: hidden;
}
.galerisamping-item {
    float: left;
    width: 100%;
    margin: 0 5px;
    padding: 8px 0;
    border-bottom: 1px solid #ccc;
}
.galeri-item-samping {
    float: left;
    width: 100px;
    margin: 0 15px 15px 0;
    overflow: hidden;
    height: 100px;
}
.galeri-item-samping img {
    width: 120px;
    height: auto;
}
@media (max-width: 960px) {
    .berita-home-item1-isi p,
    .berita-home-item1-isi span,
    .quote-line {
        display: none;
    }
    .artikel-home,
    .berita-home,
    .blog-home,
    .blog-home-item-img,
    .blog-home-item1-img,
    .headline-img,
    .slide {
        height: auto;
    }
    .quote {
        margin: 10px;
    }
    #headline {
        padding: 30px 0 0;
    }
    .headline-kanan,
    .headline-kiri {
        width: 100%;
        margin-bottom: 10px;
    }
    .agenda-home {
        width: 100%;
        background: #fff;
    }
    .agenda-home-isi {
        width: 90% !important;
        margin: 15px;
    }
    .quote-home {
        width: 100%;
        background: #fff;
    }
    .berita-home-item1,
    .blog-home-item1 {
        margin-left: 20px;
        width: 90% !important;
        height: auto;
    }
    .berita-home-item1 .judul-1 {
        font-size: 16px;
    }
    .galeri-membermnc,
    .meet-membermnc {
        float: left;
        width: 100%;
    }
    .blog-home-item1-img {
        width: 100%;
    }
}
#myModal {
    margin-top: 5%;
}
.modal-backdrop.in {
    opacity: 0.8 !important;
}
.modal,
body.modal-open {
    overflow-y: auto;
}
.class-text,
.materi-samping {
    height: 620px;
    overflow: scroll;
}
.modal-info {
    padding: 0 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-header {
    width: 100%;
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
    background: #ccc;
    color: #333;
    font-weight: 700;
}
.class-text,
.kodeetik,
.training-right {
    background: #fff;
}
.subcriber-item {
    width: 100%;
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
}
.subcriber-item div,
.subcriber-item-header div {
    padding: 5px;
}
.kodeetik {
    float: left;
    width: 100%;
    margin: 30px 0 0;
    border: 1px solid #999;
    color: #333;
    padding: 40px;
}
.masterisec,
.materi-item {
    text-align: left;
    margin: 0 5px 5px 0;
    float: left;
}
.masterisec,
.materi-item,
.training-class-judul {
    padding: 10px;
    width: 100%;
}
.masterisec {
    font-size: 20px;
    font-weight: 700;
}
.materi-item {
    font-size: 18px;
    font-weight: 400;
}
.masterisec p {
    font-size: 16px;
    font-weight: 400;
}
.materi-item-icon {
    float: left;
    margin: 0 10px 0 0;
}
.training-left {
    border-right: 1px solid #ccc;
}
.training-class-judul {
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
}
.training-class-media {
    width: 100%;
    min-height: 500px;
    float: left;
}
.class-nama {
    float: left;
    color: #fff;
    padding: 20px;
    text-transform: none;
    font-size: 24px;
}
.materi-samping {
    float: left;
    width: 100%;
}
.topbtn {
    color: #fff;
    margin: 15px 0;
}
.class-text {
    width: 100%;
    float: left;
}
.class-text-isi {
    float: left;
    padding: 20px 20px 20px 60px;
    font-size: 22px;
    line-height: 38px;
    background: url(../images/img.bg.text.jpg) top left repeat-y;
}
.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 0;
    border-bottom: 1px solid #ccc;
}
.chat-item-nama {
    color: #f60;
}
.chat-item-nama span {
    color: #ccc;
}
.contact-samping {
    width: 96%;
    margin: 10px 0;
    border: 1px solid #ccc;
    background: #fff;
    float: left;
    height: auto;
}
.contact-samping-isi {
    float: left;
    padding: 20px;
    color: #333;
}
.list-video {
    margin: 10px;
    border: 1px solid #ccc;
    padding: 0;
    background: #fff;
    height: 430px;
    overflow: hidden;
}
.boxlr,
.boxlr1 {
    background-color: #fff;
    min-width: 96%;
    position: relative;
}
.list-video-info {
    padding: 15px;
    float: left;
    height: 170px;
    overflow: hidden;
}
.list-video .list-link {
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0;
    float: left;
    width: 100%;
    line-height: 26px;
}
.list-video-img {
    float: left;
    height: 200px;
    margin: 0 0 5px;
    border-bottom: none;
    overflow: hidden;
    width: 100%;
}
.list-video-img img {
    width: 100%;
    height: auto;
}
.disclaimer {
    float: left;
    width: auto;
    margin: 10px 0;
    color: #fff;
}
.boxlr .title_lr,
.boxlr1 .title_lr {
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
}
.ajakan {
    float: left;
    padding: 0 0 10px;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}
.boxlr1 {
    border: 1px solid #e0e0e0;
    width: 98%;
    float: left;
    margin: 10px 0 15px 15px;
}
.boxlr1 .title_lr {
    display: block;
    padding: 14px 10px 0;
    border-bottom: 4px solid #0b76af;
}
.boxlr1 .title_lr span {
    display: inline-block;
    font-size: 18px;
    margin-left: 5px;
    padding: 0 0 7px;
}
.boxlr {
    border-left: 1px solid #ccc;
    width: 96%;
    float: right;
    margin: 0 0 15px 15px;
    overflow: hidden;
}
.boxlr .title_lr {
    background: #f5f5f5;
    display: block;
    padding: 14px 14px 10px;
}
.berita-1-info .judul-1,
.berita-2-info .judul-1 {
    font-family: Graphik;
    text-transform: none;
}
.boxlr .title_lr span {
    display: inline-block;
    font-size: 18px;
    margin-left: 5px;
    padding: 0 0 7px;
}
.bg_lifestyle {
    background: #f9f9f9;
}
.mostpop .title_lr {
    background-color: #af0000;
}
.mostpop .title_lr span {
    border-bottom: 4px solid #cacaca;
}
.blogpopuler {
    float: left;
    width: 100%;
}
.blogpopuler-item {
    float: left;
    height: auto;
    padding: 10px;
    margin: 5px;
    border-bottom: 1px solid #f5f5f5;
}
.blogpopuler-item-img {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 10px 0 0;
}
.blogpopuler-item-img img {
    width: 100%;
    height: auto;
}
.berita-2,
.berita-2-img {
    height: 180px;
    overflow: hidden;
}
.blogpopuler-item a {
    font-size: 18px;
}
.list_news1 {
    margin: 10px 0;
    padding: 0;
}
.list_news1 li {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #fff;
    list-style: none;
    margin: 0;
    min-height: 10px;
    padding: 10px 15px;
}
.list_news1 li:first-child {
    border-top: 0 solid #fff;
}
.list_news1 li:last-child {
    border-bottom: 0 solid #e0e0e0;
}
.list_news1 a {
    color: #444;
    text-decoration: none;
}
.list_news1 a:hover h2,
.list_news1 a:hover h3 {
    color: #e54e2c;
    text-decoration: none;
}
.box-cat .list_fokus li {
    padding: 10px;
}
.list_news1 li h3 {
    margin: 0 !important;
    font-size: 16px;
    line-height: 26px;
}
.list_fokus li:hover {
    opacity: 0.9;
}
.labdate {
    color: #959595;
    display: block;
    margin-top: 5px;
}
.f11 {
    font-size: 12px;
}
.f13 {
    font-size: 13px;
}
.dm_content .link_art:hover,
.list_fokus li.satu_fokus:hover .title_normal h3,
.list_fokus li:hover h2,
.list_fokus li:hover h3,
.slidefv_bot li:hover h3,
.title_normal:hover h3 {
    color: #e54e2c;
}
.list_fokus li.satu_fokus:hover h2,
.list_fokus li.satu_fokus:hover h3,
.tl_vidfot:hover h3,
li.wfotvid:hover h3 {
    color: #ff0;
}
.list_news1 .box_img {
    width: 30%;
}
.populer-no {
    width: 20%;
    float: left;
}
.populer-no span {
    float: left;
    border: 2px solid #ccc;
    padding: 8px 15px;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    border-radius: 50%;
    background: #fff;
}
.list_news1 .title_ln {
    display: inline-block;
    float: left;
    line-height: 60px;
    width: 70%;
}
.list_news1 .title_ln span .ls {
    color: #d50e6e;
    display: block;
    font-weight: 700;
}
.pilihan-item {
    width: 90%;
    margin: 15px;
    border-bottom: 1px solid #ccc;
}
.berita-1-img {
    text-align: center;
}
.berita-1-img img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.berita-2-img img,
.potensi-item-img img:hover {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}
.berita-1-img img:hover {
    transform: scale(1.2, 1.2);
}
.berita-2 {
    float: left;
    width: 100%;
    padding: 0 2px 2px;
    margin-bottom: 5px;
}
.berita-2-img {
    width: 100%;
}
.berita-2-img img {
    width: 100%;
    transition: all 1s ease;
}
.berita-2-img img:hover {
    transform: scale(1.2, 1.2);
}
.berita-2-info {
    float: left;
    position: relative;
    margin: -50px 0 0;
    width: 100%;
    z-index: 99;
    background: #2393cc;
    color: #fff;
    min-height: 50px;
}
.berita-2-info:hover {
    background: #156e9b;
}
.berita-2-info-isi {
    float: left;
    width: 100%;
    padding: 10px;
}
.berita-2-info .judul-1 {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.berita-2-info .judul-1:hover {
    color: #f29c07;
}
.features-item {
    margin: 10px 10px 20px;
    font-size: 14px;
    text-align: left;
    padding: 20px;
    min-height: 10px;
    background: #fff;
}
.features-item b,
.features-item strong {
    font-size: 20px;
}
.features-item i {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 10px 10px 0;
    font-size: 40px;
    text-align: center;
    color: #0ea4cf;
}
.home-search {
    background: url(../images/bg.search.png);
    width: 100%;
    height: 100px;
    float: left;
    z-index: 999;
    margin: -100px 0 -20px;
    position: relative;
}
.berita-1-info,
.wisata-1-info,
.wisata-2-info,
.wisata-3-info {
    z-index: 99;
    float: left;
    position: relative;
}
.home-search-judul {
    float: left;
    height: auto;
    width: 100%;
    background: #1c5282;
    color: #fff;
}
.home-search-judul span {
    float: left;
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    font-size: 22px;
    color: #fff;
}
.home-search-isi {
    float: left;
    width: 100%;
    margin: 10px;
    color: #fff;
}
.home-search-form {
    padding: 5px 10px;
    width: 100%;
    position: relative;
}
.berita-1 {
    float: left;
    width: 100%;
    margin: 2px;
    padding: 0 5px 5px;
}
.berita-1-img {
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}
.berita-1-img img {
    width: 100%;
    height: auto;
}
.berita-1-info {
    margin: 0;
    width: auto;
    background: #f5f5f5;
    color: #333;
    height: 135px;
    overflow: hidden;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
.berita-1-info-isi {
    float: left;
    width: 100%;
    padding: 10px 20px;
}
.berita-1-info .judul-1 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
.berita-1-info .judul-1:hover {
    color: #f29c07;
}
.home-menu {
    margin: 4px;
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
    width: 96%;
    border-radius: 5px;
    background: #fff;
    font-size: 16px;
}
.home-menu-icon {
    font-size: 38px;
    color: #666;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
}
.wisata-1-info .judul-1,
.wisata-3-info .judul-1 {
    font-size: 18px;
    font-weight: 700;
    font-family: Graphik;
    text-transform: none;
}
.wisata-3 {
    float: left;
    width: 100%;
    margin: 2px;
    padding: 0 5px 5px;
}
.wisata-3-img {
    width: 100%;
    height: 455px;
    overflow: hidden;
}
.wisata-3-img img {
    height: 100%;
}
.wisata-3-info {
    margin: -55px 0 0;
    width: auto;
    background: #156e9b;
    color: #333;
}
.wisata-3-info-isi {
    float: left;
    width: 100%;
    padding: 10px 20px;
}
.wisata-3-info .judul-1 {
    color: #fff;
}
.wisata-1 {
    float: left;
    width: 100%;
    margin: 2px;
    padding: 0 5px 5px;
}
.wisata-1-img {
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.wisata-2,
.wisata-2-img {
    height: 150px;
    overflow: hidden;
}
.wisata-1-img img {
    width: 100%;
}
.wisata-1-info {
    margin: 0;
    width: auto;
    background: #f4f4f4;
    color: #333;
}
.wisata-1-info-isi {
    float: left;
    width: 100%;
    padding: 10px 20px;
}
.wisata-1-info .judul-1 {
    color: #333;
}
.wisata-1-info .judul-1:hover {
    color: #f29c07;
}
.wisata-2 {
    float: left;
    width: 100%;
    padding: 0 2px 2px;
    margin-bottom: 5px;
}
.wisata-2-img,
.wisata-2-img img {
    width: 100%;
}
.wisata-2-info {
    margin: -35px 0 0;
    width: auto;
    background: #156e9b;
    color: #fff;
}
.wisata-2-info-isi {
    float: left;
    width: 100%;
    padding: 5px 10px;
}
.wisata-2-info .judul-1 {
    color: #fff;
    font-family: Graphik;
    text-transform: none;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.wisata-2-info .judul-1:hover {
    color: #f29c07;
}
.btn-more a,
a.btn-more {
    padding: 20px 40px;
    font-size: 18px;
    border: 1px solid #ccc;
}
.destinasi-read {
    height: 450px;
    width: 100%;
    float: left;
    text-align: center;
    background: #2393cc;
    overflow: hidden;
}
.destinasi-read-info {
    font-size: 75px;
    font-weight: 700;
    color: #fff;
    margin: 190px 0 0;
}
.destinasi-ringkas h2 {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    margin: 20px 0 10px;
}
.destinasi-read-info h2 {
    font-size: 55px;
}
.destinasi-ringkas {
    width: 90%;
    height: auto;
    padding: 30px;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #fff;
    float: left;
}
.destinasi-destinasi-judul,
.wisata-read {
    text-align: center;
    width: 100%;
    float: left;
}
.destinasi-destinasi-judul {
    color: #333;
    margin: 30px 0 0;
    border-bottom: none;
    font-size: 28px;
    line-height: 34px;
    text-transform: none;
    padding: 10px;
    font-weight: 700;
}
.contact-box {
    float: left;
    width: 100%;
    border: 1px solid #cccc;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0 0 0;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}
.contact-item {
    float: left;
    width: 98%;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    text-align: left;
    margin: 5px;
}
.contact-item img {
    float: left;
    margin: 0 10px 0 0;
}
.contact-item span {
    font-size: 20px;
    font-weight: 700;
}
.wisata-read {
    height: auto;
    background: #fff;
    overflow: hidden;
    margin: 0px 0 0;
}
.wisata-read img {
    width: 100%;
    height: auto;
    float: left;
}
.wisata-read-info {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 -90px;
    float: left;
    width: 100%;
    position: relative;
}
.wisata-read-menu {
    float: left;
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 8px;
    width: 100%;
	margin: 20px 0px 0px 0px;
}
.wisata-read-menu a {
    float: left;
    background: #f5f5f5;
    padding: 8px 20px;
    font-weight: 700;
}
.wisata-read-menu-active {
    background: #fff !important;
    border-radius: 10px;
    color: #c30;
}
.wisata-read-info h2 {
    font-size: 25px;
    float: left;
    padding: 10px 20px;
    background: #e67e22;
}
.wisata-ringkas {
    width: 90%;
    height: auto;
    padding: 30px;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #666;
    float: left;
}
.wisata-destinasi-judul,
.wisata-destinasi-judul2 {
    color: #333;
    margin: 30px 0 0;
    border-bottom: none;
    font-size: 28px;
    line-height: 34px;
    text-transform: none;
    width: 100%;
    float: left;
    font-weight: 700;
}
.wisata-destinasi-judul {
    padding: 10px;
    text-align: center;
}
.wisata-destinasi-judul2 {
    padding: 3px 0 0;
    text-align: left;
}
.wisata-destinasi {
    font-size: 16px;
    text-align: center;
    margin-left: 10px;
    float: left;
    width: 98%;
    margin-bottom: 20px;
}
.wisata-rencana {
    padding: 0 20px 20px;
    font-size: 16px;
    line-height: 26px;
}
.box-kanan-isi table {
    width: 100%;
    border: 1px solid #ccc;
    margin: 10px 0;
}
.box-kanan-isi table td {
    padding: 5px;
}
.judul {
    font-size: 18px;
}
.tags-isi a {
    margin: 5px;
    float: left;
    padding: 10px;
}
.potensi-item,
.testimoni-item {
    margin: 10px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 15px;
}
.potensi-item {
    width: 95%;
    float: left;
    overflow: hidden;
    height: 400px;
}
.potensi-item-img {
    width: 100%;
    height: 230px;
    overflow: hidden;
    float: left;
}
.testimoni-item,
.testimoni-item-img {
    height: auto;
    float: left;
    overflow: hidden;
}
.potensi-item-img img {
    width: 100%;
}
.potensi-item-img img:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    transition: all 1s ease;
}
.testimoni-item {
    width: 95%;
    font-size: 16px;
}
.testimoni-item p {
    font-size: 15px;
    margin-top: 20px;
    float: left;
    width: 100%;
}
.testimoni-item p span {
    font-size: 24px;
    line-height: 20px;
}
.testimoni-item-img,
.testimoni-item-img img {
    width: 100%;
}
.testimoni-item-img img:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.menuprofile {
    width: 100%;
    padding: 10px 0;
    border-top: 2px solid #156e9b;
    border-bottom: 2px solid #ccc;
    background: #f4f4f4;
}
.menuprofile a {
    float: left;
    padding: 5px 20px;
    font-size: 16px;
    border-right: 1px solid #ccc;
}
.akomodasi-menu {
    float: left;
    border: 1px solid #ccc;
    font-size: 16px;
    padding: 5px 15px;
    margin: 5px;
    border-radius: 10px;
}
.img-perusahaan {
    width: 100%;
    height: 90px;
    overflow: hidden;
    margin: 10px;
    float: left;
}
.img-perusahaan img {
    height: 100%;
}
.team-item {
    margin: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
}
.team-item-img {
    width: 265px;
    height: 265px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 15px;
}
.team-item-img img {
    width: 100%;
}
.topcontact-img {
    float: left;
    width: 40px;
    margin: 10px 0 0;
}
.topcontact-info {
    float: left;
    width: 200px;
    margin: 10px 0 0;
    font-size: 14px;
}
.topcontact-info #phoneNumber {
    font-size: 28px;
    font-weight: 700;
}
.price_table_container {
    text-align: center;
    color: #666;
    margin-top: 35px;
    font-family: Graphik, sans-serif;
}
.price_table_heading {
    font-size: 36px;
    padding: 10px;
    background: #eee;
}
.price_table_row {
    padding: 15px;
    background: #fff;
}
.cost {
    padding: 30px;
    font-size: 30px;
}
.cost span {
    font-size: 15px;
}
.price_table_row:nth-of-type(even) {
    background: #f8f8f8;
}
.recommended {
    background: #ff3a3a;
    color: #fff;
    padding: 3px 0;
    margin-top: 10px;
    text-align: center;
    margin-bottom: -35px;
    font-family: Graphik, sans-serif;
}
.hotelmenu a,
.hotelmenu a:hover {
    padding: 4px 15px;
    margin: 2px;
    float: left;
}
.spacer {
    width: 100%;
    height: 50px;
}
.primary-bg {
    background: #337ab7;
    color: #fff;
}
.success-bg {
    background: #5cb85c;
    color: #fff;
}
.info-bg {
    background: #5bc0de;
    color: #fff;
}
.warning-bg {
    background: #f0ad4e;
    color: #fff;
}
.danger-bg {
    background: #d9534f;
    color: #fff;
}
.dark-bg {
    background: #444;
    color: #fff;
}
.royal-bg {
    background: #8e74e2;
    color: #fff;
}
.static-bg {
    background: #2bb0a6;
    color: #fff;
}
.danger-text,
.dark-text,
.info-text,
.primary-text,
.royal-text,
.static-text,
.success-text,
.warning-text {
    background: #fff;
}
.primary-text {
    color: #337ab7;
}
.success-text {
    color: #5cb85c;
}
.info-text {
    color: #5bc0de;
}
.warning-text {
    color: #f0ad4e;
}
.danger-text {
    color: #d9534f;
}
.dark-text {
    color: #444;
}
.royal-text {
    color: #8e74e2;
}
.static-text {
    color: #2bb0a6;
}
.hotelmenu a {
    color: #333;
    background: #f90;
}
.hotelmenu a:hover {
    color: #fff;
    background: #c33;
}
.hotelhome {
    float: left;
    width: 96%;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}
.hotelhome-img {
    float: left;
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
}
.hotelhome-img img {
    width: 100%;
    height: auto;
}
.hotelhome-info {
    width: 100%;
    padding: 0 10px;
}
.hotelhome-info-rate {
    float: left;
    color: #c30;
    font-size: 18px;
    font-weight: 700;
}
.placesec {
    float: left;
    width: 100%;
    margin: 0;
}
.placesec li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0 0 0 -20px;
}
.placesec li a {
    font-size: 16px;
    padding: 8px 10px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}
.footer-sosmed {
    padding: 20px 0;
    font-size: 18px;
    text-align: center;
    float: left;
    background: #e0dfdf;
    width: 100%;
    margin: 20px 0 0;
}
.footer-sosmed a {
    color: #333;
}
.detailcontent p a {
    color: #c00;
}
.cuaca-item {
    width: 95%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 15px;
    float: left;
    margin: 5px;
}
.cuaca-item h3 {
    font-size: 16px;
}
.cuaca-item-gambar {
    width: 100%;
    height: 120px;
    float: left;
    text-align: center;
    margin: 10px 0 20px 0;
}
.cuaca-item-gambar img {
    height: 100%;
    width: auto;
}
.menucuaca {
    float: left;
    padding: 5px 10px 5px 10px;
    border: 1px solid #fff;
    background: #ffd5bf;
    border-radius: 5px;
}
.promo-item {
    height: 430px;
    float: left;
    width: 95%;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 0 0 20px 0;
}
.promo-item .list-link {
    font-size: 16px;
}
.promo-item-isi {
    height: 400px;
    float: left;
    width: 95%;
    overflow: hidden;
    padding: 0 20px;
}
.promo-item-img {
    height: 190px;
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0;
    border-radius: 0;
}
.promo-item-img img {
    width: 100%;
}
.promo-item-img img:hover {
    -webkit-filter: brightness(110%);
}
@media (max-width: 780px) {
    .whatnew-1-info {
        padding-top: 100px;
        margin-top: -90px;
    }
    .whatnew-ringkas {
        display: none;
    }
    .whatnew-1,
    .whatnew-1-img {
        height: auto;
    }
    #menuright,
    .large-content {
        clear: both;
    }
    .search-home {
        margin: 5px 0 0;
        float: left;
    }
    .search-home {
        padding: 5px 0 5px;
    }
    .whatnew-1 {
        margin-bottom: 15px;
    }
    .whatnew-2 {
        width: 100%;
    }
    .home-search {
        margin: -10px 0 0;
        background: #2393cc;
        height: auto;
        z-index: 1;
    }
    .shortcut {
        margin: 10px 0 0;
    }
    .topheader {
        background: 0 0;
        height: auto;
        background: #f5f5f5;
    }
    .navbar-brand {
        width: 90%;
        overflow: hidden;
    }
    .navbar-brand img {
        width: 70%;
    }
    .agenda-item .fa {
        float: left;
        margin: 0 10px 0 0;
    }
    .box-content {
        margin: 5px;
    }
    .aspirasi {
        float: left;
        width: 100%;
        padding: 5px;
    }
    .aspirasi .btn {
        width: 49%;
        float: left;
        font-size: 14px !important;
        padding: 5px;
    }
    .aspirasi .btn i,
    .berita-home-item1-img {
        display: none;
    }
    .judulkanal a {
        line-height: 35px;
    }
    .boxcontent {
        float: left;
        width: 100%;
        padding: 15px;
    }
    .boxlr,
    .thumbNews {
        width: 100%;
    }
    .berita-1-info {
        margin: 0;
    }
    #menuright {
        width: 100%;
        margin: 10px 0;
        float: left;
    }
    .box-content-why {
        width: 100%;
        float: left;
        margin: 0 0 10px;
        border-bottom: 1px solid #ccc;
    }
    .berita-home-item1 {
        margin: 5px 0 5px 20px;
        height: 70px;
    }
    .berita-home-item1-info,
    .berita-home-item1-isi,
    .box-content-why {
        height: auto;
    }
    .berita-home {
        height: auto;
        min-height: 100px;
    }
    .box-kanan {
        width: 100%;
    }
    .navbar-collapse {
        margin-top: 10px;
    }
    .navbar-collapse.in {
        overflow-y: visible;
        margin-top: 10px;
    }
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > .open > a:hover {
        color: #333;
    }
    .navbar-default .navbar-nav > a,
    .navbar-default .navbar-nav > a:focus,
    .navbar-default .navbar-nav > a:hover {
        color: #33;
    }
    .navbar-default .navbar-nav > a {
        color: #333;
    }
    .box-content-why .icon {
        margin: 10px;
    }
    .berita-1 {
        padding: 5px 5px 5px 0;
    }
    .berita-1-img {
        height: 130px;
        width: 30%;
        float: left;
    }
    .berita-1-img img {
        height: 100%;
        width: auto;
        margin-left: -20%;
    }
    .berita-1-info {
        height: 130px;
        width: 70%;
    }
    .berita-1-info .judul-1 {
        color: #333;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px !important;
    }
    .wisata-3-img {
        width: 100%;
        height: 250px;
    }
    .wisata-3-img img {
        width: 100%;
        height: auto;
    }
    .homeServe .btn-info {
        clear: both !important;
        width: 90%;
        float: left;
        margin: 5px 10px;
    }
    #header-kanal,
    .megamenu-ul img,
    .topkanal {
        width: 100%;
        float: left;
    }
    .topkanal-inner-1 span {
        float: left;
        font-size: 28px;
        line-height: 40px;
        color: #fff;
        font-weight: 700;
        padding: 40px 0 18px 10px;
    }
    #header-kanal {
        height: auto;
        background: #fff;
        border-bottom: 1px solid #ccc;
    }
    .topkanal {
        height: auto;
        position: relative;
        margin: 0 0 -65px;
        z-index: 99;
        background: #2393cc;
        padding: 0 0 20px;
    }
    .navbar-nav .open .dropdown-menu li a {
        color: #33 !important;
    }
    .navbar-nav {
        margin: 0;
    }
    .dropdown-menu {
        margin-left: -40px;
    }
    .dropdown-header {
        padding: 5px 0;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 5px;
    }
    .navbar-nav > li:hover {
        background: #fff;
        color: #c30;
    }
    .megamenu-ul img {
        height: auto;
        margin: 0;
    }
    .whatnew-1-info-isi .judul-1 {
        font-size: 20px;
        color: #fff;
        margin-bottom: 10px;
        float: left;
        width: 100%;
        line-height: 22px !important;
    }
    .whatnew-judul {
        float: left;
        width: auto;
        padding: 5px 20px;
        text-transform: uppercase;
        font-size: 18px;
        color: #fff;
        background: #f60;
        margin: 10px 0 -65px 15px;
        position: relative;
    }
    .whatnew-2-info-isi .judul-1 {
        font-size: 20px;
        color: #fff;
        margin-bottom: 10px;
        float: left;
        width: 100%;
        line-height: 22px;
    }
    .whatnew-1-info {
        float: left;
        margin: 0 0 0;
        background: #000;
        padding: 15px;
        min-height: 10px;
    }
    .wisata-read-info {
        font-size: 25px;
        font-weight: 700;
        color: #fff;
        margin: 0 0 -10px;
        float: left;
        width: 100%;
        padding: 10px;
    }
    .wisata-read-info h2 {
        font-size: 18px;
        width: 100%;
    }
    .wisata-read {
        height: auto;
        margin: 0;
    }
    .search-home input,
    .search-home select {
        border-right: 5px;
        padding: 5px 10px !important;
        float: left;
        width: 100%;
        height: 45px;
        font-size: 16px;
        font-weight: 400;
    }
    .navbar-brand-1 a,
    a.navbar-brand-1 {
        float: left;
        margin: 0;
        position: relative;
        margin: -30px 0 0 10px;
    }
    .box-content-panorama {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        padding: 5px;
    }
    .boxcontent {
        padding: 5px;
    }
    .thumbDetail #container {
        height: 300px !important;
    }
    .insight .container {
        padding: 5px 0 5px 0 !important;
    }
    .large-content,
    .large-ctn_gall {
        width: 98%;
        height: auto;
        float: left;
        margin: 10px 0;
        padding: 0 15px 15px 15px;
    }
    .title-headline a,
    .title-headline span {
        color: #444;
        font-family: Graphik;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
    }
}
@media (min-width: 1204px) {
    .shortcut-content .col-md-3 {
        width: 20%;
    }
    .box-content-why .icon {
        margin: 10px 5px 60px 10px;
        width: 50px;
        font-size: 44px;
    }
    .box-content-why {
        padding: 5px;
        height: auto;
        font-size: 14px;
    }
}
.grid {
    list-style: none;
    margin: 0;
    padding: 0;
}
.grid-item {
    width: 385px;
}
@media only screen and (max-width: 767px) {
    .grid-item {
        width: auto !important;
    }
    .caripopuler a {
        font-size: 11px;
    }
    .detailcontent table {
        width: 90%;
        border: 2px solid #333;
        font-size: 12px;
    }
}

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

@media only screen and (max-width: 767px) {
    .instagram-img {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .instagram-img-square {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .instagram-img img {
        margin-top: 0px;
        width: 100%;
    }
    .instagram-img-square img {
        width: 100%;
    }
    div#columns .figure {
        width: 95%;
        height: auto;
    }
}