/* Hide Install button until beforeinstallprompt fires */
  #install { 
    display: none;
  }
  #installInstructions {
    display: none
 }
 @media (display-mode: browser) {
    #installInstructions {
      display: block
    }
 }
/* end Notif instalation */

@font-face {
    font-family: 'peak-light';
    src: url('../fonts/peak-light.eot');
    src: url('../fonts/peak-light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/peak-light.woff') format('woff'),
        url('../fonts/peak-light.ttf') format('truetype'),
        url('../fonts/peak-light.svg#peak-light') format('svg');
    font-weight: normal;
    font-style: normal;
}



 /*scanqr */
main #reader video,
main #reader .qrbox__overlay {
    display: none;
}
/* CSS untuk membuat elemen #reader menjadi full screen */
main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

#reader {
    width: 100vw; /* Lebar elemen #reader mengambil lebar seluruh viewport */
    height: 100vh; /* Tinggi elemen #reader mengambil tinggi seluruh viewport */
    position: fixed; /* Elemen #reader akan tetap mengambang dan mengisi layar */
    top: 0; /* Meletakkan elemen #reader di bagian atas layar */
    left: 0; /* Meletakkan elemen #reader di bagian kiri layar */
    background-color: rgb(247, 245, 245); /* Memberi latar belakang hitam pada elemen #reader */
}

#result {
    text-align: center;
    position: fixed;
    font-size: 1.5rem;
    
    top: 20px; /* Agar hasil pemindaian QR code sedikit terpisah dari elemen #reader */
}
/* endscanqr */


/* Promo */
.running-text-container {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .running-text {
    white-space: nowrap;
    position: absolute;
    animation: marquee 15s linear infinite;
    color: rgb(245, 242, 242); /* Ganti warna teks menjadi hitam (black) */
  }
  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  /* end runing text */
/* end Promo */


/* #####################  MODAL ###########*/

/* CSS untuk elemen hr pada modal-body */
.modal-body hr {
    border: 1px solid #ccc; /* Warna dan lebar garis */
    margin: 10px 0; /* Jarak di atas dan di bawah hr */
}
.modal-dialog {
    max-width: 90%; /* Maksimum lebar modal */
    margin: 1.75rem auto; /* Jarak dari atas dan bawah */
}
/* Atur ukuran gambar agar responsif di dalam modal */
.modal-body img {
    max-width: 100%;
    height: auto;
}
/* Jika ingin menampilkan gambar secara tengah di dalam modal */
.modal-body img.align-middle {
    display: block;
    margin: 0 auto;
}
/* modal popup timer */
#myModal{
    display:none;
}
#timer{
    visibility: hidden;
}
/*Widget Pop Up Card*/
#mstamvan {
    z-index: 1000;
    position: fixed !important;
    top: 100px;
    left: 50%;
    width: 700px;
    margin-left: -350px;
}
#belakang {
    left: 0px;
    background: #000 none repeat scroll 0% 0%;
    opacity: 0.6;
    position: fixed;
    z-index: -1;
    top: 0px;
    height: 100%;
    width: 100%;
}
.tulisan {
    font-size: 20px;
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.14);
    cursor: pointer;
    display: inline-block;
    padding: 2px 9px;
    text-align: center;
    font-family: arial, sans-serif;
    position: absolute;
    top: -15px;
    right: -20px;
    color: #344; /* Perubahan dari collor menjadi color */
    /* return: false; /* Perintah 'return' tidak diperlukan dalam CSS, perintah ini khas JavaScript */
}

.isinya {
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    width: 700px;
    height: 400px;
    border: 4px solid #FFF;
}
/* end modal popup timer */




.kedip {
    animation: kedip-animasi 1s infinite alternate;
}

@keyframes kedip-animasi {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* END MODAL  */

/* QR */
.qr-code-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.qr-code-img {
    
    max-height: 180px; /* Sesuaikan dengan tinggi yang Anda inginkan */
    width:  180px;
    
}




/* ############ Paket ############ */
.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* Aspek rasio 16:9 */
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blue-box {
    position: fixed;
    top: 5;
    z-index: 9999;
    width: 100%;
    height: 22px;
    background-color: rgba(7, 7, 7, 0.5);
}


/* Container Styling */
.button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  /* Button Styling */
  .btn-info {
    font-size: 14px;
    width: 48%;
    margin-bottom: 2%;
  }
  
  .btn-success {
    font-size: 14px;
    width: 100%;
    margin-bottom: 2%;
  }

  .butt_regis {
    background-color: black; /* Ubah warna latar belakang tombol menjadi hitam */
    color: white; /* Ubah warna teks tombol menjadi putih */
    font-size: 14px;
}

.btn-danger {
    position: relative; /* Pastikan tombol memiliki posisi relatif */
    z-index: 10000; /* Atur z-index tombol lebih tinggi daripada .blue-box */
    /* Gaya lain yang Anda inginkan untuk tombol */
    background-color: #dc3545;
}

#togglePassword {
    position: absolute;
    top: 50%;
    right: 10px; /* Sesuaikan jarak dari tepi kanan */
    transform: translateY(-50%);
    cursor: pointer;
  }
  
  .jenis_name.required:after {
      content: " *";
      color: red;
    }
  
    .password-wrapper {
      position: relative;
  }
  



/* ############# Product untuk Shopify ######### */

#shopify-products img {
    /* display: inline-block; */
    width: 18%;
    /* height: 300px; */
    padding: 4px;
    /* object-fit: cover;
    object-position: center; */
}

 /* Container untuk setiap produk */
 .product-container {
    width: calc(33.33% - 20px); /* Lebar 33.33% untuk 3 kolom dengan jarak 20px */
    margin: 10px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    text-align: center;
    background-color: #f9f9f9;
}

/* Container untuk produk */
.product {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Gambar produk */
.product-image {
    max-width: 100%;
    height: auto;
}

/* Judul produk */
.product-title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

/* Harga produk */
.product-price {
    font-size: 16px;
    color: #ff6600; /* Warna harga sesuaikan dengan preferensi Anda */
}

/* Deskripsi produk */
.product-description {
    margin-top: 5px;
    font-size: 10px;
}
.product-sku {
    margin-top: 10px;
    font-size: 10px;
}
/* Responsif untuk perangkat seluler */
@media (max-width: 768px) {
    .product-container {
        width: calc(50% - 20px); /* Lebar 50% untuk 2 kolom pada perangkat seluler */
    }
}
/* end untuk shopify */

/* ##############   instagram feed  ################## */
#instafeed-container a img {
    width: 25%;
    /* Tambahkan gaya lain yang ingin Anda terapkan hanya untuk img di dalam #instafeed-container */
    padding: 3px; /* Atur jarak kosong sekitar setiap gambar */
}
/* end  instagram feed */



#footerbox{

    display: flex;
    justify-content: center;
    background-color: #7e7b7b; /* Ganti dengan warna latar belakang yang diinginkan */
    padding: 5px 0; /* Tambahkan padding di atas dan bawah sesuai kebutuhan */
    /* background: rgba(178, 182, 175, 0.8); */

    /* position: relative;
    bottom : 0;
    z-index: 99999;
    width: 100%;
    max-width: 500px; 
    height: 200px; 
    background-color: #909688;  */
  }



body{
    /*font-family: 'Open Sans',Helvetica,Arial,sans-serif !important;*/
    font-family: 'peak-light';
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 15%;
    /* left: 10px; */
    right: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
    transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
    transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-top--fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.cd-top:hover {
    background-color: #656565;
    opacity: 1;
}

.lazy-loading {
    background: #fff url(../images/loading.gif) center/25% no-repeat;
    opacity: 1;
    visibility: visible;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: 0.2s, 0.15s;
    transition-duration: 0.2s, 0.15s;
    -webkit-transition-timing-function: ease-out, ease-in-out;
    transition-timing-function: ease-out, ease-in-out;
}
.igrightdua .item{
    margin: 15px;
}
.igrightdua .item img{
    display: block;
    width: 100%;
    height: auto;
}

.detail_foto_m .item{
    margin: 10px;
}

.detail_foto_m .item img{
    display: block;
    width: 100%;
    height: auto;
}

.bersihkan{
    clear: both;
}

a,
button {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.panel-title > a {
    display: block;
    position: relative;
    font-size: 13px;
    font-family: 'peak-light';
    color: #000;
}

.panel-title > a:hover{
    text-decoration: none;
}

.panel-title > a:focus{
    text-decoration: none;
}
.panel-title > a:after {
    content: "\f078"; /* fa-chevron-down */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
}
.panel-title > a[aria-expanded="true"]:after {
    content: "\f077"; /* fa-chevron-up */
    font-weight: 900;
}

.panel-body{
    font-size: 12px;
    font-family: 'peak-light';
    color: #000;
}


/* ############################### cart bag ################################ */
#cart-bag{
    position: relative;
}

#cart-bag .main-cart-bag{
    border: #d7d7d7 1px solid;
    width: 280px;
    height: auto;
    background: #fff;
    right: 0;
    top: 30px;
    padding: 10px;
    position: absolute;
    z-index: 9999;
    display: none;
}

#cart-bag .main-cart-bag .content-list{
    margin: 0;
    padding: 0;
    max-height: 280px;
    overflow: scroll;
}

#cart-bag .main-cart-bag .content-list .list-bag{
    margin: 0 0 10px 0;
    padding: 5px;
    /* border-bottom: 1px solid #d7d7d7; */
    border: 1px solid #d7d7d7;
}

#cart-bag .main-cart-bag .content-list .list-bag .img-bag{
    float: left;
    width: 30%;
    margin-right: 10px;
}

#cart-bag .main-cart-bag .content-list .list-bag .img-bag img{
    max-width: 100%;
    width: 100%;
    height: auto;
}

#cart-bag .main-cart-bag .content-list .list-bag .detail-bag{
    float: left;
    width: 65%;
    position: relative;
}

#cart-bag .main-cart-bag .content-list .list-bag .detail-bag .pro-product-bag{
    font-size: 13px;
    font-family: 'peak-light';
    font-style: normal;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 5px;
}

#cart-bag .main-cart-bag .content-list .list-bag .detail-bag .ukur-product-bag{
    font-size: 13px;
    font-family: 'peak-light';
    font-style: normal;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 5px;
}

#cart-bag .main-cart-bag .content-list .list-bag .detail-bag .harga-product-bag{
    color: #9b6559;
    font-family: 'peak-light';
    font-weight: bold;
}

#cart-bag .main-cart-bag .content-list .list-bag .detail-bag .remove{
    position: absolute;
    top: 2px;
    right: 0;
    cursor: pointer;
}

#cart-bag .main-cart-bag .content-list .list-bag .detail-bag .remove .img-close{
    width: 15px;
    border: 1px solid #d5a380;
    padding: 3px;
}

#cart-bag .main-cart-bag .total_cos{
    margin: 15px 0 0 0;
    padding: 0;
    border-bottom: 1px solid #d7d7d7;
}

#cart-bag .main-cart-bag .total_cos .title_cos{
    color: #999;
    font-size: 15px;
    font-weight: bold;
    float: left;
    padding-top: 2px;
    text-transform: capitalize;
}

#cart-bag .main-cart-bag .total_cos .nilai_cos{
    /*color: #e4921e;*/
    color: #9b6559;
    font-size: 17px;
    float: right;
    font-weight: bold;
}

#cart-bag .main-cart-bag .to_chek{
    margin: 10px 0;
    padding: 0;
}

#cart-bag .main-cart-bag .to_chek a .butt_cos{
    /*background: #f335a1;*/
    background: #d5a380;
    padding: 7px 15px;
    width: 100%;
    border: none;
    border-radius: 3px;
}

#cart-bag .main-cart-bag .to_chek a{
    color: #fff;
    text-transform: uppercase;
    font-family: 'peak-light';
    font-size: 14px;
    background: #f335a1;
    /*    padding: 7px 15px;*/
    width: 100%;
    border: none;
    border-radius: 3px;
}

#cart-bag .main-cart-bag .to_chek a:hover{
    text-decoration: none;
}

#cart-bag .main-cart-bag .to_buy{
    margin: 0;
    padding: 0;
}

#cart-bag .main-cart-bag .to_buy a .butt_shop{
    background: #fff;
    padding: 7px 15px;
    width: 100%;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
}

#cart-bag .main-cart-bag .to_buy a{
    color: #565656;
    text-transform: uppercase;
    font-family: 'peak-light';
    font-size: 14px;
}

#cart-bag .main-cart-bag .to_buy a:hover{
    text-decoration: none;
}

/* end cart bag */


/* ############################### topmenu ################################ */
#topmenu{
    /* margin: 0;
    padding: 0;
    width: 100%; */
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    
    /* overflow: hidden; */
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s;
}

#topmenu.shrink{
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(153,158,157,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(153,158,157,1);
    box-shadow: 0px 2px 5px 0px rgba(153,158,157,1);
}

#topmenu.shrink .logos{
    transition: all 1s;
    height: 50px;
}

#topmenu.shrink .logos img{
    height: 35px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

#topmenu .top {
    /*background: #000000;*/
    background: #909688;
    padding: 3px 0;
    margin: 0;
    width: 100%;
}

#topmenu .top a{
    text-transform: uppercase;
    font-size: 9px;
    font-family: 'peak-light';
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
}

#topmenu .top a:hover{
    text-decoration: none;
}

#topmenu .top .payment{
    padding: 0;
}

#topmenu .top .freeship{
    padding: 0;
}

#topmenu .top .logreg{
    padding: 0;
    text-align: right;
}

#topmenu .top .logreg ul{
    padding: 0;
}

#topmenu .top .logreg ul li a{
    padding: 5px 0 0 0;
}

#topmenu .top .logreg ul li a:hover{
    background: #000 !important;
}

#topmenu .top .logreg ul .open a{
    background: none;
}

#topmenu .top .logreg ul li ul{
    background: #000;
    padding: 5px 12px 4px 12px;
}

#topmenu .top .logreg ul li ul li{
    padding: 13px 0;
    border-bottom: 1px solid #666666;
}

#topmenu .top .logreg ul li ul li:last-child{
    border: none;
}

#topmenu .top .logreg ul li ul li .total-points{
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding-left: 17px;
    font-family: 'peak-light';
}

#topmenu .top .logreg ul li ul li a{
    padding: 0;
}

#topmenu .top .logreg ul li ul li a:hover{
    color: #999999;
}

#topmenu .top .logreg ul li ul li a i{
    margin-right: 3px;
}

#topmenu .menus .navbar .navbar-nav li.active a{
    /*    background: #005f2f;*/
    background: none;
    font-family: 'peak-light';
    color: #59ff00;
}



/* topmenu NAVBAR */
#topmenu .menus .navbar .navbar-nav li a{
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'peak-light';
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    letter-spacing: 1px;
    border-bottom: 2px solid #fff;
}

#topmenu .menus .navbar .navbar-nav li.salee{
    text-align: center;
    background: url('../images/sale-gaudi.gif') no-repeat center;
    background-size: 131% 176%;
    display: inline-table;
    background-position-x: -27px;
    background-position-y: -25px;
}

#topmenu .menus .navbar .navbar-nav li.salee2{
    text-align: center;
    background: url('../images/sale-gaudi-old.gif') no-repeat center;
    background-size: 100% 100%;
    display: inline-table;
    /*    background-position-x: -27px;
        background-position-y: -25px;*/
}

#topmenu .menus .navbar .navbar-nav li a.pro_sale{
    /*color: red !important; */
    font-weight: bold;
    border: none !important;
}
#topmenu .menus .navbar .navbar-nav li a.pro_sale:hover{
    border: none;
}

#topmenu .menus .navbar .navbar-nav li a:hover{
    text-decoration: none;
    /* color: #ec068d; */
    border-bottom: 2px solid #000;
}

