/*
 * Global Class
 */
 /* customf addthis plugin, DO NOT REMOVE !*/
.fb_share_button, .vfb_share_button {
  font: normal normal normal 14px/1 FontAwesome;
  background-color: #1A74CA;
    display: block;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 11px;
    padding-right: 11px;
    font-size: 30px;
}.fb_share_button:before, .vfb_share_button:before {
  content: "\f09a";
}

.tw_share_button, .vtw_share_button {
  font: normal normal normal 14px/1 FontAwesome;
  color: #ffffff;
    background-color: #6DCFF6;
    display: block;
    font-size: 30px;
    padding: 5px;
    margin-top: 0;
}.tw_share_button:before, .vtw_share_button:before {
  content: "\f099";
}

.email_share_button, .vemail_share_button {
  position: relative;
  top: -1px;
  font: normal normal normal 14px/1 FontAwesome;
  background-color: #db4d30 !important;
    color: #fff;
    display: block;
  font-size: 28px;
    padding: 6px;
}.email_share_button:before, .vemail_share_button:before {
  content: "\f003";
}

.gplus_share_button, .vgplus_share_button {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 30px;
    background-color: rgb(220, 78, 65);
    display: block;
    color: #fff;
    padding: 5px;
}.gplus_share_button:before, .vgplus_share_button:before {
  content: "\f0d5";
}

.wa_share_button, .vwa_share_button {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 30px;
    background-color: rgb(77, 194, 71);
    display: block;
    color: #fff;
    padding: 5px 5px 5px 7px;
}.wa_share_button:before, .vwa_share_button:before {
  content: "\f232";
}

.facebook_landing:before {
  content: "\f09a";
}.twitter_landing:before {
  content: "\f099";
}.email_landing:before {
  content: "\f003";
}.googleplus_landing:before {
  content: "\f0d5";
}.whatsapp_landing:before {

}

.share_btn {
  cursor: pointer;
  display: inline-block;
}

 .w100 {
  width: 100% !important;
 }

/* End Of Global Class */

.modal-socmed {
  padding: 15px;
}
.modal-socmed ul li {
  display: inline-block;
}

.headline-big {
  height: 540px !important;
  width: 100% !important;
}
.kategori-list-img {
  max-height: 181.5px;
}
.mag-post-widget .post-item {
  display: inline-block;
  margin: 0 0 15px;
}

.mag-post-tab .tab-pane .post-media img {
  height: 180px;
}

.mag-post-tab .post-entry {
  min-height: 180px;
}

.mag-post-pagi a {
  padding: 5px 10px 5px 10px;
  height: auto;
  width: auto;
}
.thumbnail {
  overflow: hidden;
  min-height: 280px;
}

