/*----------------------- IMPORT FONT ------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
/* font-family: 'Roboto', sans-serif; */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
/* font-family: 'Open 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: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    
    color: #fff;
    background: #000;
}

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: 'Roboto', sans-serif;
    font-weight: 300;
}
.prelatif{
    position: relative;
}
.prelatife{
    position: relative;
}
body{
    /*test for not responsive*/
    /*min-width: 1145px;
    width: 100%;*/
    
    height: 100%;
}

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

    width: 1145px;
    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;
}
.back-black{
  background-color: #000;
}

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

/*---------------------  Header  -----------------*/
header.head{
    background-color: rgba(0,0,0,0.7);
    height: 132px;
    border-bottom: 2px solid #fff;
    width: 100%;
}
header.homep.head{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
}
.h30{
    height: 30px; width: 100%;
}
.blocks-bottom-header{
    padding-top: 10px;
}
.blocks-bottom-header .lgo-header{
    // max-width: 400px;
    max-width: 360px;
}

.info-header{ font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 700; color: #fff; }
.info-header a{ color: #fff; text-decoration: none; font-weight: 700; }
.info-header i.fa{ color: #fff; font-size: 16px; }

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;
}

.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', sans-serif; font-size: 19px; 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', 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-black-middle-homebtmfcs{
    background: #000 url(../images/back-outers-midleblack-bottomfcs.jpg) repeat-x;
    height: 118px;
    width: 100%;
}

.outers-middle-contents{

}

.outer-blok-fcs{

}
.outer-blok-fcs .carousel-inner{
    max-height: 727px;
    overflow: hidden;
}
.outer-blok-fcs .carousel img {
    width: 100%;
}

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

}

.list-banners-homebottm-fcs{ height: 99px; }
/*backs-left*/
.list-banners-homebottm-fcs .col-md-3{
    background: url(../images/back-lines-separator-bg-grey-banner.png) right top no-repeat;
    display: table;
    text-align: center;   
}
.list-banners-homebottm-fcs .col-md-3.back-plus{
    background: url(../images/back-banner-plus-black2.png) right top no-repeat;
}
.list-banners-homebottm-fcs .col-md-3.back-equals{
    background: url(../images/back-banner-equals-black2.png) right top no-repeat;
}
.list-banners-homebottm-fcs .col-md-3.backs-left.back-plus{
    background: url(../images/back-banner-plus-black2.png) right top no-repeat, url(../images/back-lines-separator-bg-grey-banner.png) left top no-repeat;   
}
.list-banners-homebottm-fcs .col-md-3.back-plus .itemss{
    /*background: url(../images/back-banner-plus-black.png) center right no-repeat;*/
}
.list-banners-homebottm-fcs .col-md-3.back-equals .itemss{
    /*background: url(../images/back-banner-equals-black.png) center right no-repeat;*/
}

.list-banners-homebottm-fcs .itemss{
    text-align: center;
    font-size: 19px; font-weight: 700; color: #fff;
    height: 99px;
    line-height: 1.3;
    display: table-cell;
    vertical-align: middle;
}
.list-banners-homebottm-fcs .itemss span{ font-weight: 300; }

.outr-insides-cont-home{
    color: #000000;
}
.insides-page span.thin,
.outr-insides-cont-home span.thin{
    font-weight: 100;
}
.insides-page span.t35,
.outr-insides-cont-home span.t35{
    font-size: 35px; color: #000;
    line-height: 1;
    display: block;
    padding-top: 3px;
}
.out-inleftcategory-home{}
.out-inleftcategory-home ul{ margin: 0px; padding: 0px; max-width: 243px; }
.out-inleftcategory-home ul li{ border-bottom: 2px solid #b5b5b5; padding-top: 15px; padding-bottom: 0px; }
.out-inleftcategory-home ul li a{ font-size: 22px; font-weight: 300; color: #3a3a3a; }
.out-inleftcategory-home ul li:hover a,
.out-inleftcategory-home ul li.active a{ text-decoration: none; font-weight: 700; }

/*section right content*/
.right-conts-section{}
.right-conts-section .tops-titlehome{ font-size: 22px; font-weight: 300; color: #000; }
.right-conts-section  .middle-conts-csection{}

/*------------------ Footer -----------------*/
.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; }


.listing-product-set{ margin-right: -15px; }
.listing-product-set .itemss{ max-width: 276px; /*margin:0 auto;*/ margin-bottom: 1em; min-height: 490px; }
.listing-product-set .itemss .pict{ min-height: 278px; }
.listing-product-set .itemss .pict img{
    width: 100%;
}
.listing-product-set .itemss .desc{  }
.listing-product-set .itemss .desc td.volns_name{
    min-height: 76px; height: 76px; overflow: hidden;
}
.listing-product-set .itemss .desc span.names{ font-size: 21px; font-weight: 300; color: #3a3a3a; }
.listing-product-set .itemss .desc .ch-desc{ font-size: 15px; font-weight: 300; color: #3a3a3a; }
.listing-product-set .itemss .desc .ch-desc b{ font-size: 12px; font-weight: 500; color: #3a3a3a; }

.listing-product-set table.no-border{ margin: 0px; padding: 0px; }
.listing-product-set table.no-border tr{}
.listing-product-set table.no-border tr td{ padding-left: 2px; padding-right: 2px; border: 0px; border-top: 0px; border-bottom: 1px solid #bcbcbc; }

.outers-back-galleryts-home{
    background: url(../images/back-outers-middle-con-bt-home.jpg) top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 620px;
}
.outers-back-galleryts-home .insides{}
.outers-back-galleryts-home .insides h5.titles{ font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 700; color: #fff; margin-top: 0px; }
.outers-back-galleryts-home .insides span{ display: block; margin-bottom: 12px; font-family: 'Open Sans', sans-serif; font-size: 33px; font-weight: 300; color: #fff; line-height: 1.2; }

.list-stone-gallerybottomh{ margin-right: -15px; }
.list-stone-gallerybottomh .itemss{}
.list-stone-gallerybottomh .itemss .picts{}

.outers-gallery-homt{}
.outers-gallery-homt .carousel-indicators{ bottom: -48px; }
.outers-gallery-homt .carousel-indicators li{ border: 0px; margin: 0 4px; width: 11px; height: 11px; background: url(../images/toc-fcs.png) no-repeat; }
.outers-gallery-homt .carousel-indicators .active{ background: url(../images/toc-fcs-active.png) no-repeat; }

a.back-top-ton-thetop{
    position: absolute;
    bottom: 0px;
    right: -80px;
    z-index: 150;
}
.height-103{ height: 103px; }

footer.foot{ min-height: 400px; height:auto; padding-bottom: 50px; background-color: #000; }
.insides-footers{}
.insides-footers span.topt{ font-family: 'Open Sans', sans-serif; font-size: 28px; font-weight: 300; color: #fff; }
.insides-footers p{ font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; color: #fff; line-height: 1.4; }
.insides-footers p a{ color: #fff; text-decoration: none; }
.insides-footers p a:hover{ text-decoration: underline; }

.lines-whitefooter{
    height: 1px;
    background-color: rgba(255,255,255,0.2);
}
.t-copyright,
.t-copyright a{
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 12px; font-weight: 300; color: #fff; text-decoration: none;
}
.t-copyright a:hover{ color: #fff; text-decoration: none; }

.background-tops-pabout{
    background: url(../images/back-tops-ill-insabout.jpg) top center no-repeat;
    height: 412px;
    width: 100%;
    background-size: cover;
}
.background-tops-pabout.pg-contact{
    background-image: url(../images/back-tops-ill-inscontact.jpg);
}
.lines-grey{
    height: 1px;
    background-color: #ededed;
}
.height-116{
    height: 116px;
}
.left-comment-quotes{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 300; color: #6f6f6f;
    line-height: 1.4;
    max-width: 293px;
}
.insides-p-tbacktop{}
.insides-p-tbacktop a{
    bottom: 37px;
    right: -100px;
}

.outers-galleryfcs-pg{}
.outers-galleryfcs-pg .carousel-indicators{ bottom: 5px; }
.outers-galleryfcs-pg .carousel-indicators li{ margin: 0px 3px;  background: url(../images/toc-fcs-gallery.png) no-repeat; width: 11px; height: 11px; }
.outers-galleryfcs-pg .carousel-indicators .active{ background: url(../images/toc-fcs-gallery-active.png) no-repeat; }
.outers-galleryfcs-pg .carousel-control{ top: 45%; }
.outers-galleryfcs-pg .carousel-control.left{ background: none; }
.outers-galleryfcs-pg .carousel-control.right{ background: none; }
.outers-galleryfcs-pg .carousel-control img{ opacity: 1; }
.outers-galleryfcs-pg .carousel-inner{
    
}
.outers-galleryfcs-pg .carousel-inner .item{
    /* max-width: 855px;
    height: 515px; overflow: hidden; */
}
.outers-galleryfcs-pg .carousel-inner .item img{
    /* width: 100%;  */
    display: block; margin: 0 auto;
}

.left-ping-contact{}
.left-ping-contact p{ margin-bottom: 18px; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #000; }
.left-ping-contact p b,
.left-ping-contact p a{ font-weight: 700; color: #000; text-decoration: none; }
.left-ping-contact p a:hover{ color: #2F2F2F; text-decoration: none; }

.margin-left-85{ margin-left: 85px; }

.wrap-text-int-fcs{
    bottom: inherit;
    top: 250px;
    width: 100%;
}
.wrap-text-int-fcs .insides{
    max-width: 510px;
    padding-left: 0.5em;
}
.wrap-text-int-fcs .insides h3{
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif; font-size: 54px; font-weight: 300; color: #fff;
    margin-bottom: 20px;
}
.wrap-text-int-fcs .insides p{
    margin: 0px;
    font-family: 'Open Sans', sans-serif; font-size: 32px; font-weight: 300; color: #fff;
    line-height: 1.3;
}

.outer-blok-fcs.fc-home{}
.outer-blok-fcs.fc-home .carousel-indicators{ left: 44%; bottom: 20px; text-align: left; margin-bottom: 0px; }
.outer-blok-fcs.fc-home .carousel-indicators li{ border: 0px; margin: 0 3px; width: 11px; height: 11px; background: url(../images/toc-fcs-home.png) no-repeat; }
.outer-blok-fcs.fc-home .carousel-indicators li.active{ background: url(../images/toc-fcs-home-active.png) no-repeat; }

/*----------------------- Midle Text Content -----------------*/
.content-text{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
}
.content-text h1,
.content-text h2,
.content-text h3,
.content-text h4,
.content-text h5{ font-family: 'Roboto', 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', sans-serif;
    font-size: 17px; font-weight: 700; color: #0e4b1c; text-decoration: none;
}

.content-text p{
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;

    line-height: 1.3;
    margin-bottom: 16px;
    text-align: justify;
}
.content-text p a{
    text-decoration: none;
    font-weight: 300;
    color: #616161;
    text-decoration: underline;
}
.content-text p img{
    float: left; margin-right: 15px;
}

img.pc-center{
    margin: 0 auto;
    display: block;
    text-align: center;
}

.contact-form{}
.contact-form form{ max-width: 542px; }
.contact-form span{
    display: block; margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 17px; font-weight: 700; color: #363535;
}
.contact-form p{ margin-bottom: 13px; 
    font-family: "Roboto", sans-serif;
    font-size: 15px;     
    font-weight: 300; color: #000;
}
.contact-form label.control-label{
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 17px;     
    font-weight: 300; 
    color: #000;
}
.contact-form input[type=text]{
    width: 405px;
    height: 27px;
}
.contact-form button.bt-submit{
    background: none; border: 0px; box-shadow: none;
    background: url(../images/back-bt-submit.jpg) no-repeat;
    width: 127px;
    height: 25px;   
}


/*----------------------- 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;
}

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;
}

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