#topmenu .menus .navbar .navbar-nav li ul.dropdown-menu{
    padding: 10px 0;
}

#topmenu .menus .navbar .navbar-nav li ul.dropdown-menu > li{
    padding: 5px 15px;
}

#topmenu .menus .navbar .navbar-nav li ul.dropdown-menu > li a{
    padding: 0;
    font-family: 'peak-light';
    border-bottom: 2px solid #fff;
}

#topmenu .menus .navbar .navbar-nav li ul.dropdown-menu > li a:hover{
    background: none;
    border-bottom: 2px solid #000;
}



/* Menentukan ukuran ikon SVG secara responsif */
.navbar .navbar-list .navbar-item .icon-wrapper svg {
    width: 25px;
    height: 25px;
    fill: white; /* Warna ikon (gantilah dengan warna yang Anda inginkan) */
  }
  
  
  /* Membuat menu horizontal dengan ikon */
  .navbar .navbar-list {
    display: flex;
    justify-content: center; /* Mengatur item-menu berada di tengah secara horizontal */
    align-items: center; /* Mengatur item-menu berada di tengah secara vertikal */
    overflow-x: auto; /* Membuat konten horizontal dapat di-scroll jika tidak cukup lebar */
    white-space: nowrap; /* Mencegah pemisahan konten menjadi beberapa baris */
    padding: 0; /* Hilangkan padding agar item-menu berada di tengah secara horizontal */
  }
  
  /* Mengatur tata letak dan tampilan list item */
  .navbar .navbar-list li {
    list-style-type: none;
    margin-right: 10px; /* Atur ruang antara item-menu */
  }
  
  /* Menghilangkan garis bawah di tautan */
  .navbar .navbar-list li a {
    text-decoration: none;
    color: black; /* Warna teks (gantilah dengan warna yang Anda inginkan) */
  }
  
  /* Menerapkan gaya ikon untuk tampilan responsif (ukuran layar <= 768px) */
  @media (max-width: 768px) {
    /* Mengatur ukuran ikon menjadi lebih kecil untuk tampilan responsif */
    .navbar .navbar-list .navbar-item .icon-wrapper svg {
      width: 20px;
      height: 20px;
    }
  }
  
  @media (max-width: 768px) {
    #bottommenu {
        display: none;
    }
  }
  

.mobile-show{
    display: none;
}

/*sticky sidebar*/

#topmenu .top .logreg ul li ul li a svg{
    margin-right: 5px;
}

#topmenu .top .cartop{
    padding: 0;
    text-align: right;
}

#topmenu .logos {
    background: #fff;
    padding: 15px 0 0 0;
    margin: 0;
    width: 100%;
    height: 98px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

#topmenu .logos img{
    height: 83px;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

/* start top menu  */
#topmenu .menus{
    width: 100%;
    background: #ffffff;
}

#topmenu .menus .navbar{
    margin: 0;
    background: none;
    border: none;
}

#topmenu .menus .navbar .container-fluid{
    margin: 0;
    padding: 0;
}

#topmenu .menus .navbar .container-fluid .navbar-collapse{
    padding: 0;
}
#topmenu .menus .navbar .navbar-nav li{
    padding: 15px;
}

@media (min-width: 1025px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}
/* END TOP MENU */


/* ############################################# bottommenu  ########################## */
/* Aturan untuk menu di bottom menu */
#bottommenu {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    justify-content: center;
    align-items: center;
   
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    min-height: 60px; /* Set tinggi minimum sesuai kebutuhan */
}

/* END bottommenu */

/* ############################################################# */

a.icon-search{
    font-size: 16px !important;
    border: none !important;
}

a.icon-search:hover{
    border: none !important;
}

.search_modal .md-close{
    position: absolute;
    right: 24px;
    bottom: 25px;
}

.modal-dialog{
    top: 30%;
}

.logomobile{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 999;
    height: 25px;
    top: 16px;
}

.navbar-left {
    float: left;
    margin-left: 13px;
}

.carii{
    margin-left: 0 !important;
}

#slide{
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
}

#slide .main_slide{
    width: 100%;
    margin: 0;
    padding: 0;
}

#point_mobile{
    width: 100%;
    margin: 0;
    margin-top: 176px;
}

#point_mobile .main-point_mobile .my-point{
    padding-bottom: 7px;
    padding-top: 7px;
    border-top: 1px solid #ccc;
}

#point_mobile .main-point_mobile .my-point .icon-point{
    float: left;
    margin: 8px 10px 0 15px;
}

#point_mobile .main-point_mobile .my-point .icon-point i{
    font-size: 16px;
}

#point_mobile .main-point_mobile .my-point .ttl_point{
    float: left;
}

#point_mobile .main-point_mobile .my-point .ttl_point .lbl-point{
    font-family: 'peak-light';
    font-size: 12px;
    font-weight: 600;
    color: #333;
}

#point_mobile .main-point_mobile .my-point .ttl_point .lbl-point a{
    color: #333;
}

#point_mobile .main-point_mobile .my-point .ttl_point .lbl-point a:hover{
    text-decoration: none;
}

#point_mobile .main-point_mobile .my-point .ttl_point .jmlh-point{
    font-family: 'peak-light';
    font-size: 12px;
    font-weight: 600;
    color: #333;
}

@media (min-device-width: 426px) {
    #point_mobile{
        display: none;
    }
}

@media (max-device-width: 425px) {
    #point_mobile{
        display: block;
        width: 100%;
        margin-top: 86px;
    }
    #slide{
        margin: 0;
    }
}

#promo{
    width: 100%;
    margin: 0;
    margin-top: 176px;
}

#promo .main_promo{
    margin: 0;
    width: 100%;
}

#promo .main_promo a{
    position: relative;
    -webkit-transition: alllease .2s .2s;
    -o-transition: all ease .2s .2s;
    transition: all ease .2s .2s;
    display: block;
}

#promo .main_promo .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: 2;
    -webkit-transition: all ease .35s .35s;
    -o-transition: all ease .35s .35s;
    transition: all ease .35s .35s;
}

#promo .main_promo .overlay:hover{
    opacity: 1;
}

@media (min-device-width: 426px) {
    #promo .main_promo img.promo1{
        width: 100%;
        border: none;
        display: block;
    }

    #promo .main_promo img.promo2{
        display: none;
    }
}

@media (max-device-width: 425px) {
    #promo .main_promo img.promo1{
        display: none;
    }

    #promo .main_promo img.promo2{
        width: 100%;
        border: none;
        display: block;
    }
}

#content{
    margin: 177px 0 0 0;
    padding: 0;
    width: 100%;
}

.content_home{
    margin-top: 16px !important;
}

#content .home_quote{
    margin: 0;
    padding: 0;
}

#content .home_quote .home_quote_title{
    text-align: center;
    font-weight: bold;
    color: #000;
    text-transform: capitalize;
    font-family: 'peak-light';
    font-size: 30px;
    margin: 25px 0 10px 0;
}

#content .home_quote .home_quote_content{
    text-align: center;
    margin-bottom: 30px;
    font-family: 'peak-light';
    font-size: 13px;
    color: #000;
}

#content .bannernew{
    margin: 0;
    padding: 0;
}

#content .bannernew .cont-wrap_banner{
    margin: 0;
    padding: 0;    
}

#content .bannernew .wrap_banner{
    margin: 0;
    padding: 0;
}

#content .bannernew .wrap_banner .title_bannernew{
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
    font-family: 'peak-light';
    text-transform: capitalize;
    color: #000;
    font-size: 21px;
}

#content .bannernew .wrap_banner .cont_banner{
    margin: 0;
    padding: 0;
}

#content .bannernew .wrap_banner .cont_banner .main_banner{
    margin-bottom: 15px;
}

#content .bannernew .wrap_banner .cont_banner .main_banner img{
    max-width: 100%;
}

#content .imgig{
    margin: 30px 0;
    text-align: center;
}

#content .imgig .title_imgig{
    font-weight: bold;
    color: #000;
    font-size: 25px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    font-family: 'peak-light';
}

#content .imgig .sec_title_imgig{
    font-weight: bold;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
}

#content .imageig{
    margin: 0;
    padding: 0;
}

#content .imageig .igleft{
    margin: 0;
    padding: 0;
}

#content .imageig .igleft img{
    width: 100%;
    height: auto;
    border: 1px solid #fff;
}

#content .imageig .igright{
    margin: 0;
    padding: 0;
}

#content .imageig .igright .wrap_igright{
    padding: 0;
}

#content .imageig .igright .main_igright{
    padding: 0;
    margin: 0;
}

#content .imageig .igright .main_igright img{
    height: auto;
    width: 100%;
    max-width: 100%;
    border: 1px solid #fff;
}

#content .prod_feature{
    width: 100%;
    /*    background: #FEF7F6;*/
    padding: 40px 0 25px 0;
}

#content .prod_feature .title_feature{
    text-align: center;
    margin-bottom: 15px;
}

#content .prod_feature .title_feature .title_top{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    font-family: 'peak-light';
}

.main_prod_feature{
    margin: 0;
}

.main_prod_feature .img_feature{
    margin: 10px;
}

.main_prod_feature .img_feature a:hover{
    text-decoration: none;
}

.main_prod_feature .img_feature img{
    display: block;
    width: 100%;
    height: auto;
}

/* #content .prod_feature .main_prod_feature{
    margin: 0;
    padding: 0;
}

#content .prod_feature .main_prod_feature .img_feature{
    margin-bottom: 10px;
}

#content .prod_feature .main_prod_feature .img_feature .img_product{
    margin-bottom: 15px;
}

#content .prod_feature .main_prod_feature .img_feature .img_product img{
    height: 366px;
    width: 100%;
} */

#content .prod_feature .main_prod_feature .img_feature .namhar{
    margin: 10px 0 0 0;
    padding: 0;
}

#content .prod_feature .main_prod_feature .img_feature .namhar .namprod{

    text-align: center;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 5px;
    letter-spacing: 2px;
}

#content .prod_feature .main_prod_feature .img_feature .namhar .harprod{
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #e4921e;
    font-family: 'peak-light';
    letter-spacing: 1px;
}

#content .noworries{
    background: #fff;
    margin-bottom: 30px;
}

#content .noworries .titleworries{
    text-align: center;
    padding: 25px 0 50px 0;
}

#content .noworries .titleworries .top_wor{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    font-family: 'peak-light';
}

#content .noworries .whoweare{
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

#content .noworries .whoweare span{
    border-bottom: 4px solid #000;
}

#content .noworries .content_worries{
    margin: 0;
    padding: 25px 0 0 0;
}

#content .noworries .content_worries .img-left{
    text-align: -webkit-center;
}

#content .noworries .content_worries .img-left .images_left{
    padding: 0;
    margin-bottom: 25px;
}

#content .noworries .content_worries .img-left .images_left a img{
    width: 100%;
}

#content .noworries .content_worries .img-left .desc_images_left{
    margin: 0;
    padding: 0;
}

#content .noworries .content_worries .img-left .desc_images_left .title_sub_decs{
    color: #000;
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 10px 0;
    text-transform: capitalize;
    font-family: 'peak-light';
    text-align: left;
}

#content .noworries .content_worries .img-left .desc_images_left .content_sub_desc{
    font-size: 13px;
    text-align: justify;
    color: #000;
}

#content .noworries .content_worries .img-right{
    text-align: -webkit-center;
}

#content .noworries .content_worries .img-right .images_right{
    padding: 0;
    margin-bottom: 25px;
}

#content .noworries .content_worries .img-right .images_right a img{
    width: 100%;
}

#content .noworries .content_worries .img-right .desc_images_right{
    margin: 0;
    padding: 0;
}

#content .noworries .content_worries .img-right .desc_images_right .title_sub_decs{
    color: #000;
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 10px 0;
    text-transform: capitalize;
    font-family: 'peak-light';
    text-align: left;
}

#content .noworries .content_worries .img-right .desc_images_right .content_sub_desc{
    font-size: 13px;
    text-align: justify;
    color: #000;
}

#content .breadcrumb{
    padding: 8px 15px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

#content .breadcrumb ul.main_breadcrumb{
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    background: #ffffff;
}

#content .breadcrumb ul.main_breadcrumb>li{
    display: inline-block;
}

#content .breadcrumb ul.main_breadcrumb>li a{
    color: #000;
    font-weight: bold;
    font-family: 'peak-light';
    text-transform: capitalize;
    font-size: 12px;
}

#content .breadcrumb ul.main_breadcrumb>li a:hover{
    cursor: pointer;
}

#content .breadcrumb ul.main_breadcrumb>li + li:before{
    content: "/\00a0";
    color: #cccccc;
}

.panel{
    margin-bottom: 10px;
}

.panel .a_header-sort{
    text-decoration: none;
    color: #000;
    position: relative;
}

.panel .a_header-sort .header-sort{
    padding: 0 15px;
    background: #F4F4F4;
}

.panel .a_header-sort .header-sort i{
    float: right;
    padding-top: 10px;
}

#content .panel .sidebar-menu {
/*    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);*/
    margin-bottom: 0;
}

#content .panel .sidebar-menu .panel-heading .btn.btn-danger {
    color: #fff;
}

#content .panel .sidebar-menu .panel-body span.colour {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #555555;
    vertical-align: top;
    margin-left: 5px;
}

#content .panel .sidebar-menu .panel-body span.colour.white {
    background: #fff;
}

#content .panel .sidebar-menu .panel-body span.colour.red {
    background: red;
}

#content .panel .sidebar-menu .panel-body span.colour.green {
    background: green;
}

#content .panel .sidebar-menu .panel-body span.colour.blue {
    background: blue;
}

#content .panel .sidebar-menu .panel-body span.colour.yellow {
    background: yellow;
}

#content .panel .sidebar-menu .panel-body span.colour.black {
    background: black;
}

#content .panel .sidebar-menu .panel-body label {
    color: #555555;
    font-size: 12px;
    line-height: 19px;
}

#content .panel .sidebar-menu .panel-body label:hover {
    color: #999999;
}

#content .panel .sidebar-menu .panel-body label input{
    width: 14px;
    height: 14px;
    margin-top: 1px;
}

#content .panel .sidebar-menu .panel-body label input:after{
    position: relative;
    top: -1px;
    left: -1px;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #fff;
    background-color: #F4F4F4;
    border: 1px solid #c6c6c6;
}

#content .panel.sidebar-menu .panel-body label input:checked:after{
    width: 16px;
    height: 16px;
    border: 0;
    background-color: #000;
    content: "\f00c";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px 0 0 1px;
}

#content .panel .sidebar-menu h3 {
    padding: 5px 0;
    margin: 0;
    font-weight: bold;

}

#content .panel .sidebar-menu ul.nav.category-menu {
    margin-bottom: 20px;
}

#content .panel .sidebar-menu ul.nav.category-menu li a {
    text-transform: uppercase;
    font-weight: bold;
}

#content .panel .sidebar-menu ul.nav ul {
    list-style: none;
    padding-left: 0;
}

#content .panel .sidebar-menu ul.nav ul li {
    display: block;
}

#content .panel .sidebar-menu ul.nav ul li a {
    position: relative;
    font-weight: normal;
    text-transform: none !important;
    display: block;
    padding: 10px 15px;
    padding-left: 30px;
    font-size: 12px;
    color: #999999;
}

#content .panel .sidebar-menu ul.nav ul li a:hover,
#content .panel .sidebar-menu ul.nav ul li a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

#content .info-bar {
    line-height: 32px;
    vertical-align: middle;
}

.box {
    background: #fff;
    margin: 0 0 30px;
    /* border: solid 1px #e6e6e6; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 15px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}



#content .product {
    background: #fff;
    border: solid 1px #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    border-radius: 2px;
    /* min-height: 486px; */
    min-height: 502px;
}

#content .product:hover{
    border: solid 1px #e6e6e6;
}

#content .product .flip-container {
    cursor: pointer;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#content .detaile{

}

