/*----------------------- IMPORT FONT ------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
/* font-family: 'Roboto Condensed', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Qwigley);
/* font-family: 'Qwigley', cursive; */
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
/* font-family: 'PT Sans', sans-serif; */

/*---------------------------- GENERAL -------------------------*/
img{
    border: none;
    user-drag: none; 
    -moz-user-select: none;
    -webkit-user-drag: none;
}
html,
body{
    height: 100%;
    /*width: 100%;*/
}
#pushstat{ display: none; }
body{
    background: transparent;
    margin: 0;
    padding: 0;
    
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    
    color: #fff;
    background: #111612;
}

a:focus{
    outline: none;
}
html, body, p, span, div, h1, h2, h3 ,h4 ,h5 ,h6, ul, li, ol, a, table, tr, td, th{
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
}
.prelatif{
    position: relative;
}
.prelatife{
    position: relative;
}
body{
    /*test for not responsive*/
    /*min-width: 1153px;*/
    
    height: 100%;
}

.container {
    max-width: 1153px;
    /*test for not responsive*/
    /*min-width: 1153px;*/

    width: 1153px;
    margin: 0 auto;
    padding: 0px;
    /*height: 100%;*/
}

.center{
    text-align: center;
}
.tengah{
    margin: 0 auto;
    padding: 0px;
}
.row{
    margin: 0px;
}
[class*="span"] {
    margin: 0;
}
[class*="col-xs"]{
    /*padding: 0;*/
}
[class*="col-md"] {
    padding: 0;
}
[class*="col-lg"] {
    padding: 0;
}

