/*star news home*/

#news-row {

  position: absolute;

  background: #2549a2;

  margin-top: -270px;

  /* padding: 100px; */

  padding-top: 50px;

  padding-bottom: 50px;

  padding-left: 15px;

  width: 92%;

  height: 390px;

}

/*end news home*/

/*star fungsi-prod*/

#fungsi-prod {

  margin-top: 80px;

}

#content-more {

  padding-top: 70px;

  padding-bottom: 270px;

  background: #f9f9f9;

}

/*star fungsi-prod*/

/*star produk*/

#our-home {

  float: left;

  color: #fff;

  margin-top: -15px;

  padding-bottom: 30px;

  font-size: 14px;

}

#our-prod {

  float: left;

  color: red;

  margin-top: -15px;

  padding-bottom: 30px;

  font-size: 14px;

}

/*end produk*/

/*star margin sgs*/

#about-crt {

  padding-bottom: 0px;

  padding-top: 70px;

}

#sgs-padding {

  padding-top: 35px;

}

#sgs-atas {

  border-top: 1px solid #e9e9e9;

  border-bottom: 1px solid #e9e9e9;

  padding-bottom: 20px;

  padding-top: 20px;

  /* padding-left: 0px;

  padding-right: 0px; */

  width: 98%;

}

#sgs-border {

  border-right: 1px solid #e9e9e9;

  /* padding-left: 0px;

  margin-left: -20px; */

}

/* #sgs {

  margin-top: 150px;

} */

/*end margin sgs*/

/*star ohsas*/

#ohsas {

  margin-top: 18px;

  font-size: 14px;

}

#iso {

  margin-top: 0px;

}

/*star ohsas*/





/*about konten text*/

div.d {

    line-height: 200%;

    text-align: justify;

}

#mrg {

  margin-top: 100px;

}

/*star about konten text*/



/*star text our produk home*/

  h1 {

    position: relative;

    margin-top: 20px;

  }



  h1.one {

    margin-top: 0;

  }



  h1.one:before {

    content: "";

    display: block;

    border-top: solid 2px #fff;

    width: 23%;

    height: 1px;

    position: absolute;

    left: 31%;

    top: 20px;

    z-index: 1;

  }



  h1.one span, h1.two span {

    float: right;

    color: #fff;

    padding: 20 20px;

    position: relative;

    z-index: 5;

  }



  h1.two+p {

    border-top: solid 1px black;

    padding-top: 40px;

    margin-top: -40px;

  }  /*star text our produk home*/





/*image produk home*/



#provide{

  /*background: url(logo/discover.png)no-repeat;*/

  background: url(logo/bakground.png);

  /* height: 35em; */

  background-position: center;

  background-size: 100% 100%;

  -webkit-background-size: 100% 100%;

  -moz-background-size: 100% 100%;

  -o-background-size: 100% 100%;

  -ms-background-size: 100% 100%;

  width: 100%;

  height: 315px;

  /*height: 570px;*/

  position: absolute;

}

/*image produk home*/

/*garis text*/

#audio {

  padding-top: 40px;

  padding-bottom: 0px;

  /* background: #fafdff; */

  background: #fff;

}

.kiri-kanan {

  background-color: #e9e9e9;

  width: 70%;

  display: block;

}

.kiri-kanan.right {text-align:right}

.text-lines span {

  padding: 3px;

  background: #fafdff;

  height: 3px;

  color: #ed1b24;

  font-size: 14px;

  width: 15%;

  vertical-align: middle;

  line-height: 1px;

}

.text-lines.right {text-align:right}

.text-lines.center {text-align:center}

.text-lines {

  background-color: #ed1b24;

  height: 3px;

  width: 216px;

  vertical-align: middle;

  line-height: 1px;

}

p {

  font: 14px Arial,sans-serif

}

/*garis text*/

#garis {

  position: relative;

  padding-bottom: 20px;

  margin-bottom: 20px;

  font-size: 14px;



  color: #ed1b24;

}

  #garis:before {

    position: absolute;

    content: "";

    left: 105%;

    bottom: 71%;

    width: 30%;

    height: 2px;

    background: #ed1b24;

}

/* #garis:before {

  position: absolute;

  content: "";

  left: 20%;

  bottom: 53%;

  width: 30%;

  height: 2px;

  background: #ed1b24;

} */

/*produk detail*/



