/*----------------------- IMPORT FONT ------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Orbitron:400,500,700);
 /* font-family: 'Orbitron', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Play:400,700);
/* font-family: 'Play', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
 /*font-family: 'Roboto', 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: 'Play', sans-serif;
    font-weight: 400;
    font-size: 12px;
    
    color: #888888;
    background: #efefef;
}

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

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

    width: 1112px;
    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-grey_inside{
    background-color: #efefef;
}
.h353{
    min-height: 353px;
    height: auto;
}

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

/*---------------------  Header  -----------------*/
header.head{
    background: url(../images/outer-back-header.jpg) repeat-x;
    height: 129px;
    width: 100%;
    
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.35);
}
header.homep.head{
    
}
.back-info-headers-tops{
    background: url(../images/back-header-t-tops-information.jpg) no-repeat;
    width: 566px;
    height: 37px;

    position: absolute;
    top: 0px;
    right: -4px;
    z-index: 3;
}
.back-info-headers-tops .insides{
    position: relative;
    /*padding-left: 125px; 
    padding-top: 5px;
    font-size: 17px;*/
    padding-left: 118px;
    padding-top: 4px;
    font-size: 18px;
    
    font-weight: 400; color: #000;
}

.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 17px; vertical-align: middle; }
.top-menu ul li:last-child{ padding-right: 0px; }
.top-menu ul li.divider{
    padding: 0px;
    background: url(../images/divider-top-menu.png) no-repeat;
    width: 1px;
    height: 25px;
}

.top-menu ul li a{ /*font-family: 'Orbitron', sans-serif;*/ font-family: 'Play', sans-serif; font-size: 15px; font-weight: 700; color: #656565; }
.top-menu ul li.active a,
.top-menu ul li a:hover,
.top-menu ul li a:focus{ /*font-family: 'Orbitron', sans-serif;*/ font-family: 'Play', sans-serif; color: #000; 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: 1;
}
.outer-blok-fcs{
    position: relative;
    z-index: 1;

    /*-webkit-box-shadow: inset 1px -4px 9px 0px rgba(50, 50, 50, 0.39);
    -moz-box-shadow:    inset 1px -4px 9px 0px rgba(50, 50, 50, 0.39);
    box-shadow:         inset 1px -4px 9px 0px rgba(50, 50, 50, 0.39);*/
}
.outers-block-creamyellow-home .carousel-indicators,
.outer-blok-fcs .carousel-indicators{
    margin-bottom: 0px;
    bottom: -27px;
    z-index: 100;
}
.outers-block-creamyellow-home .carousel-indicators li,
.outer-blok-fcs .carousel-indicators li{
    width: 9px;
    height: 9px;
    background-color: #fff; border: 0px;
    margin: 0px 3px;
}
.outers-block-creamyellow-home .carousel-indicators li.active,
.outer-blok-fcs .carousel-indicators li.active{
    width: 9px;
    height: 9px;
    background-color: #ec1200; border: 0px;
}

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

.outer-blok-fcs{
    background-color: #efefef;
    height: 502px;
}

.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;
}
.outers-block-creamyellow-home{
    position: relative;
    z-index: 50;

    width: 100%;
    background-color: #d2ae6d;
    height: 38px;

    -webkit-box-shadow: 4px -5px 9px 0px rgba(50, 50, 50, 0.28);
    -moz-box-shadow:    4px -5px 9px 0px rgba(50, 50, 50, 0.28);
    box-shadow:         4px -5px 9px 0px rgba(50, 50, 50, 0.28);
}