#content .detaile .detail_foto{
    margin: 0;
}

#content .detaile .detail_foto .xzoom-container{
    width: 100%;
    margin: 0;
    padding: 0;
}

#content .detaile .detail_foto .xzoom-container .img_besar{
    float: right;
}

#content .detaile .detail_foto .xzoom-container .img_besar img{
    width: 100%;
    max-width: 100%;
}

#content .detaile .detail_foto .xzoom-container .img_kecil{
    float: right;
    padding: 0;
}

#content .detaile .detail_foto .xzoom-container .img_kecil ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#content .detaile .detail_foto .xzoom-container .img_kecil ul li{
    margin-bottom: 5px;
}

#content .detaile .detail_foto .xzoom-container .img_kecil ul li img{
    margin: 0;
    max-width: 100%;
}

#content .detaile .detail_desc{
    margin: 0;
}

#content .detaile .detail_desc .tit_class_prod{
    font-family: 'peak-light';
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 5px;
}

#content .detaile .detail_desc .tit_prod{
    font-family: 'peak-light';
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 5px;
}

#content .detaile .detail_desc .kode_prod{
    font-family: 'peak-light';
    font-size: 13px;
    letter-spacing: 1px;
    color: #000;
    text-transform: capitalize;
}

#content .detaile .detail_desc .price_del{
    font-size: 17px;
    font-weight: 500;
    color: #999;
    font-family: 'peak-light';
    letter-spacing: 1px;
    font-weight: bold;
}


#content .detaile .detail_desc .harga_prod{
    font-weight: 500;
    font-size: 13px;
    /*    color: #e4921e;*/
    color: #111111;
    /* margin: 10px 0; */
    margin-top: 10px;
    font-family: 'peak-light';
    letter-spacing: 2px;
}

#content .detaile .detail_desc .harga_prod_for2{
    font-weight: 600;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 5px;
    /*    color: #ED1C24;*/
    color: #666;
    font-family: 'peak-light';
    letter-spacing: 2px;
}

#content .detaile .detail_desc .stok{
    margin-bottom: 5px;
}

#content .detaile .detail_desc .stok .title_stok{
    font-family: 'peak-light';
    font-size: 12px;
    text-transform: capitalize;
}

#content .detaile .detail_desc .stok .instock{
    color: #9b6559;
    border-bottom: 1px solid #9b6559;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1em;
    font-weight: bold;
}

#content .detaile .detail_desc .stok .outstock{
    color: red;
    border-bottom: 1px solid red;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1em;
    font-weight: bold;
}

#content .detaile .detail_desc .desc_accor{
    margin: 0;
}

#content .detaile .detail_desc .desc_accor .det_prod{
    border-bottom: 1px solid #999999;
    padding: 0;
}

#content .detaile .detail_desc .desc_accor .det_prod .panel-heading{
    padding: 10px 0;
}

#content .detaile .detail_desc .chos_color{
    margin-top: 30px;
}

#content .detaile .detail_desc .chos_color .color_prod{
    margin-bottom: 20px;
}

#content .detaile .detail_desc .chos_color .color_prod .tit_color_prod{

    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 5px;
}

#content .detaile .detail_desc .chos_color .color_prod .tit_color_prod .share_pic{
    width: 18px;
    height: 18px;
    margin-top: -3px;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod{
    margin: 0;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod_share{
    margin: 15px 0 20px 0;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod_share a{
    margin: 0 5px 0 0;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod_share a:hover{
    text-decoration: none;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod_share a:focus{
    text-decoration: none;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod_share a img{
    width: 25px;
    height: 25px;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod ul li{
    float: left;
    margin: 0 3px;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod ul li img{
    width: 66px;
    height: 84px;
    border: 1px solid #999999;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod .select_box .main_select{
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod .select_box .qty_num{
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 12%;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod .buttwish{
    width: 30%;
    padding: 5px 10px;
    border: 1px solid #999999;
    border-radius: 3px;
    background: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

#content .detaile .detail_desc .chos_color .color_prod .cont_color_prod .buttbag{
    width: 30%;
    font-size: 14px;
    padding: 5px 10px;
/*    border: 1px solid #f335a1;
    background: #f335a1;*/
    border: 1px solid #d5a380;
    background: #d5a380;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
}

.butterkait{
    padding: 5px 10px;
    margin: 20px 0;
    background: #000;
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-radius: 3px;
}

.cont_terk{
    padding: 0 10px;
}

#content .merchant_box{
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 25px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

#content .merchant_box:hover{
    box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
}

#content .merchant_box .merchant_img{
    height: 190px;
}

#content .merchant_box .merchant_img .img-full{
    width: 100%;
    max-width: 100%;
    height: 100%;
}

#content .merchant_box .merchant_desc{
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 0 1px;
    padding: 18px;
}

#content .merchant_box .merchant_desc .title_desc{
    height: 40px;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 15px;
}

#content .merchant_box .merchant_desc .date_desc{
    margin: 0 0 15px 0;
    padding: 0;
}

#content .merchant_box .merchant_desc .date_desc .date_desc_detaile{
    position: relative;
    padding-left: 30px;
}

#content .merchant_box .merchant_desc .date_desc .date_desc_detaile:before{
    background-image: url('../images/waktu_periode.png');
    position: absolute;
    content: " ";
    left: 0;
    top: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

#content .merchant_box .merchant_desc .date_desc .date_desc_detaile .desc_title_detail{
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    text-transform: capitalize;
}

#content .merchant_box .merchant_desc .date_desc .date_desc_detaile .main_date_detail{
    font-size: 13px;
    line-height: 13px;
    color: rgba(0, 0, 0, 0.54);
    text-transform: capitalize;
}

#content .merchant_box .merchant_desc .code_desc{
    margin: 0;
    padding: 0;
}

#content .merchant_box .merchant_desc .code_desc .code_desc_detaile{
    position: relative;
    padding-left: 30px;
}

#content .merchant_box .merchant_desc .code_desc .code_desc_detaile:before{
    background-image: url('../images/kode_promo.png');
    position: absolute;
    content: " ";
    left: 0;
    top: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

#content .merchant_box .merchant_desc .code_desc .code_desc_detaile .desc_title_detail{
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    text-transform: capitalize;
}

#content .merchant_box .merchant_desc .code_desc .code_desc_detaile .main_code_detail{
    color: #FF5722;
    font-weight: 600;
    border: none;
    width: 100%;
    min-width: 160px;
    padding: 0;
}


#content .merchant_box .merchant_link{
    border: 1px solid #E0E0E0;
    padding: 18px;
}

#content .merchant_box .merchant_link .btn_merchant{
    background: #000;
    text-align: center;
    padding: 10px;
    font-weight: 600;
    color: #fff !important;
    border-radius: 4px;
    border: 1px solid #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: block;
    font-size: 14px;
    text-transform: capitalize;
}

#content .merchant_box .merchant_link .btn_merchant:hover{
    background: #484848;
    text-decoration: none;
}


#content .main_promo{
    margin: 0 0 30px 0;
    padding: 0;
}

#content .main_promo .img_promo .img-full-promo{
    max-width: 100%;
    width: 100%;
    height: auto;
}

#content .main_promo .conten_promo{
    padding: 30px;
    border-left: solid 1px #E1E1E1;
    border-right: solid 1px #E1E1E1;
    border-bottom: solid 1px #E1E1E1;
}

#content .main_promo .conten_promo .title_promo{
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.8px;
    line-height: 22px;
    text-transform: capitalize;
}

#content .main_promo .conten_promo .main_content_promo{
    margin: 0;
    padding: 0;
}

#content .title_promo_terkait{
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.7);
    text-transform: capitalize;
}

#content .semua_promo_terkait{
    margin-bottom: 50px;
    margin-top: 10px;
}

#content .semua_promo_terkait a.button_promo_terkait{
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.54);
    text-transform: capitalize;
    border-radius: 4px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
}

#content .semua_promo_terkait a.button_promo_terkait:hover{
    text-decoration: none;
    background: #F5F5F5;
    color: rgba(0, 0, 0, 0.54);
}

#content .side_promo{
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center;
    border: 1px solid #E0E0E0;
    border-radius: 3px 3px 0 0;
}

#content .side_promo .title_side_promo{
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    padding: 18px 0;
    border-bottom: 1px solid #E0E0E0;
    color: rgba(0, 0, 0, 0.7);
}

#content .side_promo .content_side_promo{
    padding: 20px 0;
    border-bottom: 1px solid #E0E0E0;
}

/* #content .side_promo .content_side_promo .side_promo_left{
        border-right: 1px solid #E0E0E0;
} */

#content .side_promo .content_side_promo .side_promo_right{
    border-left: 1px solid #E0E0E0;
}

#content .side_promo .content_side_promo img.img_side_promo{
    display: block;
    margin: 10px auto;
    width: 24px;
    height: 24px;
}

#content .side_promo .content_side_promo .title_content_side_promo{
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
}

#content .side_promo .content_side_promo .tgl_content_side_promo{
    color: rgba(0, 0, 0, 0.7);
    font-weight: 600;
    font-size: 14px;
}

#content .side_promo .foot_side_promo{
    padding: 20px 0;
}

#content .side_promo .foot_side_promo a{
    color: #fff;
    background: #000;
    border-radius: 4px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: bold;
}

#content .side_promo .foot_side_promo a:hover{
    text-decoration: none;
    background: #484848;
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display                   : block;
        width                     : 100%;
        overflow-x                : auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
  
}


@media (max-width:767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left : 0
    }

    .navbar-nav {
        display           : -ms-flexbox;
        display           : flex;
        -ms-flex-direction: column;
        flex-direction    : column;
        padding-left      : 0;
        margin-bottom     : 0;
        list-style        : none
    }
   
    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left : 0
    }
   
    .navbar-nav .dropdown-menu {
        position: static;
        float   : none
    }

    
    .nav-fill .nav-item {
        -ms-flex  : 1 1 auto;
        flex      : 1 1 auto;
        text-align: center
    }
    
    .nav-justified .nav-item {
        -ms-flex-preferred-size: 0;
        flex-basis             : 0;
        -ms-flex-positive      : 1;
        flex-grow              : 1;
        text-align             : center
    }

    .nav-link {
        display: block;
        padding: .5rem 1rem
    }
    
    .nav-link:focus,
    .nav-link:hover {
        text-decoration: none
    }

    .dropup {
        position: relative
    }

    .dropup .dropdown-menu {
        top          : auto;
        bottom       : 100%;
        margin-top   : 0;
        margin-bottom: .125rem
    }
    
    .dropup .dropdown-toggle::after {
        display       : inline-block;
        margin-left   : .255em;
        vertical-align: .255em;
        content       : "";
        border-top    : 0;
        border-right  : .3em solid transparent;
        border-bottom : .3em solid;
        border-left   : .3em solid transparent
    }
    
    .dropup .dropdown-toggle:empty::after {
        margin-left: 0
    }

    .dropdown-toggle-split::after,
    .dropright .dropdown-toggle-split::after,
    .dropup .dropdown-toggle-split::after {
        margin-left: 0
    }

    .dropdown-menu {
        position        : absolute;
        top             : 100%;
        left            : 0;
        z-index         : 1000;
        display         : none;
        float           : left;
        min-width       : 10rem;
        padding         : .5rem 0;
        margin          : .125rem 0 0;
        font-size       : 1rem;
        color           : #212529;
        text-align      : left;
        list-style      : none;
        background-color: #fff;
        background-clip : padding-box;
        border          : 1px solid rgba(0, 0, 0, .15);
        border-radius   : .25rem
    }
    
    .dropdown-menu-left {
        right: auto;
        left : 0
    }
    
    .dropdown-menu-right {
        right: 0;
        left : auto
    }

    .dropdown-item {
        display         : block;
        width           : 100%;
        padding         : .25rem 1.5rem;
        clear           : both;
        font-weight     : 400;
        color           : #212529;
        text-align      : inherit;
        white-space     : nowrap;
        background-color: transparent;
        border          : 0
    }
    
    .dropdown-item:focus,
    .dropdown-item:hover {
        color           : #16181b;
        text-decoration : none;
        background-color: #f8f9fa
    }
    
    .dropdown-item.active,
    .dropdown-item:active {
        color           : #fff;
        text-decoration : none;
        background-color: #007bff
    }
    
    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color           : #6c757d;
        pointer-events  : none;
        background-color: transparent
    }

    .dropdown-item-text {
        display: block;
        padding: .25rem 1.5rem;
        color  : #212529
    }

    small {
        font-size: 80%
    }

    .small,
    small {
        font-size  : 80%;
        font-weight: 400
    }

    
    button {
        border-radius: 0
    }

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        margin     : 0;
        font-family: inherit;
        font-size  : inherit;
        line-height: inherit
    }

    button,
    input {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    select {
        word-wrap: normal;
    }
    
    [type="button"],
    [type="reset"],
    [type="submit"],
    button {
        -webkit-appearance: button;
    }
    
    [type="button"]:not(:disabled),
    [type="reset"]:not(:disabled),
    [type="submit"]:not(:disabled),
    button:not(:disabled) {
        cursor: pointer;
    }
    
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner,
    button::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }
    
    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }
    
    ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
    }
    
    input[type="button"].btn-block,
    input[type="reset"].btn-block,
    input[type="submit"].btn-block {
        width: 100%;
    }
    

    button.close {
        padding           : 0;
        background-color  : transparent;
        border            : 0;
        -webkit-appearance: none;
        -moz-appearance   : none;
        appearance        : none
    }

    a.bg-primary:focus,
    a.bg-primary:hover,
    button.bg-primary:focus,
    button.bg-primary:hover {
        background-color: #0062cc !important
    }

    .bg-secondary {
        background-color: #6c757d !important
    }

    a.bg-secondary:focus,
    a.bg-secondary:hover,
    button.bg-secondary:focus,
    button.bg-secondary:hover {
        background-color: #545b62 !important
    }

    .bg-success {
        background-color: #28a745 !important
    }

    a.bg-success:focus,
    a.bg-success:hover,
    button.bg-success:focus,
    button.bg-success:hover {
        background-color: #1e7e34 !important
    }

    .bg-info {
        background-color: #17a2b8 !important
    }

    a.bg-info:focus,
    a.bg-info:hover,
    button.bg-info:focus,
    button.bg-info:hover {
        background-color: #117a8b !important
    }

    .bg-warning {
        background-color: #ffc107 !important
    }

    a.bg-warning:focus,
    a.bg-warning:hover,
    button.bg-warning:focus,
    button.bg-warning:hover {
        background-color: #d39e00 !important
    }

    .bg-danger {
        background-color: #dc3545 !important
    }

    a.bg-danger:focus,
    a.bg-danger:hover,
    button.bg-danger:focus,
    button.bg-danger:hover {
        background-color: #bd2130 !important
    }

    .bg-light {
        background-color: #f8f9fa !important
    }

    a.bg-light:focus,
    a.bg-light:hover,
    button.bg-light:focus,
    button.bg-light:hover {
        background-color: #dae0e5 !important
    }

    .bg-dark {
        background-color: #343a40 !important
    }

    a.bg-dark:focus,
    a.bg-dark:hover,
    button.bg-dark:focus,
    button.bg-dark:hover {
        background-color: #1d2124 !important
    }






}





#content .product .flip-container,
#content .product .front,
#content .product .back {
    width: 100%;
}

#content .product .flipper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}
#content .product .front,
#content .product .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}
#content .product .front {
    z-index: 2;
    /* -webkit-transform: rotateY(0deg); */
    /* -ms-transform: rotateY(0deg); */
    /* transform: rotateY(0deg); */
}
#content .product .back {
    /* -webkit-transform: rotateY(-180deg); */
    /* -ms-transform: rotateY(-180deg); */
    /* transform: rotateY(-180deg); */
}
#content .product:hover .back {
    /* -webkit-transform: rotateY(0deg); */
    /* -ms-transform: rotateY(0deg); */
    /* transform: rotateY(0deg); */
    z-index: 2;
}
#content .product:hover .front {
    /* -webkit-transform: rotateY(180deg); */
    /* -ms-transform: rotateY(180deg); */
    /* transform: rotateY(180deg); */
    z-index: 1;
}
#content .product .invisible {
    visibility: hidden;
}