#detail-pro .shadow {

    padding-top:5%;

    -webkit-box-shadow  : 0px 5px 102px -13px rgba(148,145,148,1);

    -moz-box-shadow   : 0px 5px 102px -13px rgba(148,145,148,1);

    box-shadow      : 0px 5px 102px -13px rgba(148,145,148,1);

  }



  #detail-pro .img-desc-pro {

    /*border :1px solid red;*/

  } #detail-pro .img-desc-pro .wrap-img {

      padding:1%;

    } #detail-pro .img-desc-pro .wrap-img .carousel {

        border:1px solid #e6e6e6;

        padding:5%;

      } #detail-pro .img-desc-pro .wrap-img .wrap-img-small {

          margin-left:1%;

          margin-top:1%;

        } #detail-pro .img-desc-pro .wrap-img .img-small {

            padding:1%;

          } #detail-pro .img-desc-pro .wrap-img .img-small img {

              cursor: pointer;

              max-width: 80px;

              margin:1%;

              border:1px solid #e6e6e6;

            }

          #detail-pro .img-desc-pro .wrap-img .klik-to-large {

            font-family: "OpenSans Light";

            font-style: italic;

          }



    #detail-pro .img-desc-pro .wrap-img .title {

      font-size: 26px;

      font-family: "Raleway Light";

    }

    #detail-pro .img-desc-pro .wrap-img .summary-pro {

      font-size: 18px;

      font-family: "Raleway Heavy";

    }

    #detail-pro .img-desc-pro .wrap-img .desc-pro {

      line-height: 200%;

      font-family: "Raleway Light";

    }

    #detail-pro .img-desc-pro .wrap-img .price {

      font-size: 26px;

      font-family: "Raleway";

      color:rgba(79,161,13,1);

      margin:5% 0;

    } #detail-pro .img-desc-pro .wrap-img .price .info-price{

        font-size: 15px;

        font-weight: normal;

        font-style: italic;

        color: #bfbfbf;

        font-family: "OpenSans Light";

      }



    #detail-pro .img-desc-pro .wrap-img .get-call-buy {

      font-family: "OpenSans Light";

    } #detail-pro .img-desc-pro .wrap-img .get-call-buy .row {

        margin: 5% 0;

      } #detail-pro .img-desc-pro .wrap-img .get-call-buy .border {

          border:1px solid #e6e6e6;

          padding: 0;

          margin:0;

        } #detail-pro .img-desc-pro .wrap-img .get-call-buy .border img {

            border:none;

            margin:0 auto;

          }



      #detail-pro .img-desc-pro .view-next {

        margin: 7% 0 5% 0;

      } #detail-pro .img-desc-pro .view-next a {

          font-family: "Raleway Regular";

          text-decoration: none;

          color: rgba(79,161,13,1);

        }



  #detail-pro .wrap-fitur {

    margin-top:5%;

  } #detail-pro .wrap-fitur {

      margin-top:5%;

    } #detail-pro .wrap-fitur ul.nav-tabs {

        border: none;

        z-index: 2;

        position: relative;

      } #detail-pro .wrap-fitur ul.nav-tabs hr {

          border:1px solid #ccc;

          margin:0 1%;

          padding:0;

          bottom:50%;

          z-index: 0;

          position: absolute;

          width:98%;

        }



      #detail-pro .wrap-fitur ul.nav-tabs li {

        margin:0 .5%;

      }

      #detail-pro .wrap-fitur ul.nav-tabs li.active>a {

        background-color: #fff;

        opacity: 1;

        border:2px solid #0099ff;

        color: #0099ff !important;

      }

      #detail-pro .wrap-fitur ul.nav-tabs li a {

        background-color: #f2f2f2;

        border:2px solid #999999;

        border-radius:15px;

        padding-left: 30px;

        padding-right: 30px;

        font-size: 20px;

        color: #999999 !important;

        font-family: "Raleway Regular";

      }



    #detail-pro .wrap-fitur #fitur, #detail-pro .wrap-fitur #spesifikasi{

      margin : 5%;

    } #detail-pro .wrap-fitur .title {

        font-size: 33px;

        color:#0099ff;

        margin-bottom: 3%;

        font-family: "Raleway Light";

      }



      #detail-pro .wrap-fitur #fitur .desc-fitur {

        margin-bottom:3%;

        font-family: "OpenSans Regular";

      }

      #detail-pro .wrap-fitur #fitur .img-fitur .row {

        margin:3% 0;

      }



        #detail-pro .wrap-fitur #fitur .img-fitur .row img {

          -webkit-box-shadow: 0px 0px 20px 0px rgba(142,146,148,1);

          -moz-box-shadow   : 0px 0px 20px 0px rgba(142,146,148,1);

          box-shadow:     : 0px 0px 20px 0px rgba(142,146,148,1);

        }

        #detail-pro .wrap-fitur #fitur .col-margin {

          margin:5% 0;

        } #detail-pro .wrap-fitur #fitur .col-margin .title-fitur {

            font-size: 20px;

            font-family: "OpenSans";

          }



      #detail-pro .wrap-fitur #spesifikasi .desc-fitur {

        margin-bottom:3%;

        font-family: "OpenSans Regular";

      }



    #detail-pro .title-our-pro {

      font-family: "Raleway Regular";

      font-size: 30px;

    } #detail-pro .tab-content {

        margin-top:3%;

      } #detail-pro .tab-content #show-slide-v {

            display: none;

          }





  #detail-pro .img-pro {

    margin:5% 0;

  }

  #detail-pro .img-pro .col-wrap {

    margin:0;

    padding:0;

  } #detail-pro .img-pro .wrap-img-pro {

      border:1px solid #e6e6e6;

      margin:2%;

      position: relative;

    } #detail-pro .img-pro .wrap-img-pro .overlay {

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        overflow: hidden;

        width: 100%;

        height: 0;

        transition: .5s ease;

      }

      #detail-pro .img-pro .wrap-img-pro:hover .overlay {

        height: 100%;

        background-color: rgba(0, 136, 204, 0.8)

      }

      #detail-pro .img-pro .wrap-img-pro .overlay .title-pro {

        display: none;

        position: absolute;

        width: 100%;

        color: white !important;

        font-size: 20px;

        overflow: hidden;

        top: 40%;

        text-align: center;

        margin:0 auto;

        padding:0 10% 0 0;

        font-family: "Raleway Heavy";

      } #detail-pro .img-pro .wrap-img-pro .overlay .title-pro .link {

          font-size: 11px;

          text-transform: uppercase;

          bottom: -10%;

          margin-top:30%;