.thumbFoto{
  height: 220px;
  display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.thumbFoto .caption{
  padding:9px;
}

.home-gallery-lg {
  margin-bottom: 20px;
}.home-gallery-sm {
  margin-bottom: 20px;
}

.gallerybox{
  height: 120px;
  overflow: hidden;
}

.gallery-detail .thumbnail {
  cursor: pointer;
  height: auto !important;
}
.caption {
  line-height: 18px;
}

.downloadfile{
  margin-top: 1em;
  font-size: .9em;  
}

/* carousel fade */
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-fade,
.carousel-fade .carousel-inner,
.carousel-fade .carousel-inner .item {
  /*height: 100%;*/
  width: 728px;
  height: 90px;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  width: 728px;
  height: 90px;
}
.carousel-fade .item:nth-child(1) {
  background: #74C390;
}
.carousel-fade .item:nth-child(2) {
  background: #51BCE8;
}
.carousel-fade .item:nth-child(3) {
  background: #E46653;
}
/* end of carousel fade */

/* search button */
/* Style the submit button */
form.custom-search .form-group {
  display: inline-block;
  margin-bottom: 0;
}
form.custom-search .form-group input[type=text] {
  padding: 10px;
  font-size: 17px;
  float: left;
  width: 100%;
  margin-right: 2px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
form.custom-search button {
    float: right;
    line-height: 24px !important;
    width: auto;
    padding: 5px 10px 5px 10px;
    position: relative;
    background: #093387;
    color: white;
    font-size: 12px;
    border: 0px none;
    border-left: none;
    cursor: pointer;
}

form.custom-search button:hover {
  background: #0b7dda;
}

/* Clear floats */
form.custom-search::after {
  content: "";
  clear: both;
  display: table;
}

.entry p{
  font-size: 15px;
  line-height: 20px;
}

.entry p img{
  text-align: center;
  width: 100%;
}

.komentar{
  margin-bottom: 20px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  border-radius: 7px;
}
.komentar h4 span {
    color: #093387;
    border-bottom: 2px solid #093387;
    padding: 15px 20px 12px 0px;
    margin-left: 10px;
    font-weight: 700;
    display: inline-block;
}
#form_komentar{
    margin: 10px;
    padding-bottom: 20px;
}

#comments{line-height:1.4em;margin:20px 0 0;position:relative;background:#fff;border:1px solid #ddd;padding:0 20px 20px 20px;}
#comments h3{float:left;font-size:15px;line-height:50px;text-transform:capitalize;font-weight:normal;font-family:'Roboto',Josefin Sans, Arial;color:#fff}#comments h3 i{padding-right:10px}#comments li{padding:0}
a.click-comment{float:right;font-weight:bold;text-transform:uppercase;position:absolute;top:20px;right:20px;display:inline-block;background:#22A65A;border:2px solid #22A65A;padding:8px 10px;font-size:13px;color:#fff}
a.click-comment:hover{background:#fff;color:#22A65A}
.comment-body-author{background:#0b433f;color:#008000;border:1px dotted #008000;margin:0;padding:0 0 0 10px;}
.comment_share{color:#999;cursor: pointer;font-size:10px;line-height:1.5em;max-width:100%;font-weight:normal;padding-left:5px;}
#comment_rep a:hover {text-decoration:none;color:#464646!important;}
.comment_avatar{height:50px;width:50px;margin-top:15px;background:#eee url(//2.bp.blogspot.com/-GsQfvTESyZA/Vz_pQX3IkmI/AAAAAAAAD7A/z4uqNAtlPmMZhho4wbUcyMOFfYckJUQ7ACLcB/w50-h50/noimage.png) no-repeat;float:left;margin-right:15px;overflow:hidden;padding:0;border-radius:99em}
.comment_admin .comment_name:after {content:"";width:0;height:0;position:absolute;top:5px;right:0;border-width:5px;border-style:solid;border-color:#fff transparent transparent transparent;display:block;}
.comment_name{color:#4a5764;font-size:11px;font-weight:normal;max-width:100%;text-decoration:none;margin:5px 0 0;text-transform:none; font-weight:normal;position:relative}.comment-menu {float: right;list-style:none;width:0;height:0} .comment_name a {font-size:11px;color:#666;text-decoration:none;font-family:'Roboto', Sans-Serif;font-weight:400}
.comment_name a:hover {text-decoration:underline}
.comment_body p{font-size:110%;line-height:1.4em;margin:0;padding:0 0 10px}
.comment_body{padding:20px 20px 10px;position:relative;resize:none;min-width:3rem;max-width: 69rem;background:#fff;color:#444;font-size:13px;border:1px solid #ddd;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.07),0 1px 1px 0 rgba(0, 0, 0, 0.06);display:inline-block;}
.comment_body:after {content:"";width:0;height:0;position:absolute;top:0;right:100%;border-width:7px;border-style:solid;border-color:#fff #fff transparent transparent;display:block}
.comment_body:before {content:"";width:0;height:0;position:absolute;top:-1px;left:-16px;border-width:8px;border-style:solid;border-color:#ddd #ddd transparent transparent;display:block}
.no-comment {color:#fff;background:#FF0000;padding:10px;margin-top:10px;text-align:center;}.comment_intime {float:left;/* margin:10px 0; */position: relative;color:#aaa;bottom:0;/* left:5px; */}
#comment_box{padding:0;background:none;position:relative;margin:20px 0}
.comment-delete img{float:right;padding:7px;margin-left:5px;width:10px;margin-top:1px}
.comment_date{color:#666;font-size:11px;line-height:25px;cursor:pointer;float:right} 
#comments .separate {color:#fff;font-size:15px;line-height:40px;padding-left:5px;padding-right:5px;}#comments .author-mark {background:#d2d2d2; color:white;border-radius:0;padding:2px 6px 2px 6px;font-size:15px;line-height:15px;}.comment-share{display:inline;}.comment-share li {display:inline;}.comment-share li.button a {background:#546472;color:white;padding:0 5px 2px 5px;border-radius:0;display:none;}.comment-share li.button:hover a {background:#272f37;}#comment_rep {margin-top:-27px;float:right;}.comment_child .comment_wrap {padding-left:40px}
.comment_reply a{cursor:pointer;font-size:11px;line-height: 1.5em;font-weight: 400;/* padding:2px 14px; */float:left;list-style:none;margin-right:20px;color:#aaa;}.comment_reply a:hover{color:#000}
.unneeded-paging-control{display:none}.comment-form {max-width:100%!important;margin-top:-15px !important}.comment_reply_form .comment-form {width:100%;}.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block; padding-top:10px;padding-bottom:10px;}#respond {overflow:hidden;padding-left:10px;clear:both;}.comment_avatar * {max-width:100%!important;display:block;max-height:100%!important;width:50px!important;height:50px!important;margin-right:15px}.comment_child .comment_avatar, .comment_child .comment_avatar * {float:left;margin-right:15px;border-radius:100%}.comment_form a{ color:#2f6986;text-decoration:none}.comment_form a:hover {color:#2f6986;text-decoration:underline}.comment_author_flag {display:none}
#showkomentarmenu{font-size:20px;padding:10px 20px;border-radius:3px;color:#fff;float:right;margin:-8px -15px 0 0}
#komentarmenu{font-family:'Roboto',Arial;visibility:hidden;position:absolute;background:#fff;text-transform:none!important;list-style:none;right:35px;top:45px;padding:0;width:0;height:0;transition:all .5s cubic-bezier(0.07, 0.68, 0.35, 1.04);z-index:9;overflow:hidden;box-shadow:0 5px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
#komentarmenu li{width:100%}
#komentarmenu li a{padding:9px 15px;display:inline-block;width:100%;font-weight:400;color:#666!important;font-size:14px!important}
#komentarmenu li a:hover{background:#e1e1e1}
#komentarmenu.shows{visibility:visible;width:200px;height:79px}
.bnm.shows{visibility:visible}
.comment_admin .comment_author_flag{display:inline;background:none;font-size:11px;padding:0;margin-left:4px;color:#555;text-transform:uppercase}
.menu-komentar{background:#22A65A;overflow:hidden;margin-left:-20px;padding:0 20px;height:50px;line-height:50px;margin-right:-20px;border-bottom:2px solid #168947;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 2px 2px 0 rgba(0,0,0,0.12)}.bnm{visibility:hidden}.comment_admin .comment_body:before{border-color:#ddd transparent transparent #ddd;right:-16px;left:initial!important}.comment_admin .comment_body:after{border-color:#fff transparent transparent #fff;left:100%}.comment_admin .comment_body{margin-left:0;margin-right:20px;float:right}.comment_admin .comment_avatar{float:right}.comment_admin .comment_date{float:left}.comment_admin .comment-delete img{float:left;margin:3px 0 0}.comment_admin .namamu{float:right;padding-right:15px}.comment_author_flag .fa{float:right;padding:4px}.comment_admin .comment_intime{float:right;right:5px;left:initial!important}
#comment-editor{width:100% !important;margin-bottom:20px;position:relative;border:none}
.comment-form{max-width:100%!important}
.comment_arrow{display:block;position:relative;margin:0;padding:0}
.comment_emo_list .item{float:left;width:40px;text-align:center;height:40px;margin:10px 10px 0 0}
.comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important}
.deleted-comment {background:#fff url(http://4.bp.blogspot.com/-Yj5ewidrX5Q/UkrG9s3fS5I/AAAAAAAAFrQ/rhhaMJwHDoc/s1600/tempat-sampah.png) no-repeat 2% 50%;color:#ccc;line-height: 22px;padding:8px 15px 8px 45px;margin:5px 0;display:block;border:1px solid #ddd;position:relative;font-size:13px}
.comment-form p{position:relative;background:#fff;color:#333;margin-top:50px;font-size:14px;font-family:'Open Sans',Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;padding:15px;border:1px solid #ddd;transition:all .3s ease-out;}
.comment-form p:after, .comment-form p:before{top:100%;left:9%;border:solid transparent;
content:" ";height:0;width:0;position:absolute;pointer-events:none}
.comment-form p:after{border-color:rgba(68,68,68,0);border-top-color:#fff;border-width:12px;margin-left:-12px}
.comment-form p:before{border-color:rgba(221,221,221,0);border-top-color:#ddd;border-width:13px;margin-left:-13px;transition:all .3s ease-out}
img.comment_emo{margin:0;padding:0;vertical-align:middle}
#comments .pencet{color:#fff;margin-right:10px;padding:8px 15px;background-color:#2DCC70;font-size:12px;border-radius:3px;font-weight:400;text-transform:none;text-decoration:none;outline:none;font-family:'Roboto', Arial;cursor:pointer;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}#comments .pencet:hover{text-decoration:none;background-color:#22A65A}.comment_emo_list{display:none;clear:both;width:100%}img.comment_emo{margin:0;padding:0;vertical-align:middle;width:28px;height:28px}#postCommentSubmit {padding:10px!important}#allHolder{border:none!important}.small-button {color:#fff;margin-right:10px;padding:0;background:none;font-size:12px;font-weight:400;text-transform:none;transition:all .3s ease-in}.small-button a{color:#fff;margin-right:10px;padding:4px 15px;background-color:#009a5d;font-size:12px;font-weight:400;text-transform:none;border-radius:4px;text-decoration:none;outline:none;box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #3d4852;text-shadow:0px -1px 0px rgba(0,0,0,0.3);transition:all .3s ease-in}.small-button:hover {background:none;color:#fff;text-decoration:none}.small-button a:hover {background-color:#990000;color:#fff;text-decoration:none}
@media screen and (max-width:684px){
.comment_child .comment_wrap{padding-left:0!important}.comment_body{width:70%!important}.comment_admin .comment_body{width:60%!important}}
@media screen and (max-width:480px){
.comment_body{width:55%!important}.comment_admin .comment_body{width:50%!important}}

.realte_post{
    margin-bottom: 20px;
    padding: 0px 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 7px;
}
.realte_post h4{
  margin-left: -10px;
    margin-right: -10px;
}
.realte_post h4 span{
  border-bottom: 2px solid #093387;
    padding: 15px 20px 12px 20px;
    margin-left: 0px;
    font-weight: 700;
    display: inline-block;
    border-radius: 7px 0px 0px 0px;
}

.breadcrumbs{
  font-size: 12px;
    border: 1px solid #d1d1d1;
    padding-left: 10px;
}

.kontak{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 7px;
    padding: 25px 20px;
}
.btn-news{
    background: #0fa705;
    border-radius: 5px;
    color: #ffff;
}

.card-post{
  border:1px solid #ddd;
  border-radius: 7px;
  padding: 10px;
  margin-bottom: 20px;
}

.card-post:hover{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.card-post img{
  height: 200px;
  width: 100%;
}

.posts-inner .posts-title{
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.main-content{
  margin-top: 20px;
}

.nav-tabs {
    border-bottom: 2px solid #093387;
}
.nav-tabs .active{
  background-color: #093387;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #093387;
    border: 1px solid #093387;
    border-bottom-color: transparent;
    cursor: default;
    text-transform: uppercase;
}
.nav-tabs>li>a{
  text-transform: uppercase;
}
.nav-tabs>li>a:hover{
  border:0px;
  background-color: transparent;
  color: #093387
  font-weight:500;
}

@media only screen and (max-width: 767px){
  .main-head .navbar-toggle {
      margin-top: 25px;
      margin-bottom: -5px;
  }
  .navbar-toggle {
      border-radius: 0;
      margin: 0;
      position: inherit;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }
}