#content .product .text {
    padding: 10px 5px 5px 5px;
}

#content .product .text .new_disc{
    margin: 0;
}

#content .product .text .new_disc .main_new_disc{
    color: #666;
    font-weight: bold;
    text-transform: capitalize;
    position: relative;
}

#content .product .text .new_disc .main_new_disc .ttl_new_disc{
    position: absolute;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #666;
    right: 5px;
    padding: 1px 0 0 7px;
    font-size: 14px;
}

#content .product .text .new_disc_mbl{
    text-align: center;
    display: none;
}

#content .product .text .new_disc_mbl .main_new_disc_mbl{
    margin: 0 0 5px 0;
}

#content .product .text .new_disc_mbl .main_new_disc_mbl .ttl_new_disc_mbl{
    border: 1px solid #111;
    border-radius: 20% 20% 20% 20%;
    font-size: 13px;
    padding: 2px 5px 2px 6px;
    font-weight: bold;
}

#content .product .text h3 {
    font-size: 18px;
    font-weight: 500;
    /* height: 39.6px; */
    text-align: center;
    overflow: hidden;
    margin: 10px 0;
}
#content .product .text h3 a {
    color: #111111;
    font-size: 12px;
    text-transform: capitalize;
}

#content .product .text h3 a:hover {
    text-decoration: none;
    color: #ca9e00;
}
#content .product .text .price_del{
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    color: #999;
    /* height: 30px; */

    letter-spacing: 1px;
}
#content .product .text p.price {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    /*    color: #e4921e;*/
    color: #111111;
    letter-spacing: 1px;
    margin: 0px;
}
#content .product .text p.price2 {
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    /*    color: #ED1C24;*/
    color: #666;
    letter-spacing: 1px;
    margin: 0px;
}
#content .product .text p.price del {
    color: #999999;
}
#content .product .text .buttons {
    clear: both;
    text-align: center;
}
#content .product .text .buttons .btn {
    margin-bottom: 10px;
}

#content .main-otd{
    margin-bottom: 30px;
}

#content .title_ootd .title_ootd{
    text-align: center;
    /* border-bottom: 2px solid #DBDEE1; */

    font-weight: bold;
    margin-bottom: 50px;
}

.xzoom-preview{
    /* left: 660px !important; */
}

.ribbon {
    position: absolute;
    z-index: 20;
}
.ribbon .ribbon-background {
    position: absolute;
    top: 0;
    right: 0;
}
.ribbon .theribbon {
    position: relative;
    background-color: #ED1C24;
    color: #fff;
    text-shadow: 0px 1px 2px #bbb;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    width: 50px;
    height: 50px;
    padding: 15px 11px;
}
.ribbon .theribbon-discextra {
    position: relative;
    background-color: #ED1C24;
    color: #fff;
    text-shadow: 0px 1px 2px #bbb;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    width: 50px;
    height: 50px;
    padding: 5px 11px;
    font-size: 10px;
}

.ribbon .theribbon:before,
.ribbon .theribbon:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
}
/* .ribbon .theribbon:after {
  left: 0px;
  top: 100%;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #000 #000 transparent transparent;
} */
.ribbon.sale {
    top: 10px;
    right: 27px;
}

#content .product .text .catenone{
    display: none;
}

#content .pages {
    text-align: center;
}

#content .pages .loadMore {
    text-align: center;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 4px;
}
.btn-primary {
    color: #ffffff;
    background-color: #4fbfa8;
    border-color: #41b39c;
}

.btn {
    font-weight: normal;
    font-family: 'peak-light';
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

img.img_cart{
    width: 50px;

}

.box .box-footer {
    background: #f7f7f7;
    margin: 30px -20px -20px;
    padding: 20px;
    border-top: solid 1px #eeeeee;
}
.box .box-footer:before,
.box .box-footer:after {
    content: " ";
    display: table;
}
.box .box-footer:after {
    clear: both;
}

.box .box-footer .shopp{
    margin-top: 7px;
}

.box .box-footer .toshopp{
    background: #000;
    border: 1px solid #000;
    color: #fff;
    padding: 6px 12px;
    border-radius: 3px;

}

.box .box-footer .toshopp:hover{
    background: #fff;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;

}

.box .box-footer button.toproses{
    background: #000;
    border: 1px solid #000;
    color: #fff;
    padding: 6px 12px;
    border-radius: 3px;

}

.box .box-footer button.toproses:hover{
    background: #fff;
    border: 1px solid #000;
    color: #000;

}

.table tbody tr td {
    vertical-align: middle;
    color: #000;
    font-family: 'peak-light';
    font-size: 12px;
}

.table tbody tr td a{
    /* color: #000; */
    font-weight: bold;
    font-family: 'peak-light';
    font-size: 12px;
    text-decoration: underline;
}

.table tbody tr td a:hover{
    /* text-decoration: none; */
    /* font-style: italic; */
}

table.cart tbody tr td input{
    width: 50px;
    text-align: right;
}

.cart_terkait{
    margin: 20px 0;
    font-family: 'peak-light';
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    font-weight: bold;
}

span.cart_ter{
    border-bottom: 2px solid #999;
    padding-bottom: 2px;
}

.checkout_prod{
    margin-bottom: 100px;
}

.checkout{
    text-align: center;
    margin-bottom: 25px;
}

.checkout .title_transaksi{

    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-size: 35px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-shadow: 3px 3px 2px rgba(150, 150, 150, 1);
}

.failed .main_failed{
    margin: 0;
    padding: 0;
}

.failed .main_failed .img_failed img{
    width: 500px;
    /* height: 150px; */
}

.failed .main_failed .desc_failed{
    margin: 30px 0 50px;
}

.failed .main_failed .desc_failed .head_desc_failed{
    font-weight: bold;

    font-size: 25px;
}

.failed .main_failed .desc_failed .foot_desc_failed{
    font-weight: bold;

    font-size: 15px;
    margin-top: 10px;
}

.box_login{
    margin: 0;
}

.box_login  .main_box_login{
    background: #F6F6F6;
    padding: 0;
}

.box_login  .left_login{
    border-right: 2px solid #fff;
    margin: 0;
    padding: 20px 15px 30px 15px;
}

.box_login .left_login .ttl_login{
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size:14px;

    margin: 30px 0 50px 0;
}

.box_login .left_login .main_login{
    margin: 0;
    padding: 0 45px;
}

.box_login .left_login .main_login .sesion-eror{
    color: red;

    margin-bottom: 5px;
}

.box_login .left_login .main_login .content_login{
    margin: 0;
    padding: 0;
}

.box_login .left_login .main_login .content_login .tabel_login{
    width: 100%;
}

.box_login .left_login .main_login .content_login .tabel_login .input_name .jenis_name{
    margin: 0 0 5px 0;
    font-size: 13px;
    text-transform: capitalize;

    vertical-align: top;
    color: #000;
}

.box_login .left_login .main_login .content_login .tabel_login .input_name .input_text{
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
}

.box_login .left_login .main_login .content_login .tabel_login .g-recaptcha div {
    width: 249px !important;
}

.box_login .left_login .main_login .forget_butt{
    margin: 0;
    padding: 0;
}

.box_login .left_login .main_login .forget_butt .main_forget{
    margin-top: 8px;
}

.box_login .left_login .main_login .forget_butt .main_forget a{
    font-size: 12px;

    color: #000;
}

.box_login .left_login .main_login .forget_butt .resend{
    width: 65%;
    font-size: 12px;
    color: #000;

    margin-top: 8px;
}

.box_login .left_login .main_login .forget_butt .butt_login{
    background: #000;
    padding: 8px 27px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #000;
}

.box_login .left_login .main_login .forget_butt .butt_login:hover{
    color: #000;
    background: #fff;
    border: 1px solid #000;
}

.box_login  .right_login{
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.box_login  .right_login .ttl_login{
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size:14px;

    margin: 30px 0 50px 0;
}

.box_login  .right_login .main_register{
    text-align: center;
    margin-bottom: 100px;
}

.box_login  .right_login .main_register a{
    background: #000;
    padding: 11px 27px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #000;
}

.box_login  .right_login .main_register a:hover{
    color: #000;
    background: #fff;
    border: 1px solid #000;
    text-decoration: none;
}

.box_login  .right_login .login_fb{
    margin: 0;
    padding: 0;
}

.box_login  .right_login .login_fb .ttl_lgn_fb{
    text-align: center;
    font-family:"Nexa-Bold";
    font-size: 13px;
    color: #000;
}

.box_login  .right_login .login_fb .ftr_lgn_fb{
    text-align: center;
    font-family:"Nexa-Bold";
    font-size: 11px;
    color: #000;
}

.box_login  .right_login .login_fb .btn_lgn_fb{
    text-align: center;
    margin: 10px 0 25px;
}

.box_login  .right_login .login_fb .btn_lgn_fb a{

    background: #3a5795 url('../images/fb.png') no-repeat left;
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 16px 16px;
    border-color: #3a5795;
    position: relative;
    color: #fff;
    padding: 10px 10px 10px 33px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 3px;
}

.box_login  .right_login .login_fb .btn_lgn_fb a:hover{
    text-decoration: none;
    background: #2B4273 url('../images/fb.png') no-repeat left;
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 16px 16px;
    border-color: #3a5795;
    position: relative;
    color: #fff;
    padding: 10px 10px 10px 33px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 3px;
}

.box_login .left_register{
    margin: 0;
    padding: 0;
}

.box_login .left_register img{
    max-width: 100%;
    height: auto;
    width: 100%;
}

.box_login .right_register{
    margin: 0;
    padding: 30px;
}

.box_login .right_register .ttl_login{
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
    /* text-shadow: 3px 2px 2px rgba(99, 99, 99, 1); */
    color: #000;
}

.box_login .right_register .content_login .tabel_login{
    width: 100%;
}

.box_login .right_register .content_login .tabel_login .jenis_name{
    margin: 15px 0 2px 0;
    font-size: 16px;
    text-transform: capitalize;
    vertical-align: top;
}

.box_login .right_register .content_login .tabel_login .input_text{
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    width: 100%;
    font-size: 16px;
}

.box_login .right_register .content_login .tabel_login input.error{
    background: #FFC0CB;
    color: #fff;
}

.box_login .right_register .content_login .tabel_login .g-recaptcha{
    margin-top: 15px;
    margin-bottom: -15px;
}

.box_login .right_register .content_login .tabel_login .error{
    color: red;
    margin-top: 5px;
    margin-bottom: 0;
}

.box_login .right_register .content_login .tabel_login .g-recaptcha .error{

}

.box_login .right_register .content_login .tabel_login .g-recaptcha div{
    width: 249px !important;
}

.box_login .right_register .content_login .tabel_login .butt_register{
    width: 100%;
    background: #000;
    color: #fff;
    margin-top: 15px;
    border: 1px solid #000;
    padding: 8px;
    border-radius: 3px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.sesion-eror{
    color: red;

    margin-bottom: 5px;
}

.box_login .right_register .content_login .tabel_login .butt_register:hover{
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

.checkout .desc_transaksi{
    margin-bottom: 20px;
    letter-spacing: 2px;

}

.checkout .desc_transaksi a{
    color: #000;
}

.checkout .desc_transaksi a:hover{
    color: #ca9e00;
    text-decoration: none;
}

.checkout_left .main_check_left{
    border: 1px solid #111111;
    margin: 10px 0;
    height: 455px;
    border-radius: 3px;
}

.checkout_left .main_check_left .title_check_left{
    background: #111111;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'peak-light';
    font-weight: bold;
    padding: 13px 30px;
    letter-spacing: 2px;
}

.checkout_left .main_check_left .content_check_left{
    padding: 30px;
}

.checkout_left .main_check_left .content_check_left .desc_check_left ul{
    margin-bottom: 20px;
}

.checkout_left .main_check_left .content_check_left .radio_check{
    margin-bottom: 20px;
}

.checkout_left .main_check_left .ttl_reg{
    font-size: 1em;
    font-weight: bold;
    margin: 20px 0 0 0;
    color: #2f2f2f;
}

.checkout_left .main_check_left .ttl_regright{
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    color: #2f2f2f;
}

.checkout_left .main_check_left .butt_chek_left{
    background: #000;
    padding: 8px 27px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #000;
}

.checkout_left .main_check_left .butt_chek_left:hover{
    color: #000;
    background: #fff;
    border: 1px solid #000;
}

.checkout_left .main_check_left  .main_login{
    margin: 0;
    padding: 30px;
}

.checkout_left .main_check_left .main_login .desc_check_left{
    margin-bottom: 15px;
}

.checkout_left .main_check_left .main_login .sesion-eror{
    color: red;

}

.checkout_left .main_check_left .main_login .content_login{
    margin: 0;
    padding: 0;
}

.checkout_left .main_check_left .main_login .content_login .tabel_login{
    width: 100%;
}

.checkout_left .main_check_left .main_login .content_login .tabel_login .input_name .jenis_name{
    margin: 0 0 5px 0;
    font-size: 13px;
    text-transform: capitalize;

    vertical-align: top;
    color: #000;
}

.checkout_left .main_check_left .main_login .content_login .tabel_login .input_name .input_text{
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
}

.checkout_left .main_check_left .main_login .content_login .tabel_login .g-recaptcha div{
    width: 228px !important;
}

.checkout_left .main_check_left .main_login .forget_butt{
    margin: 0;
    padding: 0;
}

.checkout_left .main_check_left .main_login .forget_butt .main_forget{
    margin-top: 8px;
}

.checkout_left .main_check_left .main_login .forget_butt .main_forget .butt_login{
    background: #000;
    padding: 8px 27px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #000;
}

.checkout_left .main_check_left .main_login .forget_butt .main_forget .butt_login:hover{
    color: #000;
    background: #fff;
    border: 1px solid #000;
}

.checkout_left .main_check_left .main_login .forget_butt .resend{
    width: 69%;
    font-size: 12px;
    color: #000;

    margin-top: 8px;
}

.checkout_left .main_check_left  .butt_reg{
    background: #000;
    border: none;
    padding: 10px 15px;
    color: #fff;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 3px;
    font-weight: bold;
    border: 1px solid #000;
}

.checkout_left .main_check_left  .butt_reg:hover{
    color: #000;
    background: #fff;
    border: 1px solid #000;
}

.checkout2_left{
    border-right: 1px solid #DBDEE1;

}

.checkout2_left .main_check2_left{
    margin: 0;
}

.checkout2_left .main_check2_left .billing_step{
    margin: 0 0 20px 0;
}

.checkout2_left .main_check2_left .billing_step .title_step{
    border-bottom: 1px solid #DBDEE1;
    padding: 8px 8px 8px 0;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
    text-align: left;
    text-transform: capitalize;

}

.checkout2_left .main_check2_left .billing_step .content_step{
    margin: 0;
    padding: 0 20px;
}

.checkout2_left .main_check2_left .billing_step .content_step table{
    width: 100%;
}

.checkout2_left .main_check2_left .billing_step .content_step .jenis_name{
    width: 20%;
    text-align: left;
    vertical-align: inherit;
}

.checkout2_left .main_check2_left .billing_step .content_step .input_name{
    width: 80%;
    padding: 5px;
}

.checkout2_left .main_check2_left .billing_step .content_step .input_name .input_text{
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    width: 100%;
    margin-bottom: 5px;
}

.checkout2_left .main_check2_left .billing_step .content_step .main_content_step{
    font-style: italic;
    font-size: 15px;
    font-family: 'peak-light';
    color: #333;
    margin-bottom: 10px;
}

.checkout2_left .main_check2_left .billing_step .content_step .main_content_step .tit_paymet{
    font-style: normal;
}

.checkout2_left .main_check2_left .billing_step .content_step .main_content_step .paymet{
    margin: 0;
    font-style: normal;
}

.checkout2_left .main_check2_left .billing_step .content_step .main_shipp_radio{
    margin: 0;
    padding: 0;
}

.checkout2_left .main_check2_left .billing_step .content_step .main_shipp_radio{
    margin: 0;
    padding: 0;
    line-height: 30px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    letter-spacing: 2px;

}

.checkout2_left .main_check2_left .billing_step .content_step .main_shipp_radio .shipp_harga{
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}

.checkout2_left .main_check2_left .paymet .panel-default{
    border: none;
    box-shadow: none;
}

.checkout2_left .main_check2_left .paymet .panel-default .panel-heading{
    border: none;
    background: none;
    padding: 0;
}

.checkout2_left .main_check2_left .paymet .panel-default .panel-heading label{
    font-size: 12px;
}

.checkout2_left .main_check2_left .paymet .panel-default .panel-heading .sub_ttl{
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 11px;
    text-transform: capitalize;
}

.checkout2_left .main_check2_left .paymet .panel-default .panel-heading img.img_bank_pay{
    margin-left: 10px;
    margin-top: -8px;
}

.checkout2_left .main_check2_left .paymet .panel-default .panel-body{
    border-bottom: 1px dashed #999;
    border-top: 1px dashed #999;
    text-align: center;
    margin-bottom: 20px;
}

.checkout2_left .main_check2_left .paymet .panel-default .panel-body .main_panbod{
    width: 350px;
    margin: 0 auto;
    font-size: 11px;
    font-weight: bold;

}

.checkout2_left .main_check2_left .paymet .buttpay{
    text-align: center;
}

.checkout2_left .main_check2_left .paymet .buttpay button{
    border: 1px solid #000;
    background: #000;
    color: #fff;
    padding: 8px 35px;
    vertical-align: middle;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 1px;
}

.checkout2_left .main_check2_left .paymet .buttpay button:hover{
    background: #ccc;
    color: #000;
}

.checkout2_right{
    border: none;
}

.checkout2_right .main_check2_right{
    margin: 0 0 50px 0;
}

.checkout2_right .main_check2_right .billing_step_right{
    margin: 0 0 20px 0;
    /* border-bottom: 1px solid #DBDEE1; */
    padding-bottom: 10px;
}

.checkout2_right .main_check2_right .billing_step_right .title_step_right{
    border-bottom: 1px solid #DBDEE1;
    padding: 8px 8px 8px 0;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
    text-align: left;
    text-transform: capitalize;

}

.checkout2_right .main_check2_right .billing_step_right .content_step_right{
    margin: 0;
    max-height: 400px;
    /* overflow-y: auto; */
    overflow: scroll;
}

.checkout2_right .main_check2_right .billing_step_right .content_step_right .list_content_step_right{
    margin-bottom: 10px;
    border-bottom: 1px solid #DBDEE1;
    padding-bottom: 10px;
}

.checkout2_right .main_check2_right .billing_step_right .content_step_right .list_content_step_right .img_prod_cart{
    float: left;
    width: 47%;
    margin: 0 5px 0 0;
}

.checkout2_right .main_check2_right .billing_step_right .content_step_right .list_content_step_right .img_prod_cart img{
    max-width: 100%;
    height: auto;
}

.checkout2_right .main_check2_right .billing_step_right .content_step_right .list_content_step_right .rinci_prod_cart{
    float: left;
    width: 47%;
    margin: 0 5px;
}

.checkout2_right .main_check2_right .box ::placeholder{
    font-style: italic;
    color: #666666;
    vertical-align: top;
}

.checkout2_right .main_check2_right .box :-ms-input-placeholder{
    font-style: italic;
    color: #666666;
    text-align: center;
    vertical-align: top;
}

.checkout2_right .main_check2_right .box ::-ms-input-placeholder{
    font-style: italic;
    color: #666666;
    text-align: center;
    vertical-align: top;
}

.checkout2_right .main_check2_right .pay_total{
    margin: 0 0 20px 0;
    padding: 0;
}

.checkout2_right .main_check2_right .pay_total .content_pay_total{
    margin: 0;
}

.checkout2_right .main_check2_right .pay_total .content_pay_total table{
    width: 100%;
}

.checkout2_right .main_check2_right .pay_total .content_pay_total table td{
    text-transform: capitalize;
    color: #333;
    font-size: 14px;
    padding-bottom: 5px;
}

.checkout2_right .main_check2_right .pay_total .content_pay_total table .pay_harga{
    text-align: right;
}

.checkout2_right .main_check2_right .pay_total .content_pay_total table .pay-weight{
    font-weight: bold;

}

.checkout2_right .main_check2_right .pay_total .content_pay_total table .pay_harga .satuan_pay{
    margin-bottom: 5px;
    border: none;
    text-align: right;
    width: 50%;
}

.checkout2_right .main_check2_right .pay_total .content_pay_total table .pay_harga .grand_pay{
    font-weight: bold;
}

.checkout2_right .main_check2_right .pay_total .content_pay_total .grandtotal_pay{
    padding: 5px;
    border-radius: 3px;
    border: 2px solid #000;
    margin-bottom: 5px;
    font-weight: bold;
    letter-spacing: 2px;
}

.checkout2_right .main_check2_right .submit_pay{
    background: #000;
    color: #fff;
    padding: 7px 13px;
    border: none;
    font-size: 14px;
    border-radius: 3px;
    letter-spacing: 2px;
    font-weight: bold;
    border: 1px solid #000;
}

.checkout2_right .main_check2_right .submit_pay:hover{
    /* background: #352e2e; */
    background: #fff;
    border: 1px solid #000;
    color: #000;
}


@media (max-width:991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left : 0
    }

    .box .box-footer .btn {
        margin-bottom: 20px;
    }
}

/* @media (max-width: 991px) {
   
} */

#content .pages .pagination {
    text-align: center;
}

.pagination {
    margin: 20px 0;
    font-family: 'peak-light';
    border-radius: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #4fbfa8;
    border-color: #4fbfa8;
}

#social_media{
    width: 100%;
    /*background: #000;*/
    background: #909688;
}

#social_media .content_sos{
    /*background: #000;*/
    background: #909688;
}

