html, body {
  font-family: 'Source Sans Pro';
  font-size: 16px;
  color: #373737;
  letter-spacing: 0.03em; }

body {
  padding-top: 195px; }

.dashed-title {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #E2E2E2;
  line-height: 0.1em;
  margin: 10px 0 30px; }
  .dashed-title span {
    background: #fff;
    padding: 0 10px;
    color: rgba(55, 55, 55, 0.5); }

.modal-header, .modal-footer {
  border: none; }

.modal-body img {
  margin-bottom: 10px; }

.pagination {
    justify-content: center !important; }

.image-upload {
    width: 128px;
    height: 128px;
    border: 1px solid #eee;
    background: #ddd;
    display: flex;
    cursor: pointer;
    margin-right: 8px;
    margin-bottom: 8px;
}

.image-upload input {
    display: none;
}

.image-upload img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-upload .fa-camera {
    font-size: 54px;
    color: #ccc;
    margin: auto;
}

@media (max-width: 768px) {
  body {
    padding-top: 256px; } }
header.navbar {
  padding: 0px;
  background-color: white; }
  header.navbar > .container {
    display: block;
    position: relative; }

.top-nav {
  width: 100%;
  padding: 30px 0px;
  position: relative; }
  .top-nav.with-border {
    border-bottom: 1px solid #E2E2E2; }
  .top-nav.absolute {
    position: absolute;
    right: 0px;
    width: auto;
    margin-top: 5px; }
  .top-nav .back-link {
    font-size: 18px;
    color: #373737;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -14px;
    text-decoration: none; }
    .top-nav .back-link i {
      margin-right: 20px; }
    .top-nav .back-link:hover {
      color: #FB2C74; }

.web-logo {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 80px;
  height: 80px; }

.navbar-toggler {
  padding: 12px 15px; }
  .navbar-toggler i {
    font-size: 30px; }

.nav-sosmed {
  position: absolute;
  left: 10px;
  bottom: 50%;
  margin-bottom: -20px;
  display: inline-flex;
  flex-direction: row; }
  .nav-sosmed.navbar-nav .nav-link {
    padding: 0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #F4F5F7;
    border-radius: 50%;
    color: #708189;
    margin-right: 15px;
    font-size: 18px; }
    .nav-sosmed.navbar-nav .nav-link:hover {
      color: #FB2C74; }
    .nav-sosmed.navbar-nav .nav-link i {
      line-height: 40px; }
  .nav-sosmed.navbar-nav li:last-child .nav-link {
    margin-right: 0px; }

.header-form {
  position: absolute;
  right: 10px;
  bottom: 50%;
  margin-bottom: -20px;
  float: left;
  display: inline-flex;
  width: 360px; }
  .header-form a:hover {
    color: #FB2C74; }
  .header-form .search-box {
    border: 1px solid #C4C4C4;
    border-radius: 5px; }
    .header-form .search-box.noBorder {
      border-color: transparent; }
    .header-form .search-box .input-box {
      display: inline-block;
      overflow-x: hidden;
      float: left;
      width: 0px; }
    .header-form .search-box .form-control {
      font-size: 16px;
      height: 35px;
      border-radius: 0px;
      line-height: 35px;
      width: 210px;
      padding: 0px;
      display: inline-block;
      border: none; }
      .header-form .search-box .form-control:focus {
        box-shadow: none; }
    .header-form .search-box .btn {
      border-radius: 0px;
      font-size: 16px;
      padding-top: 0px;
      padding-bottom: 0px;
      line-height: 35px;
      display: inline-block;
      float: left; }
      .header-form .search-box .btn:focus {
        box-shadow: none; }
      .header-form .search-box .btn.btn-search {
        border: none;
        height: 35px; }
        .header-form .search-box .btn.btn-search:hover {
          color: #FB2C74; }
      .header-form .search-box .btn.btn-close {
        border: none;
        height: 35px; }

.main-nav {
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2; }
  .main-nav .dropdown-toggle::after {
    display: none; }
  .main-nav .fa-angle-down {
    margin-left: 3px; }
  .main-nav a {
    color: #373737;
    font-weight: 600; }
    .main-nav a:hover, .main-nav a:focus {
      color: #FB2C74; }
  .main-nav .nav-item.active .nav-link {
    color: #FB2C74; }
  .main-nav .navbar-nav .nav-link {
    padding: 15px; }
  .main-nav .dropdown-menu {
    top: 80%;
    min-width: 280px;
    padding-left: 20px;
    padding-right: 20px; }
    .main-nav .dropdown-menu .show-all {
      padding-right: 0px; }
    .main-nav .dropdown-menu .sub-menu .dropdown-item {
      border-bottom: 1px solid #E2E2E2;
      padding-left: 0px; }
      .main-nav .dropdown-menu .sub-menu .dropdown-item:last-child {
        border-bottom: none; }
  .main-nav .dropdown-item {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    font-weight: 400; }
    .main-nav .dropdown-item:hover, .main-nav .dropdown-item:focus {
      background-color: transparent; }

@media (max-width: 768px) {
  .top-nav.solo-top {
    overflow: hidden; }
    .top-nav.solo-top .web-logo {
      float: right; }
      .top-nav.solo-top .web-logo.mx-auto {
        margin-right: 15px !important;
        margin-left: 0px !important; } }
@media (max-width: 576px) {
  .top-nav .back-link {
    left: 15px;
    max-width: 200px; } }
@media (max-width: 480px) {
  .top-nav.absolute + .main-nav {
    padding-top: 50px; } }
.form-control {
  border: 1px solid #C4C4C4;
  padding: 12px 20px;
  height: 45px; }
  .form-control:focus {
    box-shadow: none; }
  .form-control.is-invalid {
    border-color: #FF0000; }
    .form-control.is-invalid:focus {
      border-color: #FF0000;
      box-shadow: none; }
    .form-control.is-invalid + label + .norm-label {
      color: #FF0000; }
  .form-control.is-valid:focus {
    box-shadow: none; }

input[type=number].phone::-webkit-inner-spin-button,
input[type=number].phone::-webkit-outer-spin-button,
input[type=number].price::-webkit-inner-spin-button,
input[type=number].price::-webkit-outer-spin-button,
input[type=number].no-spinner::-webkit-inner-spin-button,
input[type=number].no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.form-group {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 30px;
  position: relative; }
  .form-group label {
    font-size: 14px;
    position: absolute; }
    .form-group label.norm-label {
      background-color: white;
      color: rgba(0, 0, 0, 0.5);
      top: 0px;
      left: 15px;
      margin-top: -10px;
      padding: 0px 5px;
      opacity: 0; }
      .form-group label.norm-label.show {
        opacity: 1; }
    .form-group label.error {
      top: auto;
      margin-top: 0px;
      bottom: -30px;
      color: #FF0000; }
  .form-group .form-control:not(:placeholder-shown) + .norm-label,
  .form-group .form-control:focus + .norm-label {
    opacity: 1; }

.select-icon {
  position: absolute;
  color: rgba(55, 55, 55, 0.5);
  right: 12px;
  top: 6px;
  vertical-align: middle;
  font-size: 24px; }

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 26px; }

.qty-box {
  overflow: hidden;
  padding-left: 30px; }
  .qty-box > div {
    float: left; }
  .qty-box .qtyLabel {
    display: inline-block;
    margin-right: 20px;
    height: 32px;
    line-height: 32px;
    font-size: 18px; }

.pt_Quantity {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #C4C4C4;
  border-radius: 5px; }
  .pt_Quantity * {
    height: 32px; }
  .pt_Quantity .pt_QuantityUp {
    right: 0px;
    top: 0px;
    border-left: 1px solid #C4C4C4; }
  .pt_Quantity .pt_QuantityDown {
    left: 0px;
    top: 0px;
    border-right: 1px solid #C4C4C4; }
  .pt_Quantity .pt_QuantityButton {
    width: 32px;
    position: absolute;
    text-align: center;
    line-height: 32px;
    background-color: white;
    cursor: pointer;
    color: rgba(55, 55, 55, 0.5); }
    .pt_Quantity .pt_QuantityButton i {
      line-height: 32px;
      font-size: 12px; }
  .pt_Quantity input {
    width: 114px;
    text-align: center;
    border: none; }

.upload-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px; }
  .upload-img img {
    width: 100px; }
  .upload-img input {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }

.table th {
  padding: 14px 15px;
  font-size: 18px;
  text-align: center; }
  .table th:first-child, .table th:last-child {
    text-align: left; }
.table td {
  padding: 24px 15px;
  vertical-align: middle;
  border-top-color: #E2E2E2; }
.table thead th {
  background-color: #E4F8FF;
  border: none; }
.table tbody tr:first-child td {
  border-top: none; }
.table tbody tr:last-child td {
  border-bottom: 1px solid #E2E2E2; }

.produk-box {
  text-decoration: none;
  margin-bottom: 50px;
  display: block;
  max-width: 330px;
  margin-left: auto;
  margin-right: auto; }
  .produk-box:hover {
    text-decoration: none; }
    .produk-box:hover .img-box {
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
  .produk-box .img-box {
    position: relative;
    margin-bottom: 20px;
    background-size: cover !important;
    width: 100%;
    height: 220px; }
    .produk-box .img-box img {
      width: 100%; }
    .produk-box .img-box .promo {
      padding: 5px 10px;
      background-color: #FB2C74;
      position: absolute;
      left: 15px;
      top: 15px;
      color: white;
      font-weight: 600;
      text-decoration: none; }
    .produk-box .img-box .status-produk {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      padding: 13px;
      font-size: 18px;
      font-weight: 600;
      text-align: center; }
      .produk-box .img-box .status-produk.stok-habis {
        background-color: rgba(245, 246, 248, 0.75);
        color: #373737; }
      .produk-box .img-box .status-produk.open-po {
        background-color: #FB2C74;
        color: white;
        text-transform: uppercase; }
  .produk-box .text-box {
    font-size: 18px; }
    .produk-box .text-box .name {
      font-weight: 600;
      color: #373737;
      text-decoration: none; }
    .produk-box .text-box .price-promo {
      font-weight: 600;
      color: rgba(55, 55, 55, 0.5);
      text-decoration: line-through; }
    .produk-box .text-box .price {
      color: #FB2C74;
      font-weight: bold;
      text-decoration: none; }
  .produk-box .color-box span {
    display: block;
    font-size: 14px;
    color: rgba(55, 55, 55, 0.5);
    margin-bottom: 10px;
    padding-top: 10px;
    text-decoration: none; }
  .produk-box .color-box .color-items div {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 20px;
    display: inline-block; }
    .produk-box .color-box .color-items div.hitam {
      background-color: #252525; }
    .produk-box .color-box .color-items div.coklat {
      background-color: #C89C76; }
    .produk-box .color-box .color-items div.hijau {
      background-color: #777761; }
    .produk-box .color-box .color-items div.ungu {
      background-color: #482273; }
    .produk-box .color-box .color-items div.merah {
      background-color: #F44242; }
    .produk-box .color-box .color-items div.mocha {
      background-color: #675041; }

footer {
  background-color: #F5F6F8;
  padding-top: 100px;
  overflow: hidden; }
  footer .footer-links-box {
    max-width: 850px;
    margin: 0px auto;
    margin-bottom: 100px; }
  footer .footer-links div {
    margin-bottom: 10px; }
  footer .footer-links a {
    color: #373737;
    text-decoration: none; }
    footer .footer-links a:hover, footer .footer-links a:focus {
      color: #FB2C74; }
  footer .footer-links.socmed img {
    width: 16px;
    height: 16px; }
  footer .footer-links.socmed span {
    margin-left: 8px; }
  footer .foot {
    text-align: center;
    margin-bottom: 50px;
    font-size: 10px; }

@media (max-width: 992px) {
  .footer-links {
    margin-bottom: 30px; } }
.home-slider .owl-theme .owl-dots .owl-dot.active span, .home-slider .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #BFBFBF; }
.home-slider .owl-theme .owl-dots .owl-dot span {
  background-color: #E2E2E2; }

.keunggulan-toko {
  padding: 150px 0px; }

.keunggulan-box {
  height: 120px;
  border: 1px solid rgba(251, 44, 116, 0.5);
  border-radius: 5px;
  padding: 0px 30px; }
  .keunggulan-box img {
    width: 50px;
    margin-right: 15px; }
  .keunggulan-box h5 {
    font-family: 'Playfair Display';
    margin-bottom: 5px; }
  .keunggulan-box p {
    color: rgba(55, 55, 55, 0.5);
    font-size: 18px;
    margin-bottom: 0px; }
  .keunggulan-box .media {
    align-items: center;
    justify-content: center;
    height: 100%; }

.kategori-produk {
  margin-bottom: 119px; }
  .kategori-produk h1 {
    font-family: 'Playfair Display';
    margin-bottom: 50px;
    font-size: 36px;
    text-align: center; }
  .kategori-produk .kategory-box {
    position: relative;
    margin-bottom: 31px;
    display: block; }
    .kategori-produk .kategory-box.big {
      height: 390px; }
    .kategori-produk .kategory-box.small {
      height: 180px; }
    .kategori-produk .kategory-box:hover {
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }
    .kategori-produk .kategory-box .img-box {
      background-size: cover !important;
      width: 100%;
      height: 100%; }
    .kategori-produk .kategory-box .text-box {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2;
      display: flex;
      align-items: flex-end;
      justify-content: left;
      padding: 30px 50px; }
      .kategori-produk .kategory-box .text-box span {
        font-family: 'Playfair Display';
        font-size: 42px;
        color: white; }
    .kategori-produk .kategory-box.big .text-box {
      padding: 30px;
      margin: 30px;
      border: 1px solid white; }
    .kategori-produk .kategory-box img {
      width: 100%; }
    .kategori-produk .kategory-box .img-box .overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.5);
      z-index: 2;
      display: block;
      top: 0; }

.terlaris {
  margin-bottom: 150px; }
  .terlaris h1 {
    font-family: 'Playfair Display';
    margin-bottom: 50px;
    font-size: 36px;
    text-align: center; }
  .terlaris .btn {
    text-align: center;
    padding: 12px 50px;
    background-color: #FB2C74;
    color: white;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px; }
    .terlaris .btn:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

.inspirasi {
  margin-bottom: 110px; }
  .inspirasi h1 {
    font-family: 'Playfair Display';
    margin-bottom: 50px;
    font-size: 36px;
    text-align: center; }
  .inspirasi .inspirasi-box {
    position: relative;
    display: block;
    margin-bottom: 30px; }
    .inspirasi .inspirasi-box:hover {
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }
    .inspirasi-box.small .img-box {
      position: relative;
      margin-bottom: 30px;
      background-size: cover !important;
      width: 100%;
      height: 245px; }
    .inspirasi-box.big .img-box {
      position: relative;
      margin-bottom: 30px;
      background-size: cover !important;
      width: 100%;
      height: 520px; }
    .inspirasi .inspirasi-box img {
      width: 100%; }
    .inspirasi .inspirasi-box .texts {
      padding: 15px 30px;
      background-color: rgba(245, 246, 248, 0.75);
      width: 80%;
      position: absolute;
      left: 20px;
      bottom: 20px; }
      .inspirasi .inspirasi-box .texts .name {
        font-family: 'Playfair Display';
        font-size: 20px;
        color: black;
        text-overflow: ellipsis;
        height: 30px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap; }
      .inspirasi .inspirasi-box .texts .date {
        color: rgba(55, 55, 55, 0.5); }

.blog {
  margin-bottom: 150px; }
  .blog h1 {
    font-size: 36px;
    font-family: 'Playfair Display';
    margin-bottom: 50px; }
  .blog-slider {
    position: relative;
    margin-bottom: 50px; }
    .blog-slider.owl-carousel .owl-stage-outer:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }
  .blog .more-blog a {
    color: #373737;
    font-size: 18px;
    text-decoration: underline; }
    .blog .more-blog a:hover {
      color: #FB2C74; }

.blog-box {
  position: relative; }
  .blog-box .texts {
    padding: 0px 30px; }
  .blog-box.blog-slide-item {
    display: block;
    text-decoration: none; }
    .blog-box.blog-slide-item .img-box {
        position: relative;
        background-size: cover !important;
        width: 100%;
        height: 579px; }
    .blog-box.blog-slide-item .texts {
      padding: 17px 30px;
      background: rgba(245, 246, 248, 0.75);
      position: absolute;
      left: 30px;
      right: 30px;
      bottom: 30px;
      text-decoration: none; }
    .blog-box.blog-slide-item .title, .blog-box.blog-slide-item .main, .blog-box.blog-slide-item span {
      text-decoration: none; }
    .blog-box.blog-slide-item .title, .blog-box.blog-slide-item .main {
      color: #373737; }
    .blog-box.blog-slide-item span {
      color: rgba(55, 55, 55, 0.5); }
  .blog-box.media {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #E2E2E2; }
    .blog-box.media .img-box {
        position: relative;
        background-size: cover !important;
        width: 125px;
        height: 125px; }
    .blog-box.media img {
      width: 125px;
      height: 125px; }
  .blog-box img {
    width: 100%;
    height: auto; }
  .blog-box .title {
    font-family: 'Playfair Display';
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    color: #373737; }
  .blog-box .main {
    font-size: 18px;
    height: 50px;
    width: 100%;
    display: flex;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    color: #373737; }
  .blog-box span {
    font-size: 16px;
    color: rgba(55, 55, 55, 0.5); }
  .blog-box a {
    color: #373737;
    font-size: 18px;
    text-decoration: underline; }
    .blog-box a:hover {
      color: #FB2C74; }

.download {
  background-image: url("../img/bags-beauty.png");
  background-repeat: no-repeat;
  background-position: right top;
  padding: 95px 0px;
  position: relative;
  margin-bottom: 200px; }
  .download .grey-box {
    height: 295px;
    width: 60%;
    background-color: #F5F6F8; }
  .download .texts {
    position: absolute;
    top: 155px;
    max-width: 45%; }
    .download .texts h1 {
      font-size: 36px;
      font-family: 'Playfair Display'; }
    .download .texts p {
      margin-bottom: 30px; }
    .download .texts .links a {
      display: inline-block;
      margin-right: 35px;
      border-radius: 3px; }
      .download .texts .links a:hover {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

.subscribe {
  margin-bottom: 200px; }
  .subscribe h1 {
    font-family: 'Playfair Display';
    font-size: 36px;
    text-align: center;
    margin-bottom: 10px; }
  .subscribe p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 50px; }
  .subscribe form {
    max-width: 700px;
    margin: 0px auto; }
    .subscribe form .btn {
      color: white;
      background-color: #FB2C74;
      width: 100%;
      text-align: center;
      display: block;
      height: 45px;
      font-size: 18px;
      font-weight: 600; }
      .subscribe form .btn:hover {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

@media (max-width: 992px) {
  .keunggulan-box {
    max-width: 348px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px; } }
@media (max-width: 768px) {
  .top-nav {
    padding: 10px 0px; }

  .nav-sosmed {
    position: static;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    margin-bottom: 0px;
    width: 205px; }

  .web-logo {
    margin-top: 10px;
    margin-bottom: 10px; }

  .header-form {
    position: static;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    float: none;
    margin-bottom: 0px; }

  .download {
    background-size: cover;
    background-position: center; }
    .download .grey-box {
      height: 480px;
      width: 80%; }
    .download .texts {
      max-width: 60%; } }
@media (max-width: 576px) {
  .download .grey-box {
    width: 100%; }
  .download .texts {
    max-width: 100%; }
    .download .texts .links a {
      margin-right: 10px; } }
@media (max-width: 480px) {
  .subscribe .col-9 {
    flex-grow: 1;
    max-width: 100%; } }
.top-sign {
	background-image: url(../img/rtl-member.jpg), linear-gradient(90deg, rgba(226,231,235,1) 0%, rgba(236,236,236,1) 100%);
	background-size: contain;
	padding: 80px 0px;
	margin-bottom: 60px;
	background-position: center;
	background-repeat: no-repeat; }
  .top-sign h2 {
    font-family: 'Playfair Display';
    font-weight: bold;
    font-size: 36px;
    padding-left: 20px; }
  .top-sign p {
    padding-left: 20px;
    font-size: 18px; }

.logreg-mian h2 {
  font-size: 36px;
  text-align: center;
  font-family: 'Playfair Display';
  margin-bottom: 30px; }
.logreg-mian .forms-col {
  padding-right: 50px; }
.logreg-mian .kelmem-col {
  padding-left: 50px; }

.kelmem-box {
  border: 1px solid rgba(251, 44, 116, 0.5);
  border-radius: 5px;
  padding: 30px 45px;
  margin-bottom: 30px; }
  .kelmem-box .img-box {
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .kelmem-box img {
    display: inline-block;
    line-height: 115px;
    margin-right: 25px;
    vertical-align: middle;
    width: 75px; }
  .kelmem-box h5 {
    font-family: 'Playfair Display';
    margin-bottom: 10px; }
  .kelmem-box p {
    font-size: 18px;
    color: rgba(55, 55, 55, 0.5);
    margin: 0px; }

.logreg-forms {
  margin-bottom: 150px; }
  .logreg-forms .nav-pills .nav-link {
    color: #373737;
    border-radius: 0px; }
    .logreg-forms .nav-pills .nav-link.active {
      background-color: transparent;
      color: #FB2C74;
      font-weight: bold;
      border-bottom: 4px solid #FB2C74; }
  .logreg-forms .tab-pane {
    padding-top: 50px; }
  .logreg-forms .top-text {
    text-align: center;
    font-size: 18px;
    color: rgba(55, 55, 55, 0.5);
    margin-bottom: 30px; }
  .logreg-forms form .form-group.last {
    margin-bottom: 20px; }
  .logreg-forms form p {
    text-align: center;
    margin-bottom: 30px; }
  .logreg-forms .btn {
    height: 45px;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 18px; }
    .logreg-forms .btn:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }
    .logreg-forms .btn.btn-pink {
      background-color: #FB2C74;
      color: white; }
    .logreg-forms .btn.google {
      border: 1px solid #CFD9E0;
      text-align: center; }
      .logreg-forms .btn.google img {
        margin-right: 10px; }
    .logreg-forms .btn.facebook {
      background-color: #475993;
      text-align: center;
      color: white; }
      .logreg-forms .btn.facebook i {
        margin-right: 10px; }
  .logreg-forms .ingat-lupa {
    overflow: hidden;
    margin-bottom: 30px; }
    .logreg-forms .ingat-lupa .ingat {
      float: left; }
    .logreg-forms .ingat-lupa .lupa {
      float: right;
      color: #373737;
      text-decoration: none;
      font-style: italic; }
      .logreg-forms .ingat-lupa .lupa:hover, .logreg-forms .ingat-lupa .lupa:focus {
        color: #FB2C74; }

@media (max-width: 992px) {
  .logreg-mian .forms-col {
    padding-right: 15px; }
  .logreg-mian .kelmem-col {
    padding-left: 15px; } }
.product-list-main {
  padding-top: 100px; }

.filter-head {
  font-family: 'Playfair Display';
  margin-bottom: 15px; }

.filter-nav {
  border-bottom: 1px solid #E2E2E2;
  padding-top: 10px;
  padding-bottom: 10px; }
  .filter-nav:last-child {
    margin-bottom: 50px; }
  .filter-nav .btn.collapsed i.fa-minus {
    opacity: 0; }
  .filter-nav .btn.collapsed i.fa-plus {
    opacity: 1; }
  .filter-nav .btn {
    font-weight: 600;
    border-radius: 0px;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .filter-nav .btn i {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      color: #9C9C9C; }
      .filter-nav .btn i.fa-minus {
        opacity: 1; }
      .filter-nav .btn i.fa-plus {
        opacity: 0; }
    .filter-nav .btn:hover, .filter-nav .btn:focus {
      box-shadow: none; }
  .filter-nav .choses {
    border-radius: 0px;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px; }
    .filter-nav .choses .chose {
      padding-top: 10px;
      padding-bottom: 10px; }
    .filter-nav .choses label {
      top: 0px;
      line-height: 18px;
      font-size: 16px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      width: 100%;
      cursor: pointer; }
    .filter-nav .choses i {
      line-height: 18px;
      vertical-align: middle;
      position: absolute;
      left: 4px; }
    .filter-nav .choses .custom-control-label {
      vertical-align: middle; }
  .filter-nav .choses.no-circle .custom-control-input:checked ~ .custom-control-label {
    color: #FB2C74;
    font-weight: 600; }
    .filter-nav .choses.no-circle .custom-control-input:checked ~ .custom-control-label:before {
      color: transparent;
      background-color: transparent;
      border-color: transparent; }
    .filter-nav .choses.no-circle .custom-control-input:checked ~ .custom-control-label:after {
      background-image: none; }
  .filter-nav .choses.no-circle .custom-control-input:checked ~ i {
    color: #FB2C74; }
  .filter-nav .choses.no-circle .custom-radio .custom-control-label:before {
    border-radius: 0px; }
  .filter-nav .choses.no-circle .custom-control-label:before {
    height: 0px;
    width: 0px;
    border: none;
    content: none; }
  .filter-nav .choses.no-circle .custom-control-label:after {
    height: 0px;
    width: 0px;
    content: none; }
  .filter-nav .choses.warna label {
    padding-left: 20px; }
  .filter-nav .choses.warna .custom-control-input:checked ~ .custom-control-label {
    color: #FB2C74;
    font-weight: 600; }
    .filter-nav .choses.warna .custom-control-input:checked ~ .custom-control-label:before {
      border-color: white;
      -webkit-box-shadow: 0px 0px 0px 1px black;
      -moz-box-shadow: 0px 0px 0px 1px black;
      box-shadow: 0px 0px 0px 1px black; }
    .filter-nav .choses.warna .custom-control-input:checked ~ .custom-control-label:after {
      background-image: none; }
  .filter-nav .choses.warna .custom-control-input:checked ~ i {
    color: #FB2C74; }
  .filter-nav .choses.warna .custom-control-label:before {
    height: 18px;
    width: 18px;
    padding: 1px;
    top: 0px; }
  .filter-nav .choses.warna .custom-control-label.hitam:before {
    background-color: #252525; }
  .filter-nav .choses.warna .custom-control-label.coklat:before {
    background-color: #C89C76; }
  .filter-nav .choses.warna .custom-control-label.hijau:before {
    background-color: #777761; }
  .filter-nav .choses.warna .custom-control-label.ungu:before {
    background-color: #482273; }
  .filter-nav .choses.warna .custom-control-label.merah:before {
    background-color: #F44242; }
  .filter-nav .choses.warna .custom-control-label.mocha:before {
    background-color: #675041; }
  .filter-nav .choses.warna .custom-control-label:after {
    height: 18px;
    width: 18px;
    padding: 1px; }
  .filter-nav .price-range {
    padding-top: 10px; }
    .filter-nav .price-range .form-group {
      margin-bottom: 20px; }
    .filter-nav .price-range span {
      position: absolute;
      top: 12px;
      left: 20px;
      opacity: 0; }
    .filter-nav .price-range input {
      padding-left: 40px; }
    .filter-nav .price-range input:not(:placeholder-shown) + label + span,
    .filter-nav .price-range input:focus + label + span {
      opacity: 1; }
    .filter-nav .price-range input:not(:placeholder-shown),
    .filter-nav .price-range input:focus {
      text-align: right; }


.page-link {
  width: 38px;
  height: 38px;
  text-align: center;
  padding: 0px;
  line-height: 38px;
  border-radius: 5px;
  color: #373737;
  border: none;
  margin: 0px 5px; }
  .page-link:hover {
    background-color: transparent;
    color: #FB2C74; }
  .page-link i {
    line-height: 38px; }

.page-item.active .page-link {
  background-color: #C89C76;
  font-weight: 600; }
  .page-item.active .page-link:hover {
    color: white; }
.page-item:first-child .page-link, .page-item:last-child .page-link {
  color: rgba(55, 55, 55, 0.5); }

.semua-produk-head {
  margin-bottom: 20px; }
  .semua-produk-head .head {
    font-family: 'Playfair Display';
    font-size: 20px;
    line-height: 1.2;
    display: block; }
  .semua-produk-head .urutkan-label {
    margin-right: 10px;
    font-weight: 600; }
  .semua-produk-head .urutkan {
    text-align: right; }
    .semua-produk-head .urutkan .form-group {
      width: 220px;
      display: inline-block;
      margin-bottom: 0px; }
  .semua-produk-head select.form-control {
    height: 35px;
    padding-top: 5px;
    padding-bottom: 5px; }

.semua-produk-main {
  margin-bottom: 50px; }

.semua-produk-pagin {
  margin-bottom: 150px; }

@media (max-width: 992px) {
  .semua-produk-head .head {
    margin-bottom: 10px; }
  .semua-produk-head .col {
    flex-basis: auto; }
  .semua-produk-head .urutkan {
    text-align: left; } }
.product-detail-breadcrumb {
  padding-top: 50px;
  margin-bottom: 20px; }
  .product-detail-breadcrumb * {
    display: inline-block; }
  .product-detail-breadcrumb span {
    margin: 0px 10px; }

.product-detail-main {
  margin-bottom: 150px; }

.product-detail-preview {
  margin-bottom: 50px; }
  .product-detail-preview .main-prev {
    width: 100%;
    margin-bottom: 15px; }
  .product-detail-preview .img-prev-slider {
    position: relative; }
    .product-detail-preview .img-prev-slider img {
      height: 100px;
      width: auto; }
    .product-detail-preview .img-prev-slider button {
      position: absolute;
      top: 0px;
      bottom: 0px;
      width: 35px;
      background-color: #F1F1F1;
      z-index: 2;
      padding: 0px;
      height: 100%;
      border: none;
      opacity: 0.9; }
      .product-detail-preview .img-prev-slider button.slider-prevBtn {
        left: 0px; }
      .product-detail-preview .img-prev-slider button.slider-nextBtn {
        right: 0px; }

.product-detail-name {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px; }

.product-detail-price {
  margin-bottom: 50px; }
  .product-detail-price span {
    font-size: 32px;
    font-weight: bold; }
    .product-detail-price span.normal {
      color: #FB2C74; }
    .product-detail-price span.promo {
      text-decoration: line-through;
      color: rgba(55, 55, 55, 0.5);
      margin-right: 20px; }

.product-detail-info {
  margin-bottom: 30px; }
  .product-detail-info .head {
    font-family: 'Playfair Display';
    margin-bottom: 10px; }
  .product-detail-info .main {
    padding-left: 15px; }
  .product-detail-info .tipe-beli .form-check {
    display: inline-block; }
    .product-detail-info .tipe-beli .form-check:first-child {
      margin-right: 20px; }
  .product-detail-info .tipe-beli-info {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #E4F7E7;
    border-radius: 5px;
    display: none; }
  .product-detail-info .pilih-warna {
    max-width: 500px; }
  .product-detail-info .warna-box {
    margin-bottom: 20px; }
    .product-detail-info .warna-box .custom-control-input:checked ~ .custom-control-label {
      color: #FB2C74;
      font-weight: 600; }
      .product-detail-info .warna-box .custom-control-input:checked ~ .custom-control-label:before {
        border-color: white;
        -webkit-box-shadow: 0px 0px 0px 1px black;
        -moz-box-shadow: 0px 0px 0px 1px black;
        box-shadow: 0px 0px 0px 1px black; }
      .product-detail-info .warna-box .custom-control-input:checked ~ .custom-control-label:after {
        background-image: none; }
    .product-detail-info .warna-box .custom-control-input:checked ~ i {
      color: #FB2C74; }
    .product-detail-info .warna-box .custom-checkbox, .product-detail-info .warna-box .custom-radio {
      margin-bottom: 20px; }
    .product-detail-info .warna-box .custom-control-label {
      font-size: 18px;
      padding-left: 10px; }
      .product-detail-info .warna-box .custom-control-label:before {
        height: 18px;
        width: 18px;
        padding: 1px;
        top: 0px;
        border-radius: 50%;
        margin-top: 5px; }
      .product-detail-info .warna-box .custom-control-label.hitam:before {
        background-color: #252525; }
      .product-detail-info .warna-box .custom-control-label.coklat:before {
        background-color: #C89C76; }
      .product-detail-info .warna-box .custom-control-label.hijau:before {
        background-color: #777761; }
      .product-detail-info .warna-box .custom-control-label.ungu:before {
        background-color: #482273; }
      .product-detail-info .warna-box .custom-control-label.merah:before {
        background-color: #F44242; }
      .product-detail-info .warna-box .custom-control-label.mocha:before {
        background-color: #675041; }
      .product-detail-info .warna-box .custom-control-label.pink:before {
        background-color: #FB2C74; }
      .product-detail-info .warna-box .custom-control-label.biru-langit:before {
        background-color: #C8A3F1; }
      .product-detail-info .warna-box .custom-control-label:after {
        height: 18px;
        width: 18px;
        padding: 1px; }
  .product-detail-info .info-qty {
    margin-right: 50px; }
    .product-detail-info .info-qty .qty-box {
      display: block;
      padding-left: 0px; }
  .product-detail-info .qty-box {
    display: none; }
  .product-detail-info .berat {
    padding-bottom: 20px; }
    .product-detail-info .berat img {
      width: 24px;
      display: inline-block; }
    .product-detail-info .berat span {
      font-size: 18px;
      line-height: 24px;
      height: 24px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 20px; }
  .product-detail-info.double {
    overflow: hidden; }
  .product-detail-info .info-double {
    display: inline-block;
    float: left; }
  .product-detail-info.buttons {
    padding-bottom: 50px; }
    .product-detail-info.buttons .btn {
      padding: 12px 30px;
      font-size: 18px; }
      .product-detail-info.buttons .btn:hover {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }
    .product-detail-info.buttons a {
      border: 1px solid #FB2C74;
      color: #FB2C74; }
      .product-detail-info.buttons a i {
        margin-right: 10px; }
    .product-detail-info.buttons input {
      background-color: #FB2C74;
      color: white;
      margin-left: 20px; }
  .product-detail-info p {
    font-size: 18px; }


.product-detail-share { }
  .product-detail-share a {
    background-color: #eee;
    color: #333;
    display: inline-block;
    padding: 8px 20px;
    margin-right: 10px; }
    .product-detail-share a:hover {
      text-decoration: none; }
    .product-detail-share img {
      margin-right: 10px;
      margin-bottom: 2px; }

.product-detail-status {
  background-color: #F5F6F8;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 20px; }
  .product-detail-status.stok-habis {
    padding: 75px 30px; }
    .product-detail-status.stok-habis div {
      font-family: 'Playfair Display';
      font-weight: bold;
      font-size: 24px;
      text-align: center; }
  .product-detail-status.open-po {
    text-align: center;
    padding: 50px 30px; }
    .product-detail-status.open-po h4 {
      font-family: 'Playfair Display';
      font-weight: bold;
      margin-bottom: 5px; }
    .product-detail-status.open-po p {
      margin-bottom: 20px; }
    .product-detail-status.open-po .btn {
      background-color: #FB2C74;
      color: white;
      border-radius: 5px; }
      .product-detail-status.open-po .btn:hover {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

@media (max-width: 992px) {
  .product-detail-info.buttons a {
    margin-bottom: 20px; }
  .product-detail-info.buttons .btn {
    margin-left: 0px;
    display: block;
    width: 100%; } }
@media (max-width: 480px) {
  .product-detail-info .info-double {
    float: none;
    display: block; }
  .product-detail-info .info-qty {
    margin-right: 0px;
    margin-bottom: 20px; }
  .product-detail-info .pilih-warna .col-6 {
    flex-grow: 1;
    max-width: 100%;
    flex: auto; } }
.cart {
  padding-top: 46px; }
  .cart h1 {
    font-size: 36px;
    margin-bottom: 50px;
    text-align: center;
    font-family: 'Playfair Display'; }

.cart-table {
  margin-bottom: 20px; }
  .cart-table .fake-col {
    display: table-cell; }
  .cart-table .col-product {
    display: flex; }
    .cart-table .col-product .img-box {
      width: 72px;
      height: 72px;
      margin-right: 15px; }
      .cart-table .col-product .img-box img {
        width: 100%; }
    .cart-table .col-product .text-box {
      max-width: 205px; }
      .cart-table .col-product .text-box .tipe-beli {
        padding: 0px 15px;
        display: inline-block;
        border-radius: 3px;
        margin-bottom: 5px; }
        .cart-table .col-product .text-box .tipe-beli.seri {
          background-color: #DDDFF9;
          color: #3034DB; }
        .cart-table .col-product .text-box .tipe-beli.ecer,
        .cart-table .col-product .text-box .tipe-beli.deposit {
          color: #AF7927;
          background: #FFEFD6; }
        .cart-table .col-product .text-box .tipe-beli.reseller {
          color: #C136A6;
          background: #FDE8F7; }
      .cart-table .col-product .text-box .nama {
        margin-bottom: 5px; }
        .cart-table .col-product .text-box .nama a {
          color: #212529;
          text-decoration: none; }
      .cart-table .col-product .text-box .berat {
        font-size: 14px;
        color: rgba(55, 55, 55, 0.5); }
  .cart-table .col-warna {
    min-width: 200px; }
  .cart-table .warna-box {
    display: flex;
    margin-bottom: 28px; }
    .cart-table .warna-box:last-child {
      margin-bottom: 0px; }
    .cart-table .warna-box .warna {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      margin-right: 10px; }
      .cart-table .warna-box .warna.hitam {
        background-color: #252525; }
      .cart-table .warna-box .warna.coklat {
        background-color: #C89C76; }
      .cart-table .warna-box .warna.hijau {
        background-color: #777761; }
      .cart-table .warna-box .warna.ungu {
        background-color: #482273; }
      .cart-table .warna-box .warna.merah {
        background-color: #F44242; }
      .cart-table .warna-box .warna.mocha {
        background-color: #675041; }
      .cart-table .warna-box .warna.pink {
        background-color: #FB2C74; }
      .cart-table .warna-box .warna.biru-langit {
        background-color: #C8A3F1; }
  .cart-table .col-qty .qty-box {
    margin-bottom: 20px;
    padding-left: 0px; }
    .cart-table .col-qty .qty-box:last-child {
      margin-bottom: 0px; }
  .cart-table .col-berat .berat-box {
    margin-bottom: 35px;
    text-align: center; }
    .cart-table .col-berat .berat-box:last-child {
      margin-bottom: 0px; }
  .cart-table .col-harga-satuan .harga-box, .cart-table .col-total-harga .harga-box {
    display: flex;
    margin-bottom: 35px;
    text-align: center; }
    .cart-table .col-harga-satuan .harga-box:last-child, .cart-table .col-total-harga .harga-box:last-child {
      margin-bottom: 0px; }
  .cart-table .col-action .hapus-action {
    color: rgba(55, 55, 55, 0.5);
    text-decoration: underline; }
    .cart-table .col-action .hapus-action:hover {
      color: #FB2C74; }

.cart-foot {
  display: flex;
  margin-bottom: 150px;
  font-size: 18px; }
  .cart-foot .voucher {
    overflow: hidden; }
    .cart-foot .voucher h5 {
      font-size: 18px;
      margin-bottom: 10px; }
    .cart-foot .voucher input {
      width: 210px;
      float: left; }
      .cart-foot .voucher input.invalid {
        border: 1px solid #FF0000; }
    .cart-foot .voucher .form-group {
      display: inline-block; }
  .cart-foot .voucher-info {
    float: left;
    line-height: 45px;
    margin-left: 20px;
    display: none; }
    .cart-foot .voucher-info i {
      margin-right: 5px; }
    .cart-foot .voucher-info.visible {
      display: inline-block; }
    .cart-foot .voucher-info.valid {
      color: #6284F4; }
    .cart-foot .voucher-info.invalid {
      color: #FF0000; }
  .cart-foot .info-totals {
    width: 280px;
    margin-left: auto;
    margin-right: 95px; }
    .cart-foot .info-totals .infos {
      margin-bottom: 20px;
      font-size: 18px; }
    .cart-foot .info-totals .info-box {
      display: flex; }
    .cart-foot .info-totals .btn {
      background-color: #FB2C74;
      color: white;
      display: block;
      width: 100%;
      font-weight: 600;
      margin-top: 60px; }
      .cart-foot .info-totals .btn:hover {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

@media (max-width: 992px) {
  .cart-foot {
    display: block; }
    .cart-foot .info-totals {
      margin-left: 0px; } }
@media (max-width: 768px) {
  .cart-foot .voucher .form-group {
    display: block; }
  .cart-foot .voucher .voucher-info {
    float: none; }
  .cart-foot .voucher input {
    width: 100%;
    float: none; }
  .cart-foot .info-totals {
    width: 100%; } }
.courier_service_box,
.courier_service_estimated {
  display: none; }
.checkout-logreg {
  text-align: center;
  padding-top: 46px;
  margin-bottom: 100px; }
  .checkout-logreg h1 {
    font-size: 36px;
    font-family: 'Playfair Display';
    margin-bottom: 10px; }
  .checkout-logreg p {
    margin-bottom: 20px;
    font-size: 18px;
    max-width: 485px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .checkout-logreg .btn {
    border: 1px solid #FB2C74;
    color: #FB2C74;
    padding: 12px 90px;
    font-size: 18px;
    border-radius: 5px; }
    .checkout-logreg .btn:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

.checkout-guest-form {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 150px; }
  .checkout-guest-form p {
    margin-bottom: 30px;
    text-align: center; }
  .checkout-guest-form .btn {
    background-color: #FB2C74;
    color: white;
    padding: 12px 90px; }
    .checkout-guest-form .btn:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

.checkout-tujuan-main {
  margin-bottom: 150px; }

.grafis-checkout {
  padding: 40px 0px;
  margin-bottom: 100px; }
  .grafis-checkout-lines {
    padding: 0px 12%; }
    .grafis-checkout-lines .lines {
      height: 2px;
      width: 100%;
      background-color: #C4C4C4; }
      .grafis-checkout-lines .lines.active {
        background-color: #FB2C74; }
  .grafis-checkout-circle {
    margin-top: -7px; }
    .grafis-checkout-circle .info-box.active .circle {
      background-color: #FB2C74; }
    .grafis-checkout-circle .info-box.active .text {
      color: #FB2C74; }
    .grafis-checkout-circle .info-box .circle {
      width: 12px;
      height: 12px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 10px;
      background-color: #C4C4C4;
      border-radius: 50%; }
    .grafis-checkout-circle .info-box .text {
      text-align: center;
      font-size: 18px;
      color: #C4C4C4; }

.checkout-info-pembeli h1 {
  font-family: 'Playfair Display';
  font-size: 36px;
  margin-bottom: 30px; }
.checkout-info-pembeli .info-box {
  margin-bottom: 20px; }
  .checkout-info-pembeli .info-box .head {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5); }
  .checkout-info-pembeli .info-box .main {
    font-size: 18px;
    padding-left: 15px;
    max-width: 385px; }

.checkout-tujuan-form p {
  font-size: 18px; }
.checkout-tujuan-form .tipe-data {
  margin-bottom: 45px; }
  .checkout-tujuan-form .tipe-data .form-check {
    display: inline-block; }
    .checkout-tujuan-form .tipe-data .form-check:first-child {
      margin-right: 50px; }
.checkout-tujuan-form .btn {
  background-color: #FB2C74;
  color: white;
  padding: 12px 90px; }
  .checkout-tujuan-form .btn:hover {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

.select2 {
  width: 100% !important; }

.select2-container .select2-selection--single {
  border: 1px solid #C4C4C4;
  padding: 12px 20px;
  height: 45px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: inherit;
  padding: 0px; }

.checkout-checkout-main .checkout-info-pembeli {
  margin-bottom: 100px; }
.checkout-checkout-main .qty-box input {
  text-align: center;
  border: none;
  width: 100px; }
.checkout-checkout-main .cart-foot .voucher .form-group {
  margin-bottom: 20px;
  padding-left: 15px; }
  .checkout-checkout-main .cart-foot .voucher .form-group.kurir {
    width: 225px;
    display: block; }
  .checkout-checkout-main .cart-foot .voucher .form-group.estimasi {
    padding-left: 0px;
    display: block; }
    .checkout-checkout-main .cart-foot .voucher .form-group.estimasi i {
      color: rgba(55, 55, 55, 0.5);
      margin-right: 25px; }
.checkout-checkout-main .cart-foot .voucher .select-icon {
  top: 12px; }
.checkout-checkout-main .cart-foot .info-totals {
  width: 300px; }
  .checkout-checkout-main .cart-foot .info-totals .infos.info-berat {
    font-size: 16px;
    color: rgba(56, 56, 56, 0.5); }
  .checkout-checkout-main .cart-foot .info-totals .infos.diskon {
    color: #FB2C74; }
  .checkout-checkout-main .cart-foot .info-totals .infos.total-main {
    font-weight: 600; }
.checkout-checkout-main .cart-foot .btn {
  width: 280px;
  margin-left: auto; }

.metode-bayar-head h1 {
  font-family: 'Playfair Display';
  font-size: 36px;
  text-align: center; }
.metode-bayar-head p {
  max-width: 485px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px; }

.form-metode-bayar {
  margin-bottom: 150px; }
  .form-metode-bayar .form-check {
    font-size: 18px;
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 30px;
    align-items: center; }
    .form-metode-bayar .form-check img {
      height: 24px;
      vertical-align: middle;
      line-height: 46px; }
    .form-metode-bayar .form-check label {
      position: absolute;
      margin: 0px;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      cursor: pointer; }
    .form-metode-bayar .form-check input {
      margin: 0px;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      display: none; }
    .form-metode-bayar .form-check.btn {
      border: 1px solid #C4C4C4;
      border-radius: 5px;
      padding: 0px 20px;
      height: 46px;
      cursor: pointer; }
      .form-metode-bayar .form-check.btn:hover {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }
      .form-metode-bayar .form-check.btn.active {
        border-color: #FB2C74; }
        .form-metode-bayar .form-check.btn.active i {
          display: block; }
    .form-metode-bayar .form-check i {
      color: #FB2C74;
      display: none;
      margin-left: auto; }
  .form-metode-bayar > .btn {
    background-color: #FB2C74;
    color: white;
    width: 350px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
    display: block;
    font-weight: 600;
    padding: 12px;
    margin-top: 30px; }
    .form-metode-bayar > .btn:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

@media screen and (max-width: 767px) {
  .checkout-info-pembeli {
    margin-bottom: 50px; }

  .checkout-checkout-main .cart-foot .voucher .form-group.kurir {
    width: 100%; }
  .checkout-checkout-main .cart-foot .info-totals {
    width: 100%; }
  .checkout-checkout-main .cart-foot .btn {
    margin-left: 0px;
    width: 100%; } }
@media screen and (max-width: 576px) {
  .form-metode-bayar > .btn {
    width: 100%; } }
@media screen and (max-width: 480px) {
  .grafis-checkout-circle .info-box .text {
    font-size: 12px; } }
.pembayaran-main {
  padding-top: 50px;
  margin-bottom: 150px; }

.pembayaran-head {
  font-family: 'Playfair Display';
  font-size: 36px;
  text-align: center;
  margin-bottom: 50px; }

.pembayaran-pgf {
  text-align: center;
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
  .pembayaran-pgf span {
    display: block;
    font-weight: 600;
    margin-bottom: 10px; }

.pembayaran-waktu {
  text-align: center;
  margin-bottom: 50px; }
  .pembayaran-waktu.history-detail {
    text-align: left;
    padding-left: 15px;
    margin-bottom: 20px; }
  .pembayaran-waktu .time {
    display: inline-block;
    text-align: center; }
    .pembayaran-waktu .time .numbers {
      font-size: 38px;
      font-weight: 600;
      line-height: 38px; }
    .pembayaran-waktu .time span {
      font-size: 14px; }
  .pembayaran-waktu .dots {
    font-size: 38px;
    height: 38px;
    line-height: 38px;
    font-weight: 600;
    vertical-align: top;
    display: inline-block;
    margin: 0px 20px; }

.pembayaran-detail {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px; }
  .pembayaran-detail .detail-box {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
    .pembayaran-detail .detail-box.small-marg {
      margin-bottom: 5px; }
    .pembayaran-detail .detail-box > div {
      display: inline-block; }
    .pembayaran-detail .detail-box .sub-title {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.5); }
    .pembayaran-detail .detail-box.mini {
      margin-bottom: 10px; }
    .pembayaran-detail .detail-box .value {
      margin-left: auto;
      font-size: 18px; }
      .pembayaran-detail .detail-box .value.bank {
        text-align: right; }
        .pembayaran-detail .detail-box .value.bank .no-rek {
          font-weight: 600; }
        .pembayaran-detail .detail-box .value.bank a {
          font-style: italic;
          text-decoration: underline;
          font-size: 14px;
          color: #373737; }
          .pembayaran-detail .detail-box .value.bank a:hover {
            color: #FB2C74; }
  .pembayaran-detail .salin-nominal {
    text-align: right;
    margin-bottom: 20px; }
    .pembayaran-detail .salin-nominal a {
      font-size: 14px;
      font-style: italic;
      text-decoration: underline;
      color: #373737; }
      .pembayaran-detail .salin-nominal a:hover {
        color: #FB2C74; }
  .pembayaran-detail .tf-info {
    text-align: center;
    padding: 15px 25px;
    background-color: #E4F7E7;
    border-radius: 5px;
    margin-bottom: 20px; }

.btn.pembayaran-btn {
  background-color: #FB2C74;
  color: white;
  width: 100%;
  max-width: 350px;
  margin: 0px auto;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  display: block; }
  .btn.pembayaran-btn:hover {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

.konfirmasi-pembayaran-main {
  padding-top: 50px;
  margin-bottom: 150px; }

.konfirmasi-pembayaran-head {
  font-family: 'Playfair Display';
  font-size: 36px;
  margin-bottom: 20px;
  text-align: center; }

.konfirmasi-pembayaran-texts {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 60px; }

.konfirmasi-pembayaran-form {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto; }
  .konfirmasi-pembayaran-form .select-icon {
    top: 12px; }
  .konfirmasi-pembayaran-form .upload-img {
    width: 150px;
    height: 150px;
    border-radius: 5px;
    border: 1px solid #FB2C74; }
    .konfirmasi-pembayaran-form .upload-img:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }
  .konfirmasi-pembayaran-form .btn {
    padding: 12px 75px;
    background-color: #FB2C74;
    color: white;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    line-height: 23px; }
    .konfirmasi-pembayaran-form .btn:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

@media (max-width: 576px) {
  .konfirmasi-pembayaran-form .btn {
    padding: 12px;
    display: block;
    width: 100%; } }
.history-main {
  margin-bottom: 150px;
  padding-top: 50px; }

.history-side-content {
  margin-bottom: 100px; }
  .history-side-content .title {
    font-family: 'Playfair Display';
    font-size: 20px;
    margin-bottom: 20px; }
  .history-side-content .main {
    text-align: center; }
    .history-side-content .main img {
      width: 100%;
      max-width: 160px;
      margin-bottom: 20px; }
    .history-side-content .main .nama {
      font-family: 'Playfair Display';
      font-size: 18px; }
    .history-side-content .main a {
      color: #373737;
      text-decoration: underline; }
      .history-side-content .main a:hover {
        color: #FB2C74; }

.history-side-links {
  margin-bottom: 50px; }
  .history-side-links > div {
    padding: 0px 20px; }
  .history-side-links a {
    font-weight: 600;
    color: #373737;
    padding: 20px 0px;
    display: block;
    border-bottom: 1px solid #E2E2E2;
    text-decoration: none; }
    .history-side-links a:hover, .history-side-links a.active {
      color: #FB2C74; }

.history-list-table.history-detail .table tbody tr:hover {
  cursor: default; }
.history-list-table .sub-title {
  font-family: 'Playfair Display';
  font-size: 20px;
  margin-bottom: 20px; }
.history-list-table .table th {
  font-weight: normal; }
.history-list-table .table td {
  font-size: 18px; }
.history-list-table .table tbody tr:hover {
  cursor: pointer; }
.history-list-table .status-pesanan {
  background-color: #E4F8FF;
  border-radius: 3px;
  color: #3034DB;
  display: inline-block;
  padding: 3px 15px;
  font-size: 16px;
  margin-bottom: 20px; }
.history-list-table .kode-pesanan {
  margin-bottom: 10px; }
.history-list-table .tanggal .text {
  color: #808080; }
.history-list-table .tanggal .tgl {
  padding-left: 15px; }
.history-list-table .metode-bayar img {
  height: 20px;
  margin-bottom: 15px; }
.history-list-table .metode-bayar .kode {
  font-weight: 600; }
.history-list-table .nominal {
  color: #FC2B74;
  font-weight: bold;
  text-align: center;
  font-size: 32px; }
.history-list-table.history-detail .nominal {
  text-align: left;
  padding-left: 20px;
  margin: 0; }
.history-list-table.history-detail .table td {
  vertical-align: top;
  border-bottom: none; }

.history-detail-sub-title {
  font-size: 18px;
  color: #808080; }

.history-detail-link {
  text-align: left;
  padding-left: 20px; }
  .history-detail-link a {
    color: #373737;
    font-style: italic;
    font-size: 16px;
    text-decoration: underline; }

.history-detail-berat {
  padding-left: 20px; }
  .history-detail-berat img {
    display: inline-block;
    width: 24px; }
  .history-detail-berat span {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    line-height: 24px;
    height: 24px;
    margin-left: 20px; }

.history-detail-info {
  padding-left: 30px;
  padding-top: 30px;
  border-left: 1px solid #E2E2E2; }
  .history-detail-info .checkout-info-pembeli {
    margin-bottom: 50px; }
    .history-detail-info .checkout-info-pembeli h1 {
      font-size: 18px;
      font-weight: normal; }
  .history-detail-info .cart-table .sub-title {
    color: #808080;
    margin-bottom: 5px; }
  .history-detail-info .cart-table .cart-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px; }
  .history-detail-info .cart-table .cart-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .history-detail-info .cart-table .col-product {
    flex-wrap: wrap; }
    .history-detail-info .cart-table .col-product .text-box {
      border-bottom: 1px solid #E2E2E2;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      max-width: 100%;
      padding-bottom: 20px; }
      .history-detail-info .cart-table .col-product .text-box .nama {
        max-width: 205px; }
      .history-detail-info .cart-table .col-product .text-box .harga {
        margin-bottom: 5px; }
  .history-detail-info .cart-table .col-warna {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 20px; }
  .history-detail-info .cart-table .col-berat {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 20px; }
  .history-detail-info .cart-table .col-total-harga {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 20px; }
  .history-detail-info .cart-table .warna-box {
    margin-bottom: 20px; }
    .history-detail-info .cart-table .warna-box:last-child {
      margin-bottom: 0px; }
    .history-detail-info .cart-table .warna-box span {
      margin: 0px 10px; }
  .history-detail-info .cart-table .berat-box {
    margin-bottom: 20px; }
    .history-detail-info .cart-table .berat-box:last-child {
      margin-bottom: 0px; }
  .history-detail-info .cart-table .harga-box {
    margin-bottom: 20px; }
    .history-detail-info .cart-table .harga-box:last-child {
      margin-bottom: 0px; }
  .history-detail-info .cart-foot .voucher {
    padding-left: 87px; }
    .history-detail-info .cart-foot .voucher h5 {
      color: #808080; }
    .history-detail-info .cart-foot .voucher .cart-foot-info {
      padding-left: 50px;
      margin-bottom: 20px; }
      .history-detail-info .cart-foot .voucher .cart-foot-info.estimasi {
        padding-left: 0px; }
        .history-detail-info .cart-foot .voucher .cart-foot-info.estimasi i {
          color: rgba(55, 55, 55, 0.5);
          margin-right: 25px; }
  .history-detail-info .cart-foot .info-totals {
    width: 300px;
    margin-right: 40px; }
    .history-detail-info .cart-foot .info-totals .infos.info-berat {
      font-size: 16px;
      color: rgba(56, 56, 56, 0.5); }
    .history-detail-info .cart-foot .info-totals .infos.diskon {
      color: #FB2C74; }
    .history-detail-info .cart-foot .info-totals .infos.total-main {
      font-weight: 600; }

.cart-table.static .col-warna .warna-box {
    margin-bottom: 35px;
}

.cart-table.static .col-warna .warna-box:last-child {
    margin-bottom: 0px;
}

.cart-table.static .col-qty .qty-box {
    margin-bottom: 35px;
}

.cart-table.static .col-qty .qty-box:last-child {
    margin-bottom: 0px;
}

.cart-table .action-box {
    display: flex;
    margin-bottom: 35px;
    text-align: center;
}

.cart-table .action-box:last-child {
    margin-bottom: 0px;
}

@media (max-width: 992px) {
  .history-detail-info .cart-table {
    overflow-x: scroll; }
    .history-detail-info .cart-table .cart-row {
      min-width: 800px; }
  .history-detail-info .cart-foot .voucher {
    margin-bottom: 30px; }
  .history-detail-info .cart-foot .info-totals {
    padding-left: 87px;
    width: 100%;
    margin-right: 0px; } }
@media (max-width: 576px) {
  .history-detail-info .cart-foot .voucher {
    padding-left: 0px; }
  .history-detail-info .cart-foot .info-totals {
    padding-left: 0px; } }
.tracking-order-head {
  text-align: center;
  padding-top: 100px;
  max-width: 605px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 60px; }
  .tracking-order-head h1 {
    font-family: 'Playfair Display';
    font-size: 36px;
    margin-bottom: 20px; }

.tracking-order-form {
  max-width: 540px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 150px; }
  .tracking-order-form .form-gorup {
    margin-bottom: 50px; }
  .tracking-order-form .btn {
    display: block;
    max-width: 350px;
    background-color: #FB2C74;
    color: white;
    font-size: 18px;
    border-radius: 5px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

.tracking-order-result.history-main {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto; }

  .forgot-reset-password {
    padding-top: 50px;
    margin-bottom: 150px; }
    .forgot-reset-password h1 {
      font-family: 'Playfair Display';
      font-size: 36px;
      margin-bottom: 20px;
      text-align: center; }
    .forgot-reset-password p {
      margin-bottom: 60px;
      text-align: center; }
    .forgot-reset-password form {
      max-width: 540px;
      margin-left: auto;
      margin-right: auto; }

  .forgot-pass-form .form-group {
    margin-bottom: 50px; }
  .forgot-pass-form .btn {
    background-color: #FB2C74;
    color: white;
    width: 100%;
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    display: block;
    padding: 12px; }
    .forgot-pass-form .btn:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

  .reset-pass-form .form-group {
    margin-bottom: 30px; }
    .reset-pass-form .form-group:last-of-type {
      margin-bottom: 50px; }
  .reset-pass-form .btn {
    background-color: #FB2C74;
    color: white;
    width: 100%;
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    display: block;
    padding: 12px; }
    .reset-pass-form .btn:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

  .forgot-pass-form-response .form-group {
    display: block; }
  .forgot-pass-form-response .btn {
    width: 255px;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
    line-height: 23px;
    display: block;
    margin-bottom: 15px;
    padding: 12px; }
    .forgot-pass-form-response .btn.disabled {
      background-color: #EDEDED;
      color: #797979; }
    .forgot-pass-form-response .btn.active {
      border: 1px solid #FB2C74;
      color: #FB2C74; }
      .forgot-pass-form-response .btn.active:hover {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

  .blog-page {
    padding-top: 80px;
    margin-bottom: 150px; }
    .blog-page-title {
      font-family: 'Playfair Display';
      font-size: 36px;
      margin-bottom: 20px;
      text-align: center; }

  .navbar-blog {
    margin-bottom: 50px; }
    .navbar-blog a {
      color: #373737;
      font-weight: 600; }
      .navbar-blog a:hover, .navbar-blog a:focus {
        color: #FB2C74; }
    .navbar-blog .dropdown-toggle::after {
      display: none; }
    .navbar-blog .navbar-nav .nav-link {
      padding: 6px 15px; }
    .navbar-blog .dropdown-menu {
      top: 80%;
      padding-left: 20px;
      padding-right: 20px; }
      .navbar-blog .dropdown-menu .sub-menu .dropdown-item {
        border-bottom: 1px solid #E2E2E2;
        padding-left: 0px; }
        .navbar-blog .dropdown-menu .sub-menu .dropdown-item:last-child {
          border-bottom: none; }
    .navbar-blog .dropdown-item {
      padding-left: 0px;
      padding-right: 0px;
      text-align: center;
      font-weight: 400; }
      .navbar-blog .dropdown-item:hover, .navbar-blog .dropdown-item:focus {
        background-color: transparent; }

  .blog-page-slider {
    position: relative;
    margin-bottom: 100px; }
    .blog-page-slider.owl-carousel .owl-stage-outer:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

  .blogpage-slider-item {
    position: relative;
    display: block; }
    .blogpage-slider-item .img-box {
        background-size: cover !important;
        width: 100%;
        height: 600px; }
    .blogpage-slider-item img {
      width: 100%; }
    .blogpage-slider-item .text {
      background-color: rgba(245, 246, 248, 0.75);
      padding: 52px 36px;
      position: absolute;
      left: 40px;
      bottom: 40px;
      width: 540px; }
      .blogpage-slider-item .text span {
        font-size: 18px;
        display: block;
        color: #FB2C74; }
      .blogpage-slider-item .text .title {
        font-family: 'Playfair Display';
        font-size: 28px;
        color: #373737; }
      .blogpage-slider-item .text .main {
        font-size: 18px;
        color: #373737; }

  .blog-list {
    padding-left: 15%;
    padding-right: 50px;
    padding-bottom: 50px; }

  .blog-list-box {
    align-items: center;
    margin-bottom: 65px; }
    .blog-list-box:hover {
      text-decoration: none;
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }
    .blog-list-box .img-box {
      background-size: cover !important;
      width: 350px;
      height: 250px; }
    .blog-list-box img {
      width: 350px; }
    .blog-list-box .text {
      padding: 0px 30px; }
      .blog-list-box .text span {
        font-size: 18px;
        display: block;
        color: #FB2C74;
        margin-bottom: 15px; }
      .blog-list-box .text .title {
        font-family: 'Playfair Display';
        font-size: 28px;
        color: #373737; }
      .blog-list-box .text .main {
        font-size: 18px;
        color: #373737; }

  .blog-detail img {
    width: 100%;
    margin-bottom: 50px; }
  .blog-detail .text {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto; }
    .blog-detail .text span {
      font-size: 18px;
      display: block;
      color: #FB2C74;
      margin-bottom: 10px; }
    .blog-detail .text .title {
      font-family: 'Playfair Display';
      font-size: 28px;
      color: #373737; }
    .blog-detail .text .date {
      font-size: 16px;
      color: rgba(55, 55, 55, 0.5);
      margin-bottom: 30px; }
    .blog-detail .text .main {
      font-size: 18px;
      color: #373737; }

  @media (max-width: 992px) {
    .blog-list {
      padding-left: 0px;
      padding-right: 0px; } }
  @media (max-width: 768px) {
    .blog-list-box {
      display: block; }
      .blog-list-box .img-box {
        background-size: cover !important;
        width: 100%;
        height: 250px;
        margin-bottom: 20px; }
      .blog-list-box img {
        width: 100%;
        margin-bottom: 20px; } }
  .pengaturan-akun-form {
    max-width: 550px; }
    .pengaturan-akun-form .pass-group {
      padding-right: 60px; }
      .pengaturan-akun-form .pass-group a {
        font-style: italic;
        text-decoration-line: underline;
        color: #373737;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 8px; }
        .pengaturan-akun-form .pass-group a:hover {
          color: #FB2C74; }
    .pengaturan-akun-form .btn {
      background-color: #FB2C74;
      color: white;
      display: block;
      width: 100%;
      max-width: 350px;
      margin-left: auto;
      margin-right: auto;
      padding: 12px;
      font-weight: 600;
      font-size: 18px;
      border-radius: 5px; }
      .pengaturan-akun-form .btn:hover {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

  .ubah-pass-form {
    max-width: 550px; }
    .ubah-pass-form .btn {
      background-color: #FB2C74;
      color: white;
      display: block;
      width: 100%;
      max-width: 350px;
      margin-left: auto;
      margin-right: auto;
      padding: 12px;
      font-weight: 600;
      font-size: 18px;
      border-radius: 5px; }
      .ubah-pass-form .btn:hover {
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

  .informasi-bantuan img {
    width: 100%;
    margin-bottom: 30px; }
  .informasi-bantuan p {
    margin-bottom: 30px;
    font-size: 18px; }
  .informasi-bantuan .visi-misi {
    padding: 0px 100px; }
    .informasi-bantuan .visi-misi span {
      display: block;
      padding-top: 30px; }
  .informasi-bantuan h5 {
    margin-bottom: 30px; }

  form.search-faqs h5 {
    padding-top: 10px;
    margin-right: auto; }
  form.search-faqs .form-row {
    margin-right: 0px;
    margin-left: 0px; }
  form.search-faqs .search-box {
    position: relative;
    width: 300px; }
    form.search-faqs .search-box i {
      position: absolute;
      left: 15px;
      top: 15px; }
    form.search-faqs .search-box input {
      width: 100%;
      padding-left: 40px; }
  form.search-faqs .btn {
    background-color: #FB2C74;
    color: white;
    padding: 10px 20px;
    height: 45px;
    margin-left: 15px; }
    form.search-faqs .btn:hover {
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); }

  .faqs-info .card {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #E2E2E2; }
  .faqs-info .card-header {
    text-align: left;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #E2E2E2;
    background-color: white;
    font-weight: 600;
    position: relative;
    padding-right: 35px; }
    .faqs-info .card-header:hover {
      color: #FB2C74; }
    .faqs-info .card-header i {
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -6px;
      color: rgba(55, 55, 55, 0.5); }
      .faqs-info .card-header i.rotated {
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari 3.1+ */
        -moz-transform: rotate(180deg);
        /* Firefox 3.5-15 */
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -o-transform: rotate(180deg);
        /* Opera 10.50-12.00 */
        transform: rotate(180deg);
        /* Firefox 16+, IE 10+, Opera 12.10+ */ }
  .faqs-info button:focus {
    outline: none; }

  @media (max-width: 576px) {
    form.search-faqs h5 {
      margin-right: 0px;
      width: 100%;
      margin-bottom: 10px; }
    form.search-faqs .search-box {
      width: 100%;
      margin-bottom: 10px; }
    form.search-faqs .btn {
      margin-left: 0px; } }

/*# sourceMappingURL=styles.css.map */