/*          color: white !important;

          position: absolute;*/

        }



      #detail-pro .img-pro .wrap-img-pro:hover .title-pro {

        display: block;

      }



      #detail-pro .img-pro .wrap-img-pro .hover-hide .title-pro {

        font-family: "Raleway Heavy";

      } #detail-pro .img-pro .wrap-img-pro:hover .hover-hide .title-pro {

          color: white;

        } #detail-pro .img-pro .wrap-img-pro .title-pro small {

            font-family: "Raleway Light";

            font-style: italic;

            font-size: 14px;

          }

/* @media only screen and (max-width: 320px) { */

@media only screen and (max-width: 400px) {

  #hal-kontak {

    padding-top: 3%;

    padding-bottom: 11%;

}

  /*star produk view*/

  #our-home {

    float: left;

    color: #fff;

    margin-top: -15px;

    padding-bottom: 30px;

    font-size: 10px;

  }

  #our-prod {

    float: left;

    color: red;

    margin-top: -15px;

    padding-bottom: 30px;

    font-size: 10px;

  }

  /*end produk view*/

  #garis:before {

    position: absolute;

    content: "";

    left: 35%;

    bottom: 53%;

    width: 30%;

    height: 2px;

    background: #ed1b24;

  }

  #sgs-border {

    border-right: 0px;

  }

  #about-crt {

    padding-bottom: 0px;

    padding-top: 5px;

  }

  .slide-line {

        border-top: 0px;

    }

    #right-line {

     border-right: 0px;

 }



/*untuk membuat garis*/

  /* #content-more {

    padding-left: 35px;

  } */



}



@media only screen and (max-width: 480px) {

  #garis:before {

    position: absolute;

    content: "";

    left: 32% !important;

    bottom: 53%;

    width: 30%;

    height: 2px;

    background: #ed1b24;

  }

  #sgs-border {

    border-right: 0px;

  }

  #about-crt {

    padding-bottom: 0px;

    padding-top: 5px;

  }

  .slide-line {

        border-top: 0px;

    }

    #right-line {

     border-right: 0px;

 }



}



@media only screen and (max-width: 600px) {

  #garis:before {

    position: absolute;

    content: "";

    left: 25%;

    bottom: 53%;

    width: 30%;

    height: 2px;

    background: #ed1b24;

  }

  #sgs-border {

    border-right: 0px;

  }



}



@media only screen and (max-width: 991px) {

  #sgs-border {

    border-right: 0px;

  }

  #about-crt {

    padding-bottom: 0px;

    padding-top: 5px;

  }

}



@media only screen and (max-width: 1024px) {

  #garis:before {

    position: absolute;

    content: "";

    left: 27%;

    bottom: 53%;

    width: 30%;

    height: 2px;

    background: #ed1b24;

  }

  #sgs-border:before {

    border-right: 1px solid #e9e9e9;

  }

  #ohsas {

    margin-top: 4px;

  }

  #iso {

    margin-top: 4px;

  }

  #mrg {

    margin-top: 67px;

  }



}

/*star text our produk home @media 320px*/

@media only screen and (max-width: 1024px) {

  h1.one:before {

    content: "";

    display: block;

    border-top: solid 2px #fff;

    width: 23%;

    height: 1px;

    position: absolute;

    left: 18%;

    top: 20px;

    z-index: 1;

  }

}

@media only screen and (max-width: 991px) {

  h1.one:before {

    content: "";

    display: block;

    border-top: solid 2px #fff;

    width: 23%;

    height: 1px;

    position: absolute;

    left: 2%;

    top: 20px;

    z-index: 1;

  }

}

@media only screen and (max-width: 767px) {

  h1.one:before {

    content: "";

    display: block;

    border-top: solid 2px #fff;

    width: 23%;

    height: 1px;

    position: absolute;

    left: 42%;

    top: 20px;

    z-index: 1;

  }

}

@media only screen and (max-width: 600px) {

  h1.one:before {

    display: none;

  }

}

/*end text our produk home @media 320px*/