.outers-middle-cont-backeagle{
    background:#fff url(../images/back-eagle-white-content.jpg) top center no-repeat;
    background-size: 100%;
    width: 100%;
    min-height: 755px;
    height: auto;
}
.outers-block-clientshome{
    background:transparent url(../images/back-crem-building-bfooter.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 430px;
}
.inset-home-product{}
.inset-home-product .title{
    font-weight: 400; font-size: 35px; color: #d2ae6d;
    line-height: 0.9;
}

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

.mw-765{
    max-width: 765px;
}
.listt-menu-rp-products{}
.listt-menu-rp-products ul{ margin: 0px; padding: 0px; }
.listt-menu-rp-products ul li{ padding: 0 7px; }
.listt-menu-rp-products ul li:first-child{ padding-left: 0px; }
.listt-menu-rp-products ul li:last-child{ padding-right: 0px; }
.listt-menu-rp-products ul li a{
    font-size: 14px;
    font-weight: 400;
    color: #3d3c3c;
    padding-bottom: 5px;
}
.listt-menu-rp-products ul li.active a,
.listt-menu-rp-products ul li:hover a{
    border-bottom: 1px solid #d2ae6d;
    text-decoration: none;
}

.pictures_homesdtaprod{
    position: relative;
    z-index: 1;
}
.pictures_homesdtaprod .ins_pict{
    position: relative;
    z-index: 6;
}
.pictures_homesdtaprod .ins_pict img{
    border: 3px solid #fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.29);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.29);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.29);
}
.pictures_homesdtaprod .backshadow{
    position: absolute;
    z-index: 3;
    bottom: -23px;
    right: -20px;

    background: url(../images/back-shadow-onpicture-products-homes.png) no-repeat;
    width: 790px;
    height: 317px;
}

.inset-home-blocks-client{}
.inset-home-blocks-client .titles
{
    text-align: center;
    font-size: 30px; font-weight: 400; line-height: 0.9;
    color: #902b2c;
    padding-bottom: 14px;
}
.lines-white-bttitle-client{
    height: 1px;
    background: url(../images/back-lines-bottom-title-newshome.png) no-repeat;
    width: 67px;
    margin: 0 auto;
}

.listing-ar-clientshome{}
.listing-ar-clientshome .itemss{ max-width: 266px; }
.listing-ar-clientshome .itemss .pict{}
.listing-ar-clientshome .itemss .desc{ text-align: center; }
.listing-ar-clientshome .itemss .desc .title a,
.listing-ar-clientshome .itemss .desc .title{ font-size: 15px; font-weight: 400; color: #262626; text-transform: uppercase; text-decoration: none; }
.listing-ar-clientshome .itemss .desc .title a:hover{ color: #000; text-decoration: none; }
.listing-ar-clientshome .itemss .desc span.location{ font-size: 12px; font-weight: 400; color: #656565; }

a.view-morenews-inhome{
    font-size: 14px; font-weight: 400; color: #902b2c; text-decoration: underline;
}
a.view-morenews-inhome:hover{ text-decoration: none; }

.insets-cont-footer{}
.insets-cont-footer .title-footer{
    font-size: 15px; font-weight: 700; color: #656565; line-height: 1;
}
.lines-full-grey{
    background-color: #c9c9c9;
    height: 1px;
    width: 100%;
    margin-bottom: 13px;
}
.insets-cont-footer .row{
    margin: 0 -5.5px;
}
.insets-cont-footer .row [class*="col-md"]{
    padding: 0 5.5px;
}
.left-footer-cont{ max-width: 720px; }
.left-footer-cont p{
    font-size: 12px; font-weight: 400; color: #656565; margin: 0px;
    line-height: 1.7;
}
.menu-footer{}
.menu-footer ul{ margin: 0; padding: 0; }
.menu-footer ul li{ padding: 6px 0; padding-left: 4px; border-bottom: 1px solid #c9c9c9; }
.menu-footer ul li:first-child{ padding-top: 0px; }
/*.menu-footer ul li:last-child{ padding-bottom: 0px; }*/
.menu-footer ul li a{ font-size: 14px; font-weight: 400; color: #656565; }
.menu-footer ul li a:hover{ color: #000; text-decoration: none; }
.bottoms-cont-footer{
    /*margin-top: -15px;*/
}
.bottoms-cont-footer .t-copyright{
    margin-top: -28px;
}
.t-copyright a,
.t-copyright{
    font-size: 12px; font-weight: 400; color: #818181; text-decoration: none;
}
.t-copyright a:hover{
    color: #000; text-decoration: none;
}
.wrap-text-int-fcs{
    position: absolute;
    left: 75px;
    top: 0px;
    z-index: 30;
    border: 0px;

    background-color: rgba(255,255,255,0.8);
    width: 304px;
    height: 100%;
}
.wrap-text-int-fcs .insides{
    padding: 0 28px;
    padding-top: 115px;
}
.wrap-text-int-fcs .insides .titles{
    font-size: 28px; font-weight: 400; color: #ec1200;
    line-height: 1.1;
}
.wrap-text-int-fcs .insides p{
    font-size: 16px; font-weight: 400; color: #3d3c3c; line-height: 1.2;
    margin-bottom: 23px;
}
.wrap-text-int-fcs .insides img{
    width: auto;
}

.outers-middle-contents.insides_page{ position: relative; z-index: 15; }
.outers-top-middlesinside-cont{
    position: relative;
    z-index: 15;
    background-color: #d2ae6d;
    height: 38px;
    width: 100%;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.35);
}
.outers-outr-topgrey .titles-oncent{
    font-size: 27px; font-weight: 400;
    line-height: 1.4;
    color: #3d3c3c;
}
.mw-735{
    max-width: 735px;
}
.lines-bottomtitle-pages{
    background-color: #d2ae6d;
    width: 72px;
    height: 2px;
}

.mhs-632{
    min-height: 632px;
}
/*----------------------- Midle Text Content -----------------*/
.content-text{
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #656565;
}
.content-text h1,
.content-text h2,
.content-text h3,
.content-text h4,
.content-text h5{ font-family: 'Play', sans-serif; margin: 0; padding: 0; margin-bottom: 20px; }

.content-text h1.title-pages{ font-size: 27px; font-weight: 400; color: #d2ae6d; margin-bottom: 3px; }
.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{}

.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: 'Play', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #656565;

    line-height: 1.4;
    margin-bottom: 20px;
}
.content-text p a{
    text-decoration: none;
    font-weight: 700;
    color: #1c1c1c;
    text-decoration: none;
}
.content-text p a:hover{
    color: #000; text-decoration: none;
}
.content-text span{
    font-family: 'Play', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    font-size: 24px;
    color: #656565;

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

/*----------------------- About Us ------------------*/
.breadcrumbs{}
.breadcrumbs ol.breadcrumb{ margin: 0px; padding: 0; background-color: transparent; }
.breadcrumbs ol.breadcrumb li a,
.breadcrumbs ol.breadcrumb li{
    font-size: 14px;     
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}
.breadcrumbs ol.breadcrumb li a:hover{
    color: #fff;
    text-decoration: none;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #fff;
    content: ">";
}

.mhs-542{
    min-height: 542px;
}
.mh-525{
    min-height: 525px;
}
.outers-back-gold-bottomcont{
    /*background: url(../images/back-gold-pattern-circles-d.jpg) repeat;*/
    background-color: #d0ad6d;
    width: 100%;
    height: auto;
}
.insets-bottom-servicesct-gold{ text-align: center; }
.insets-bottom-servicesct-gold .titles{
    font-size: 22px;
    font-weight: 400; color: #fff;
    line-height: 1.3;
}
.insets-bottom-servicesct-gold .titles p{
    font-size: 15px; font-weight: 400; color: #fff; margin-bottom: 6px;
}
.listing-cont-gold-datas{}
.listing-cont-gold-datas .itemss{}
.listing-cont-gold-datas .itemss .name{ font-size: 19px; font-weight: 400; color: #fff; }

.back-prods-eagle{
    min-height: 895px;
}

.outers-listing-products{ margin-right: -12px; } 
.outers-listing-products.nw-prd{} /*back-pict-itemss-prodct-red.png*/
.outers-listing-products.nw-prd .itemss{ background: url(../images/back-pict-itemss-prodct-red-appli.png) no-repeat; width: 359px; height: 238px; margin-bottom: 17px; }
.outers-listing-products.nw-prd .itemss .pict{ padding: 7px 0px 0px 7px; width: 343px; }
.outers-listing-products.nw-prd .itemss .pict img{
    width: 343px;
    height: 193px;
}
.outers-listing-products.nw-prd .itemss .pict a:hover img{
    opacity: 0.9;
}
.outers-listing-products.nw-prd .itemss .name a,
.outers-listing-products.nw-prd .itemss .name{ font-size: 14px; font-weight: 700; color: #000; text-decoration: none; }
.outers-listing-products.nw-prd .itemss .name a:hover{
    color: #992424; text-decoration: none;
}

.mhs-425{
    min-height: 425px;
}
.full-pagesmapcontact{}
.full-pagesmapcontact iframe{
    width: 100%;
}
.backpd-contact{
     background-image: url(../images/back-pd-eagle-contact.jpg);
}
.backpd-contact p{
    font-size: 15px;
}
.backpd-contact p i.fa{
    color: #000; font-size: 15px;
}
.contact-form{
    max-width: 325px;
    margin: 0 auto;
}
.contact-form input{
    height: 29px;
}
.contact-form label{ font-size: 17px; font-weight: 400; color: #fff; }
.contact-form button.btns-contact-submit{
    background: none;
    box-shadow: none;
    border: 0px;

    background: url(../images/back-btn-submitcontact.png) no-repeat;
    width: 249px;
    height: 34px;
}
.contact-form .form-group{
    margin-bottom: 11px;
}
.contact-form .g-recaptcha > div > div{
    width: 100% !important;
}

.blocks-categoriesl{  }
.blocks-categoriesl span{
    font-size: 15px; font-weight: 700; color: #d2ae6d;
    display: block;
    margin-bottom: 9px;
}
.blocks-categoriesl .lines-gold{
    background-color: #d2ae6d; width: 243px; height: 3px;
}
.left-category-products{
    margin-top: 11px;
}
.left-category-products ul{ margin: 0; padding: 0; }
.left-category-products ul li{ padding: 5px 0; }
.left-category-products ul li a{
    font-size: 15px; font-weight: 400; color: #656565;
}
.left-category-products ul li a:hover{ text-decoration: none; color: #b72f32; }
.left-category-products ul li.active a{
    color: #b72f32;
}

.right-con-productdetail{}
.right-con-productdetail .title-products{ margin: 0px; font-size: 22px; font-weight: 400; color: #656565; line-height: 1; margin-bottom: 12px; }

.listing-detailproduct{ margin-right: -12px; }
.listing-detailproduct .itemss{ height: 235px; margin-bottom: 20px; max-width: 270px; }
.listing-detailproduct .itemss .pict{

}
.listing-detailproduct .itemss .names{
    padding-left: 2px;
}
.listing-detailproduct .itemss .names a,
.listing-detailproduct .itemss .names{
    font-size: 15px; font-weight: 400; color: #656565; line-height: 1.3; text-decoration: none;
}
.listing-detailproduct .itemss .names a:hover{
    text-decoration: none; color: #000;
}
.mh-702{
    min-height: 702px;
}

.right-con-productdetail{}
.right-con-productdetail ul{ list-style: none; margin: 0px; padding: 0px; }
.right-con-productdetail ul li{ display: inline-block; padding: 0 0.5em; float: left; }
.right-con-productdetail ul li:first-child{ padding-left: 0px; }
.right-con-productdetail ul li:last-child{ padding-right: 0px; }

.back-grey_inside.back-white{
    background-color: #fff;
    position: relative;
    z-index: 10;

    -webkit-box-shadow: inset 3px -4px 8px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    inset 3px -4px 8px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         inset 3px -4px 8px 0px rgba(50, 50, 50, 0.25);
}
.back-info-headers-tops{
    background-size: 100% 100%;
    width: 390px;
}

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