/* line 5, ../scss/main.scss */
#header ul {
  text-align: center;
}

/* line 9, ../scss/main.scss */
.tabs {
  text-align: center;
}

/* line 13, ../scss/main.scss */
.artikel p {
  font-size: 16px;
  text-align: left;
  margin-bottom: 30px;
}

/* line 19, ../scss/main.scss */
.margin-top35 .img10 {
  padding: 10px;
  -webkit-box-shadow: 10px 10px 50px -10px black;
  -moz-box-shadow: 10px 10px 50px -10px black;
  box-shadow: 10px 10px 50px -10px black;
}

/* line 24, ../scss/main.scss */
.artikel-box .img-artikel img {
  height: auto;
}

/* line 26, ../scss/main.scss */
.node-type-article #pc-display .artikel-wrapper .col-sm-4 {
  cursor: pointer;
}

/* line 28, ../scss/main.scss */
.node-type-article #pc-display .artikel-wrapper .col-sm-4 .overlay {
  cursor: pointer;
}

/* line 30, ../scss/main.scss */
.node-type-article #mbl-display .artikel-wrapper .img-artikel img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

/* line 39, ../scss/main.scss */
.node-type-article .copy-share-link {
  position: relative;
  height: 1px;
  width: 1px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 48, ../scss/main.scss */
form#user-login {
  text-align: center;
}

/* line 50, ../scss/main.scss */
.artikel-wrapper+.btn-combo {
  display: none;
}

/* line 51, ../scss/main.scss */
.node-type-article .artikel-wrapper+.btn-combo {
  display: block;
}

/* line 52, ../scss/main.scss */
.node-type-article .img10 {
  width: 100%;
  max-width: 720px;
}

/* line 57, ../scss/main.scss */
section.facts .container p {
  color: #a87720;
}

/* line 62, ../scss/main.scss */
.view.view-article.view-display-id-block_1 .view-content {
  display: none;
}

/* line 64, ../scss/main.scss */
.view.view-article.view-display-id-block_1 .item-list .pager {
  margin: 0px;
}

/* line 67, ../scss/main.scss */
.view.view-article.view-display-id-block_1 .item-list .pager li {
  display: none;
  margin: 0px;
}

/* line 73, ../scss/main.scss */
.view.view-article.view-display-id-block_1 .item-list .pager .pager-previous,
.view.view-article.view-display-id-block_1 .item-list .pager .pager-next {
  display: inline-block;
  padding: 0px;
}

/* line 77, ../scss/main.scss */
.view.view-article.view-display-id-block_1 .item-list .pager .pager-previous .btn-combo,
.view.view-article.view-display-id-block_1 .item-list .pager .pager-next .btn-combo {
  border: solid 2px #a87720;
  color: #8d6319;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  padding-left: 20px;
  background: none;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  -webkit-border-radius: 0px 0px;
  -moz-border-radius: 0px 0px;
  -ms-border-radius: 0px 0px;
  -o-border-radius: 0px 0px;
  border-radius: 0px 0px;
}

/* line 91, ../scss/main.scss */
.view.view-article.view-display-id-block_1 .item-list .pager .pager-previous .btn-combo:hover,
.view.view-article.view-display-id-block_1 .item-list .pager .pager-next .btn-combo:hover {
  background: none;
}

/* line 97, ../scss/main.scss */
.view.view-article.view-display-id-block_1 .item-list .pager .pager-previous .btn-combo {
  padding-left: 0px;
  padding-right: 20px;
}

/* line 101, ../scss/main.scss */
.view.view-article.view-display-id-block_1 .item-list .pager .pager-previous .btn-combo .fa {
  margin: 0px 20px 0px 0px;
  float: left;
  border-left: none;
  border-right: solid 2px #a87720;
}

/* line 113, ../scss/main.scss */
#transmisi-diare .title-wrapper {
  width: 300px;
}

@media (max-width: 767px) {

  /* line 118, ../scss/main.scss */
  .m-center-post {
    width: 174px;
  }
}

/* line 123, ../scss/main.scss */
section.info .box.box1 {
  max-width: 540px !important;
}



/* add on 24 May 2021 */
.box-note {
  display: flex;
  padding: 105px 5% 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

}

.box-note img {
  width: 45px;
  margin-left: 20px;
}

.box-note p {
  width: auto;
  margin: 0;
  margin: 5px 10px;
  font-size: 9px;
  line-height: 1.4;
  font-weight: bold;
  text-align: left;
  min-width: 150px;
}

.box-note p.border {
  height: 42px;
  width: 220px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border: 2px solid #4f4f4f;
}

.box-note p.border.--b {
  background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 1390px) {
  section.product .product-box {
    margin-top: 55px;
  }
}

@media (max-width: 780px) {
  .box-note img {
    position: absolute;
    top: 60%;
    left: 75%;
    width: 50px;
    transform: translateX(-50%);
  }
}

@media (max-width: 680px) {
  .box-note p {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .my-btn {
    font-size: 16px !important;
    height: 42px !important;
    line-height: 40px !important;
  }
  .my-btn i {
    height: 40px !important;
    line-height: 40px !important;
  }
  .box-note {
    padding-bottom: 30px;
  }
  .box-note img {
    left: 80%;
  }
}

@media (max-width: 330px) {
  .box-note img {
    top: 62%;
  }
}