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

/*---------------------------- 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: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    
    color: #fff;
    background: #008131;
}

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

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

    width: 1168px;
    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: #ebebeb;
}

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

/*---------------------  Header  -----------------*/
header.head{
    background: #22924f url(../images/back-top-headers.png) repeat-x;
    height: 145px;
    width: 100%;
    position: relative;
    z-index: 2;

    color: #7f7f7f;
}
header.head.homep{
    background:transparent url(../images/back-top-headers.png) repeat-x;
}
.lgo-web-nippo {
    margin-left: -50px;
}
.h94{
    height: 94px;
}
.blocks-tagline-header{

}
.blocks-header-tpmenu {

}

.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: left; }
.top-menu ul{ margin: 0; padding: 0px; }
.top-menu ul li{ margin: 0px; padding: 0px; background: url(../images/separators-topmenu.png) center right no-repeat; padding: 0px 16px; }
.top-menu ul li:last-child{ padding-right: 0px; }
.top-menu ul li:last-child{ background: none; }
.top-menu ul li a{ font-family: 'Open Sans', sans-serif; font-size: 16px; 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: 'Open Sans', sans-serif; color: #ddd; text-decoration: none; }

.info-headers{
    font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #fff;
}

.h217{
    height: 217px;
}

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: 1;
}
.outer-blok-fcs{
    position: relative;
    z-index: 1;
    margin-top: -51px;
}
.outer-blok-fcs .carousel-inner{
    max-height: 638px;
    overflow: hidden;
}
.outer-blok-fcs .carousel img {
    width: 100%;
}

.wrap-text-int-fcs{
    position: absolute;
    z-index: 25;
    width: 716px;
    height: 541px;

    background: url(../images/back-outer-transparent-fcs-nippo.png) no-repeat;
    bottom: -172px;
    left: -175px;
}
.wrap-text-int-fcs .in_texts{
    max-width: 310px;
    margin-left: 1.5em;
    position: relative;
    left: 175px;
    top: 137px;
}
.wrap-text-int-fcs .in_texts p{
    font-size: 17px; font-weight: 600; color: #373737;
    line-height: 1.4;
}
.wrap-text-int-fcs .in_texts p b{
    color: #008131; font-weight: 700;
}

.ps-relatifehome{
    z-index: 50;
}
.outers-list-banner-home{}
.outers-list-banner-home .col-md-3{
    background: url(../images/back-separator-banner-hmsgrey.jpg) right no-repeat;
}
.outers-list-banner-home .col-md-3.border-none{
    background: none;
}
.outers-list-banner-home .itemss{
    max-width: 250px; text-align: left; margin: 0 auto;
}

.outers-list-banner-home .itemss .bl-title {
    font-size: 15.3px; font-weight: 700; color: #004d3e;
    margin-bottom: 8px; text-decoration: none;
}
.outers-list-banner-home .itemss .bl-title a{
    text-decoration: none;
    font-size: 15.3px; font-weight: 700; color: #004d3e;
    display: block;
}
i.ic-arrow{
    display: inline-block;
    vertical-align: top;
    background: url(../images/th-icons-arrow-right-green-trans.png) no-repeat;
    width: 33px;
    height: 19px;
}
.outers-list-banner-home .itemss .bl-title i.ic-arrow{
    display: inline-block;
    vertical-align: top;
    background: url(../images/th-icons-arrow-right-green.png) no-repeat;
    width: 33px;
    height: 19px;
}
.outers-list-banner-home .itemss .pict{

}

.h305{
    height: 305px;
}
.outer-cont-bottomhome{
    
}
.outer-cont-bottomhome .conts-left{
    padding-left: 20px;
}
.outer-cont-bottomhome .conts-right{
    padding-left: 15px;
}
.outer-cont-bottomhome .tx-titles,
.outer-cont-bottomhome .conts-left .tx-titles{
    font-size: 19px; font-weight: 700; color: #004d3e;
    line-height: 0.9;
}
.outer-cont-bottomhome .conts-left .bottom_desc{
    margin-top: -4px;
}
.outer-cont-bottomhome .conts-left .bottom_desc p{
    font-size: 14px; font-weight: 400;
    color: #545454;
    line-height: 1.5;
}
.viewall-news{
    font-size: 15px; font-weight: 600; color: #2b2b2b;
}
.viewall-news:hover{
    color: #000; text-decoration: underline;
}