#social_media .main_socmed{
    text-align: center;
    padding: 7px 0;
    height: 35px;
}

#social_media .main_socmed .title_sos{
    float: left;
    width: auto;
    color: #fff;
    vertical-align: middle;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 4px;
}

#social_media .main_socmed .img_sos{
    float: left;
    width: auto;
}

#social_media .main_socmed .img_sos .follow_icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    background: #ffffff;
    border-radius: 50%;
    color: #000;
    font-weight: 400;
    line-height: 21px;
    font-size: 12px;
    padding: 1px;

}

#social_media .main_socmed .img_sos .follow_icon:hover{
    color: #337ab7;
}

/* Gaya untuk tampilan desktop */
.social_media_icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social_media_icons a {
    margin: 20 10px;
}

#footer {
    display: flex;
    justify-content: center;
    background-color: #7e7b7b; /* Ganti dengan warna latar belakang yang diinginkan */
    padding: 20px 0; /* Tambahkan padding di atas dan bawah sesuai kebutuhan */
    /* background: rgba(178, 182, 175, 0.8); */
}
.logo_ship {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Sesuaikan ukuran dan properti lain sesuai kebutuhan Anda */
}

.logo_ship img {
    max-width: 100%; /* Gambar logo akan mengisi seluruh lebar kontainer (.logo_ship) */
    height: auto; /* Tinggi gambar akan menyesuaikan untuk menjaga aspek rasio */
}


#footer .main_footer{
    padding: 10px 0;
}

#footer .main_footer .sub_footer ul{
    padding-left: 0;
    list-style: none;
}

#footer .main_footer .sub_footer ul li{
    margin: 5px 0;
}

#footer .main_footer .sub_footer ul li a{
    color: inherit;
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'peak-light';
    font-size: 13px;
    /* font-weight: bold; */
    padding: 0;
    letter-spacing: 1px;
}

#footer .main_footer .sub_footer ul li a:hover{
    text-decoration: none;
    font-weight: normal;
}

#footer .main_footer .sub_footer .main_sub_footer{
    margin: 0;
    padding: 0;
}

#footer .main_footer .sub_footer .main_sub_footer .title_sub_footer{
    text-transform: uppercase;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    font-family: 'peak-light';
    margin-bottom: 7px;
}

#footer .main_footer .sub_footer .main_sub_footer .title_sub_footer:hover{
    color: #000;
}

#footer .main_footer .sub_footer .main_sub_footer .content_sub_footer{
    margin: 0;
    padding: 0;
}

#footer .main_footer .sub_footer .main_sub_footer .content_sub_footer .logo_pay{
    width: 100%;
}

#footer .main_footer .sub_footer .main_sub_footer .content_sub_footer .logo_pay img{
    width: 80%;
    height: auto;
    max-width: 100%;
}

/*safira 21/04/2021*/


#footer .main_footer .row_sub_footer .sub_footer .content_sub_footer a{
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    font-family: 'peak-light';
    /* font-size: 12px; */

}

#footer .navbar .navbar-nav li{
    padding: 15px;
}

#footer .menus .navbar .navbar-nav li.active a{
    /*    background: #005f2f;*/
    background: none;
    font-family: 'peak-light';
    color: #59ff00;
}

#footer .menus .navbar .navbar-nav li a{
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'peak-light';
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    letter-spacing: 1px;
    border-bottom: 2px solid #fff;
}


#footer .main_footer .row_sub_footer .sub_footer .title_sub_footer{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    font-family: 'peak-light';
    margin-bottom: 7px;
    text-align: center;
}
/*safira*/

/* #footer .main_footer .sub_footer .main_sub_footer .content_sub_footer .logo_ship img{
    height: auto;
    width: 59%;
    max-width: 100%;
    
} */

#footer .main_footer .sub_footer .main_sub_footer .content_sub_footer .subcribe{
    border: 1px solid #999;
    padding: 3px;
    border-radius: 3px;
}

#footer .main_footer .sub_footer .main_sub_footer .content_sub_footer .subcribe .email_sub{
    padding: 6px 10px;
    font-style: italic;
    background: none;
    border: none;
    border-bottom: 1px solid #999;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 5px;
}

#footer .main_footer .sub_footer .main_sub_footer .content_sub_footer .subcribe .subent{
    background: #000;
    color: #fff;
    border: none;
    text-transform: uppercase;
    padding: 6px 0;
    width: 100%;
    cursor: pointer;
    border-radius: 0px 0 0 2px;
    transition: all ease .2s .2s;
    -webkit-transition: all ease .2s .2s;
}

#footer .main_footer .sub_footer .main_sub_footer .content_sub_footer .subcribe .subent:hover{
    background-color: #999;
}



#content .main_404{
    margin: 0 0 50px 0;
    padding: 0;
}

#content .main_404 .img_404{
    text-align: center;
    margin-bottom: 15px;
}

#content .main_404 .img_404 img{
    margin: 0 auto;
}
/*20211109*/
#content .main_404 .desc_404{
    text-align: center;
    font-family: 'peak-light';
    color: #000;
    font-size: 13px;
}

#content .main_404 .desc_404 p{
    margin-bottom: 20px;
}
/*20211109*/
#content .main_404 .desc_404 .butt_404{
    padding: 5px 10px 8px 10px;
    background: #000;
    color: #fff;
    font-family: 'peak-light';
    font-size: 15px;
    border: none;
    border-radius: 5px;
}

#content .main_404 .desc_404 .butt_404:hover{
    text-decoration: none;
    background: #999;
}

#content .side_404 .main_side_404{
    margin: 0;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
}

#content .side_404 .main_side_404 .title_side_404{
    font-size: 24px;
    color: #4c4b5f;
    margin-bottom: 10px;
    line-height: 22px;
    font-family: 'peak-light';
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    padding: 0 0 5px 0;
    text-align: center;
}

#content .side_404 .main_side_404 .desc_side_404{
    font-family: 'peak-light';
    font-size: 14px;
}

#content .side_404 .main_side_404 .subcribe{
    border: 1px solid #999;
    padding: 3px;
    border-radius: 3px;
}

#content .side_404 .main_side_404 .subcribe .email_sub{
    padding: 6px 10px;
    font-style: italic;
    background: none;
    border: none;
    border-bottom: 1px solid #999;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 5px;
    text-transform: capitalize;
}

#content .side_404 .main_side_404 .subcribe .subent{
    background: #000;
    color: #fff;
    border: none;
    text-transform: uppercase;
    padding: 6px 0;
    width: 100%;
    cursor: pointer;
    border-radius: 0px 0 0 2px;
    transition: all ease .2s .2s;
    -webkit-transition: all ease .2s .2s;
}

#content .side-profil{
    margin: 0;
}

#content .side-profil .main-side-profil{
    margin: 0 0 30px 0;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

#content .side-profil .main-side-profil .head-side-profil{
    border-bottom: 2px solid #DBDEE1;
    margin-bottom: 15px;
    padding-bottom: 3px;
    color: #333;
}

#content .side-profil .main-side-profil .head-side-profil .logo_profil{
    text-align: center;
}

#content .side-profil .main-side-profil .head-side-profil .logo_profil img{
    margin: 0 auto 15px;
    width: 150px;
}

#content .side-profil .main-side-profil .head-side-profil .name_profil{
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'peak-light';
    font-weight: 600;
}

#content .side-profil .main-side-profil .head-side-profil .total_point{
    margin: 5px 0;
    font-family: 'peak-light';
    font-size: 14px;
    font-weight: bold;
}

#content .side-profil .main-side-profil .head-side-profil .total_point i{
    font-size: 13px !important;
}

#content .side-profil .main-side-profil .head-side-profil .total_point a{
    color: #333;
}

#content .side-profil .main-side-profil .head-side-profil .total_point a:hover{
    color: #999999;
    text-decoration: none;
}

#content .side-profil .main-side-profil .head-side-profil .total_point a:focus{
    text-decoration: none;
}

#content .side-profil .main-side-profil .head-side-profil .link_point a{
    font-family: 'peak-light';
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

#content .side-profil .main-side-profil .head-side-profil .link_point a:hover{
    color: #999999;
    text-decoration: none;
}

#content .side-profil .main-side-profil .head-side-profil .link_point a:focus{
    text-decoration: none;
}

#content .side-profil .main-side-profil .content-side-profil{
    margin: 0;
}

#content .side-profil .main-side-profil .content-side-profil ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#content .side-profil .main-side-profil .content-side-profil ul li{
    margin: 10px 0;
}

#content .side-profil .main-side-profil .content-side-profil ul li a{
    font-family: 'peak-light';
    font-size: 13px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
}

#content .side-profil .main-side-profil .content-side-profil ul li a:hover{
    text-decoration: none;
    color: #888;
    outline: none;
}

#content .content-profil{
    margin: 0;
}

#content .content-profil .main-content-profil{
    margin: 0 0 50px 0;
    padding: 0;
}

#content .content-profil .main-content-profil .title-cont-pro{

    font-size: 20px;
    border-bottom: 2px solid #DBDEE1;
    padding-bottom: 5px;
    margin: 10px 0 15px 0;
    text-align: center;
    text-transform: uppercase;
}

#content .content-profil .main-content-profil .cont-list{
    margin: 0;
}

#content .content-profil .main-content-profil .cont-list .tabel_profil{
    width: 100%;
}

#content .content-profil .main-content-profil .cont-list .tabel_profil .jenis_name{
    margin: 0 0 2px 0;
    font-size: 13px;
    text-transform: capitalize;

    vertical-align: top;
}

