/*Font Type*/
@font-face {
  font-family: "Omnes";
  src: url('../asset/font/Omnes.otf') format("opentype");
}

@font-face {
  font-family: "Omnes";
  src: url('../asset/font/Omnes Bold.otf') format("opentype");
  font-weight: Bold;
}
@font-face {
  font-family: "Omnes";
  src: url('../asset/font/Omnes BoldItalic.otf') format("opentype");
  font-weight: Bold;
  font-style: italic;
}
@font-face {
  font-family: "Omnes";
  src: url('../asset/font/Omnes Medium.otf') format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: "Omnes";
  src: url('../asset/font/Omnes MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Omnes";
  src: url('../asset/font/Omnes Semibold.otf') format("opentype");
  font-weight: 600;
}
@font-face {
  font-family: "Omnes";
  src: url('../asset/font/Omnes SemiboldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
}

#about-body{
  background-color: #e8cf6d;
  background-image: url(http://www.transparenttextures.com/patterns/light-grey-floral-motif.png);
}

/* HALAMAN CONTACT */
#contact-content{
  font-family: Omnes !important;
}
#contact-form-div{
  margin-top: 20px;
  border-left: 1px #bc8225 dotted;
}

.contact-data-span{
  display: block;
}
#contact-name{
  font-weight: 500;
  color: #000;
  font-size: large;
}

@media (max-width: 768px) {
  #contact-form-div{
    border-left: 0px;
  }
}
/* HALAMAN CONTACT */

/* HALAMAN PRODUCT */
#img-product-category-main{
  max-width: 100%;
  box-shadow: 5px 5px 5px #888888;
}
.img-product-category{
  margin-bottom: 5px;
  border: 2px #572b17 solid;
  border-radius: 5px;
  background-color: #ffffff;
}

.item-product-category{
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  width: 230px;
  display: inline-block;
}

/* ------------------------------ */
#list_product hr{
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px #bc8225 dotted;
  border-top: none;
  border-left: none;
  border-right: none;
}

.img-product{
  margin-top: 5px;
  max-width: 200px;
}

.item-product{
  margin-top: 10px;
  margin-bottom: 10px;
}
.name-product{
  font-size: 14pt;
  font-weight: bold;
}
.variety-product, .pack-product{
  padding-top: 10px;
  padding-left: 0px;
}
/* HALAMAN PRODUCT */

/* HALAMAN PARTNER */
#partners-content{
  font-family: Omnes !important;
}

.partners-category{
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: large;
  font-weight: 500;
}

.partners-logo-img{
  margin: 10px;
  max-height: 125px;
  max-width: 125px;
}

@media (max-width: 768px){
  .partners-logo-img{
    margin: 5px;
    max-height: 100px;
    max-width: 100px;
  }
}
/* HALAMAN PARTNER */

/* HALAMAN ABOUT */
#about-content{
  border-left: 1px #bc8225 dotted;
  font-family: Omnes !important;
}

.img-about{
  margin-top: 25px;
  max-width: 100px;
}
.about-culture-list{
  padding-top: 5px;
  padding-bottom: 5px;
}

.about-row{
  padding-top: 8px;
  padding-bottom: 8px;
}
.about-group-logo{
  text-align: center;
}
.about-group-field{
  font-size: large;
  font-weight: 600;
  color: #bc8225;
  display: inline;
}
.about-group-name{
  font-weight: 500;
  color: #000;
  display: inline;
}
.about-group-desc{
  display: block;
}

.img-history{
  margin-top: 5px;
  margin-right: 10px;
  max-width: 50px;
  float: left;
}

@media (max-width: 768px) {
  #about-content{
    border-left: 0px;
  }
}
/* HALAMAN ABOUT */

/* ABOUT : SIDEBAR SIDEBAR SIDEBAR */
#about-sidebar{
  position: fixed;
  text-align: right;
  font-family: Omnes !important;
}
.about-sidebar-item{
  border :1px #bc8225 solid;
  border-radius: 10%;
  background-color: #bc8225;
  font-size: 10.5pt;
  color : #ffffff;
}
.about-sidebar-item:hover{
  color: #bc8225;
}

/* Bootstrap Override */
.affix-top, .affix{
  position: static;
}
#about-sidebar.affix-top {
  position: static;
  margin-top:30px;
  width:228px;
}
#about-sidebar.affix {
  position: fixed;
  top: 70px;
  width: 228px;
}
#about-sidebar li.active {
  border: 0 #eee solid;
  border-right-width: 5px;
}
/* ABOUT : SIDEBAR SIDEBAR SIDEBAR */

/* HOME : CONTACT CONTACT CONTACT */
#container-home-contact{
  padding-bottom: 10px;
}
.column-home-contact{
  font-family: Omnes;
}

.label-home-contact{
  font-family: Omnes;
}

#home-contact-name{
  font-weight: 500;
  display: block;
}
#home-contact-address-line{
  text-align: justify;
  display: block;
}

#home-contact-number-list{
  padding-top: 15px;
}
#home-contact-tel{
  display: block;
}
#home-contact-fax{
  display: block;
}
#home-contact-website{
  display: block;
}

