.container{max-width: 1200px;}

.header{background: #d13d3d; box-shadow: 0px 5px 10px #AAA;}
.header .head{padding-bottom: .50rem;}
.header .imglogo{/*max-height: 48px;*/ max-height: 60px;    margin-top: -8px;}
.top-header .nav-link{color: #FFF; font-size:14px;}
.top-header .nav-link:hover{color:#1e4d17;}
.basket>span{position: absolute !important; right: -.7em; top: -.3em !important; font-size: 13px; padding: .25em .5em;}

.owl-carousel .wrap-img{border-radius: .7rem!important; max-height: 300px; overflow: hidden; max-width: 100%;}
.owl-carousel .wrap-img img{border-radius: .7rem!important; max-height: 300px; max-width: 100%;}
/*.owl-item{width: 53rem !important; }*/



.home-prolog i.material-icons{font-size: 72px;}
.home-prolog h3{font-weight: 400; font-size: 18px; }
.home-prolog p{font-size: 16px; font-weight: 300; color: #333;}
.home-prolog .cblue{color: #2980b9;}
.home-prolog .cgreen{color:#27ae60;}
.home-prolog .corange{color:#e67e22;}
.home-prolog .cred{color:#c0392b;}


.prolog-benefit{  background-image: url(../img/notebook.jpg);   background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;  background-size: cover;    background-color: #333 ; color: #FFF; padding-top: 5rem; padding-bottom: 4rem;}
.prolog-benefit .benefit-title{font-size: 26px; font-weight: 300; line-height: 1.5;}
.prolog-benefit .item .material-icons{font-size: 48px;}
.prolog-benefit .item h4{font-weight: 400; font-size: 18px; font-weight: 400; margin-bottom: .4rem;}
.prolog-benefit .item p{font-size: 16px; font-weight: 300; color: #FFF;}

.about h2{font-weight: 300; color:#333; font-size: 28px;}
.about p{color: #333; font-weight: 300; font-size: 17px; line-height: 1.7;}

.footer{background: #d13d3d;}
.footer .title{color: #FFF; padding: .5rem 1rem .8rem; font-size: 16px; font-weight: bold;}
.footer .contact{color: #FFF; padding-left: .8rem;  }
.footer .contact .material-icons{font-size: 22px; margin-top:2px;}
.footer .nav-link{color: #FFF; padding: .2rem 1rem; font-size: 16px;}
.footer a.text{color: #FFF;  font-size: 16px; text-decoration: none;}

.payment{background: #FFF; border-radius: 3px;}
.payment .ptitle{color: #a32f2f; padding: .2rem 1rem .2rem; font-size: 14px; font-weight: bold;}
.payment .wrap-img{padding-left: 1rem;}
.payment img{height: 20px;}

.copyright{background: #a32f2f; font-size: 12px; font-weight: 300; color: #fff; border-top: 1px solid #cf9595;}



.sectionportofolio{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;}

@media(max-width: 575.98px) {
    .top-header .nav-link{padding: .5rem .5rem;}
}
@media(max-width: 767.98px) {
    .home-prolog i.material-icons{font-size: 48px !important;}
    .header .imglogo{max-height: 44px; margin-top:0px;}  
    .header .search{margin-top: .25rem;}
    .header .search input.form-control,.header .search button {font-size: 14px; height: 30px; padding: .25rem .75rem;}
    .header .head{padding-bottom: .75rem;}
    .header .search .basket i{font-size: 15px;}
    .header .search .basket>span{font-size: 10px; }
    
    .header .register .btn{padding: .1rem .75rem; font-size: 12px;}
    .top-header .nav-link{color: #FFF; font-size:12px;}
}
@media(min-width: 992px){
    .owl-item{width: 53rem !important; }
    
}