#content .content-profil .main-content-profil .cont-list .tabel_profil .input_text{
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    width: 100%;
    font-size: 13px;
    margin-bottom: 15px;
}

#content .content-profil .main-content-profil .submit-profil{
    text-align: center;
    margin: 30px 0;
}

#content .content-profil .main-content-profil .submit-profil button{
    background: #000;
    color: #fff;

    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 30px;
    border-radius: 3px;
    border: 1px solid #000;
}

#content .content-profil .main-content-profil .submit-profil a:hover{
    background: #fff;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
}

#content .content-profil .main-content-payment{

}

#content .content-profil .main-content-payment fieldset{
    border: 1px solid #c6c6c6; 
    padding: 15px; 
    color: #666666; 
    border-radius:3px;
}

#content .content-profil .main-content-payment fieldset legend{
    font-size: 14px; 
    border: 1px solid #c6c6c6; 
    padding: 5px 10px; 
    margin: 10px 0 10px 0; 
    width: auto; 

    text-align: center; 
    border-radius: 3px;

}

#content .content-profil .main-content-payment .tabel_pay{
    width: 100%;
}

#content .content-profil .main-content-payment .tabel_pay .input_name .jenis_name{
    margin: 0 0 2px 0;
    font-size: 13px;
    text-transform: capitalize;

    vertical-align: top;
}

#content .content-profil .main-content-payment .tabel_pay .input_name .input_text{
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    width: 100%;
    font-size: 13px;
    margin-bottom: 15px;
}

#content .content-profil .main-content-payment .tabel_pay .input_name ul.from-list{
    padding: 0;
    list-style: none;
}

#content .content-profil .main-content-payment .tabel_pay .input_name ul.from-list li span{
    margin-left: 10px;
    color: #000;
}

#content .content-profil .main-content-payment .tabel_pay .input_name ul li .jenis_bank{
    margin-top: -3px;
    vertical-align: middle;
}

#content .content-profil .main-content-payment .tabel_pay .g-recaptcha div{
    width: 228px !important;
}

#content .content-profil .main-content-payment .submit-pay{
    text-align: center;
    margin-top: 20px;
}

#content .content-profil .main-content-payment .submit-pay .main_submit-pay{
    border-top: 1px solid #c6c6c6;
    padding: 35px 0 20px 0;
}

#content .content-profil .main-content-payment .submit-pay button{
    border: 1px solid #000;
    background: #000;
    color: #fff;
    padding: 8px 35px;
    vertical-align: middle;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#content .content-profil .main-content-payment .submit-pay button:hover{
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

#content .content-profil .addbag{
    text-align: center;
}

#content .content-profil .addbag button{
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #f335a1;
    background: #f335a1;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
}

#content .history_box{
    margin: 0 0 50px 0;
}

#content .history_box .history_top{
    text-align: center;
    margin: 0 0 30px 0;
}

#content .history_box .history_top .status_history_top{
    font-size: 12px;
    font-family: 'peak-light';
    text-transform: uppercase;
    margin: 0 0 20px 0;
    font-weight: bold;
    color: #000;
}

#content .history_box .history_top .status_history_top:after{
    content: "";
    display: block;
    margin: 15px auto 0;
    width: 88px;
    height: 5px;
    background-color: #000;
}

#content .history_box .history_top .id_ord_hist{
    background: #000;
    color: #fff;
    width: 200px;
    margin: 0 auto;
    padding: 20px 0;
}

#content .history_box .history_top .id_ord_hist .ttl_order{
    color: #fff;

    font-size: 13px;
    margin-bottom: 5px;
}

#content .history_box .history_top .id_ord_hist .kode_order{
    font-size: 12px;

}

#content .history_box .content_history{
    margin: 0;
}

#content .history_box .content_history .left-his{
    margin: 0;
    border-right: 1px solid #A9A9A9;
}

#content .history_box .content_history .left-his .ttl-left-his{
    text-align: center;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding-top: 7px;
    padding-bottom: 7px;

    font-size: 15px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content .history_box .content_history .left-his .cont-left-his{
    margin: 0;
}

#content .history_box .content_history .left-his .cont-left-his .tabel_profil{
    width: 100%;
}

#content .history_box .content_history .left-his .cont-left-his .tabel_profil .jenis_name{
    margin: 0 0 2px 0;
    font-size: 13px;
    text-transform: capitalize;

    vertical-align: top;
}

#content .history_box .content_history .left-his .cont-left-his .tabel_profil .input_text{
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    width: 100%;
    font-size: 13px;
    margin-bottom: 15px;
}

#content .history_box .content_history .right-his{
    margin: 0;
}

#content .history_box .content_history .right-his .ttl-right-his{
    text-align: center;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding-top: 7px;
    padding-bottom: 7px;

    font-size: 15px;
    font-weight: bold;
    margin-bottom: 30px;
}

#content .history_box .content_history .right-his .cont-right-his{
    margin: 0;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his{
    margin: 0;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .billing_right_his{
    height: 300px;
    overflow-y: auto;
    margin: 0;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .list_cont-right-his{
    margin-bottom: 10px;
    border-bottom: 1px solid #DBDEE1;
    padding-bottom: 10px;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .list_cont-right-his .img_prod_cart{
    float: left;
    width: 47%;
    margin: 0 5px 0 0;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .list_cont-right-his .img_prod_cart img{
    max-width: 100%;
    height: auto;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .list_cont-right-his .rinci_prod_cart{
    float: left;
    width: 47%;
    margin: 0 5px;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .list_cont-right-his .rinci_prod_cart table{
    width: 100%;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .pay_total{
    margin: 20px 0 0 0;
    border-top: 1px solid #DBDEE1;
    padding-top: 10px;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .pay_total table{
    width: 100%;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .pay_total table td{
    text-transform: capitalize;
    color: #333;
    font-size: 14px;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .pay_total table .pay_harga{
    text-align: right;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .pay_total table .pay_harga .satuan_pay{
    margin-bottom: 5px;
    border: none;
    text-align: right;
    width: 50%;
}

#content .history_box .content_history .right-his .cont-right-his .main_cont-right-his .pay_total table .pay_harga .grand_pay{
    font-weight: bold;
}

#content .history_box .content_history .desc_desck{
    margin: 10px 0 30px 0;
    padding: 0;
    text-align: center;
    font-family: 'peak-light';
    font-size: 15px;
    color: #000;
}

#content .history_box .content_history .invtot{
    margin: 0;
    padding: 0;
}

#content .history_box .content_history .invtot .main_cheksuk{
    background: #000;
    color: #fff;

    padding: 5px 10px;
    font-size: 18px;
}

#content .history_box .content_history .invtot .main_cheksuk table{
    width: 100%;
}

#content .history_box .content_history .invtot .main_cheksuk table tr td.left{
    text-align: left;
}

#content .history_box .content_history .invtot .main_cheksuk table tr td.right{
    text-align: right;
}

#content .history_box .content_history .confrm_bayar{
    margin: 30px 0;
    padding: 0;
    text-align: center;
}

#content .history_box .content_history .confrm_bayar a{
    border: 1px solid #f335a1;
    background: #f335a1;
    color: #fff;
    padding: 8px 35px;
    vertical-align: middle;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#content .history_box .content_history .confrm_bayar a:hover{
    border: 1px solid #f335a1;
    background: #fff;
    color: #000;
    text-decoration: none;
}

#content .history_box .content_history .tbl_rinci_suk{
    margin: 0;
    padding: 0;
}

#content .history_box .content_history .tbl_rinci_suk table{
    width: 100%;
    margin-bottom: 15px;
}

#content .history_box .content_history .tbl_rinci_suk table.infortab{
    width: 100%;
}

#content .history_box .content_history .tbl_rinci_suk table.infortab thead{
    background: #c6c6c6;
}

#content .history_box .content_history .tbl_rinci_suk table.infortab thead tr th{
    padding: 3px 8px;
    border: 1px solid #c6c6c6;

}

#content .history_box .content_history .tbl_rinci_suk table.infortab tbody tr td{
    font-size: 14px;

    padding:7px 9px 9px 9px;
    border-left:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
}

#content .history_box .content_history .tbl_rinci_suk table.infortab tbody tr td table tbody tr td{
    border: none;
}

/* #content .history_box .content_history .tbl_rinci_suk table{
        width: 100%;
}

#content .history_box .content_history .tbl_rinci_suk table thead{
        background: #c6c6c6;
}

#content .history_box .content_history .tbl_rinci_suk table thead tr th{
        padding: 3px 5px;
        border: 1px solid #c6c6c6;
}

#content .history_box .content_history .tbl_rinci_suk table tbody{
        border-bottom: 1px solid #ddd;
}

#content .history_box .content_history .tbl_rinci_suk table tbody tr td{
        text-align: left;
        padding: 3px 5px;
    
    color: #000;
        border: 1px solid #ddd;
} */

#content .mypoints{
    margin: 0;
}

#content .mypoints .main-points{
    margin: 0 0 20px 0;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

#content .mypoints .main-points .lbl_points{
    font-family: 'peak-light';
    font-size: 15px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

#content .mypoints .main-points .total_points{
    margin-bottom: 20px;
    font-family: 'peak-light';
    font-size: 20px;
    font-weight: bold;
}

#content .mypoints .main-points .total_points i{
    font-size: 19px !important;
}

#content .mypoints .main-points .btn_points{
    margin-bottom: 35px;
}

#content .mypoints .main-points .btn_points a .btn-point{
    width: 100%;
    background: #000;
    color: #fff;
    padding: 7px 13px;
    font-size: 14px;
    border-radius: 3px;
    letter-spacing: 2px;
    font-weight: bold;
    border: 1px solid #000;
    text-transform: capitalize;
}

#content .mypoints .main-points .btn_points a .btn-point:hover{
    background: #ffffff;
    color: #000;
    border: 1px solid #000;
}

#content .forgot{
    box-sizing: border-box;
    margin: 50px auto 100px;
    padding: 0 40px;
    width: 100%;
    max-width: 640px;
}

#content .forgot h1{
    margin-bottom: 35px;
    font-size: 32px;
    line-height: 1.15;

}

#content .forgot .main_forgot{
    margin: 0;
    padding: 0;
}

#content .forgot .content_forget{
    padding: 0 10px 0 0;
}

#content .forgot .content_forget label{
    display: block;
    margin-bottom: 5px;
}

#content .forgot .content_forget .input_text{
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #c7c7c7;
    padding: 9px 13px 8px;
    background-color: #fff;
    color: #555;
    font-size: 16px;
    line-height: 1.3125rem;
    border-radius: 3px;
    -webkit-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease;
}

#content .forgot .content_forget .sesion-eror{
    color: red;

}

#content .forgot .content_forget .sesion-sukses{
    color: green;

}

#content .forgot .forget_butt{
    margin: 0;
    padding: 0;
}

#content .forgot .forget_butt .button{
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    padding: 9px 13px 8px;
    background-color: #000;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    margin-top: 25px;
}

#content .shipp-info{
    margin: 0 0 20px 0;
}

#content .shipp-info .sub-shipp{
    margin: 0;
}

#content .shipp-info .sub-shipp .ttl-sub{
    color: #ca9e00;
    margin: 0 0 12px 0;
    font-size: 18px;
    border-bottom: 1px solid #c6c6c6;
}

#content .shipp-info .sub-shipp .cont-sub{
    overflow: auto;
    height: 390px;
    font-family: 'peak-light';
    font-size: 12px;
}

#content .shipp-info .sub-shipp .cont-sub table thead{
    background: #c6c6c6;
}

#content .shipp-info .sub-shipp .cont-sub table thead th{
    font-size: 10px;
    padding: 3px 5px;
}

#content .shipp-info .sub-shipp .cont-sub table tbody{
    border-bottom: 1px solid #ddd;
}

#content .shipp-info .sub-shipp .cont-sub table tbody tr td{
    /* border: 1px solid #c6c6c6; */
    padding: 5px;
    font-size: 10px;
    color: #000;
}

#content .shipp-info .sub-shipp .cont-sub .ttl-toko{
    font-weight: bold;
}

#content .shipp-info .sub-shipp .cont-sub ol{
    padding-left: 12px;
}

#content .shipp-info .sub-shipp .cont-sub ol.oltoko{
    font-weight: normal;
}

#content .shipp-info h4{
    color: #ca9e00;
    margin: 0 0 5px 0;
    font-size: 18px;
}

#content .shipp-info h4>p{
    margin: 0;
}

#content .shipp-info hr{
    margin: 0 0 10px 0;
}

#content .shipp-info p{
    margin: 0 0 20px 0;
}

#content .shipp-info span > p{
    margin: 0 0 5px 0;
}



#content .shipp-info span ul{
    padding-left: 30px;
}

#content .shipp-info table{
    width: 100%;
    margin: 0 0 30px 0;
}

#content .shipp-info table thead{
    background: #ccc;
    font-size: 12px;
    text-transform: capitalize;
}

#content .shipp-info table thead th{
    padding: 3px 5px;
    font-size: 10px;
    border: 1px solid #c6c6c6;
}

#content .shipp-info table tbody td{
    padding: 3px 5px;
    font-size: 10px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
}

#content .verify{
    margin-bottom: 40px;
}

#content .verify .title-verif{
    padding-top: 25px;
    padding-bottom: 5px;
    border-bottom: 3px solid #E6E6E6;

    font-size: 25px;
    color: #808080;
    font-weight: bold;
}

#content .verify .content-verif{
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 6px;
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
    background-image: -o-linear-gradient(top, #fff, #f3f3f3);
    background-image: linear-gradient(to bottom, #fff, #f3f3f3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

#content .verify .content-verif .title-2{
    font-size: 13px;

    color: #808080;
    font-weight: bold;
}

#content .verify .content-verif .main-content-verif{
    margin: 0;
}

#content .verify .content-verif .main-content-verif .top-verif{
    /*background: #808080;*/
    /*20211116*/
    background: #909688;
    text-align: center;
    color: #fff;

    font-weight: bold;
    padding: 10px 0 20px 0;

    /* background: rgb(254,252,234);
    background: -moz-linear-gradient(top, rgb(254,252,234) 0%, rgb(0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgb(254,252,234) 0%,rgb(0,0,0) 100%);
    background: linear-gradient(to bottom, rgb(254,252,234) 0%,rgb(0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#000000',GradientType=0 ); */
}

#content .verify .content-verif .main-content-verif .top-verif .butt_login{
    background: #000;
    padding: 8px 8px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #000;
    margin-top: 15px;
}

#content .verify .content-verif .main-content-verif .top-verif .butt_login:hover{
    color: #000;
    background: #fff;
    border: 1px solid #000;
}

#content .verify .content-verif .main-content-verif .top-verif .name_cus{

    font-size: 25px;
    margin-top: 5px;
}

#content .verify .content-verif .main-content-verif .top-verif .desc-verif{
    margin-top: 10px;
    font-size: 13px;
    font-family: 'peak-light';
    font-weight: normal;
}

#content .verify .content-verif .main-content-verif .bottom-verif{
    /*background: #000;*/
    background: #f9f9f9;
    text-align: center;
    color: #000;
    /*font-weight: bold;*/
    padding: 20px 0;
    font-family: 'peak-light';
    font-size: 13px;
}

.modal-dialog-otd .head_mod{
    text-align: center;

    font-size: 20px;
}

.modal-dialog-otd .box-img-otd{
    border: 1px solid #c6c6c6;
    border-radius: 0 0 5px 5px;
    margin-bottom: 20px;
}

.modal-dialog-otd .box-img-otd .title-otd{
    padding: 10px;
    text-align: center;

    font-size: 14px;
    color: #000;
}

.modal-dialog-otd .box-img-otd .title-otd a{
    color: #000;
    font-weight: bold;
}

.modal-dialog-otd .slide-otd{
    margin: 0;
    padding: 0;
    position: relative;
}

