@font-face {
  font-family: "Opensans Reguler";
  src: url(../fonts/opensan/OpenSans-Regular.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Opensans Light";
  src: url(../fonts/opensan/OpenSans-Light.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Opensans Semibold";
  src: url(../fonts/opensan/OpenSans-Semibold.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Opensans Bold";
  src: url(../fonts/opensan/OpenSans-Bold.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Opensans Italic";
  src: url(../fonts/opensan/OpenSans-Italic.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Myriad";
  src: url(../fonts/myriad/Myriad-Pro-Regular.ttf);
  format: "ttf"; }
strong {
  font-family: "Opensans Bold"; }

em {
  font-family: "Opensans Italic"; }

.img {
  display: block;
  width: 100%; }

.ul {
  padding: 0;
  margin: 0; }

a, a:hover, a:focus {
  text-decoration: none;
  outline: none; }

.full-row {
  margin-right: 0px !Important;
  margin-left: 0px !Important; }

.full-col {
  padding-right: 0px !Important;
  padding-left: 0px !Important; }

.row-item {
  margin-right: -10px;
  margin-left: -10px;
  font-size: 0px; }

.col-item {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  width: 50%;
  font-size: 14px; }

.sparator {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid #a7e611; }
  .sparator:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 50%;
    height: 2px;
    background: #a7e611; }

.chat {
  position: fixed;
  right: 85px;
  bottom: 50px;
  width: 50px;
  height: 50px;
  z-index: 9999; }
  .chat img {
    width: 100%; }

header {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99; }

.header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  padding: 15px;
  padding-top: 10px;
  background: #FFF; }
  .header .logo {
    margin: 0px;
    text-align: center; }
    .header .logo img {
      max-width: 180px;
      max-height: 50px; }
  .header .top-header {
    margin-bottom: 2px;
    text-align: right; }
    .header .top-header ul {
      display: inline-block;
      margin-right: 48px; }
      .header .top-header ul li {
        display: inline-block;
        margin-left: 2px; }
        .header .top-header ul li img {
          width: 25px;
          border: 1px solid #F1F1F1; }
    .header .top-header .ikon-bisnis {
      width: 34px; }

.logo-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.logo-ekatalog {
  position: relative;
  display: block;
  padding: 10px 0;
  margin-right: 15px;
  width: 120px;
  cursor: pointer; }
  .logo-ekatalog img {
    width: 100%; }
  .logo-ekatalog:hover .subecatalog {
    visibility: visible;
    opacity: 1;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s; }

.subecatalog {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 5px 0;
  background: #FFF;
  border: 1px solid #a7e611;
  opacity: 0;
  list-style: none;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s; }
  .subecatalog li a {
    display: block;
    padding: 7px 15px;
    font-size: 13px;
    color: #454545;
    white-space: nowrap; }
    .subecatalog li a:hover {
      background: #a7e611; }

.list-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.menu .bar-menu {
  display: none;
  position: relative;
  padding: 10px;
  margin-top: 10px;
  width: 100%;
  background: #EEE; }
  .menu .bar-menu .box-strip {
    padding: 3px 5px;
    width: 30px;
    height: 18px;
    cursor: pointer; }
    .menu .bar-menu .box-strip .strip {
      margin-bottom: 3px;
      width: 100%;
      height: 2px;
      background: #444; }
      .menu .bar-menu .box-strip .strip:last-child {
        margin-bottom: 0px; }
  .menu .bar-menu .list-lang {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px; }
    .menu .bar-menu .list-lang li {
      display: inline-block;
      margin-left: 10px; }
      .menu .bar-menu .list-lang li a {
        display: block;
        padding: 0px;
        border-bottom: none; }
        .menu .bar-menu .list-lang li a:hover, .menu .bar-menu .list-lang li a:focus {
          border-bottom: none; }
        .menu .bar-menu .list-lang li a img {
          width: 30px; }
.menu .cssmenu {
  width: calc(100% - 34px); }
.menu ul {
  font-size: 0px;
  text-align: right; }
  .menu ul li {
    position: relative;
    display: inline-block; }
    .menu ul li a {
      display: block;
      padding: 10px 15px;
      padding-top: 5px;
      font-family: "Opensans Reguler";
      font-size: 13px;
      color: #2c2c2c;
      border-bottom: 4px solid transparent;
      cursor: pointer; }
      .menu ul li a:hover, .menu ul li a:focus, .menu ul li a.active {
        border-bottom: 4px solid #a7e611;
        transition: 0.2s;
        -o-transition: 0.2s;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s; }
    .menu ul li:hover a {
      border-bottom: 4px solid #a7e611; }
    .menu ul li:hover .submenu {
      visibility: visible;
      left: 0;
      opacity: 1; }
    .menu ul li .submenu {
      visibility: hidden;
      position: absolute;
      top: 100%;
      left: -100px;
      opacity: 0;
      padding-top: 5px;
      padding-bottom: 5px;
      background: #FFF;
      border: 1px solid #a7e611;
      z-index: 99; }
      .menu ul li .submenu li {
        position: relative;
        display: block; }
        .menu ul li .submenu li:hover > a {
          background: #a7e611; }
          .menu ul li .submenu li:hover > a .fa {
            color: #FFF; }
        .menu ul li .submenu li:hover > #subkat {
          visibility: visible; }
        .menu ul li .submenu li a {
          display: block;
          padding: 7px 15px;
          text-align: left;
          white-space: nowrap;
          border: none; }
          .menu ul li .submenu li a:hover {
            background: #a7e611; }
          .menu ul li .submenu li a .fa {
            display: none; }

#subkat {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  visibility: hidden;
  background: #FFF;
  border: 1px solid #a7e611; }

@media (max-width: 1200px) {
  .header {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
@media (max-width: 991px) {
  .header {
    padding-top: 10px !important; }

  .menu-bar {
    width: 100%; }

  #subkat {
    display: none;
    position: relative;
    visibility: visible;
    top: 0;
    left: 0;
    background: #FAFAFA;
    border: none; }
    #subkat > li a {
      position: relative;
      padding-left: 60px; }
      #subkat > li a:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 35px;
        width: 15px;
        height: 1px;
        background: #a7e611; } }
@media (max-width: 480px) {
  .header .logo img {
    max-width: 130px; }

  .logo-ekatalog {
    width: 100px; }
    .logo-ekatalog img {
      width: 100%; } }
.background-menu {
  position: relative;
  overflow: hidden; }
  .background-menu:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -46px;
    width: 100%;
    height: 70px;
    background: #FFF;
    transform: rotate(-2deg); }

.konten-page {
  padding-top: 15px;
  padding-bottom: 30px; }

.tagline-page {
  margin: 0px;
  margin-bottom: 3px;
  font-family: "Opensans Reguler";
  font-size: 35px;
  color: #131313;
  text-transform: uppercase; }
  .tagline-page.with-text {
    font-size: 25px; }

.subtagline {
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: "Opensans Reguler";
  font-size: 16px;
  color: #676767; }

.map-site ul li {
  display: inline-block;
  position: relative; }
  .map-site ul li:before {
    position: absolute;
    content: ">";
    top: 2px;
    right: -5px;
    font-size: 11px; }
  .map-site ul li:first-child a {
    padding-left: 0px; }
  .map-site ul li:last-child:before {
    display: none; }
  .map-site ul li:last-child a {
    color: #777; }
  .map-site ul li a {
    display: block;
    padding: 3px 10px;
    font-family: "Myriad";
    font-size: 11px;
    color: #222; }

.konten-about {
  padding-top: 20px; }
  .konten-about .isi-about {
    font-family: "Opensans Reguler";
    font-size: 13px;
    color: #7a7a7a;
    line-height: 21px; }

.box-about-advan {
  margin-top: 10px; }
  .box-about-advan .item-about-advan {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #DDD; }
    .box-about-advan .item-about-advan .judul-about-advan {
      margin-bottom: 5px;
      font-family: "Opensans Bold";
      font-size: 16px; }
    .box-about-advan .item-about-advan img {
      float: left;
      margin-right: 15px;
      width: 100%;
      max-width: 130px; }
    .box-about-advan .item-about-advan .isi-about-advan {
      font-family: "Opensans Reguler";
      font-size: 13px;
      line-height: 22px; }

#slider {
  position: relative;
  overflow: hidden; }
  #slider li a {
    display: block; }

.kotak-client {
  padding-bottom: 50px;
  background: url(../images/icon/line-shadow.png) no-repeat center bottom; }

.client {
  padding: 20px;
  background-size: 100%; }
  .client .item-client {
    /*img{
    	display: block;
    	width: 100%;
    }*/ }

.arrow-client {
  text-align: center; }
  .arrow-client .arrow-client-prev,
  .arrow-client .arrow-client-next {
    display: inline-block;
    padding-top: 1px;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333; }
  .arrow-client .arrow-client-prev {
    margin-right: 9px; }

.judul-client {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 3px;
  font-family: "Myriad";
  font-size: 38px;
  color: #545454; }
  .judul-client:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 50%;
    height: 2px;
    transform: translate(-50%, 0);
    background: white;
    background: -moz-linear-gradient(left, white 0%, #2890d5 45%, #2890d5 55%, white 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(45%, #2890d5), color-stop(55%, #2890d5), color-stop(100%, white));
    background: -webkit-linear-gradient(left, white 0%, #2890d5 45%, #2890d5 55%, white 100%);
    background: -o-linear-gradient(left, white 0%, #2890d5 45%, #2890d5 55%, white 100%);
    background: -ms-linear-gradient(left, white 0%, #2890d5 45%, #2890d5 55%, white 100%);
    background: linear-gradient(to right, white 0%, #2890d5 45%, #2890d5 55%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }

.konten-home .tag-konten {
  margin-bottom: 10px;
  font-family: "Myriad";
  font-size: 38px;
  color: #545454; }
.konten-home .tagline-konten {
  margin-bottom: 30px;
  font-family: "Opensans Reguler";
  font-size: 13px;
  color: #2890d5; }
.konten-home .advan {
  padding-bottom: 30px;
  border-bottom: 1px solid #CCC; }
  .konten-home .advan .box-advan {
    padding-top: 40px;
    padding-bottom: 30px; }
    .konten-home .advan .box-advan .list-advan {
      display: inline-block;
      width: 100%; }
      .konten-home .advan .box-advan .list-advan .item-advan {
        position: relative;
        padding: 30px 10px;
        cursor: pointer;
        background-color: #FFF; }
        .konten-home .advan .box-advan .list-advan .item-advan:before {
          position: absolute;
          content: "";
          top: 50%;
          left: 50%;
          width: 100%;
          height: 100%;
          border-radius: 10%;
          transform: translate(-50%, -50%);
          border-top: 3px solid #4e4e4e;
          border-right: 3px solid #4e4e4e;
          border-bottom: 3px solid #4e4e4e;
          border-left: 3px solid #4e4e4e; }
        .konten-home .advan .box-advan .list-advan .item-advan:hover:before {
          background: rgba(51, 51, 51, 0.5);
          z-index: 99; }
        .konten-home .advan .box-advan .list-advan .item-advan img {
          display: block;
          margin: 0 auto;
          margin-bottom: 10px;
          width: 100%;
          max-width: 130px; }
        .konten-home .advan .box-advan .list-advan .item-advan .judul-advan,
        .konten-home .advan .box-advan .list-advan .item-advan .isi-advan {
          padding: 0px 10px;
          font-family: "Opensans Light";
          color: #4e4e4e;
          text-align: center; }
        .konten-home .advan .box-advan .list-advan .item-advan .judul-advan {
          height: 47px;
          font-family: "Opensans Bold";
          font-size: 17px;
          overflow: hidden; }
        .konten-home .advan .box-advan .list-advan .item-advan .isi-advan {
          font-size: 12px; }
  .konten-home .advan .arrow-advan {
    text-align: center; }
    .konten-home .advan .arrow-advan .arrow-advan-prev,
    .konten-home .advan .arrow-advan .arrow-advan-next {
      display: inline-block;
      padding-top: 1px;
      width: 25px;
      height: 25px;
      text-align: center;
      border-radius: 50%;
      cursor: pointer;
      border-top: 1px solid #333;
      border-right: 1px solid #333;
      border-bottom: 1px solid #333;
      border-left: 1px solid #333; }
    .konten-home .advan .arrow-advan .arrow-advan-prev {
      margin-right: 9px; }
.konten-home .factory {
  padding-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #CCC; }
  .konten-home .factory .box-factory {
    margin-bottom: 20px; }
    .konten-home .factory .box-factory .item-factory {
      position: relative;
      background-color: #FFF;
      width: 100%; }
      .konten-home .factory .box-factory .item-factory img {
        display: block;
        width: 100%;
        background: #FFF; }
      .konten-home .factory .box-factory .item-factory .ikon-youtube {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        width: 50px;
        height: 40px;
        font-size: 25px;
        color: #FFF;
        text-align: center;
        border-radius: 20px;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        background: #F00; }
        .konten-home .factory .box-factory .item-factory .ikon-youtube .fa {
          padding-left: 4px;
          margin-top: 8px; }
  .konten-home .factory .arrow-factory {
    text-align: center; }
    .konten-home .factory .arrow-factory .arrow-factory-prev,
    .konten-home .factory .arrow-factory .arrow-factory-next {
      display: inline-block;
      padding-top: 1px;
      width: 25px;
      height: 25px;
      text-align: center;
      border-radius: 50%;
      cursor: pointer;
      border-top: 1px solid #333;
      border-right: 1px solid #333;
      border-bottom: 1px solid #333;
      border-left: 1px solid #333; }
    .konten-home .factory .arrow-factory .arrow-factory-prev {
      margin-right: 9px; }

.produk-home .item-produk-home {
  display: table; }
  .produk-home .item-produk-home .row-prohome {
    display: table-row; }
    .produk-home .item-produk-home .row-prohome .sub-prohome {
      display: table-cell;
      width: 50%;
      vertical-align: middle; }
      .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk {
        padding-left: 20px;
        border-left: 6px solid #2890d5; }
        .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk.text-right {
          padding-right: 20px;
          padding-left: 0px;
          border-left: none;
          border-right: 6px solid #a7e611; }
        .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk .judul-konten-produk {
          margin-bottom: 5px;
          font-family: "Opensans Light";
          font-size: 33px;
          color: #3e3e3e; }
          .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk .judul-konten-produk a {
            color: #3e3e3e; }
            .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk .judul-konten-produk a:hover {
              color: #2890d5; }
        .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk .isi-konten-produk {
          margin-bottom: 5px;
          font-family: "Opensans Reguler";
          font-size: 13px;
          color: #3e3e3e;
          line-height: 22px; }
      .produk-home .item-produk-home .row-prohome .sub-prohome.sub-prohome-img-vis {
        display: none; }

.konten-produk {
  padding-top: 30px;
  padding-bottom: 30px; }

.box-item-produk {
  margin-right: -10px;
  margin-left: -10px;
  font-size: 0px; }
  .box-item-produk .item-produk {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 25%;
    font-size: 14px;
    position: relative;
    padding-top: 10px;
    margin-bottom: 20px;
    overflow: hidden; }
    .box-item-produk .item-produk .judul-pro {
      margin-bottom: 5px;
      font-family: "Opensans Bold";
      font-size: 18px;
      color: #333; }
    .box-item-produk .item-produk .kon-isi-produk {
      padding-bottom: 15px;
      border-bottom: 1px solid #EEE; }
    .box-item-produk .item-produk .subisi-produk {
      float: left;
      width: calc(100% - 40px);
      min-height: 37px;
      font-family: "Opensans Reguler";
      font-size: 12px;
      color: #7c7c7c;
      overflow: hidden; }
    .box-item-produk .item-produk .btn-view-pro {
      float: right;
      padding-top: 7px;
      width: 33px;
      height: 33px;
      background: #2890d5;
      text-align: center;
      border-radius: 50%; }
      .box-item-produk .item-produk .btn-view-pro .fa {
        font-size: 16px;
        color: #FFF; }
    .box-item-produk .item-produk:hover .btn-view-pro {
      float: none;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: rgba(40, 144, 213, 0.5);
      border-radius: 0px;
      transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      -webkit-transition: 0.3s; }
      .box-item-produk .item-produk:hover .btn-view-pro .fa {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 36px;
        transform: translate(-50%, -50%); }

.galeri-produk {
  margin-bottom: 20px; }

.item-galeri-pro {
  margin-bottom: 10px; }

.thumb-produk li {
  list-style: none; }
  .thumb-produk li img {
    display: block;
    width: 100%; }

.judul-produk {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-family: "Opensans Bold";
  font-size: 16px; }
  .judul-produk:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: #a6e611;
    background: -moz-linear-gradient(left, #a6e611 0%, #a6e611 17%, white 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #a6e611), color-stop(17%, #a6e611), color-stop(100%, white));
    background: -webkit-linear-gradient(left, #a6e611 0%, #a6e611 17%, white 100%);
    background: -o-linear-gradient(left, #a6e611 0%, #a6e611 17%, white 100%);
    background: -ms-linear-gradient(left, #a6e611 0%, #a6e611 17%, white 100%);
    background: linear-gradient(to right, #a6e611 0%, #a6e611 17%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e611', endColorstr='#ffffff', GradientType=1 ); }

.isi-produk {
  font-family: "Opensans Reguler";
  font-size: 13px;
  line-height: 22px; }

#download-home {
  background: #2890d5;
  color: #FFF; }
  #download-home .box-download {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 30px 0px; }
    #download-home .box-download ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      list-style: none; }
      #download-home .box-download ul li {
        margin-right: 10px; }
        #download-home .box-download ul li:last-child {
          margin-right: 0; }
        #download-home .box-download ul li a {
          display: block; }
  #download-home .tag-download {
    font-family: "Myriad";
    font-size: 36px; }
  #download-home .link-download {
    padding: 5px 15px;
    padding-top: 8px;
    background: #FFF;
    font-family: "Myriad";
    font-size: 15px;
    color: #2890d5;
    border-radius: 3px; }
    #download-home .link-download .fa {
      margin-right: 5px;
      font-size: 28px;
      vertical-align: middle; }

#testimoni {
  padding-top: 20px;
  padding-bottom: 50px;
  background: url(../images/icon/bg-testi.jpg) no-repeat top center;
  background-size: contain; }
  #testimoni .tagline-konten {
    color: #000; }
  #testimoni .box-testi {
    margin-bottom: 20px;
    text-align: center; }
    #testimoni .box-testi .img-testi {
      margin: 0 auto;
      margin-bottom: 15px;
      width: 100%;
      max-width: 330px; }
    #testimoni .box-testi .isi-testi {
      margin-bottom: 15px;
      font-family: "Opensans Reguler";
      font-size: 14px; }
    #testimoni .box-testi .nama-testi {
      font-family: "Opensans Bold";
      font-size: 14px; }
  #testimoni .arrow-testi {
    text-align: center; }
    #testimoni .arrow-testi .arrow-testi-prev,
    #testimoni .arrow-testi .arrow-testi-next {
      display: inline-block;
      padding-top: 1px;
      width: 25px;
      height: 25px;
      text-align: center;
      border-radius: 50%;
      cursor: pointer;
      border-top: 1px solid #333;
      border-right: 1px solid #333;
      border-bottom: 1px solid #333;
      border-left: 1px solid #333; }
    #testimoni .arrow-testi .arrow-testi-prev {
      margin-right: 5px; }

#news-home {
  padding-bottom: 20px; }
  #news-home .box-news-home {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 30px;
    font-size: 0px; }
    #news-home .box-news-home .item-news-home {
      display: inline-block;
      padding-right: 10px;
      padding-left: 10px;
      width: 33.3333333333%;
      font-size: 13px;
      vertical-align: top; }
      #news-home .box-news-home .item-news-home img {
        margin-bottom: 10px; }
      #news-home .box-news-home .item-news-home .sub-news-home {
        border-bottom: 4px solid #a7e611; }
        #news-home .box-news-home .item-news-home .sub-news-home .tgl-news-home {
          margin-bottom: 7px;
          font-family: "Opensans Reguler";
          font-size: 12px;
          color: #747474; }
        #news-home .box-news-home .item-news-home .sub-news-home .judul-news-home {
          margin-bottom: 7px;
          height: 46px;
          font-family: "Opensans Bold";
          font-size: 15px;
          color: #1d1c1c;
          overflow: hidden; }
          #news-home .box-news-home .item-news-home .sub-news-home .judul-news-home a {
            color: #1d1c1c; }
            #news-home .box-news-home .item-news-home .sub-news-home .judul-news-home a:hover {
              color: #2890d5; }
        #news-home .box-news-home .item-news-home .sub-news-home .subisi-news-home {
          margin-bottom: 15px;
          height: 46px;
          font-family: "Opensans Reguler";
          font-size: 13px;
          color: #7a7a7a;
          line-height: 22px;
          overflow: hidden; }
        #news-home .box-news-home .item-news-home .sub-news-home .link-more-news-home {
          display: inline-block;
          padding-bottom: 10px;
          font-family: "Opensans Bold";
          font-size: 15px;
          color: #a7e611; }
  #news-home .btn-enduro {
    display: inline-block;
    padding: 9px 25px;
    background: #0277bd;
    font-family: "Opensans Reguler";
    font-size: 14px;
    color: #FFF; }
  #news-home .owl-news {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 0px; }
    #news-home .owl-news .item-news-home {
      padding-right: 0px;
      padding-left: 0px;
      width: auto;
      font-size: 13px;
      vertical-align: top; }

.konten-news {
  padding-top: 20px; }

.sidebar-news {
  margin-bottom: 20px; }
  .sidebar-news .tag-sidebar-news {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-family: "Opensans Bold";
    font-size: 18px;
    border-bottom: 1px solid #0277bd; }
    .sidebar-news .tag-sidebar-news:before {
      position: absolute;
      content: '';
      left: 0;
      bottom: -2px;
      width: 50%;
      height: 2px;
      background: #0277bd; }
  .sidebar-news .item-sideabr-news {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #DDD; }
    .sidebar-news .item-sideabr-news .judul-news-side {
      margin-bottom: 5px;
      font-family: "Opensans Bold"; }
      .sidebar-news .item-sideabr-news .judul-news-side a {
        color: #333; }
        .sidebar-news .item-sideabr-news .judul-news-side a:hover {
          color: #2890d5; }
    .sidebar-news .item-sideabr-news .subisi-news-side {
      margin-bottom: 5px;
      font-family: "Opensans Reguler";
      font-size: 13px; }

.detail-news .judul-news {
  margin-bottom: 10px;
  font-family: "Opensans Bold";
  font-size: 18px;
  color: #555; }
.detail-news .tgl-news {
  margin-bottom: 10px;
  font-family: "Opensans Reguler";
  font-size: 12px;
  color: #555; }
.detail-news img {
  margin-bottom: 20px; }
.detail-news .isi-news {
  font-family: "Opensans Reguler";
  font-size: 13px;
  color: #333;
  line-height: 22px; }

.box-news {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 30px;
  font-size: 0px; }
  .box-news .item-news-home {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    width: 33.3333333333%;
    font-size: 13px;
    vertical-align: top; }
    .box-news .item-news-home img {
      margin-bottom: 10px; }
    .box-news .item-news-home .sub-news-home {
      border-bottom: 4px solid #a7e611; }
      .box-news .item-news-home .sub-news-home .tgl-news-home {
        margin-bottom: 7px;
        font-family: "Opensans Reguler";
        font-size: 12px;
        color: #747474; }
      .box-news .item-news-home .sub-news-home .judul-news-home {
        margin-bottom: 7px;
        height: 46px;
        font-family: "Opensans Bold";
        font-size: 15px;
        color: #1d1c1c;
        overflow: hidden; }
        .box-news .item-news-home .sub-news-home .judul-news-home a {
          color: #1d1c1c; }
          .box-news .item-news-home .sub-news-home .judul-news-home a:hover {
            color: #2890d5; }
      .box-news .item-news-home .sub-news-home .subisi-news-home {
        margin-bottom: 15px;
        height: 46px;
        font-family: "Opensans Reguler";
        font-size: 13px;
        color: #7a7a7a;
        line-height: 22px;
        overflow: hidden; }
      .box-news .item-news-home .sub-news-home .link-more-news-home {
        display: inline-block;
        padding-bottom: 10px;
        font-family: "Opensans Bold";
        font-size: 15px;
        color: #a7e611; }

.kotak-news-home {
  position: relative; }
  .kotak-news-home .arrow-news {
    position: absolute;
    top: 50%;
    padding: 10px;
    background: rgba(221, 221, 221, 0.8);
    cursor: pointer;
    z-index: 96;
    transform: translate(0, -50%); }
    .kotak-news-home .arrow-news.prev-news {
      left: -34px; }
    .kotak-news-home .arrow-news.next-news {
      right: -34px; }
    .kotak-news-home .arrow-news:hover {
      background: #dddddd; }

.konten-client {
  padding-top: 20px; }

.box-client {
  margin-right: -10px;
  margin-left: -10px;
  font-size: 0px; }
  .box-client .item-client {
    margin-bottom: 15px;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 16.6666666667%;
    font-size: 14px; }
    .box-client .item-client img:hover {
      opacity: 0.8;
      transition: 0.2s;
      -o-transition: 0.2s;
      -moz-transition: 0.2s;
      -webkit-transition: 0.2s; }

.logo-client {
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px solid #2890d5; }
  .logo-client img {
    width: 100%;
    max-width: 150px; }
  .logo-client:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 50%;
    height: 2px;
    background: #2890d5; }

.box-galeri-client {
  margin-bottom: 30px; }

.galeri-client img {
  border: 1px solid #EEE; }

.bxclient .bx-wrapper:before {
  display: none !Important; }

.box-thumb-client {
  margin-right: -10px;
  margin-left: -10px;
  font-size: 0px; }
  .box-thumb-client .thumb-client {
    margin-bottom: 20px;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 33.3333333333%;
    font-size: 14px; }
    .box-thumb-client .thumb-client img {
      border: 1px solid #EEE; }

.konten-karir {
  padding-top: 20px; }

.item-karir {
  margin-bottom: 20px; }
  .item-karir .jud-karir {
    padding: 10px;
    font-family: "Opensans Bold";
    font-size: 16px;
    background: #a7e611;
    border: 1px solid #a7e611; }
  .item-karir .subisi-karir {
    padding: 20px;
    font-family: "Opensans Reguler";
    font-size: 13px;
    line-height: 22px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD; }
  .item-karir .foot-karir {
    padding: 10px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD; }
    .item-karir .foot-karir .tag-form-karir {
      font-family: "Opensans Reguler";
      font-size: 20px; }
    .item-karir .foot-karir .subtag-form-karir {
      margin-bottom: 20px;
      font-family: "Opensans Reguler";
      font-size: 14px;
      color: #666; }
  .item-karir .tgl-karir {
    margin-top: 7px; }
  .item-karir .btn-karir {
    display: inline-block;
    padding: 8px 15px;
    font-family: "Opensans Reguler";
    font-size: 13px;
    color: #FFF;
    background: #0277bd; }

#alamat-home {
  position: relative;
  padding-top: 80px;
  padding-bottom: 50px;
  background: url(../images/icon/bg-alamat.jpg) no-repeat center bottom;
  background-size: cover;
  overflow: hidden; }
  #alamat-home:before {
    position: absolute;
    content: '';
    top: -84.8%;
    left: 0;
    width: 110%;
    height: 100%;
    background-color: #FFF;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    z-index: 1; }
  #alamat-home .box-alamat-home {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    font-size: 0px;
    color: #FFF;
    z-index: 2; }
    #alamat-home .box-alamat-home .item-alamat-home {
      margin-right: 30px;
      width: 30%;
      font-size: 13px; }
      #alamat-home .box-alamat-home .item-alamat-home:last-child {
        margin-right: 0; }
      #alamat-home .box-alamat-home .item-alamat-home .judul-alamat-home {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-family: "Opensans Reguler";
        font-size: 16px;
        text-transform: uppercase;
        border-bottom: 1px solid #FFF; }
      #alamat-home .box-alamat-home .item-alamat-home table td {
        padding: 5px 3px;
        font-family: "Opensans Reguler";
        font-size: 12px;
        vertical-align: top; }
        #alamat-home .box-alamat-home .item-alamat-home table td.td-konten {
          padding-left: 10px; }
          #alamat-home .box-alamat-home .item-alamat-home table td.td-konten a {
            color: #FFF; }
        #alamat-home .box-alamat-home .item-alamat-home table td .fa {
          font-size: 14px; }

.box-kontak {
  margin-right: -10px;
  margin-left: -10px;
  font-size: 0px; }
  .box-kontak .item-kontak {
    margin-bottom: 30px;
    vertical-align: top;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 50%;
    font-size: 14px; }
    .box-kontak .item-kontak .judul-kontak {
      padding-bottom: 8px;
      margin-bottom: 8px;
      font-family: "Opensans Bold";
      font-size: 16px;
      border-bottom: 1px solid #333; }
    .box-kontak .item-kontak table {
      margin-bottom: 15px; }
      .box-kontak .item-kontak table td {
        padding: 6px 5px;
        font-size: 13px;
        font-family: "Opensans Reguler";
        vertical-align: top; }

.konten-kontak {
  padding-top: 20px; }
  .konten-kontak .img-cs {
    border: 1px solid #DDD; }

.info-kontak {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #DDD; }

.nav-tabs {
  margin-bottom: 20px; }
  .nav-tabs a {
    font-family: "Opensans Reguler";
    color: #0277bd; }

.item-marketing {
  margin-bottom: 5px; }

.info-marketing {
  height: 120px;
  overflow: hidden; }

.img-marketing {
  margin-bottom: 15px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #EEE; }

.nama-marketing {
  font-family: "Opensans Bold";
  margin-bottom: 3px;
  text-align: center; }

.text-marketing {
  font-family: "Opensans Reguler";
  color: #777;
  text-align: center; }

.body-kontak .nama-pt {
  margin-bottom: 7px;
  font-family: "Opensans Bold";
  font-size: 30px; }
.body-kontak .item-pt {
  margin-bottom: 7px;
  font-family: "Opensans Reguler";
  font-size: 14px;
  color: #333; }
  .body-kontak .item-pt .fa {
    margin-right: 5px; }

.ikon-up {
  position: fixed;
  display: none;
  right: 20px;
  bottom: 50px;
  width: 55px;
  height: 55px;
  background: #FFF;
  border: 4px solid #0277bd;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 10; }
  .ikon-up .fa {
    padding-top: 10px;
    font-size: 24px;
    color: #0277bd; }

#login-newsletter {
  padding: 15px 0px;
  background: #0277bd;
  vertical-align: middle; }
  #login-newsletter .item-a {
    display: inline-block;
    width: 400px;
    margin-right: 5px;
    vertical-align: middle; }
    #login-newsletter .item-a .tag-newsletter {
      font-family: "Opensans Bold";
      font-size: 20px;
      color: #FFF;
      text-transform: uppercase; }
    #login-newsletter .item-a .tagline-newsletter {
      font-family: "Opensans Reguler";
      font-size: 12px;
      color: #FFF; }
  #login-newsletter .item-b {
    display: inline-block;
    width: 417px;
    vertical-align: middle; }
    #login-newsletter .item-b .input-newsletter {
      float: left;
      padding: 6px 15px;
      margin-right: 10px;
      width: 100%;
      max-width: 250px;
      border: 1px solid #FFF;
      vertical-align: middle; }
    #login-newsletter .item-b .btn-newsletter {
      float: left;
      padding: 5.2px 15px;
      background: #2890d5;
      font-family: "Opensans Bold";
      font-size: 15px;
      color: #FFF;
      border: 1px solid #FFF;
      vertical-align: middle; }
    #login-newsletter .item-b .input-tampil {
      display: block; }
    #login-newsletter .item-b .input-respon {
      display: none;
      width: 100%;
      max-width: 350px; }
      #login-newsletter .item-b .input-respon .btn {
        background: #2890d5;
        color: #FFF;
        border-radius: 0px;
        border-color: #FFF; }
      #login-newsletter .item-b .input-respon .form-control {
        border-radius: 0px;
        border-color: #FFF; }
  #login-newsletter .item-c {
    display: inline-block;
    margin-top: 3px; }
    #login-newsletter .item-c .sosmed li {
      display: inline-block;
      margin-left: 10px; }
      #login-newsletter .item-c .sosmed li a {
        display: block;
        padding-top: 6px;
        width: 40px;
        height: 40px;
        background: #FFF;
        font-size: 20px;
        color: #0277bd;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle; }
        #login-newsletter .item-c .sosmed li a img {
          margin-top: -6px; }

footer {
  padding: 15px 0px;
  background: #2890d5; }
  footer .menu-bottom ul li {
    display: inline-block; }
    footer .menu-bottom ul li:last-child a:before {
      display: none; }
    footer .menu-bottom ul li a {
      position: relative;
      display: block;
      padding: 5px 15px;
      font-family: "Opensans Reguler";
      font-size: 13px;
      color: #FFF; }
      footer .menu-bottom ul li a:first-child {
        padding-left: 0px; }
      footer .menu-bottom ul li a:before {
        position: absolute;
        content: "::";
        top: 5px;
        right: 2px; }
  footer .copyright {
    font-family: "Tahoma";
    font-size: 12px;
    color: #FFF; }
  footer .logo-bottom {
    margin-top: 10px; }
    footer .logo-bottom img {
      width: 100%;
      max-width: 143px; }

#box-chat {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 0;
  width: 310px;
  border-radius: 3px 3px 0px 0px;
  overflow: hidden;
  z-index: 99;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
  #box-chat .header-chat {
    padding: 5px 10px;
    font-family: "Opensans Bold";
    font-size: 13px;
    color: #4a6608;
    background: #a7e611;
    text-align: center; }
    #box-chat .header-chat .action {
      padding-right: 5px;
      padding-left: 5px;
      cursor: pointer; }
  #box-chat .body-chat {
    padding: 20px;
    background: #FFF; }
    #box-chat .body-chat .tag-chat {
      margin-bottom: 10px;
      font-size: 12px;
      color: #444; }
    #box-chat .body-chat .item-chat {
      font-size: 12px; }
      #box-chat .body-chat .item-chat .fa {
        margin-right: 3px; }
    #box-chat .body-chat .form-group {
      margin-bottom: 10px; }
      #box-chat .body-chat .form-group:last-child {
        margin-bottom: 0px; }
    #box-chat .body-chat label {
      font-family: "Opensans Bold";
      font-size: 13px;
      color: #666; }
  #box-chat .footer-chat {
    padding: 10px 20px;
    background: #FFF;
    border-top: 1px solid #EEE; }
    #box-chat .footer-chat .btn-chat {
      width: 100%;
      padding: 5px 20px;
      background: #a7e611;
      font-family: "Opensans Bold";
      font-size: 13px;
      color: #4a6608;
      text-align: center;
      border: 1px solid #96ce0f;
      border-radius: 3px; }
      #box-chat .footer-chat .btn-chat:hover {
        background: #b2ef22; }

#btn-chat {
  position: fixed;
  right: 15px;
  bottom: 0;
  width: 180px;
  background: #a7e611;
  border-radius: 3px 3px 0px 0px;
  overflow: hidden;
  cursor: pointer;
  z-index: 98; }
  #btn-chat .ikon-btn-chat {
    float: left;
    padding: 6px 10px;
    padding-bottom: 5px;
    margin-right: 10px;
    background: #85b70d; }
    #btn-chat .ikon-btn-chat .fa {
      font-size: 16px;
      color: #4a6608; }
  #btn-chat .text-btn-chat {
    margin-top: 6px;
    font-family: "Opensans Bold";
    font-size: 13px;
    color: #4a6608; }

.hidden-534 {
  display: block; }

.display-534 {
  display: none; }

.hidden-768 {
  display: block; }

.display-768 {
  display: none; }

.peta iframe {
  display: block;
  pointer-events: none; }

/* Style Tambahan */
.alert {
  padding: 10px 15px; }

.flypage {
  display: none; }

.form-kontak p {
  font-size: 13px;
  color: #666;
  font-weight: bold; }
.form-kontak label {
  font-size: 13px;
  color: #666; }
  .form-kontak label sup {
    color: red; }
.form-kontak .form-control {
  border-radius: 0;
  box-shadow: none; }
.form-kontak button {
  padding-left: 25px;
  padding-right: 25px; }

.body-kontak .nama-pt {
  margin-bottom: 15px;
  font-size: 24px; }

.item-pt {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #EEE; }
  .item-pt .header-item-pt {
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: bold; }
    .item-pt .header-item-pt .fa {
      margin-right: 5px;
      width: 25px;
      text-align: center;
      color: #739f0c; }
  .item-pt .body-item-pt {
    position: relative;
    padding-left: 34px; }
    .item-pt .body-item-pt::before {
      position: absolute;
      content: '';
      top: 50%;
      left: 0;
      width: 25px;
      height: 1px;
      background: #a7e611; }

.konten-kategori {
  padding-top: 40px; }

.item-kategori {
  margin-bottom: 30px; }

.tag-kategori {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #DDD; }
  .tag-kategori h2 {
    margin: 0;
    font-family: "Opensans Semibold";
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7); }
  .tag-kategori a {
    display: block;
    font-family: "Opensans Reguler";
    font-size: 13px;
    color: #739f0c; }
    .tag-kategori a:hover {
      color: #878787; }

.box-slide-kategori {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px; }

.item-slide-kategori {
  padding: 0 10px;
  width: 20%; }
  .item-slide-kategori .img-kat {
    overflow: hidden; }
    .item-slide-kategori .img-kat img {
      transition: 0.4s;
      -o-transition: 0.4s;
      -moz-transition: 0.4s;
      -webkit-transition: 0.4s; }
    .item-slide-kategori .img-kat:hover img {
      transform: scale(1.3);
      transition: 0.2s;
      -o-transition: 0.2s;
      -moz-transition: 0.2s;
      -webkit-transition: 0.2s; }
  .item-slide-kategori h3 {
    padding: 13px 12px;
    margin: 0;
    font-family: "Opensans Semibold";
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.i-slide-kat {
  border: 1px solid #EEE; }

.content-additional {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
  text-align: center; }
  .content-additional h1 {
    margin-top: -12px;
    font-size: 19px; }
  .content-additional p {
    font-size: 14px;
    line-height: 24px; }

@media (max-width: 991px) {
  .item-slide-kategori {
    margin-bottom: 20px;
    width: 33.3333333333%; } }
@media (max-width: 600px) {
  .item-kategori {
    margin-bottom: 20px; }

  .box-slide-kategori {
    margin: 0 -5px; }

  .item-slide-kategori {
    padding: 0 5px;
    width: 50%; } }
@media (max-width: 480px) {
  .item-kategori {
    margin-bottom: 10px; }

  .tag-kategori {
    padding-bottom: 10px; }
    .tag-kategori h2 {
      font-family: "Opensans Bold";
      font-size: 14px; }

  .item-slide-kategori h3 {
    padding: 10px;
    font-family: "Opensans Reguler";
    font-size: 12px; } }
@media (max-width: 320px) {
  .item-slide-kategori {
    width: 100%; } }
.galeri-main ul {
  list-style: none; }

.galeri-thumb ul {
  list-style: none; }

.content-medis {
  margin-top: 30px; }

.wrap-content-medis {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .wrap-content-medis.main {
    border-bottom: 7px solid #31c9ee; }
  .wrap-content-medis.hero-right .hero-content-medis {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2; }
  .wrap-content-medis.hero-right .main-content-medis {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin-right: 30px;
    margin-left: 0; }

.hero-content-medis,
.sidebar-medis {
  width: 250px; }

.hero-content-medis {
  flex: 1;
  width: 250px;
  background-color: #eee; }
  .hero-content-medis img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 20% 50%; }

.main-content-medis {
  margin-left: 30px;
  width: calc(100% - 280px); }

.title-content-medis {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 2px solid #f1f1f1; }
  .title-content-medis h2 {
    margin: 0;
    font-family: "Opensans Bold";
    font-size: 20px; }
  .title-content-medis a {
    font-family: "Opensans Reguler";
    font-size: 13px;
    color: #8eaf4c; }

.list-medis {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px; }

.item-medis {
  padding: 0 10px;
  margin-bottom: 25px;
  width: calc(100% / 3); }
  .item-medis h3 {
    margin: 0;
    font-family: "Opensans Bold";
    font-size: 13px; }

.i-medis {
  display: block; }

.img-medis {
  margin-bottom: 10px;
  border: 1px solid #f1f1f1; }
  .img-medis img {
    width: 100%; }

.sidebar-medis ul li {
  list-style: none; }
  .sidebar-medis ul li a {
    display: block;
    padding: 9px 0;
    font-family: "Opensans Reguler";
    font-size: 14px;
    color: #4b4b4b; }
    .sidebar-medis ul li a:hover, .sidebar-medis ul li a.active {
      color: #337ab7; }
    .sidebar-medis ul li a.active {
      font-family: "Opensans Bold"; }

.title-sidebar-medis {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd; }
  .title-sidebar-medis span {
    position: relative;
    font-family: "Opensans Semibold";
    font-size: 20px; }
    .title-sidebar-medis span:before {
      position: absolute;
      content: '';
      left: 0;
      bottom: -11px;
      width: calc(100% + 30px);
      height: 4px;
      background-color: #30c9eb; }
  .title-sidebar-medis .collapse-category {
    display: none;
    color: #8eaf4c;
    cursor: pointer; }

.title-kat-medis {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd; }
  .title-kat-medis h1 {
    margin: 0;
    font-size: 20px;
    line-height: 1.42857143; }
    .title-kat-medis h1 span {
      position: relative;
      font-family: "Opensans Semibold";
      font-size: 20px; }
      .title-kat-medis h1 span:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: -12px;
        width: calc(100% + 30px);
        height: 4px;
        background-color: #30c9eb; }

.filter-medis {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .filter-medis > span {
    padding-right: 15px;
    margin-right: 10px;
    font-family: "Opensans Semibold";
    font-size: 13px;
    border-right: 1px solid #eee; }
  .filter-medis .select {
    position: relative;
    padding-right: 15px; }
    .filter-medis .select:before {
      position: absolute;
      content: '\f107';
      top: 2px;
      right: 0;
      font-family: 'FontAwesome'; }
    .filter-medis .select select {
      border-color: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }

.wrap-detail-medis {
  padding-bottom: 30px;
  border-bottom: 7px solid #30c9eb; }

.detail-medis h1 {
  margin: 0;
  margin-bottom: 15px;
  font-family: "Opensans Bold";
  font-size: 25px; }

.desc-detail-medis p {
  margin-bottom: 22px;
  font-family: "Opensans Reguler";
  font-size: 14px;
  line-height: 24px; }

.thumb-image-medis .title-thumb-medis {
  margin-bottom: 15px;
  font-family: "Opensans Bold";
  color: #337ab7; }
.thumb-image-medis ul {
  margin: 0 -8px; }
  .thumb-image-medis ul li {
    padding: 0 8px;
    list-style: none; }
    .thumb-image-medis ul li:last-child {
      margin-right: 0; }
    .thumb-image-medis ul li a {
      display: block;
      border: 1px solid #eee; }
      .thumb-image-medis ul li a img {
        width: 100%; }

.medis-terkait {
  margin-top: 30px; }

.title-medis-terkait {
  padding-bottom: 15px;
  margin-bottom: 30px;
  font-family: "Opensans Semibold";
  font-size: 18px;
  border-bottom: 1px solid #ddd; }

.list-medis-terkait {
  padding-right: 1px; }

.item-medis-terkait .img-terkait {
  border: 1px solid #eee; }
  .item-medis-terkait .img-terkait img {
    width: 100%; }
.item-medis-terkait h3 {
  font-family: "Opensans Bold";
  font-size: 14px;
  color: #337ab7; }

@media (max-width: 1024px) {
  .hero-content-medis,
  .sidebar-medis {
    width: 220px; }

  .main-content-medis {
    width: calc(100% - 250px); } }
@media (max-width: 991px) {
  .wrap-content-medis {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

  .sidebar-medis {
    margin-bottom: 10px;
    width: 100%; }
    .sidebar-medis ul {
      display: none;
      background-color: #f8f8f8;
      border-radius: 3px;
      overflow: hidden; }
      .sidebar-medis ul li {
        border-bottom: 1px solid #f1f1f1; }
        .sidebar-medis ul li a {
          padding: 10px 15px; }
          .sidebar-medis ul li a:hover {
            background-color: #f4f4f4; }

  .title-sidebar-medis {
    padding-bottom: 0;
    padding: 7px 15px;
    margin-bottom: 10px;
    background-color: #f4f4f4;
    border-bottom: none;
    border-radius: 3px; }
    .title-sidebar-medis span {
      font-family: "Opensans Bold";
      font-size: 16px; }
      .title-sidebar-medis span:before {
        display: none; }
    .title-sidebar-medis .collapse-category {
      display: block; }

  .hero-content-medis {
    display: none; }

  .main-content-medis {
    margin-left: 0;
    width: 100%; }

  .wrap-content-medis.hero-right .main-content-medis {
    margin-right: 0; } }
@media (max-width: 767px) {
  .title-kat-medis h1 span {
    font-family: "Opensans Bold";
    font-size: 18px; }

  .detail-medis h1 {
    font-size: 20px; } }
@media (max-width: 600px) {
  .title-content-medis h2 {
    font-size: 16px; }
  .title-content-medis a {
    font-size: 12px; }

  .title-kat-medis h1 span {
    font-family: "Opensans Bold";
    font-size: 16px; }

  .item-medis {
    width: 50%; }

  .filter-medis > span span {
    display: none; }

  .detail-medis h1 {
    font-size: 18px; } }
@media (max-width: 480px) {
  .item-medis {
    width: 100%; }

  .title-content-medis a {
    font-family: "Opensans Bold";
    font-size: 18px; }
    .title-content-medis a span {
      display: none; }

  .detail-medis h1 {
    font-size: 16px; } }
/* ----- RESPONSIVE STYLE ----- */
/*
	- lg = min-width : 1200px
	- md = min-width : 992px  <> max-width : 1199px;
	- sm = min-width : 768px  <> max-width : 991px;
	- xs = max-width : 767px;
*/
@media (max-width: 1024px) {
  .konten-home .advan .box-advan {
    padding-bottom: 70px; }
    .konten-home .advan .box-advan .list-advan .item-advan:before {
      top: 50%;
      border-radius: 20%; }
    .konten-home .advan .box-advan .list-advan .item-advan img {
      max-width: 100px; }

  #login-newsletter .item-c {
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center; }
    #login-newsletter .item-c .sosmed li {
      display: inline-block;
      margin-left: 10px; }
      #login-newsletter .item-c .sosmed li a {
        display: block;
        padding-top: 6px;
        width: 40px;
        height: 40px;
        background: #FFF;
        font-size: 20px;
        color: #0277bd;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle; } }
@media (max-width: 991px) {
  .hidden-991 {
    display: none; }

  header {
    position: relative; }

  .header {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px; }

  .top-header {
    display: none; }

  .menu ul {
    display: none;
    text-align: left; }
    .menu ul li {
      display: block; }
      .menu ul li a:hover {
        background: #F4F4F4; }
      .menu ul li:hover a {
        background: #F4F4F4; }
      .menu ul li .submenu {
        visibility: visible;
        position: relative;
        top: 0;
        left: 0;
        opacity: 1;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #F4F4F4;
        border: none; }
        .menu ul li .submenu li a:hover .fa {
          color: #FFF; }
        .menu ul li .submenu li a .fa {
          display: inline-block;
          margin-right: 5px;
          color: #a7e611; }

  .menu .bar-menu {
    display: block; }

  .menu ul {
    text-align: left; }

  .box-download {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

  .tag-download {
    margin-bottom: 15px; }

  #alamat-home .box-alamat-home .item-alamat-home {
    width: 40%; } }
@media (max-width: 804px) {
  .kotak-news-home .arrow-news.prev-news {
    left: 0px; }
  .kotak-news-home .arrow-news.next-news {
    right: 0px; } }
@media (max-width: 767px) {
  .hidden-768 {
    display: none; }

  .display-768 {
    display: block; }

  .konten-home .advan .box-advan {
    padding-bottom: 70px; }
    .konten-home .advan .box-advan .list-advan .item-advan:before {
      top: 50%;
      border-radius: 20%; }
    .konten-home .advan .box-advan .list-advan .item-advan img {
      max-width: 100px; }

  .judul-client {
    font-size: 32px; }

  .konten-home .tag-konten {
    font-size: 32px; }

  .tagline-page {
    font-size: 28px; }

  .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk .judul-konten-produk {
    font-size: 26px; }
  .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk .isi-konten-produk {
    line-height: 20px; }

  .box-item-produk .item-produk {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 33.3333333333%;
    font-size: 14px; }

  #download-home .tag-download {
    font-size: 30px; }

  #login-newsletter .item-a {
    margin-bottom: 20px;
    width: 100%;
    text-align: center; }
  #login-newsletter .item-b {
    display: block;
    width: 100%;
    text-align: center;
    /*.input-newsletter{
    	float: none;
    	display: inline-block;
    }
    .btn-newsletter{
    	float: none;
    	display: inline-block;
    }*/ }
    #login-newsletter .item-b .input-tampil {
      display: none; }
    #login-newsletter .item-b .input-respon {
      display: block;
      margin: 0 auto; }
  #login-newsletter .item-c {
    display: block;
    width: 100%;
    margin-top: 20px;
    top: 0px;
    right: 0px;
    position: relative;
    text-align: center; }
    #login-newsletter .item-c ul li a {
      display: block; }

  .box-news .item-news-home {
    width: 50%; }

  .logo-client img {
    width: 100%;
    max-width: 100px; }

  #alamat-home:before {
    top: -90%; }
  #alamat-home .box-alamat-home {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    #alamat-home .box-alamat-home .item-alamat-home {
      width: 100%;
      margin-right: 0;
      margin-bottom: 30px; }
      #alamat-home .box-alamat-home .item-alamat-home:last-child {
        margin-bottom: 0; }
      #alamat-home .box-alamat-home .item-alamat-home .judul-alamat-home {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-family: "Opensans Reguler";
        font-size: 12px;
        text-transform: uppercase;
        border-bottom: 1px solid #FFF; }

  footer .menu-bottom ul {
    text-align: center; }
  footer .copyright {
    text-align: center; } }
@media (max-width: 534px) {
  .hidden-534 {
    display: none; }

  .display-534 {
    display: block; }

  .konten-home .advan .box-advan {
    padding-bottom: 30px; }
    .konten-home .advan .box-advan .list-advan {
      width: 50%; }
      .konten-home .advan .box-advan .list-advan .item-advan {
        padding: 20px;
        margin-bottom: 20px; }
        .konten-home .advan .box-advan .list-advan .item-advan:before {
          top: 50%;
          height: 100%;
          border-radius: 20%; }
        .konten-home .advan .box-advan .list-advan .item-advan img {
          max-width: 100px; }

  #news-home .box-news-home {
    margin-bottom: 10px;
    font-size: 0px; }
    #news-home .box-news-home .item-news-home {
      margin-bottom: 20px;
      width: 100%; }

  .box-item-produk .item-produk {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 50%;
    font-size: 14px; }

  .box-client .item-client {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 25%;
    font-size: 14px; }

  .galeri-client {
    margin-bottom: 20px; }

  .logo-client img {
    width: 100%;
    max-width: 120px; }

  #download-home {
    padding: 20px 0px;
    text-align: center; }
    #download-home .tag-download {
      font-size: 30px; }

  #login-newsletter .item-a {
    text-align: center; }
  #login-newsletter .item-b {
    display: block;
    width: 100%;
    text-align: center;
    /*.input-newsletter{
    	float: none;
    	display: inline-block;
    }
    .btn-newsletter{
    	float: none;
    	display: inline-block;
    }*/ }
    #login-newsletter .item-b .input-tampil {
      display: none; }
    #login-newsletter .item-b .input-respon {
      display: block;
      margin: 0 auto; }
  #login-newsletter .item-c {
    display: block;
    width: 100%;
    margin-top: 20px;
    top: 0px;
    right: 0px;
    position: relative;
    text-align: center; }
    #login-newsletter .item-c ul li a {
      display: block; }

  .body-kontak .nama-pt {
    font-size: 22px; }

  .box-kontak .item-kontak {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 14px; }

  footer .menu-bottom {
    display: none; } }
@media (max-width: 480px) {
  .judul-client {
    font-size: 30px; }

  .konten-home .tag-konten {
    font-size: 30px; }

  .produk-home .item-produk-home {
    display: block; }
    .produk-home .item-produk-home .row-prohome {
      display: block; }
      .produk-home .item-produk-home .row-prohome .sub-prohome {
        display: block;
        width: 100%;
        vertical-align: top; }
        .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk {
          padding-right: 20px;
          padding-left: 20px; }
          .produk-home .item-produk-home .row-prohome .sub-prohome .konten-produk.text-right {
            padding-right: 20px;
            padding-left: 20px;
            border-left: none;
            text-align: left;
            border-right: 6px solid #a7e611; }
        .produk-home .item-produk-home .row-prohome .sub-prohome.sub-prohome-img-vis {
          display: block; }
        .produk-home .item-produk-home .row-prohome .sub-prohome.sub-prohome-img-hid {
          display: none; }

  .box-news .item-news-home {
    width: 100%; }

  #download-home .tag-download {
    font-size: 24px; }
  #download-home .link-download {
    padding: 5px 10px;
    font-size: 13px; }
    #download-home .link-download .fa {
      font-size: 24px; } }
@media (max-width: 320px) {
  .konten-home .advan {
    padding-bottom: 0px; }
    .konten-home .advan .box-advan {
      padding-top: 10px;
      padding-bottom: 10px; }
      .konten-home .advan .box-advan .list-advan {
        width: 50%; }
        .konten-home .advan .box-advan .list-advan .item-advan {
          padding: 0px;
          margin-bottom: 20px; }
          .konten-home .advan .box-advan .list-advan .item-advan:before {
            display: none; }
          .konten-home .advan .box-advan .list-advan .item-advan .judul-advan {
            font-size: 14px; }
          .konten-home .advan .box-advan .list-advan .item-advan .isi-advan {
            font-size: 12px; }

  .box-item-produk .item-produk {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 14px; }

  .box-client .item-client {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 33.3333333333%;
    font-size: 14px; }

  #alamat-home .box-alamat-home .item-alamat-home {
    width: 100%; }

  #download-home .tag-download {
    font-size: 20px; }

  .item-b .input-newsletter {
    margin-bottom: 15px; }

  .body-kontak .nama-pt {
    font-size: 18px; } }

/*# sourceMappingURL=lwd.style.css.map */