body{font-family: 'Open Sans', sans-serif;}

.header{background-color: rgba(255, 255, 255, 0.9); height: 100px; border-bottom:1px solid #ebebeb; overflow: hidden;}
.header .logo{height: 72px;}
.top-header .nav-link{color: #379237 !important; font-size:14px; border-radius: 4px;  font-weight: 700; font-family: 'PT Sans', sans-serif; text-transform: uppercase; 
 }
.top-header .nav-link:hover{color:#1e4d17 !important;}
.top-header .nav-link.active{background: #85bf39; color: #f3f7ef !important;  }

.section { min-height: 800px; padding-top:100px; }

.carousel-control{background: none !important; border: none !important;}

.section#about-us{background: #f3f7ef;}
.section#about-us h1{font-weight: 700; font-family: 'PT Sans', sans-serif; color:#85bf39;}
.main-text{color: #232c18;}

.section#product h2{font-weight: 700; font-family: 'PT Sans', sans-serif; color:#85bf39;}
.section#product .title{font-weight: 600; color: #FF9800; font-size: 22px; font-family: 'PT Sans', sans-serif; text-shadow: 1px 1px 1px #EEE; }
.section#product .text{color: #878280;}

.section#portofolio{background: #f3f7ef;}
.section#portofolio h2{font-weight: 700; font-family: 'PT Sans', sans-serif; color:#85bf39;}

.portofolio-row{height: 200px; position: relative; display: block; width: 100%;}
.portofolio-row .image{width: 100%; height: 100%; background-color: #ebebeb;  background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1;}
.portofolio-row .caption{display: none ; position: absolute; top:0; left: 0;right: 0;bottom: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.4); color: #82CD47 ; font-size: 18px; font-weight: bold; vertical-align: bottom; align-items : center;  justify-content: center;}
.portofolio-row .caption span{border-bottom: 1px solid #FFF; display: inline-block;}
/*.portofolio-row:hover .caption{display: flex !important; transition: all 0.5s 0s ease;}*/

.section#contact-us{}
.section#contact-us h2{font-weight: 700; font-family: 'PT Sans', sans-serif; color:#85bf39;}
.section#contact-us h2 span{border-bottom: 1px solid #F6D860; }
.section#contact-us .subtitle{font-family: 'PT Sans', sans-serif;}
.footer{background: #85bf39;}
@media(max-width: 575.98px) {
    .header{ height: 80px;}
    .header .logo{height: 52px; }
    
}
@media(max-width: 767.98px) {
    .header{overflow:visible; height: auto;}
    .header .container{max-width: 100%;}
    
    .top-header{margin-top:10px; padding-top:30px; padding-bottom: 15px; background: #f3f7ef;}
    .top-header .nav-link{padding-left: 15px !important; margin:5px 0px; border-radius: 0px;}
    .section { min-height: 300px; padding-top:80px; }
    .section#contact-us .media-body{font-size: 16px !important;}
    .section#contact-us i {font-size: 24px !important;}
    .section#about-us .main-text{font-size: 16px !important;}
    .slideshow.section{min-height: auto;}
 
    .section#about-us{padding-top: 20px;}
    .section#about-us.active{padding-top: 80px;}
}
@media(min-width: 992px){
  
}