.modal-dialog-otd .slide-otd .w3-display-left{
    position: absolute;
    top: 40%;
    left: 0%;
    transform: translate(0%,-50%);
}

.modal-dialog-otd .slide-otd .w3-display-right{
    position: absolute;
    top: 40%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}

.modal-dialog-otd .slide-otd .w3-button{
    border: none;
    display: inline-block;
    padding: 5px 13px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 3px;
}

.modal-dialog-otd .slide-otd .w3-black{
    color: #fff!important;
    background-color: #000!important;
}

.modal-dialog-otd .slide-otd .mySlidesotd{
    margin: 0;
    padding: 0;
}

.modal-dialog-otd .slide-otd .mySlidesotd .main-img-otd{
    padding: 0 15px 10px 15px;
}

.modal-dialog-otd .slide-otd .mySlidesotd .link-otd{
    margin: 0;
    padding: 0;
    text-align: center;
}

.modal-dialog-otd .slide-otd .mySlidesotd .link-otd .name-img-otd{

    font-size: 13px;
    color: #000;
    margin: 10px 0;
}

.modal-dialog-otd .slide-otd .mySlidesotd .link-otd .but-otd{
    border: 1px solid #000;
    color: #fff;
    background: #000;
    padding: 5px 40px;

    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
}

.modal-dialog-otd .slide-otd .mySlidesotd .link-otd .but-otd:hover{
    color: #000;
    border: 1px solid #000;
    background: #fff;
    text-decoration: none;
}

.modal-dialog-otd .main-points{
    margin: 35px;
    padding: 25px;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.modal-dialog-otd .main-points .lbl_points{
    font-family: 'peak-light';
    font-size: 15px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.modal-dialog-otd .main-points .total_points{
    margin-bottom: 20px;
    font-family: 'peak-light';
    font-size: 20px;
    font-weight: bold;
}

.modal-dialog-otd .main-points .total_points i{
    font-size: 19px !important;
}

.modal-dialog-otd .main-points .btn_point{
    margin: 0;
    padding: 0;
}

.modal-dialog-otd .main-points .btn_point .panel{
    text-align: center;
    border: none;
}

.modal-dialog-otd .main-points .btn_point .panel a .panel-heading{
    background: #000;
    color: #fff;
    border-radius: 3px;
}

.modal-dialog-otd .main-points .btn_point .panel a{
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: bold;
}

.modal-dialog-otd .main-points .btn_point .panel a:focus{
    text-decoration: none;
}

.modal-dialog-otd .main-points .btn_point .panel a:hover{
    text-decoration: none;
}

.modal-dialog-otd .main-points .btn_point .panel .panel-collapse{
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    margin: -2px 0px 0px;
    border-radius: 0 0 3px 3px;
}

.modal-dialog-otd .main-points .btn_point .panel .panel-collapse .panel-body{
    padding: 20px;
}

.modal-dialog-otd .main-points .btn_point .panel .panel-collapse .red_point{
    margin: 0;
}

.modal-dialog-otd .main-points .btn_point .panel .panel-collapse .red_point .input_point{
    padding: 10px 5px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    width: 100%;
    font-size: 13px;
    margin-bottom: 15px;
    text-align: center;
}

.modal-dialog-otd .main-points .btn_point .panel .panel-collapse .red_point ::placeholder{
    font-style: italic;
    color: #666666;
    font-size: 15px;
    font-weight: bold;

}

.modal-dialog-otd .main-points .btn_point .panel .panel-collapse .red_point :-ms-input-placeholder{
    font-style: italic;
    color: #666666;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.modal-dialog-otd .main-points .btn_point .panel .panel-collapse .red_point ::-ms-input-placeholder{
    font-style: italic;
    color: #666666;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.modal-dialog-otd .main-points .btn_point .panel .panel-collapse .red_point .submit_point{
    border: 2px solid #000;
    color: #fff;
    padding: 6px 10px;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    background: #000;
    border-radius: 3px;
    letter-spacing: 2px;
    font-weight: bold;
}

.modal-dialog-otd .main-points .btn_point .panel .panel-collapse .red_point .submit_point:hover{
    border: 2px solid #000;
    background: #fff;
    color: #000;
}

.prodwish .mainwish{
    min-height: 500px !important;
    position: relative;
}

.prodwish .mainwish .remove{
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.prodwish .mainwish .remove img{
    border: 1px solid #F335A1;
    padding: 3px;
    width: 20px;
}













.affix-bottom{
    position: absolute;
    width: 90%;
}
.affix-top{
    position: absolute;
    width: 90%;
}
.affix {
    top: 140px;
    width: 262px;
    z-index: 9999 !important;
}

@media (min-width: 768px) {
    .affix {
        top: 90px;
        width: 169px;
        z-index: 9999 !important;
    }
    #nav_button.forbawah {
        display: none;
      }
}


@media (min-width: 992px) {
    .affix {
        top: 90px;
        width: 218px;
        z-index: 9999 !important;
    }
}

@media (min-width: 1200px) {
    .affix {
        top: 140px;
        width: 262px;
        z-index: 9999 !important;
    }
}

/* end sticky sidebar*/





@media (max-width: 1024px) {
    .payment{
        display: none;
    }
    .logreg{
        display: none;
    }
    .cartop{
        display: none;
    }
    .logos{
        display: none;
    }

    .freeship{
        text-align: center;
    }

    #content{
        margin: 86px 0 0 0;
    }

    .box_login .left_login .main_login{
        padding: 0;
    }

    .checkout_left .main_check_left .main_login .forget_butt .resend{
        width: 62%;
    }

}

@media (min-width: 769px){
    .modal-dialog-otd{
        width: 700px;
        margin: 100px auto;
    }

    .wrap_modal{
        width: 450px;
        margin: 100px auto;
    }
}

@media(max-width: 767px) {

    .bi-icon-red {
        fill: red; /* Ubah warna fill menjadi merah */
        position: relative; /* Atur positioning sesuai kebutuhan */
        /* z-index: 1000; Atur z-index sesuai kebutuhan untuk menempatkan ikon di atas elemen lain */
    }
    .container-element {
        overflow: visible; /* Atur overflow sesuai kebutuhan */
    }



    
    #bottommenu .menus .container-fluid {
        display: flex;
        justify-content: center; /* Mengatur isi di tengah secara horizontal */
        align-items: center; /* Mengatur isi di tengah secara vertikal */
        background-color: #fff; /* Tambahkan background-color untuk memastikan ukuran dan posisi container */
        padding: 0;
        margin: 0;
        height: 60px; /* Sesuaikan tinggi container sesuai kebutuhan */
    }
    
    #bottommenu .menus {
        text-align: center; /* Mengatur item-menu berada di tengah secara horizontal */
        overflow-x: auto; /* Membuat konten horizontal dapat di-scroll jika tidak cukup lebar */
        width: 100%; /* Menetapkan lebar penuh pada container */
    }
    
    #bottommenu .menus ul {
        display: flex;
        justify-content: center; /* Mengatur isi di tengah secara horizontal */
        align-items: center; /* Mengatur isi di tengah secara vertikal */
        padding: 0;
        margin: 0;
        list-style: none; /* Menghilangkan bullet list dari ul */
        gap: 20px; /* Memberikan ruang antara ikon-ikon */
    }
    
    #bottommenu .menus li {
        padding: 8px;
        margin-right: -15px; /* Sesuaikan dengan jarak horizontal */
        margin-left: 15px; /* Sesuaikan dengan jarak horizontal */
    }
    
    #bottommenu .menus a {
        color: inherit;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'peak-light';
        font-size: 12px;
        font-weight: bold;
        padding: 0;
        letter-spacing: 1px;
        border-bottom: 2px solid #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    #bottommenu .menus svg {
        width: 25px;
        height: 25px;
        fill: rgb(94, 92, 92);
    }
    
    
    
    .icon-scanm-id {
        width: 40px; /* Sesuaikan ukuran ikon sesuai kebutuhan Anda */
        height: 40px; /* Sesuaikan ukuran ikon sesuai kebutuhan Anda */
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%; /* Membuat latar belakang berbentuk bulat */
        background-color: #f30909; /* Warna latar belakang */
      
        box-shadow: 0 2px 4px rgba(0, 0, 0, 100); /* Menambahkan shadow dengan ukuran dan warna tertentu */
        z-index: 99999;
    }
    
    #bottommenu.shrink{
        -webkit-transition: width 3s;
        -moz-transition: width 3s;
        transition: width 3s;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(153,158,157,1);
        -moz-box-shadow: 0px 2px 5px 0px rgba(153,158,157,1);
        box-shadow: 0px 2px 5px 0px rgba(153,158,157,1);
    }
    
    #bottommenu.shrink .logos{
        transition: all 1s;
        height: 50px;
    }
    
    #bottommenu.shrink .logos img{
        height: 35px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    
    #bottommenu .top {
        /*background: #000000;*/
        background: #909688;
        padding: 3px 0;
        margin: 0;
        width: 100%;
    }
    
    #bottommenu .top a{
        text-transform: uppercase;
        font-size: 9px;
        font-family: 'peak-light';
        font-style: normal;
        font-weight: bold;
        letter-spacing: 1px;
        color: #ffffff;
    }
    
    #bottommenu .top a:hover{
        text-decoration: none;
    }
    
    #bottommenu .top .payment{
        padding: 0;
    }
    
    #bottommenu .top .freeship{
        padding: 0;
    }
    
    #bottommenu .top .logreg{
        padding: 0;
        text-align: right;
    }
    
    #bottommenu .top .logreg ul{
        padding: 0;
    }
    
    #bottommenu .top .logreg ul li a{
        padding: 5px 0 0 0;
    }
    
    #bottommenu .top .logreg ul li a:hover{
        background: #000 !important;
    }
    
    #bottommenu .top .logreg ul .open a{
        background: none;
    }
    
    #bottommenu .top .logreg ul li ul{
        background: #000;
        padding: 5px 12px 4px 12px;
    }
 
    #bottommenu .top .logreg ul li ul li{
        padding: 13px 0;
        border-bottom: 1px solid #666666;
    }
    
    #bottommenu .top .logreg ul li ul li:last-child{
        border: none;
    }
    
    #bottommenu .top .logreg ul li ul li .total-points{
        color: #ffffff;
        font-size: 11px;
        font-weight: 600;
        padding-left: 17px;
        font-family: 'peak-light';
    }
    
    #bottommenu .top .logreg ul li ul li a{
        padding: 0;
    }
    
    #bottommenu .top .logreg ul li ul li a:hover{
        color: #999999;
    }
    
    #bottommenu .top .logreg ul li ul li a i{
        margin-right: 3px;
    }
    
    #bottommenu .top .logreg ul li ul li a svg{
        margin-right: 5px;
    }
    
    #bottommenu .top .cartop{
        padding: 0;
        text-align: right;
    }
    
    #bottommenu .logos {
        background: #fff;
        padding: 15px 0 0 0;
        margin: 0;
        width: 100%;
        height: 98px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    
    #bottommenu .logos img{
        height: 83px;
        max-width: 100%;
        vertical-align: middle;
        border: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }

  
    





}


















/* ##################### */
@media (max-width: 767px) {
    .social_media_icons a {
    /* margin: 20px; Ubah margin agar lebih kecil pada tampilan mobile */
     
     display: block; /* Atur elemen gambar menjadi blok untuk mengatur lebar dan margin */
     margin: 0 auto; /* Pusatkan gambar secara horizontal */
}
    
.content_sub_footer a{
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    font-family: 'peak-light';
    font-size: 8px;

}

li a {
    font-size: 5px; /* Sesuaikan ukuran teks sesuai kebutuhan Anda */
}

.payment{
    display: none;
}
 
#nav_button.forbawah {
    position: fixed; /* Membuat posisi tetap saat discroll */
    bottom: 0; /* Menetapkan posisi dari bawah 0 */
    
    display: block; 
    

    justify-content: center;
    left: 0; /* Menetapkan posisi dari kiri 0 */
    align-items: center; /* Tengahkan konten */
    height: 40px;
    background-color: #f7f5f5;
    color: #fff;
    width: 100%; /* Lebar tetap 100% dari layar */
    z-index: 9999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 5); /* Menambahkan shadow dengan ukuran dan warna tertentu */
    
    }
    #nav_button .main_nav_button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    }

    #nav_button .sub_nav_button {
    width: 100%; /* Gunakan lebar penuh */
    /* flex: 1;  */
    text-align: center; /* Tengahkan teks */
    }

    #nav_button .content_sub_nav_button {
    list-style-type: none;
    /* padding: 0; */
    margin: 0;
    display: flex;
    justify-content: space-between;
    }
    #nav_button .content_sub_nav_button li {
    /* display: inline-block; */
    margin-bottom: -15px; /* Sesuaikan dengan jarak vertical atas/bawah  */
    margin-right: 33px; /* Sesuaikan dengan jarak horizontal */
    /* width: 30px; Sesuaikan dengan lebar ikon */
    
    text-align: center; /* Pusatkan ikon dan teks */
    }

    #nav_button .content_sub_nav_button li a {
    display: block; /* Jadikan tautan berbentuk blok untuk mengatur ikon di atas teks */
    margin-bottom: 5px; /* Berikan margin bawah agar teks dan ikon terpisah */
    text-decoration: none;
    color: rgb(247, 242, 242);
    font-size: 12px;

    }
    #nav_button .dropdown-menu {
    display: none;
    }

    #nav_button .dropdown:hover .dropdown-menu {
    display: block;
    }

    #nav_button .dropdown-menu li {
    /* padding: 15px; */
    }

    #nav_button .icon {
        width: 25px; /* Sesuaikan ukuran ikon sesuai kebutuhan Anda */
        height: 25px; /* Sesuaikan ukuran ikon sesuai kebutuhan Anda */
        display: block; /* Pastikan ikon berbentuk blok agar berada di bawah teks */
        margin: 0 auto; /* Pusatkan ikon horizontal */
        /* vertical-align: middle; Tambahkan properti ini */
        overflow: hidden; /* Tambahkan properti overflow: hidden di sini */
        fill : grey; /* warna icon */
    }

    #nav_button .pro_sale,
    #nav_button .salee2,#nav_button .salee {
    display: inline-block;
    }

    .center-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    }    

    
}

/* @768  */
@media (max-width: 768px){
    .checkout_left .main_check_left{
        height: auto;
    }
    .checkout2_right .main_check2_right .billing_step_right .content_step_right .list_content_step_right .img_prod_cart{
        margin: 0;
    }

    #content .banner .bannright{
        display: none;
    }

    .box_login .left_login .main_login .forget_butt .resend{
        width: 100%;
    }

    #content .forgot .content_forget{
        padding: 0;
    }

    #content .forgot .forget_butt .button{
        width: 100%;
    }

    .checkout_left .main_check_left .main_login .forget_butt .resend{
        width: 100%;
    }

    .modal-dialog-otd{
        margin: 10px;
    }

    .checkout2_left .main_check2_left .paymet .panel-default .panel-body .main_panbod{
        width: auto;
    }

    #content .bannernew .wrap_banner .cont_banner .bottom{
        padding-right: 7px;
    }

    #content .bannernew .wrap_banner .cont_banner .dress{
        padding-left: 7px;
    }

    #content .bannernew .wrap_banner .cont_banner .outwear{
        padding-right: 7px;
    }

    #content .bannernew .wrap_banner .cont_banner .tops{
        padding-left: 7px;
    }

}
/* end @768  */



