p {
  font-family: 'Source Sans Pro', sans-serif;
}

p b, p strong {
  font-family: 'Lato', sans-serif;
}

body {
  background: #787a74;        
}

.koop-container {
  background-color: #fff;
  border-left: 1px solid #4f4f51;
  border-right: 1px solid #4f4f51;        
}

.koop-container p, .koop-container li {
  font-size: 13px;
}

.koop-bar, .koop-bar-section ul li > a {
  background-color: #4f4f51 !important;
  font-weight: bold;
}

.koop-bar-section ul li > a {
  /*font-size: 13px;*/
  /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}

.koop-bar-section ul li > a:hover {
  background-color: #f75316 !important;
  /*background-color: #fb9b11 !important;*/
}  

.koop-dropdown {
  opacity: 0.9;
}

.koop-content h3 {
  font-size: 14px;
  color: #fb9553;
  font-weight: bold;  
}

.koop-content div {
  /*border-top: 4px solid #000;*/
}

.koop-content p {
  margin: 2px;
  padding: 5px 0 0 0;
}

.koop-info {
  text-align: right;
  margin: 0;
  padding: 0;
}

.koop-info a {
  font-weight: bold;
}

.koop-info a:before {
  content: "\0BB \020";
}

.koop-btn {
  background-color: #4f4f51 !important;
  font-size: 14px;
  font-weight: bold;
}

.koop-btn:hover {
  background-color: #f75316 !important; 
}   

.koop-orbit li img {
  width: 970px !important;
  height: 330px !important;
}

.koop-berita {
  margin-bottom: 10px;
}

.koop-content .koop-berita h3 {
  text-align: center;
}

.koop-berita strong {
  font-size: 14px;
  color: #4f4f51 !important;
  cursor: pointer;
}

.koop-berita hr {
  margin: 0;
}

.koop-berita .koop-date, .koop-date {
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  float: left;
}

.koop-footer, .koop-footer ul li {
  background-color: #323232;
  color: #efefef;
  font-size: 10px;
}

.koop-footer h4{
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

.koop-footer ul {
  list-style-image: url('../images/arrow.png');
}

/*.koop-footer ul li:before {
  content: "\0BB \020";
}*/

.koop-footer img {
  text-align: center;
}

.koop-footer-content div {
  float: left;
  padding-right: 10px;
}

.koop-panduan {
  background-color: #f9731a;
  font-size: 12px;
  padding: 15px;
  font-weight: bold;
}

.koop-panduan:hover {
  background-color: #f75316;
}

.koop-banner {
  margin-top: 30px;
  margin-bottom: 30px;
}

.koop-mobile-only {
  display: none;
}

.koop-form label {
  /*font-weight: bold;*/
}

.koop-form strong {
  color: #ff0000;
}

.koop-page {
  padding-top: 10px;
  padding-bottom: 10px;
}

.coverphoto {
  width: 100%;
  height: 100px;
  overflow: hidden;
}

.coverphoto img {
  width: 100%;
  height: auto;
}


@media only screen and (max-width: 568px) {
  .koop-orbit li img {
    height: 200px !important;
  }

  .koop-mobile-only {
    display: block;
  }
}