.lines-grey{
    background-color: #cccccc; height: 1px;
}


.list-news-home{}
.list-news-home .itemss{
    height: 125px;
    position: relative;
}
.list-news-home .itemss .titles a,
.list-news-home .itemss .titles{
    font-size: 15px; font-weight: 700; color: #010101;
    text-decoration: none;
}
.list-news-home .itemss .titles{ margin-top: -4px; }
.list-news-home .itemss span.dates{
    font-size: 12px; font-weight: 700; color: #5e5e5e;
}
.list-news-home .itemss .blocks-btn-readmorenew-home{
    position: absolute;
    left: 0px; bottom: 0px;
}
.list-news-home .itemss .blocks-btn-readmorenew-home a:hover img{
    opacity: 0.8;
}

.info-footers{
    font-size: 19px; font-weight: 400; color: #fff;
}
.info-footers a{ font-weight: 400; color: #fff; text-decoration: underline; }

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

.t-copyright,
.t-copyright a{
    font-size: 11px; font-weight: 400; color: #fff; text-decoration: none;
}
.t-copyright a:hover{ color: #fff; text-decoration: none; }

.back-green-in{
    background-color: #22924f;
}

/*------------------- About ------------------*/
.outers-top-back-abouts-portss{
    background: #e7f4fa;
    background-size: 100% 100%;
    width: 100%;
    height: 678px;
}
.outers-top-back-abouts-portss.back-top-about{
    /*background: url(../images/about-back-top.jpg) no-repeat;*/
    background: url(../images/hero-about.jpg) no-repeat;
    background-size: 100% auto;
}
.outers-top-back-abouts-portss.back-top-services{
    /*background: url(../images/services-back-top.jpg) top right no-repeat;*/
    background: url(../images/hero-pict-services.jpg) top right no-repeat;
    background-size: cover;
}
.outers-top-back-abouts-portss.back-top-quality{
    background: url(../images/quality-back-top.jpg) no-repeat;
    background-size: 100% auto;
}
.outers-back-topabout-grey{
    background-color: #a9a9a9;
    min-height: 549px;
    height: auto;
}
.outers-transparent-topinside-pages{
    position: absolute;
    top: -139px;
    left: -335px;
    z-index: 1;

    background: url(../images/back-outer-transparent-fcs-nippo2.png) no-repeat;
    width: 918px;
    height: 613px;
}
.outers-transparent-topinside-pages .textss{
    position: relative;
    top: 200px;
    left: 351px;
}

.lefts-contact-c h1.title-pages,
.outers-transparent-topinside-pages .textss h1.title-pages{
    font-family: 'Roboto', sans-serif;
    font-size: 16px; font-weight: 700; color: #008a4b; margin: 0px;
    line-height: 0.9;
}
.outers-transparent-topinside-pages .desckabout{
    font-family: 'Roboto', sans-serif;
    font-size: 22px; font-weight: 400; color: #6c6c6c;
}
.outers-transparent-topinside-pages .desckabout b{
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.outers-transparent-topinside-pages .desckabout.pservices b{
    font-size: 39px; font-weight: 500; color: #6c6c6c;
    font-family: 'Roboto', sans-serif;
}
.insides-bottom-servicesco{}
.insides-bottom-servicesco .top-con{}
.insides-bottom-servicesco .top-con span.top-t{ font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; color: #008a4b; }
.insides-bottom-servicesco .top-con p{ line-height: 1.4; font-family: 'Roboto', sans-serif; font-size: 19px; font-weight: 400; color: #454545; }
.insides-bottom-servicesco .top-con p small{  }

.mw-615{
    max-width: 615px;
}
.outers-back-topabout-grey{}
.outers-back-topabout-grey .texts{}
.descs-quality-bottoms h5,
.outers-back-topabout-grey .texts h4{ font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; color: #008a4b; }
.descs-quality-bottoms span,
.outers-back-topabout-grey .texts span{ display: block; margin-bottom: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff; font-size: 24px; line-height: 1.2; margin-bottom: 20px; }
.descs-quality-bottoms p,
.outers-back-topabout-grey .texts p{ font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff; font-size: 16px; line-height: 1.3; margin-bottom: 20px; }

.descs-quality-bottoms span,
.descs-quality-bottoms p{
    color: #6c6c6c;
    margin-bottom: 26px;
}
.descs-quality-bottoms span{ font-size: 21px; font-weight: 300; }
.descs-quality-bottoms p{ font-size: 14px; font-weight: 400; }
.descs-quality-bottoms h5{
    margin-top: 0px; line-height: 0.9;
}

.mh520{
    min-height: 520px; height: auto;
}

/*----------------------- Midle Text Content -----------------*/
.content-text{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #454545;
}
.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{ font-size: 16px; font-weight: 700; color: #008a4b; line-height: normal; text-transform: uppercase; }

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

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

    display: block;
    margin-bottom: 5px;
}

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

.mw-556{
    max-width: 556px;
}

/*----------------------- About Us ------------------*/
.mh-183{
    min-height: 183px; height: auto;
}
.texts-commited-about{
    max-width: 804px; margin: 0 auto; text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 19px; font-weight: 400;
    color: #454545;
}
.back-greens-about{
    background-color: #1c683a;
}
.h372{
    min-height: 372px;
    height: auto;
}
.list-abouts-bottomvision{}
.list-abouts-bottomvision .border-right{ border-right: 1px solid #fff; height: 226px; }
.list-abouts-bottomvision .texts{
    text-align: center; margin: 0 auto;
}
.list-abouts-bottomvision .texts span{ font-weight: 300; color: #fff; font-size: 34px; font-family: "Roboto", sans-serif; }
.listing-services-fullitm .items p,
.listing-services-fullitm .items .name,
.list-abouts-bottomvision .texts p{ font-weight: 300; color: #fff; font-size: 19px; font-family: "Roboto", sans-serif; }

.outer-insides-pages{}
.back-green-in{
    background-color: #22924f;
}
.h382{
    height: 382px;
}
.padding-pull-19{
    padding: 0 19px;
}
.listing-services-fullitm{}
.listing-services-fullitm .items{}
.listing-services-fullitm .items .pict{}
.listing-services-fullitm .items .name{ padding-right: 15px; font-weight: 700; line-height: 1.4; }
.listing-services-fullitm .items p{ padding-right: 15px; font-size: 14px; font-weight: 400; }
.h314{
    height: 314px;
}
.out-text-middle-quality{
    max-width: 755px;
    margin: 0 auto;
}
.out-text-middle-quality span{ font-family: "Roboto", sans-serif; font-size: 30px; font-weight: 700; color: #fff; display: block; line-height: 1.2; 
    margin-bottom: 11px;  
}
.out-text-middle-quality p{ font-family: "Roboto", sans-serif; font-size: 17px; font-weight: 400; color: #fff; line-height: 1.5; }
.middle-pict-quality-insidep .itemss{
    max-width: 483px; margin: 0 auto; text-align: center;
}
.mh-595{
    min-height: 595px;
    height: auto;
}
.padding-left-19{
    padding-left: 19px;
}
.listing-data-services-bottom{}
.listing-data-services-bottom .items{
    background-color: #d4d4d4;
    max-width: 369px;
    margin: 0 auto;
}
.listing-data-services-bottom .items .top{
    height: 67px;
}
.listing-data-services-bottom .items .middle{

}
.listing-data-services-bottom .items .middle a:hover img{
    opacity: 0.87;
}
.listing-data-services-bottom .items .bottom{
    height: 76px;
}
.listing-data-services-bottom .items .bottom .in-padding{
    padding: 19px 26px 0px;
}
.listing-data-services-bottom .items .bottom span.names a,
.listing-data-services-bottom .items .bottom span.names{
    font-family: "Roboto", sans-serif;
    font-size: 16px; font-weight: 700; text-transform: uppercase;
    color: #2d2d2d;
    line-height: 0.9;
    text-decoration: none;
}
.listing-data-services-bottom .items .bottom span.names a:hover{ opacity: 0.8; }
.mw-515{
    max-width: 515px;
}

/*------------------------------ Contact Us ---------------------------*/
.lefts-contact-c{}
.lefts-contact-c h1.title-pages{}
.lefts-contact-c span{ font-size: 29px; font-weight: 500; color: #6c6c6c; font-family: "Roboto", sans-serif; }
.lefts-contact-c p{
    font-family: "Roboto", sans-serif;
    font-size: 14px; font-weight:400; color: #6c6c6c;
    line-height: 1.4; margin-bottom: 27px;
}
.lefts-contact-c p a{
    font-family: "Roboto", sans-serif;
    font-size: 19px; font-weight: 400;
    color: #22924f;
}
.text-contact label.control-label{
    font-family: "Roboto", sans-serif;
    font-size: 14px; font-weight: 400;
    color: #6c6c6c;
    margin-bottom: 3px;
}
.text-contact input,
.text-contact textarea{
    height: 28px;
    border-color: #d3d3d3;
}
.text-contact textarea{ height: 100px; overflow: hidden; }
button.btn-submit-custom{
    background: url(../images/back-btn-d-submit.png) no-repeat;
    width: 199px;
    height: 33px;
}
.outer-blok-fcs .carousel-indicators{
    /*width: auto;
    margin-left: -35.6%;
    z-index: 15000;*/
    width: auto;
    margin-left: 0px;
    z-index: 15000;
    text-align: left;
    margin-left: -564px;
}

.outer-blok-fcs .carousel-indicators li{
    background: url(../images/toc-fcs.png) no-repeat;
    width: 10px;
    height: 10px;
    border: 0px;
    margin: 0px 2px;
}
.outer-blok-fcs .carousel-indicators li.active{
    background: url(../images/toc-fcs-active.png) no-repeat;
    width: 10px;
    height: 10px;
    border: 0px;
}
.p_absolute{
    position: absolute;
    width: 100%;
    left: 0px;
    padding: 0 15px;
}
.box-home-bottom-enquire{}
.box-home-bottom-enquire label.control-label{
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 14px; font-weight: 400; color: #6c6c6c;
}
.box-home-bottom-enquire input{
    height: 26px;
}
.box-home-bottom-enquire .form-group{
    margin-bottom: 7px;
}
.box-home-bottom-enquire button.btn-custom-enquires{
    background: none; border-radius: 0px;
    box-shadow: none;

    background: url(../images/back-btn-tenquires.png) no-repeat;
    width: 98px;
    height: 26px;
    // margin-left: -15px;
}
.box-home-bottom-enquire [class*="col-md"]{
    padding: 0 15px;
}
.box-home-bottom-enquire p{
    font-family: "Roboto", sans-serif;
    font-weight: 400; font-size: 14px;
    color: #545454;
}
.back-about-patternbuilding{
    background:#614222 url(../images/back-leftabout-brown-building.jpg) top right no-repeat;
}

.lgo-partners{}
.lgo-partners .itemss{}
.lgo-partners .itemss .text a,
.lgo-partners .itemss .text{ font-family: "Roboto", sans-serif;font-size: 14px; font-weight: 400; color: #6c6c6c; }
.lgo-partners .itemss .text a:hover{ text-decoration: none; color: #000; }

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

.header-affixs.affix-top{ top: -1000px; position: fixed; }
.header-affixs.affix{ top: 0px; left: 0px; }
.header-affixs{
    background-color: rgba(255,255,255,0.9);
    height: 75px;
    width: 100%;
    z-index: 1000;
    border-bottom: 3px solid #058436;
    z-index: 750;
}
.menu-taffix{}
.menu-taffix ul{ margin: 0; padding: 0px; }
.menu-taffix ul li{ padding: 0px; padding: 0 10px; }
.menu-taffix ul li a{ text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #7f7f7f; }
.menu-taffix ul li.active a,
.menu-taffix ul li a:hover{ text-decoration: none; color: #4D4D4D; }