/* @425  */
@media (max-width: 425px) {
    #content .home_quote .home_quote_title{
        font-size: 20px;
    }

    #content .bannernew .wrap_banner .title_bannernew{
        font-size: 20px;
        margin-bottom: 15px;
    }

    #content .prod_feature .title_feature .title_top{
        font-size: 25px;
    }

    #content .noworries .titleworries .top_wor{
        font-size: 25px;
    }

    #content .noworries .whoweare{
        font-size: 25px;
    }

    #cart-bag .main-cart-bag .content-list{
        max-height: 200px;
    }

    #topmenu .top {
        /* position: fixed; Membuat posisi tetap saat discroll */
        top: 0; /* Menetapkan posisi dari bawah 0 */
        padding: 5px 0;
    }

    #topmenu .menus .navbar .container-fluid .navbar-collapse{
        padding: 0 15px;
    }

    a.icon-search{
        display: none !important;
    }

    #topmenu .menus .navbar .navbar-nav li a{
        padding: 5px 15px;
    }

    #topmenu .menus .navbar .navbar-nav li ul.dropdown-menu{
        padding: 10px 15px;
    }
    a.icon-search{
        display: none !important;
    }


    
    /* ############################### XXX ##################################### */
    #bottommenu .top {
        /* position: fixed; Membuat posisi tetap saat discroll */
        top: 0; /* Menetapkan posisi dari bawah 0 */
        padding: 5px 0;
    }
    
    


    /* #################################################################### */

    #content .banner .bannleft .topleft{
        margin-bottom: 10px;
    }

    #content .banner .bannleft .topleft .tlleft{
        padding-right: 5px;
    }

    #content .banner .bannleft .topleft .tlleft img{
        height: auto;
    }

    #content .banner .bannleft .topleft .tlright{
        padding-left: 5px;
    }

    #content .banner .bannleft .topleft .tlright img{
        height: auto;
    }

    #content .banner .bannleft .bottomleft .bttm img {
        height: auto;
        margin-bottom: 10px;
    }

    #content .banner .bannright .main_right {
        padding: 0;
    }

    #content .imageig .igright .wrap_igright {
        padding: 0;
    }

    #content .imageig .igleft {
        margin-bottom: 10px;
    }

    #content .imageig .igleft img {
        height: auto;
    }

    #content .imageig .igright .main_igright img {
        height: auto;
    }

    #content .noworries .titleworries {
        padding: 25px 10px;
    }

    #content .noworries .content_worries .img-left {
        margin-bottom: 40px;
    }

    #footer .main_footer .sub_subcribe{
        border-top: 1px solid #ccc;
        padding-top: 15px;
    }

    #footer .main_footer .sub_footer .main_sub_footer {
        margin: 0 0 10px 0;
        border: none;
    }

    #footer .main_footer .row_sub_footer{
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }

    #footer .main_footer .sub_footer .shipp{
        border: none !important;
    }

    #content .detaile .detail_desc .chos_color .color_prod .cont_color_prod .select_box .qty_num{
        width: 20%;
    }

    #content .detaile .detail_desc .chos_color .color_prod .cont_color_prod .buttwish{
        width: 100%;
        margin-bottom: 10px;
    }

    #content .detaile .detail_desc .chos_color .color_prod .cont_color_prod .buttbag{
        width: 100%;
    }

    #content .detaile .detail_foto .xzoom-container .img_kecil ul li{
        float: left;
        margin: 0 3px;
    }

    .cont_terk{
        padding: 0 5px;
    }

    #content .detaile .detail_foto{
        display: none;
    }

    .checkout2_left .main_check2_left .billing_step .content_step .jenis_name{
        display: none;
    }

    .checkout2_left .main_check2_left .billing_step .content_step .input_name{
        width: 100%;
    }

    .checkout2_left .main_check2_left .billing_step .content_step{
        padding: 0;
    }

    #social_media .main_socmed .title_sos{
        display: none;
    }

    #content .imageig{
        display: none;
    }

    .sidebar-cat{
        display: none !important;
    }

    .checkout_left .main_check_left .content_account .tabel_account .jenis_name{
        display: none;
    }

    .checkout_left .main_check_left .content_account .tabel_account .input_name{
        width: 100%;
    }

    .checkout_prod{
        margin-bottom: 25px;
    }

    .mob-hidden{
        display: none !important;
    }

    #content .product .text h3{
        margin: 5px 0;
    }

    #content .product{
        min-height: 370px;
        margin-bottom: 15px;
        border: 1px solid #e6e6e6;
    }

    #content .product .text .new_disc{
        display: none;
    }

    #content .product .text .mbl_show{
        display: block;
    }

    .box_login .left_login{
        border-bottom: 5px solid #fff;
        padding: 20px 30px 30px 30px;
    }

    .box_login .left_login .main_login .forget_butt .main_forget{
        width: 100%;
    }

    .box_login .left_login .main_login .forget_butt .butt_login{
        width: 100%;
    }

    .box_login .left_register{
        display: none;
    }

    .prodwish .mainwish{
        min-height: 410px !important;
        position: relative;
    }

    #content .history_box .content_history .left-his{
        border: none;
    }

    .box .box-footer .shopp{
        margin-bottom: 20px;
    }

    .box .box-footer .mbl-left{
        float: left !important;
    }

    .checkout_left .main_check_left .main_login .forget_butt .main_forget{
        width: 100%;
    }

    .checkout_left .main_check_left .main_login .forget_butt .main_forget .butt_login{
        width: 100%;
    }

    .checkout_left .main_check_left .main_login .forget_butt .resend{
        width: 100%;
    }

    .modal-dialog-otd .main-points{
        margin: 5px;
        padding: 15px;
    }

}
/* end @425  */




/* @375 */
@media (max-width: 375px) {
    #content .product{
        min-height: 340px;
    }
}
/* end @375  */




/* @320 */
@media (max-width: 320px) {
    .checkout2_right .main_check2_right .billing_step_right .content_step_right .list_content_step_right .img_prod_cart{
        margin: 0;
    }

    #content .product{
        min-height: 305px;
    }

    .box_login .right_register{
        padding: 20px;
    }

    .box_login .left_login{
        border-bottom: 5px solid #fff;
        padding: 20px 15px 30px 15px;
    }

    #content .content-profil .main-content-payment .submit-pay button{
        padding: 8px 31px;
    }
}
/* end @320  */


/* @ 1025 */
@media only screen and (min-device-width: 1025px){
    .logomobile{
        display: none;
    }
    .menukanan{
        display: none;
    }
}

@media only screen and (min-device-width: 426px){
    .imageigdua{
        display: none;
    }

    #detail_foto_m{
        display: none !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px){
    #content .detaile .detail_foto .larg_img{
        padding: 0 15px;
    }
}
/* end @1025  */



/* 1024 */
@media (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
    /*    .navbar-left,.navbar-right {
            float: none !important;
        }*/
    .navbar-toggle {
        display: block;
        border: none;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
        padding: 0 15px;
    }

    #topmenu .menus .navbar .navbar-nav li.salee{
        margin-left: 15px;
        background-position-x: -28px;
        background-position-y: -25px;
    }

    #topmenu .menus .navbar .navbar-nav li.salee2{
        margin-left: 15px;
    }



    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    #promo{
        margin-top: 0;
    }
}
/* end 1024 */

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left : 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left : auto
    }
}




/* @425 */
@media (max-width: 425px) {
    #topmenu .menus .navbar .navbar-nav li.salee{
        margin-left: 15px;
        background-position-x: -28px;
        background-position-y: -29px;
    }

    #topmenu .menus .navbar .navbar-nav li.salee2{
        margin-left: 25px;
    }
    
}
/* @425 */


@media (min-width: 426px) and (max-width: 768px){
    #topmenu .menus .navbar .navbar-nav li.salee{
        margin-left: 15px;
        background-position-x: -28px;
        background-position-y: -24px;
    }

    #topmenu .menus .navbar .navbar-nav li.salee2{
        margin-left: 15px;
    }

    #nav_button .content_sub_nav_button li {
        /* display: inline-block; */
        margin-bottom: -15px; /* Sesuaikan dengan jarak vertical atas/bawah  */
        margin-right: 33px; /* Sesuaikan dengan jarak horizontal */
        /* width: 30px; Sesuaikan dengan lebar ikon */
       
        text-align: center; /* Pusatkan ikon dan teks */
      }

      #nav_button .content_sub_nav_button li a {
        display: block; /* Jadikan tautan berbentuk blok untuk mengatur ikon di atas teks */
        margin-bottom: 5px; /* Berikan margin bawah agar teks dan ikon terpisah */
        text-decoration: none;
        color: rgb(247, 242, 242);
        font-size: 12px;

      }
}


#copyright{
    width: 100%;
    /*background: #000;*/
    background: #ffff;
    
}

#copyright .main_copyright{
    display: flex;
    justify-content: center;
    align-items: center;
    /*color: #fff;*/
    color: #909688;
    font-size: 10px;
    padding: 5px 0;
}
.privacypolicy {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Tambahkan gaya lain yang Anda butuhkan untuk konten di dalam profileinfo */
}

.privacypolicy a {
    display: inline-block; /* Tautan akan berada dalam satu baris secara horizontal */
    margin: 0 10px; /* Atur jarak antara tautan */
    color: #131212; /* Ubah warna teks menjadi putih */   
}





.privacypolicy a:hover {
    color: #555; /* Warna teks tautan saat dihover */
}


.profileinfo {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Tambahkan gaya lain yang Anda butuhkan untuk konten di dalam profileinfo */
}



.profileinfo a {
    display: inline-block; /* Tautan akan berada dalam satu baris secara horizontal */
    margin: 0 10px; /* Atur jarak antara tautan */
    color: #fff; /* Ubah warna teks menjadi putih */
}

/* Media query untuk perangkat mobile */
@media (max-width: 768px) {
    .profileinfo {
        display: block; /* Konten akan menjadi block (vertikal) di perangkat mobile */
        text-align: center; /* Tautan akan berada di tengah pada perangkat mobile */
    }

    .profileinfo a {
        /* Sesuaikan gaya teks untuk tampilan mobile */
        /* Misalnya, ukuran teks dan properti lain */
    }
}



/* @425 */

@media (max-width: 425px) {
    /* ... CSS untuk tampilan responsif pada layar kecil ... */
}







@media only screen and (min-width: 768px) {




    .navbar-expand-md {
        -ms-flex-flow  : row nowrap;
        flex-flow      : row nowrap;
        -ms-flex-pack  : start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction    : row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left : .5rem
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap    : nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display                : -ms-flexbox !important;
        display                : flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis             : auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }




    .cd-top {
        right: 20px;
        /* left: 20px; */
        bottom: 15%;
        border-radius: 3px;
    }
    .d-md-none {
        display: inline-block; /* Menampilkan menu_icon pada perangkat dengan lebar layar kecil (mobile) */
      }
      .xn-text {
        display: none; /* Menyembunyikan menu_name pada perangkat dengan lebar layar kecil (mobile) */
      }

    
        .dropdown-menu-md-left {
            right: auto;
            left : 0
        }
    
        .dropdown-menu-md-right {
            right: 0;
            left : auto
        }
 
    
    
}
@media (min-width: 979px) {
    #topmenu .menus .navbar ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
        margin-top:0px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 40px;
        width: 40px;
        right: 30px;
        /* left: 30px; */
        bottom: 15%;
        border-radius: 3px;
    }
   
}

/* Media query untuk perangkat mobile */

/* Menampilkan bottommenu hanya pada tampilan mobile dan tablet */
@media (max-width: 1024px) {
    #bottommenu {
        position: fixed;
        z-index: 999;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
       
        -webkit-transition: width 3s;
        -moz-transition: width 3s;
        transition: width 3s;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        min-height: 60px; 
        z-index: 99999;
    }
    #bottommenu .menus .container-fluid {
        display: flex;
        justify-content: center; /* Mengatur isi di tengah secara horizontal */
        align-items: center; /* Mengatur isi di tengah secara vertikal */
        /* background-color: #fff; Tambahkan background-color untuk memastikan ukuran dan posisi container */
        padding: 0;
        margin: 0;
        height: 60px; /* Sesuaikan tinggi container sesuai kebutuhan */
    }
    
    #bottommenu .menus {
        text-align: center; /* Mengatur item-menu berada di tengah secara horizontal */
        overflow-x: auto; /* Membuat konten horizontal dapat di-scroll jika tidak cukup lebar */
        width: 100%; /* Menetapkan lebar penuh pada container */
    }
    
    #bottommenu .menus ul {
        display: flex;
        justify-content: center; /* Mengatur isi di tengah secara horizontal */
        align-items: center; /* Mengatur isi di tengah secara vertikal */
        padding: 0;
        margin: 0;
        list-style: none; /* Menghilangkan bullet list dari ul */
        gap: 20px; /* Memberikan ruang antara ikon-ikon */
    }
    
    #bottommenu .menus li {
        padding: 5px;
        margin-right: -35px; /* Sesuaikan dengan jarak horizontal */
        margin-left: 35px; /* Sesuaikan dengan jarak horizontal */
    }
    
    #bottommenu .menus a {
        color: inherit;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'peak-light';
        font-size: 12px;
        font-weight: bold;
        padding: 0;
        letter-spacing: 1px;
        border-bottom: 2px solid #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    #bottommenu .menus svg {
        width: 25px;
        height: 25px;
        fill: rgb(94, 92, 92);
    }
    
    
    
    
    
    #bottommenu.shrink{
        -webkit-transition: width 3s;
        -moz-transition: width 3s;
        transition: width 3s;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(153,158,157,1);
        -moz-box-shadow: 0px 2px 5px 0px rgba(153,158,157,1);
        box-shadow: 0px 2px 5px 0px rgba(153,158,157,1);
    }
    
    #bottommenu.shrink .logos{
        transition: all 1s;
        height: 50px;
    }
    
    #bottommenu.shrink .logos img{
        height: 35px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    
    #bottommenu .top {
        /*background: #000000;*/
        background: #909688;
        padding: 3px 0;
        margin: 0;
        width: 100%;
    }
    
    #bottommenu .top a{
        text-transform: uppercase;
        font-size: 9px;
        font-family: 'peak-light';
        font-style: normal;
        font-weight: bold;
        letter-spacing: 1px;
        color: #ffffff;
    }
    
    #bottommenu .top a:hover{
        text-decoration: none;
    }
    
    #bottommenu .top .payment{
        padding: 0;
    }
    
    #bottommenu .top .freeship{
        padding: 0;
    }
    
    #bottommenu .top .logreg{
        padding: 0;
        text-align: right;
    }
    
    #bottommenu .top .logreg ul{
        padding: 0;
    }
    
    #bottommenu .top .logreg ul li a{
        padding: 5px 0 0 0;
    }
    
    #bottommenu .top .logreg ul li a:hover{
        background: #000 !important;
    }
    
    #bottommenu .top .logreg ul .open a{
        background: none;
    }
    
    #bottommenu .top .logreg ul li ul{
        background: #000;
        padding: 5px 12px 4px 12px;
    }
    
   
    
    #bottommenu .top .logreg ul li ul li{
        padding: 13px 0;
        border-bottom: 1px solid #666666;
    }
    
    #bottommenu .top .logreg ul li ul li:last-child{
        border: none;
    }
    
    #bottommenu .top .logreg ul li ul li .total-points{
        color: #ffffff;
        font-size: 11px;
        font-weight: 600;
        padding-left: 17px;
        font-family: 'peak-light';
    }
    
    #bottommenu .top .logreg ul li ul li a{
        padding: 0;
    }
    
    #bottommenu .top .logreg ul li ul li a:hover{
        color: #999999;
    }
    
    #bottommenu .top .logreg ul li ul li a i{
        margin-right: 3px;
    }
    
    #bottommenu .top .logreg ul li ul li a svg{
        margin-right: 5px;
    }
    
    #bottommenu .top .cartop{
        padding: 0;
        text-align: right;
    }
    
    #bottommenu .logos {
        background: #fff;
        padding: 15px 0 0 0;
        margin: 0;
        width: 100%;
        height: 98px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    
    #bottommenu .logos img{
        height: 83px;
        max-width: 100%;
        vertical-align: middle;
        border: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
}