#home-contact-link{
  margin: 0 0;
}

@media (max-width: 768px) {
  .column-home-contact{
    font-family: Omnes;
    text-align: center;
  }

  #home-contact-address-line{
    text-align: center;
    display: block;
  }
  #home-contact-link{
    margin: 0 auto;
    text-align: left !important;
  }
}
/* HOME : CONTACT CONTACT CONTACT */

/* HOME : GROUP GROUP GROUP */
.img-group{
  max-height: 100px;
}
.field-name-group{
  font-family: Omnes;
  font-size: x-large;
  font-weight: 600;
  color: #bc8225;
  display: block;
}
.name-group{
  font-family: Omnes;
  font-weight: 500;
  color: #000;
  display: block;
}
.description-group{
  text-align: justify;
  display: none;
}

.column-read-more{
  padding-top: 10px;
  padding-bottom: 10px;
}
.column-read-more:after{
  position:absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: solid 1px #572b17;
  content: "";
  z-index: -1;
}

@media (max-width: 768px) {
  .field-name-group{
    font-family: Omnes;
    font-size: medium;
    font-weight: 600;
    color: #bc8225;
    display: block;
  }
}
/* HOME : GROUP GROUP GROUP */

/* HOME : NEWS NEWS NEWS */
.img-news{
  margin-top: 5px;
  max-height: 70px;
}

#list_news hr{
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px #bc8225 dotted;
  border-top: none;
  border-left: none;
  border-right: none;
}

#pagination_news{
  margin-top: 15px;
}
.title-news{
  font-size: 12pt;
  font-weight: bold;
}
.datetime-news{
  font-weight: normal;
  font-size: 8pt;
}
.content-news{
  margin-top: 5px;
  max-height: 35px;
  font-size: 10pt;
  overflow-y: hidden;
}
.readmore-news{
  font-size: 10pt;
}

/* ------------------------------ */
.img-news-show{
  margin-top: 5px;
  margin-bottom: 5px;
  max-height: 150px;
}

.title-news-show{
  font-size: 16pt;
  font-weight: bold;
}
.datetime-news-show{
  border-bottom: 1px #bc8225 dotted;
  font-size: 8pt;
}
/* HOME : NEWS NEWS NEWS */

/* HOME : SLIDER SLIDER SLIDER */
#container-slider{
  background-image: url("url('../../image/bg-slider.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
}
.div-row-first{
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 110px;
  padding-bottom: 20px;
}
#div-column-slider{
  padding-left: 0px;
  padding-right: 0px;
}
.flexslider{
  margin:0 auto !important;
  max-width: 1050px !important;
  width: 96%;
}

.img-slider{
  max-height: 385px;
  max-width: 1050px;
}
.text-title-slider{
  font-family: Omnes;
  font-size: x-large;
  font-weight: 600;
  display: block;
}
.text-content-slider{
  padding-top: 5px;
  font-family: Omnes;
  font-size: medium;
  font-weight: normal;
  display: block;
}

@media (max-width: 768px) {
  .div-row-first{
    padding-top: 110px;
    padding-bottom: 10px;
  }

  .text-content-slider{
    font-family: Omnes;
    font-size: x-small !important;
    font-weight: normal !important;
    display: block;
  }
  .text-title-slider{
    font-family: Omnes;
    font-size: smaller !important;
    font-weight: 500 !important;
    display: block;
  }

  .flex-caption{
    bottom: 0 !important;
    max-height: 60px;
    padding: 0px 2px;
  }
}

/* Flexslider Override */
.flex-direction-nav .flex-next {
  right: 0 !important;
  margin-right: -30px;
  height: 55px;
  opacity: 1 !important;
}
.flex-direction-nav .flex-prev {
  left: 0 !important;
  margin-left: -30px;
  height: 55px;
  opacity: 1 !important;
}
.flex-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,.5);
  padding: 1%;
  font-size: 14px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  line-height: 18px;
}

@media (max-width: 768px) {
  .flex-direction-nav .flex-next {
    display: none;
  }
  .flex-direction-nav .flex-prev {
    display: none;
  }
}
/* HOME : SLIDER SLIDER SLIDER */

/* HEADER - FOOTER */
#fe-navigation{
  border: none;
  background-color: #ffffff;
}

.column-copyright-line{
  margin-bottom: 15px;
  border-top: 1px solid #572b17;
  padding-top: 5px;
}

#header-logo-anchor{
  padding-top: 5px;
  padding-left: 20px;
}
#header-logo-image{
  max-height: 80px;
}

/* Bootstrap Override */
.navbar-fixed-top {
  min-height: 80px;
}
.navbar-nav > li > a {
  margin-right: 25px;
  margin-top: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: 'Cabin Condensed', Omnes;
  font-weight: 500;
  font-size: large;
  line-height: 80px;
}

@media (max-width: 768px) {
  .navbar-nav > li > a {
    border-bottom: 2px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 40px;
  }
  .navbar-header{
    min-height: 100px;
  }
  .navbar-toggle{
    margin-top: 20px;
    font-weight: bolder;
  }
  .navbar-toggle .icon-bar{
    height: 5px;
  }
}
/* HEADER - FOOTER */