#preloader {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #dadbdb url(../images/bgloader.jpg) left top repeat-x;
    height: 100%;
    z-index: 1500;
}
#statusloader {
    text-align: center;
    margin: 0 auto;
    left: inherit;
    width: 100%;
    vertical-align: middle;

    height: 100px;
    position: absolute;
    top: 36%;
    background-image: url(../images/loading2.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.carousel-inner > .item.active.right,
.carousel-inner > .item.active.left {
    float: none !important;
}

.back-white{
  background-color: #fff;
}
.back-grey{
  background-color: #ccc;
}

img.inline-pict{
    display: inline-block;
}
.disn-block{ display: inline-block; }

/*---------------------  Header  -----------------*/
header.head{
    background: url(../images/back-header.jpg) top center repeat-y;
    background-size: 100% 100%;
    height: 113px;
    position: relative;
    z-index: 25;
}
header.homep.head{
    
}
.blocks-logo-banner{
    position: relative;
    /*margin-left: -10px;*/
    width: 275px;
    height: 113px;
}
.blocks-logo-banner img{
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: 50;
}
.info-header{ font-family: 'Roboto Condensed', sans-serif; font-size: 17px; font-weight: 700; color: #fff; }
.info-header a{ color: #fff; text-decoration: none; font-weight: 700; }
.info-header span{ font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #fff; }

a.btn-blue-default-links{
    display: inline-block;
    background-color: transparent;
    border: 1px solid #02a8df;
    
    font-size: 16px; font-weight: 700; color: #02a8df;
    padding: 7px 25px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.btn-blue-default-links:focus,
a.btn-blue-default-links:hover{
    background-color: rgba(255, 255, 255, 0.35);
    text-decoration: none;
}
.tagline-header{
    
}

.top-menu{ margin-right: 0px; text-align: right; }
.top-menu ul{ margin: 0; padding: 0px; }
.top-menu ul li{ margin: 0px; padding: 0px; /*padding: 0 9px;*/ padding: 0px 10px; }
.top-menu ul li:last-child{ padding-right: 0px; }
.top-menu ul li a{ font-family: 'Roboto Condensed', sans-serif; font-size: 17px; font-weight: 700; color: #fff; }
.top-menu ul li.active a,
.top-menu ul li a:hover,
.top-menu ul li a:focus{ font-family: 'Roboto Condensed', sans-serif; color: #ddd; text-decoration: none; }

a.bt-readmore-h{
    display: block;
    position: relative;
    background: url(../images/back-bt-readmore-lanjutsl.jpg) no-repeat;
    width: 145px;
    height: 41px;
}
a.bt-readmore-h:hover{
    background: url(../images/back-bt-readmore-lanjutsl-active.jpg) no-repeat;
}

.outers-middle-contents{
    position: relative;
    z-index: 20;
}
.outer-blok-fcs{
    position: relative;
    z-index: 22;
}
.outer-blok-fcs .carousel-inner{
    max-height: 655px;
    overflow: hidden;
}
.outer-blok-fcs .carousel img {
    width: 100%;
}

.wrap-text-int-fcs{
    position: absolute;
    z-index: 25;
    bottom: 0px;
    left: 0px;

    width: 100%;
    background-color: rgba(255,255,255,0.8);
    border-top: 8px solid #367b3c;
    height: 135px;
}
.pict-banner-fcsbottm{
    position: relative;
    top: -52px;
    left: 0px;
}
.desc-bannerfcs-bottm{
    position: relative;
    margin-left: -16px;
}
.desc-bannerfcs-bottm .title{
    font-family: 'Roboto Condensed', sans-serif; font-size: 17px; font-weight: 700; color: #000;
}
.mw-820{
    max-width: 820px;
}
.desc-bannerfcs-bottm p{
    font-family: 'PT Sans', sans-serif; font-size: 15px; font-weight: 400; color: #363535;
    line-height: 1.2;
}
.desc-bannerfcs-bottm p a{
    font-family: 'PT Sans', sans-serif; font-size: 15px; font-weight: 700; color: #709f00; text-decoration: underline;
}
.desc-bannerfcs-bottm p a:hover{
    text-decoration: none;
}
.outers-block-bottom-bannerhome{
    background-color: #367b3c;
    height: 211px;
}

.listdata-homebanner .itemss.border-leftseparator{
    background: url(../images/separator-middle-banner-hme.png) left no-repeat;
    height: 211px;
}
.listdata-homebanner{}
.listdata-homebanner .itemss{}
.listdata-homebanner .itemss .pict{ float: left; position: relative; }
.listdata-homebanner .itemss .pict.pleft{
    margin-left: -49px;
}
.listdata-homebanner .itemss .pict.pct-right{
    width: 253px;
    height: 211px;
    margin-left: 2px;
    z-index: 10;
}
.listdata-homebanner .itemss .pict.pct-right img{
    position: absolute;
    z-index: 15;
    top: 0px;    
    left: 0px;
    height: 211px;
}
.listdata-homebanner .itemss .desc{ float: left; position: relative; }
.listdata-homebanner .itemss .desc.desc-right{ z-index: 15; }
.listdata-homebanner .itemss .desc span.titles{
    font-family: 'Qwigley', cursive; font-size: 34px; font-weight: 400; color: #fff;
}
.listdata-homebanner .itemss .desc p{
    font-family: 'PT Sans', sans-serif; font-size: 15px; font-weight: 400; color: #fff; line-height: 1.2;
}

.lines-grey{
    background-color: #cccccc; height: 1px;
}
footer.foot{
   
}
.menu-footer,
.menu-footer a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px; font-weight: 300; color: #fff; text-decoration: none; text-transform: uppercase;
}
.menu-footer a:hover{
    color: #fff; text-decoration: none;
}
.social-sharefoot{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px; font-weight: 300; color: #fff; text-decoration: none; text-transform: uppercase;
}
.social-sharefoot i.fa{ color: #fff; font-size: 17px; }
.t-footers-text{}
.t-footers-text p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 300; color: #fff; line-height: 1.2;
}
.t-copyright,
.t-copyright a{
    font-family: 'PT Sans', sans-serif;
    font-size: 12px; font-weight: 400; color: #fff; text-decoration: none;
}
.t-copyright a:hover{ color: #fff; text-decoration: none; }

.back-green{
    background-color: #367b3c; height: 34px;
}
.lgo-footer-banner{}
.lgo-footer-banner img{
    position: absolute;
    right: 0px;
    top: -27px;
}
.ts-since{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}

.outers-top-middlesinside-cont{
    background: url(../images/outers-back-middle-contents-inside.jpg) top center repeat-y;
    background-size: 100% 100%;
    width: 100%;
    min-height: 450px;
    height: auto;
}
.insides-outer-top-middleins-cont{
    /*background: url(../images/outers-back-insidecn-yellowgrey-tops.jpg) top center repeat-y;*/
    /*background-size: 100% 100%;*/
    width: 100%;
    min-height: 450px;
    height: auto;   
}
.height-117{
    height: 117px;
}

.backs-white.wfull.h251{
    height: 251px;
    width: 100%;
    background-color: #ffffec;
}

/*----------------------- Midle Text Content -----------------*/
.content-text{
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #363535;
}
.content-text h1,
.content-text h2,
.content-text h3,
.content-text h4,
.content-text h5{ font-family: 'Roboto Condensed', sans-serif; margin: 0; padding: 0; margin-bottom: 20px; }

.content-text h1.titlespg{ font-size: 17px; font-weight: 700; color: #6e6e6e; margin-bottom: 7px; }
.content-text h2{ font-size: 35px; font-weight: 700; color: #0d6922; margin-bottom: 20px; }

.content-text h3{ margin: 0px; font-size: 38px; font-weight: 300; color: #fff; line-height: normal; }

.content-text h4{}
.return_product a,
.content-text h5.sub-title{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px; font-weight: 700; color: #0e4b1c; text-decoration: none;
}

.content-text p{
    margin: 0px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #363535;

    line-height: 1.3;
    margin-bottom: 20px;
}
.content-text p a{
    text-decoration: none;
    font-weight: 300;
    color: #616161;
    text-decoration: underline;
}
.content-text span{
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    font-size: 21px;
    color: #363535;

    display: block;
    margin-bottom: 5px;
}
.mw-490{
    max-width: 490px;
}
img.pc-center{
    margin: 0 auto;
    display: block;
    text-align: center;
}
.outers-back-inside-aboutill{
    background: url(../images/back-pict-ill-abouts.png) top center no-repeat;
    width: 537px;
    height: 700px;
}
.outers-back-inside-aboutill .picts{
    position: relative;
    margin: 0px 0px 0px 54px;
    padding-top: 4px;
}
.outers-back-inside-aboutill .picts .carousel-indicators{
    bottom: -47px;
    width: 50%;
}
.outers-back-inside-aboutill .picts .carousel-indicators li{
    border-color: #9aa26d;
    background-color: #9aa26d;
    margin: 0px;
    margin: 0 2px;
}
.outers-back-inside-aboutill .picts .carousel-indicators li.active{
    border-color: #0e4b1c;
    background-color: #0e4b1c;
    width: 10px; height: 10px;
}
.picts.w100{
    max-height: 251px; overflow: hidden;
}
.picts.w100 img{
    width: 100%;
}
.insides-about-quality{
    margin-left: 60px;
    padding-top: 70px;
}
.mw-490{
    max-width: 490px;
}

/*----------------------- About Us ------------------*/
.breadcrumbs{}
.breadcrumbs ol.breadcrumb{ margin: 0px; padding: 0; background-color: transparent; }
.breadcrumbs ol.breadcrumb li a,
.breadcrumbs ol.breadcrumb li{
    font-family: "Roboto", sans-serif;
    font-size: 11px;     
    font-weight: 500;
    color: #8e8e8e;
    text-transform: uppercase;
    text-decoration: none;
}
.breadcrumbs ol.breadcrumb li a:hover{
    color: #000;
    text-decoration: none;
}

.outer-insides-pages{}
.back-productpg{
    background: #e0e8ab url(../images/back-outer-top-product-pg.jpg) bottom center no-repeat;
    min-height: 615px; height: auto;
    background-size: 100% 100%;
}
.h242{
    height: 242px;
}
.blocks-outer-list-products{
    position: relative;
    top: -178px;
}
.blocks-outer-list-products.headers{
    top: 0px;
    margin-left: 2em;
}
.blocks-outer-list-products .itemss{}
.blocks-outer-list-products .itemss .names a,
.blocks-outer-list-products .itemss .names{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px; font-weight: 400; color: #0e4b1c;
    text-transform: uppercase; text-decoration: none;
}
.blocks-outer-list-products.headers .itemss img{
    max-width: 123px;
}
.outers-middle-contents{
    background-color: #fff;
    /*background-color: #ffffec;*/
}
.outers-middle-contents.back-p-contact{
    background-color: #ffffec;   
}
.margin-left-80{
    margin-left: 80px;
}
.return_product{

}
.description_product{}
.description_product h5.sub-title{
    margin-bottom: 15px;
}
.description_product span{
    font-size: 20px;
}

.back-pgdistributor{
    background: #ffffec url(../images/outer-backs-distributors.jpg) bottom center repeat-x;
}

.list-distributor{
}
.list-distributor .item{

}
.list-distributor .item span.name{
    font-family: 'PT Sans', sans-serif;
    font-size: 25px; font-weight: 400; color: #0e4b1c;
}
.list-distributor .item .itemss{
    margin-bottom: 2.5em;
}
.list-distributor .item .itemss p{

}
.text-contact{}
.text-contact span{
    font-family: 'PT Sans', sans-serif;
    font-size: 17px; font-weight: 700; color: #363535;
}
.text-contact p{
    font-family: 'PT Sans', sans-serif;
    font-size: 17px; font-weight: 400; color: #363535;
    line-height: 1.6;
    margin-bottom: 32px;
}
.text-contact p b{ font-weight: 700; }
.text-contact p a.map{
    color: #367b3c; text-decoration: underline;
}
.text-contact p a:hover{
    color: #000; text-decoration: none;   
}

.text-contact label.control-label{
    font-family: 'PT Sans', sans-serif; text-align: left;
    font-size: 17px; font-weight: 400; color: #363535;
}
.text-contact input{
    max-width: 405px;
    height: 27px;
}
.text-contact .form-group{ margin-bottom: 7px; }
.text-contact textarea{
    max-width: 527px;
}

button.btn-submit-custom{
    background: none;
    border: 0px;
    box-shadow: none;
    padding: 0px;

    background: url(../images/btn-submits.png) no-repeat;
    width: 127px;
    height: 25px;
}

.back-headerpull_dropdown{
    display: none;

    position: absolute;
    top: 113px;
    left: 0px;
    z-index: 40;

    background-color: #fff;
    width: 100%;
    height: 221px;
}

.carousel.fade {
    opacity: 1;
}
.carousel.fade .item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top:0;
    position:absolute;
    width: 100%;
    display:block !important;
    z-index:1;
}
.carousel.fade .item:first-child {
    top:auto;
    position:relative;
}
.carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index:2;
}