@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap");
* {
    font-family: "Barlow Semi Condensed", sans-serif;
}

@font-face {
    font-family: "MaisonNeueMedium";
    src: url(../fonts/maison-neue/MaisonNeueMedium.otf);
    format: "otf";
}
@font-face {
    font-family: "MaisonNeueBook";
    src: url(../fonts/maison-neue/MaisonNeueBook.otf);
    format: "otf";
}
@font-face {
    font-family: "Baloo2-Regular";
    src: url(../fonts/baloo2/Baloo2-Regular.ttf);
    format: "ttf";
}
@font-face {
    font-family: "Baloo2-Medium";
    src: url(../fonts/baloo2/Baloo2-Medium.ttf);
    format: "ttf";
}
@font-face {
    font-family: "Baloo2-Bold";
    src: url(../fonts/baloo2/Baloo2-Bold.ttf);
    format: "ttf";
}
@font-face {
    font-family: "Baloo2-SemiBold";
    src: url(../fonts/baloo2/Baloo2-SemiBold.ttf);
    format: "ttf";
}
@font-face {
    font-family: "cabin-italic";
    src: url(../fonts/cabin/cabin-italic.ttf);
    format: "ttf";
}
@font-face {
    font-family: "MagicEnglish";
    src: url(../fonts/MagicEnglish/MagicEnglish.ttf);
    format: "ttf";
}

html, body {
    height: 100%;
    color: #1D1D1D;
}

@media (max-width: 991px) {
    html, body {
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    html, body {
        overflow-x: hidden;
    }
}

a {
    color: #A78939;
}

a, a:hover, a:focus {
    color: #89702f;
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    color: #6f6f6f;
    margin-bottom: 1.5em;
}

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

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

.ul li {
    list-style: none;
}

.ul-inline li {
    display: inline-block;
}

.help-block {
    font-size: 13px;
}

.cursor-pointer {
    cursor: pointer !important;
}

body > [id^="beacon_"],
body > [id*=" beacon_"] {
    display: none;
}

.coret {
    text-decoration: line-through;
}

.error-form {
    display: block;
    margin-top: 5px;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    color: #F00;
}

.error-form p {
    margin-bottom: 0;
    color: #F00;
    font-family: "MaisonNeueBook";
    line-height: 11px;
}

.alert {
    padding: 10px 15px;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    border-radius: 2px;
}

.alert.alert-danger a {
    color: #721c24;
}

.alert.alert-success a {
    color: #721c24;
}

.alert-mini {
    padding: 7px 15px !important;
}

.alert .close {
    margin-top: -4px;
}

.icon-facebook {
    color: #295396 !important;
}

.icon-twitter {
    color: #28aae1 !important;
}

.icon-instagram {
    color: #d6249f !important;
}

.empty-data {
    padding: 50px 0;
    text-align: center;
}

.empty-data img {
    width: 50%;
}

label sup {
    color: red;
}

.group-input {
    margin-bottom: 10px;
}

.custom-input {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(222, 222, 222, 0.7);
    border-radius: 4px;
    overflow: hidden;
}

.custom-input .input-icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    color: #787878;
    text-align: center;
    transform: translateY(-50%);
    z-index: 1;
}

.custom-input .input-icon .fa {
    font-size: 0.9375rem;
}

.custom-input input {
    position: relative;
    padding: 8px 40px;
    padding-right: 15px;
    width: 100%;
    color: #676767;
    font-size: 0.875rem;
    font-family: "MaisonNeueBook";
    background-color: transparent;
    border: 1px solid transparent;
    z-index: 2;
}

.custom-select {
    font-size: 0.8125rem;
}

.custom-select.sort {
    padding: 5px 10px;
    padding-right: 30px;
    height: auto;
    font-size: 0.8125rem;
}

.text {
    font-size: 0.875rem;
}

.text p, .text li {
    font-size: 0.875rem;
    line-height: 24px;
}

.paragraph p {
    font-size: 1rem;
    line-height: 34px;
}

/*
 * Plugin: Select2
 * ---------------
 */
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
    outline: none;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 34px;
}

.select2-container--default.select2-container--open {
    border-color: #3c8dbc;
}

.select2-dropdown {
    border: 1px solid #d2d6de;
    border-radius: 0;
}

.select2-results__option {
    padding: 6px 12px;
    font-size: 13px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    margin-top: -4px;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 6px;
    padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    right: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 0;
}

.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
    padding-left: 15px;
    border: 1px solid #d2d6de;
    font-size: 14px !important;
}

.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
    outline: none;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: #444;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d6de;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple:focus {
    border-color: #3c8dbc;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #d2d6de;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border-color: #367fa9;
    padding: 1px 10px;
    color: #fff;
    font-size: 13px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
}

.btn-main {
    color: #fff;
    background-color: #A78939;
}

.btn-main:hover {
    background-color: #c3a450;
}

.btn-wa {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background: #11a80b;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px !important;
    z-index: 999;
}

.btn-wa .fa {
    font-size: 2rem;
    color: #fff;
}

.form-group label {
    margin-bottom: 5px;
    font-size: 0.8125rem;
    color: rgba(0, 0, 0, 0.7);
}

.form-control {
    padding: 8px 12px;
    font-size: 0.8125rem;
    color: rgba(0, 0, 0, 0.54);
    border: solid 1px #e0e0e0;
    border-radius: 3px;
}

.form-control:focus {
    border: solid 1px #A78939;
    box-shadow: none;
}

.form-control:invalid {
    box-shadow: none;
}

.btn {
    padding: 10px 27px;
    font-size: 0.8125rem;
    border-radius: 3px;
}

.datepicker td, .datepicker th {
    width: 30px;
    height: 30px;
    font-size: 0.875rem;
    border-radius: 3px;
}

.btn-tbl {
    padding: 5px 10px;
    font-size: 0.6875rem;
    background-color: #f1f1f1;
    border-radius: 3px;
}

.btn-tbl.success,
.btn-tbl.primary,
.btn-tbl.danger {
    color: #fff;
}

.btn-tbl.success {
    color: #fff;
    background-color: #28a745;
}

.btn-tbl.primary {
    background-color: #007bff;
}

.btn-tbl.danger {
    color: #fff;
    background-color: #dd4b39;
}

.wrap-carousel-promo, .wrap-carousel-new {
    position: relative;
}

.wrap-carousel-promo:hover .arrow-nav.pro-prev img, .wrap-carousel-promo:hover .arrow-nav.pro-next img, .wrap-carousel-promo:hover .arrow-nav.promo-prev img, .wrap-carousel-promo:hover .arrow-nav.promo-next img, .wrap-carousel-new:hover .arrow-nav.pro-prev img, .wrap-carousel-new:hover .arrow-nav.pro-next img, .wrap-carousel-new:hover .arrow-nav.promo-prev img, .wrap-carousel-new:hover .arrow-nav.promo-next img {
    opacity: 1;
}

.arrow-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.arrow-nav.promo-prev.arrow-left, .arrow-nav.promo-next.arrow-left {
    left: -60px;
}

.arrow-nav.promo-prev.arrow-right, .arrow-nav.promo-next.arrow-right {
    right: -60px;
}

.arrow-nav.promo-prev img, .arrow-nav.promo-next img {
    width: 50px;
    opacity: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.arrow-nav.pro-prev.arrow-left, .arrow-nav.pro-next.arrow-left {
    left: -40px;
}

.arrow-nav.pro-prev.arrow-right, .arrow-nav.pro-next.arrow-right {
    right: -40px;
}

.arrow-nav.pro-prev img, .arrow-nav.pro-next img {
    width: 30px;
    opacity: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

input:focus, button:focus {
    outline: none;
}

.wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.item h1 {
    font-size: 2.625rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.item h2 {
    font-size: 1rem;
    color: #898989;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.toast-success {
    color: #155724;
    background: #d4edda;
}

.toast-warning {
    color: #856404;
    background: #fff3cd;
}

.toast-danger {
    color: #721c24;
    background: #f8d7da;
}

/*star-whatsapp*/
.whatsapp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 99;
}

.whatsapp li {
    margin-right: 10px;
}

.whatsapp li:last-child {
    margin-right: 0;
}

.whatsapp li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 2rem;
    color: #fff;
    background: green;
    border-radius: 50%;
}

.whatsapp li a:hover {
    background: #009a00;
}

.button-chat {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.button-chat li:last-child a {
    background: #F6AB1B;
}

.button-chat li a {
    display: block;
    padding: 12px 30px;
    min-width: 100px;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    background: #A78939;
    white-space: nowrap;
    overflow: elipsis;
}

.button-chat li a .fa {
    margin-right: 5px;
}

.button-chat li a.btn-cart-footer {
    color: #fff;
    background: #111;
}

.button-chat li a.btn-cart-footer:hover {
    color: #fff;
    background: #454545;
}


/*star-btn*/
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-family: "MaisonNeueBook";
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
/*end-btn*/

/*Star rating*/
.rating-stars ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-stars ul > li.star {
    display: inline-block;
    cursor: pointer;
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
    font-size: 1em;
    /* Change the size of the stars */
    color: #ccc;
    /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
    color: #FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
    color: #FF912C;
}

/*Item ulasan*/
.wrap-ulasan-member {
    width: 100%;
}

.wrap-ulasan-member label {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
}

.wrap-ulasan-member textarea {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
}

.item-ulasan-member {
    display: flex;
    padding-bottom: 15px;
    margin-bottom: 15px;
    width: 100%;
    border-bottom: 1px dotted #DEDEDE;
}

.item-ulasan-member:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.item-ulasan-member .img-ulasan {
    width: 95px;
}

.item-ulasan-member .body-ulasan {
    margin-left: 15px;
    width: calc(100% - 110px);
}

.item-ulasan-member .body-ulasan .form-control {
    margin-bottom: 5px;
    border-radius: 2px;
}

.swal2-modal {
    width: 400px;
}

.swal2-icon.swal2-info,
.swal2-icon.swal2-question,
.swal2-icon.swal2-warning {
    font-size: 40px;
    line-height: 60px;
}

.swal2-modal .swal2-title {
    font-size: 18px;
}

.swal2-modal .swal2-styled {
    padding: 8px 20px;
    font-size: 13px;
}

.swal2-modal .swal2-spacer {
    margin: 20px 0;
    height: 0;
}

.swal-wide {
    width: 400px !important;
}

@media only screen and (max-width: 1024px) {
    .arrow-nav {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .button-chat {
        width: 100%;
    }
    .button-chat li {
        width: 50%;
    }
}

@media only screen and (max-width: 767.8px) {
    .paragraph p {
        font-size: 0.9375rem;
        line-height: 26px;
    }
}

.pagging nav ul li.active .page-link {
    padding: .5rem .75rem;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
    background: #A78939;
    border-color: #A78939;
}

.pagging nav ul li .page-link {
    padding: 0;
}

.pagging nav ul li a {
    display: block;
    padding: .5rem .75rem;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
}

.pagination::-webkit-scrollbar {
    width: 1px;
    height: 6px;
}

.pagination::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

.pagination::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.page-item {
    margin-right: 8px;
}

.page-item .page-link:hover {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px #000 solid;
}

.page-item.active .page-link {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px #000 solid;
}

.page-item:first-child .page-link {
    border-radius: 0;
}

.page-item:last-child .page-link {
    border-radius: 0;
}

.page-item .page-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0;
    width: 35px;
    height: 35px;
    color: #9B9B9B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    border: 0 solid #9B9B9B;
}

header.active_header {
    height: 75.43px;
}

header.active_header .header {
    background-color: #fff;
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
}

header.active_header_home .header {
    background-color: #fff;
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: 999;
}

.header.active {
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
}

.header.active #logo img {
    width: 60px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
}

.space-header {
    display: none;
    height: 0;
}

.wrap-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px 0;
}

#logo img {
    display: block;
    width: 110px;
    /*width: 220px;*/
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
}

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

.menu-utama li {
    margin-right: 30px;
}

.menu-utama li:last-child {
    margin-right: 0;
}

.menu-utama li a {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    color: #1D1D1D;
    text-transform: uppercase;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.menu-utama li a.active {
    color: #A78939;
    font-weight: 700;
}

.menu-utama li a:hover {
    color: #A78939;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.menu-utama li a.sale {
    color: #ea2c04;
}

#menu-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

#menu-icon ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#menu-icon ul li {
    margin-right: 20px;
}

#menu-icon ul li:last-child {
    margin-right: 0;
}

#menu-icon ul li a {
    position: relative;
}

#menu-icon ul li a span {
    position: absolute;
    top: -2px;
    right: -2px;
    padding: 1px 5px;
    font-size: 0.5625rem;
    color: #000;
    font-weight: bold;
    background: #FEDA00;
    border-radius: 20px;
}

#menu-icon .help-icon {
    margin-left: 30px;
}

#menu-icon .help-icon li {
    position: relative;
}

#menu-icon .help-icon li:last-child {
    margin-left: 1px;
}

#menu-icon .help-icon li:last-child:before {
    position: absolute;
    content: '';
    top: 7px;
    left: -11px;
    width: 1px;
    height: 12px;
    background: #707070;
}

#menu-icon .help-icon li a {
    font-family: "Poppins", sans-serif;
    font-size: 0.9375rem;
    color: #000;
    text-transform: uppercase;
}

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

.toggle-menu {
    display: none;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-right: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.toggle-menu.active span, .toggle-menu:hover span {
    background: transparent;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.toggle-menu.active span:before, .toggle-menu.active span:after, .toggle-menu:hover span:before, .toggle-menu:hover span:after {
    top: 0;
    bottom: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.toggle-menu.active span:before, .toggle-menu:hover span:before {
    transform: rotate(45deg);
}

.toggle-menu.active span:after, .toggle-menu:hover span:after {
    transform: rotate(-45deg);
}

.toggle-menu span {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.toggle-menu span:before, .toggle-menu span:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.toggle-menu span:before {
    top: -6px;
}

.toggle-menu span:after {
    bottom: -6px;
}

.logo-aside {
    display: none;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    position: relative;
    padding: 17px 30px;
    padding-left: 20px;
    border-bottom: 2px solid #222;
}

.logo-aside h3 {
    font-size: 1.125rem;
    font-weight: 600;
}

.logo-aside img {
    width: 60px;
}

.close-menu {
    position: absolute;
    content: '';
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    transform: translate(0, -50%);
    cursor: pointer;
}

.close-menu:before, .close-menu:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #5b4b1f;
}

.close-menu:before {
    transform: rotate(45deg);
}

.close-menu:after {
    transform: rotate(-45deg);
}

#search {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 10px 0;
    background: #f1f1f1;
    z-index: 9;
}

#search .btn-secondary {
    color: #333;
    background: #fff;
    border: solid 1px #e0e0e0;
    border-left: none;
}

#search .btn-secondary:hover {
    color: #fff;
    border-color: #454545;
    background: #454545;
}

#search .btn-secondary:focus, #search .btn-secondary:active {
    color: #fff;
    border-color: #898989;
    background: #898989;
    box-shadow: none;
}

.menu-mobile {
    display: none;
    height: 100%;
    overflow-y: auto;
}

.menu-mobile > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.menu-mobile > li > a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 13px 20px;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    color: #1D1D1D;
    text-transform: uppercase;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.menu-mobile > li > a.active {
    color: #A78939;
    font-weight: 700;
}

.menu-mobile > li > a:hover {
    color: #A78939;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.submenu-mobile {
    display: none;
    padding-left: 20px;
    background: #f4f4f4;
}

.submenu-mobile.active {
    display: block;
}

.submenu-mobile li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.submenu-mobile li:last-child {
    border-bottom: none;
}

.submenu-mobile li a {
    display: block;
    padding: 13px 15px;
    font-size: 0.875rem;
    color: #1D1D1D;
    text-transform: uppercase;
}

.submenu-mobile li a.active {
    color: #111;
    font-weight: 600;
}

.tag-menu {
    padding: 13px 20px;
    margin-top: 15px;
    font-weight: 600;
}

@media only screen and (max-width: 1024px) {
    header {
        background: #fff;
        box-shadow: 0 0 10px -7px rgba(0, 0, 0, 0.7);
    }
    #logo img {
        width: 100px;
    }
    .logo-aside {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .toggle-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    #menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 300px;
        height: 100%;
        background: #fff;
        box-shadow: 13px 0 20px rgba(119, 131, 143, 0.08);
        visibility: hidden;
        opacity: 0;
        transform: translateX(-320px);
        transition: 0.3s;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        z-index: 999;
    }
    #menu.active {
        visibility: visible;
        opacity: 1;
        transform: translate(0);
        transition: 0.3s;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
    }
    .menu-utama {
        display: none;
    }
    .menu-mobile {
        display: block;
    }
}

@media only screen and (max-width: 991.8px) {
    header.active_header {
        height: 57.8px;
    }
    #logo {
        padding: 6px 0;
    }
    #logo img {
        width: 40px;
    }
}

@media only screen and (max-width: 575px) {
    #menu-icon .help-icon {
        display: none;
    }
}

#page {
    padding: 70px 0;
}

.title-home {
    width: 200px;
}

.title-home h3 {
    margin-bottom: 10px;
    font-size: 0.9375rem;
    text-transform: uppercase;
    font-weight: normal;
}

.title-home h2 {
    position: relative;
    font-size: 2.5rem;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 48px;
    letter-spacing: 2px;
}

.title-home h2:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -20px;
    width: 75px;
    height: 4px;
    background: #A78939;
}

.title-content {
    text-align: center;
}

.title-content h2 {
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
}

.title-content p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 0.9375rem;
    color: #1D1D1D;
}

.main-title {
    position: relative;
    padding-bottom: 20px;
}

.main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 75px;
    height: 4px;
    background: #A78939;
}

.main-title h1 {
    font-size: 2.25rem;
    font-weight: normal;
    text-transform: uppercase;
}

/*star-breadcrumb*/
#breadcrumb {
    /*padding: 15px 0;*/
    background: #fff;
    border-bottom: 1px #D9D9D9 solid;
}

#breadcrumb .container {
    padding-top: 15px;
    padding-bottom: 15px;
}

#breadcrumb ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#breadcrumb ul li {
    position: relative;
    margin-right: 25px;
    color: #1D1D1D;
    font-family: "MaisonNeueMedium";
    font-size: 0.875rem;
}

#breadcrumb ul li:before {
    position: absolute;
    content: '/';
    top: 1px;
    right: -15px;
    font-size: 0.875rem;
    color: #6f6f6f;
}

#breadcrumb ul li:last-child {
    margin-right: 0;
}

#breadcrumb ul li:last-child:before {
    display: none;
}

#breadcrumb ul li a {
    display: block;
    font-size: 13px;
    font-family: "MaisonNeueBook";
    color: #7A7A7A;
}

#breadcrumb ul li a.active {
    color: #1D1D1D;
}

#breadcrumb ul li a .fa {
    font-size: 1.0625rem;
}
/*end-breadcrumb*/

@media only screen and (max-width: 991.8px) {
    #page {
        padding: 50px 0;
    }
    .title-home {
        width: 100%;
    }
    .title-home h3 {
        margin-bottom: 5px;
        font-size: 0.875rem;
    }
    .title-home h2 {
        padding-bottom: 20px;
        font-size: 1.625rem;
        line-height: 32px;
    }
    .title-home h2:before {
        bottom: 0;
        width: 50px;
    }
    .title-home h2 br {
        display: none;
    }
    .title-content h2 {
        font-size: 2rem;
    }
    .title-content p {
        font-size: 0.875rem;
    }
    .main-title h1 {
        font-size: 1.75rem;
    }
}

@media only screen and (max-width: 767.8px) {
    #page {
        padding: 40px 0;
    }
    .title-content h2 {
        font-size: 1.625rem;
    }
    .main-title h1 {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 575px) {
    #page {
        padding: 30px 0;
    }
    .title-content h2 {
        font-size: 1.5rem;
    }
    .main-title h1 {
        font-size: 1.25rem;
    }
}

.content-banner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
}

.content-banner h3 {
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 1.875rem;
    color: #fff;
    font-weight: 600;
}

#video {
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
}

.video-banner {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

#banner {
    position: relative;
}

#banner ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#banner ul li {
    position: relative;
    margin-right: 25px;
}

#banner ul li:before {
    position: absolute;
    content: '/';
    top: 3px;
    right: -15px;
    font-size: 0.6875rem;
    color: #f1f1f1;
}

#banner ul li:last-child {
    margin-right: 0;
}

#banner ul li:last-child:before {
    display: none;
}

#banner ul li a {
    display: block;
    font-size: 0.8125rem;
    color: #fff;
}

.parallax {
    height: 360px;
    background: transparent;
}

.banner-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 32px;
    width: 100%;
}

.title-page {
    margin-bottom: 20px;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 2.8125rem;
    color: #fff;
}

#banner-footer {
    padding: 50px 0;
}

@media only screen and (max-width: 991.8px) {
    .content-banner span {
        font-size: 0.75rem;
    }
    .content-banner h3 {
        font-size: 1.5rem;
    }
    .parallax {
        height: 250px;
    }
    .title-page {
        margin-bottom: 10px;
        font-size: 2.25rem;
    }
    #banner-footer {
        padding-top: 0;
    }
    #banner-footer .container {
        padding: 0;
        margin: 0;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767.8px) {
    .parallax {
        height: 200px;
    }
    .title-page {
        font-size: 1.625rem;
    }
}

@media only screen and (max-width: 480px) {
    .parallax {
        height: 120px;
    }
    .banner-content {
        margin-bottom: 20px;
    }
    .title-page {
        margin-bottom: 5px;
        font-size: 1.375rem;
    }
}

.item-product {
    position: relative;
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    width: 100%;
}

.item-productsssss img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.item-product img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.item-main-product .category {
    color: #BBBBBB;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    padding-bottom: 5px;
}

.item-product h3 {
    color: #2E2E2E;
    font-family: "MaisonNeueMedium";
    font-size: 15px;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-item-product {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-item-product .price {
    color: #71A547;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 16px;
    /*font-size: 17px;*/
    line-height: 25px;
}

.content-item-product .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 11px;
    /*font-size: 12px;*/
    line-height: 25px;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

.item-product .empty-products {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 5px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 0.6875rem;
    line-height: 13px;
    background: #0DB14B;
    border-radius: 3px;
}

.item-product .empty-product {
    color: #ff0000;
    font-family: "MaisonNeueBook";
    font-size: 13px;
    line-height: normal;
}

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

.item-main-product {
    padding: 0 10px;
    margin-bottom: 40px;
    width: calc(100% / 4);
}

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

@media only screen and (max-width: 991.8px) {
    .item-main-product {
        width: calc(100% / 3);
    }
    .wrap-product.wrap-product-search {
        margin-top: 30px;
    }
    .wrap-product.wrap-product-search .item-main-product {
        margin-bottom: 30px;
        width: calc(100% / 3);
    }
}

@media only screen and (max-width: 767.8px) {
    .item-main-product {
        width: calc(100% / 2);
    }
    .wrap-product.wrap-product-search .item-main-product {
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 480px) {
    .wrap-product {
        margin: 0 -5px;
    }
    .item-main-product {
        padding: 0 5px;
        margin-bottom: 30px;
    }
    .content-product h3 {
        font-size: 0.8125rem;
    }
    .price-product span {
        display: block;
    }
    .price-product .discount-price {
        margin-left: 0;
    }
}

@media only screen and (max-width: 320px) {
    .item-main-product {
        width: 100%;
    }
    .wrap-product.wrap-product-search .item-main-product {
        width: 100%;
    }
}

#product-detail {
    padding: 50px 0;
}

.wrap-product-detail {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.gallery {
    width: 45%;
}

.main-gallery {
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
}

.main-gallery img {
    width: 100%;
}

.thumb-gallery {
    margin-top: 10px;
}

.thumb-gallery ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -5px;
}

.thumb-gallery ul li {
    padding: 0 5px;
    width: calc(100% / 4);
}

.thumb-gallery ul li a {
    display: block;
    border: 1px solid #EFEFEF;
    border-radius: 3px;
}

.thumb-gallery ul li a img {
    display: block;
    width: 100%;
}

.content-product-detail {
    padding-left: 50px;
    width: 50%;
}

.box-content-product-detail h1 {
    color: #2E2E2E;
    font-family: "MaisonNeueMedium";
    font-size: 30px;
    line-height: 35px;
}

.box-content-product-detail .borders {
    background: #0DB14B;
    width: 15%;
    border-radius: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    padding: 5px;
}

@media (max-width: 450px) {
    .box-content-product-detail .borders {
        width: 30%;
    }
}

.box-content-product-detail .borders .best {
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
    text-align: center;
}

.box-content-product-detail .summary {
    color: #2E2E2E;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 23px;
}

.box-content-product-detail .desc {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 25px;
    margin-top: 30px;
}

.box-content-product-detail p {
    margin-bottom: 5px;
    font-size: 0.9375rem;
    line-height: 26px;
}

.content-product-detail .tbottom {
    /*padding: 15px 0;*/
    padding: 5px 0;
    border-bottom: 1px solid #D6D6D6;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.tbottom .price-detail {
    padding: 10px 0;
    color: #393939;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    /*font-size: 35px;
    line-height: 42px;*/
    font-size: 20px;
    line-height: 30px;
}

.tbottom .price-diskon {
    color: #8D8D8D;
    font-family: "MaisonNeueBook";
    font-size: 20px;
    line-height: 15px;
    text-decoration: line-through;
}

.tbottom .textprice {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
}

.tbottom .textqty {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
}

/* Untuk layar lebar, lebih dari 768px */
@media (min-width: 768px) {
    .tbottom {
        display: flex;
        flex-wrap: wrap;
    }
    .tbottom .tleft {
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
    }
    .tbottom .tright {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

/* Untuk layar kecil, kurang dari 768px */
@media (max-width: 767px) {
    .content-product-detail .tbottom {
        display: block;
    }
    .tbottom .tleft {
        width: 100%;
        margin-bottom: 10px;
    }
    .tbottom .tright {
        width: 100%;
    }
}

.desc-product {
    padding-bottom: 10px;
}

.desc-product ul {
    padding-left: 25px;
    margin-bottom: 15px;
}

.desc-product ul li {
    padding-left: 10px;
    margin-bottom: 5px;
    font-size: 0.9375rem;
    color: #6f6f6f;
    list-style: inherit;
}

.wrap-add-cart {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.qty-detail {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 0 solid #CCC;
}

.qty-detail label {
    margin-bottom: 0;
    width: 80px;
}

.wrap-qty {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-right: 15px;
}

.wrap-qty span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 35px;
    height: 35px;
    font-size: 1.125rem;
    border: 1px solid #E8E8E8;
    cursor: pointer;
}

.wrap-qty input[type=text] {
    width: 70px;
    font-size: 1rem;
    text-align: center;
    border: 1px solid #E8E8E8;
    border-right: none;
    border-left: none;
}

.wrap-button-detail {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}

.button-cart-product {
    display: inline-block;
    width: 70%;
    /*padding: 10px 15px;*/
    padding: 6px 15px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 15px;
    background: #0DB14B;
    border-radius: 15px;
    border: 1px solid transparent;
    text-align: center;
    cursor: pointer;
}

.button-wishlist {
    display: inline-block;
    width: 15%;
    /*padding: 10px;*/
    padding: 5px 10px;
    margin-left: 10px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 18px;
    background: transparent;
    border-radius: 15px;
    border: 1px solid #D6D6D6;
    text-align: center;
    cursor: pointer;
}

@media (max-width: 400px) {
    .button-cart-product {
        width: 75%;
    }
    .button-wishlist {
        width: 20%;
    }
}

.button-cart-product .icon-bag {
    fill: #FFFFFF;
}

.type-product {
    padding: 15px 0;
    border-top: 0 solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
}

.item-type-product {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 15px;
}

.item-type-product:last-child {
    margin-top: 10px;
    margin-bottom: 0;
}

.item-type-product > span {
    display: block;
    width: 80px;
    color: #74B242;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
}

.content-item-type-product ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-item-type-product ul li {
    list-style: none;
}

.content-item-type-product p {
    margin: 0;
    color: #74B242;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 2px;
}

.list-color li {
    margin-right: 10px;
}

.list-color li img {
    width: 20px;
    border-radius: 50%;
}

.item-diskusi {
    padding-bottom: 5px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.item-ask-diskusi {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 15px;
}

.item-ask-diskusi:first-child .title-ask-diskusi {
    color: #A78939;
}

.title-ask-diskusi {
    width: 30px;
    font-size: 0.9375rem;
}

.content-ask-diskusi {
    padding-top: 5px;
    width: calc(100% - 70px);
}

.content-ask-diskusi h3 {
    margin-bottom: 5px;
    font-size: 0.75rem;
    color: #949494;
}

.content-ask-diskusi p {
    margin-bottom: 0;
    font-size: 0.9375rem;
    color: #1D1D1D;
}

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

.wrap-size-list > label {
    display: block;
}

.container-radio {
    position: relative;
    margin-right: 10px;
    margin-bottom: 0;
}

.container-radio:hover input ~ .checkmark {
    background-color: #C6FFB8;
}

.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.container-radio input:checked ~ .checkmark {
    background-color: #C6FFB8;
}

.container-radio input:checked ~ .checkmark span {
    color: #fff;
}

.container-radio input:checked ~ .checkmark .img-color {
    border: 0 solid #8EE794;
    border-radius: 5px;
}

.checkmark {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    width: auto;
    height: auto;
    padding: 5px 10px;
    text-align: center;
    background-color: transparent;
    border: 1px #D6D6D6 solid;
    cursor: pointer;
    border-radius: 5px;
}

@media (max-width: 400px) {
    .checkmark {
        padding: 5px 0;
    }
}

.checkmark:hover .pop-text {
    visibility: visible;
    opacity: 1;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.checkmark span {
    font-weight: bold;
    text-align: center;
}

.checkmark .img-color {
    border: 0 solid #ccc;
    overflow: hidden;
    color: #393939;
    font-family: "MaisonNeueBook";
    font-size: 13px;
    /*font-size: 15px;*/
    line-height: normal;
}

.checkmark .img-color img {
    display: block;
    width: 100%;
}

.pop-text {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -25px;
    left: 50%;
    padding: 3px 10px;
    font-family: "Poppins", sans-serif;
    font-size: 0.6875rem;
    color: #fff;
    background: #000;
    border-radius: 5px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width: 991.8px) {
    .wrap-product-detail {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .gallery {
        margin-bottom: 50px;
        width: 100%;
    }
    .main-gallery img {
        width: 100%;
    }
    .content-product-detail {
        padding-left: 0;
        width: 100%;
    }
    .content-product-detail h1 {
        font-size: 1.5rem;
    }
    .desc-detail-product {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .title-desc {
        margin-bottom: 20px;
        width: 100%;
    }
    .content-desc {
        padding-left: 0;
        width: 100%;
    }
    .content-desc p {
        font-size: 0.875rem;
        line-height: 30px;
    }
}

@media only screen and (max-width: 767.8px) {
    .content-product-detail h1 {
        font-size: 1.25rem;
    }
    .content-product-detail p {
        font-size: 0.875rem;
        line-height: 26px;
    }
    .content-product-detail ul li {
        font-size: 0.875rem;
    }
    .content-desc p {
        font-size: 0.875rem;
        line-height: 26px;
    }
}

@media only screen and (max-width: 600px) {
    .content-product-detail h1 {
        font-size: 1.125rem;
    }
}

@media only screen and (max-width: 480px) {
    .wrap-size-list {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .container-radio {
        margin-right: 5px;
        margin-bottom: 10px;
        width: calc(100% / 4);
    }
}

.container-ulasan {
    padding-bottom: 50px;
}

.title-ulasan {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 4px solid #ddd;
}

.title-ulasan h3 {
    font-family: "MaisonNeueBook";
    font-size: 1.3125rem;
}

.wrap-info-ulasan {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.angka-ulasan h3 {
    font-family: "MaisonNeueBook";
    font-size: 2.25rem;
    font-weight: normal;
}

.angka-ulasan h3 span {
    font-size: 1.5625rem;
    color: #6f6f6f;
}

.angka-ulasan .angka-star {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 5px 0;
}

.angka-ulasan .angka-star li {
    margin-right: 5px;
    font-size: 14px;
    color: #FEC600;
}

.angka-ulasan > span {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 0.9375rem;
}

.lis-star-info li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 5px;
}

.lis-star-info li span {
    margin-right: 10px;
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-size: 0.9375rem;
}

.lis-star-info li span .fa {
    color: #FECE59;
    font-size: 0.8125rem;
}

.lis-star-info li .star-bar {
    position: relative;
    margin-right: 10px;
    width: 180px;
    height: 5px;
    background: #E5E5E5;
}

.lis-star-info li .star-bar .status-star-bar {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    background: #FADA04;
}

.title-product-ulasan {
    margin-top: 10px;
    margin-bottom: 20px;
}

.item-ulasan {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #eee;
}

.item-ulasan p {
    margin-bottom: 0;
    font-size: 0.9375rem;
    color: #1D1D1D;
}

.star-ulasan {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 3px;
}

.star-ulasan li {
    margin-right: 3px;
    color: #ddd;
}

.star-ulasan li.active {
    color: #FADA04;
}

.name-ulasan {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: 10px;
}

.name-ulasan span {
    font-size: 0.875rem;
    color: #6f6f6f;
}

@media only screen and (max-width: 991.8px) {
    .item-ulasan p {
        font-size: 0.875rem;
        line-height: 30px;
    }
}

@media only screen and (max-width: 600px) {
    .wrap-info-ulasan {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .lis-star-info {
        padding-left: 0;
        margin-top: 15px;
    }
}

/*star-product*/
#product {
    padding-bottom: 30px;
}

.wrap-page {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 10px;
}

.main-sidebar-title {
    margin-bottom: 20px;
    font-size: 1.5625rem;
    font-weight: bold;
}

.title-sidebar .fa {
    font-size: 0.875rem;
}

.sidelist-category li {
    position: relative;
    font-size: 1rem;
}

.sidelist-category li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 5px 0;
    color: #1b1b1b;
}

.sidelist-category li a:hover, .sidelist-category li a.active {
    color: #A78939;
}

.sidelist-category li a.active {
    font-weight: 600;
}

.sidelist-category li a .fa {
    font-size: 0.75rem;
}

.sidelist-category li ul {
    width: 100%;
    padding-left: 15px;
}

.sidelist-category li ul li a {
    color: #676767;
}

.sidelist-brand li {
    position: relative;
    font-size: 0.875rem;
}

.sidelist-brand li a {
    display: block;
    padding: 3px 0;
    color: #1b1b1b;
}

.sidelist-brand li a:hover, .sidelist-brand li a.active {
    color: #A78939;
}

.sidelist-brand li a.active {
    font-weight: bold;
}

.sidelist-brand li a .fa {
    margin-right: 5px;
    font-size: 0.875rem;
}

.sidebar-price .form-group {
    margin-bottom: 10px;
}

.sidebar-price input {
    padding: 7px 15px;
    width: 100%;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
    border-radius: 3px;
    border: 1px solid rgba(204, 204, 204, 0.7);
}

.sidebar-price .btn-price {
    padding: 10px 30px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
    background-color: #0DB14B;
    border: 1px solid #0DB14B;
    border-radius: 10px;
    cursor: pointer;
}

/*star-wrap-pagecount*/
.wrap-pagecount {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.content-pagecount {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0;
}

.top-page-product {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
}

.info-page-product p {
    margin-bottom: 0;
    color: #2E2E2E;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 25px;
    /*font-size: 30px;*/
    line-height: normal;
}
/*end-wrap-pagecount*/

.desc-page {
    margin-bottom: 30px;
}

.desc-page h1 {
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.desc-page p {
    margin-bottom: 0;
}

.content-page {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
    overflow: hidden;
}

.topbar-product {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px 15px;
    background-color: #F6AB1B;
}

.info-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.info-item h5 {
    margin-right: 20px;
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
}

.show-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.show-item span, .show-item .show-item-select {
    font-size: 0.875rem;
    color: #fff;
}

.show-item span {
    margin-right: 5px;
    font-weight: bold;
}

.show-item .show-item-select {
    cursor: pointer;
}

.show-item .show-item-select .fa {
    margin-left: 8px;
}

.show-item ul {
    visibility: hidden;
    position: absolute;
    top: calc(100% + 11px);
    right: -10px;
    padding: 8px 15px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.show-item ul.active {
    visibility: visible;
}

.show-item ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.show-item ul li:last-child {
    border-bottom: none;
}

.show-item ul li a {
    display: block;
    padding: 7px 7px;
    font-size: 0.8125rem;
    color: rgba(0, 0, 0, 0.7);
    white-space: nowrap;
}

.show-item ul li a:hover {
    color: #F6AB1B;
}

@media only screen and (max-width: 991.8px) {
    .content-page {
        margin-left: 0;
    }
    .top-page-product {
        /*margin-top: 0;*/
        /*margin-bottom: 20px;*/
        display: none;
    }
    .top-page-product h1 {
        padding-bottom: 10px;
        margin-bottom: 0;
        border-bottom: 3px solid #F6AB1B;
    }
    .topbar-product {
        display: none;
    }
}

@media only screen and (max-width: 767.8px) {
    #product {
        padding: 30px 0;
    }
}

/*star-sortby*/
.sortby {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.sortby span {
    margin-right: 7px;
    color: #393939;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
}

.sortby ul {
    visibility: hidden;
    position: absolute;
    top: calc(100% + 11px);
    right: -15px;
    min-width: 150px;
    padding: 8px 15px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.sortby ul.active {
    visibility: visible;
}

.sortby ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sortby ul li:last-child {
    border-bottom: none;
}

.sortby ul li a {
    display: block;
    padding: 7px 7px;
    font-size: 15px;
    color: #2B2B2B;
    white-space: nowrap;
}

.sortby ul li a:hover {
    color: #c62000;
}

.select-sort {
    cursor: pointer;
    color: #7B7B7B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
}

.select-sort .fa {
    margin-left: 7px;
    color: #8B3FBE;
}

.close-sidebar {
    display: none;
}

@media only screen and (max-width: 991px) {
    .close-sidebar {
        position: absolute;
        top: 10px;
        right: 15px;
        display: block;
        margin-bottom: 10px;
        cursor: pointer;
    }
}
/*end-sortby*/

/*star-option-bar*/
#option-bar {
    display: none;
    background-color: #fafafa;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

#option-bar ul {
    display: block;
}

#option-bar ul li {
    width: calc(100% / 3);
    border-right: 1px solid #f1f1f1;
}

#option-bar ul li:last-child {
    border-right: none;
}

#option-bar ul li a {
    display: block;
    padding: 12px 0;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
    text-align: center;
}

#option-bar ul li a .fa {
    margin-right: 3px;
    color: #00155b;
}

.info-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px 0;
}

.info-bar span {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem; 
}

.info-bar .toggle-sidebar {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
    cursor: pointer;
}

.info-bar .toggle-sidebar .fa {
    margin-right: 3px;
}

@media only screen and (max-width: 991px) {
    #option-bar {
        display: block;
    }
}
/*end-option-bar*/

/*star-sorting*/
.sorting {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 15px;
    font-family: "MaisonNeueBook";
    position: relative;
}

.sorting span {
    margin-right: 7px;
    color: #1D1D1D;
}

.sorting ul {
    visibility: hidden;
    position: absolute;
    top: calc(100% + 11px);
    right: -15px;
    min-width: 150px;
    padding: 8px 15px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.sorting ul.active {
    visibility: visible;
}

.sorting ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sorting ul li:last-child {
    border-bottom: none;
}

.sorting ul li a {
    display: block;
    padding: 7px 7px;
    font-size: 15px;
    color: #2B2B2B;
    white-space: nowrap;
}

.sorting ul li a:hover {
    color: #c62000;
}

.select-sorting {
    cursor: pointer;
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
}

.select-sorting .fa {
    margin-left: 7px;
}
/*end-sorting*/

/*star-sidebar*/
.sidebar {}

.main-sidebar-title {
    margin-bottom: 20px;
    font-size: 1.5625rem;
    font-weight: bold;
}

.item-sidebar {
    margin-bottom: 30px;
    width: 250px;
    background: #F8F8F8;
    padding: 20px;
    border-radius: 15px;
}

.title-sidebar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 10px;;
    border-bottom: 0 solid #A30DE9;
}

.title-sidebar h3 {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: normal;
    text-transform: inherit;
}

.title-sideproduk a {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 15px;
    line-height: normal;
}

.title-sideproduk a.active {
    color: #0DB14B;
}

.title-sidebar .fa {
    font-size: 0.875rem;
}

@media only screen and (max-width: 991px) {
    .sidebar {
        position: fixed;
        top: 61.19px;
        right: 0;
        width: 300px;
        height: calc(100% - 61.19px);
        padding: 15px 20px;
        padding-top: 40px;
        background: #fff;
        overflow-y: auto;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
        transform: translateX(320px);
        z-index: 55;
        transition: 0.2s;
        -o-transition: 0.2s;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
    }
    .sidebar.active {
        transform: translateX(0);
        transition: 0.2s;
        -o-transition: 0.2s;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
    }
    .main-sidebar-title {
        display: none;
    }
    .item-sidebar:last-child {
        margin-bottom: 0;
    }
}
/*end-sidebar*/

/*star-list-parent-category*/
.list-parent-category li:nth-child(2) {
    padding-left: 15px;
}

.list-parent-category li:nth-child(3) {
    padding-left: 30px;
}

.list-parent-category li:nth-child(4) {
    padding-left: 45px;
}

.list-parent-category li a {
    display: block;
    padding: 5px 0;
    color: #393939;
    font-family: "MaisonNeueBook";
    font-size: 16px;
    line-height: normal;
}

.list-parent-category li a:hover {
    color: #393939;
    font-weight: bold;
}

.list-parent-category li a.active {
    color: #0DB14B;
}

.list-parent-category li a.active:hover {
    color: #0DB14B;
    font-weight: bold;
}
/*end-list-parent-category*/

/*star-sidelist-category*/
.sidelist-category.kat {
    padding-left: 15px;
}

.sidelist-category.subkat {
    padding-left: 30px;
}

.sidelist-category.subsubkat {
    padding-left: 45px;
}

.sidelist-category {
    max-height: 170px;
    overflow-y: scroll;
    margin-top: 10px;
}

.sidelist-category::-webkit-scrollbar {
    width: 3px;
}

.sidelist-category::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

.sidelist-category::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.sidelist-category li {
    position: relative;
}

.sidelist-category li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 5px 0;
    color: #1b1b1b;
}

.sidelist-category li a {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
}

.sidelist-category li a:hover {
    color: #0DB14B;
}

.sidelist-category li a.active {
    color: #2f78cf;
    font-weight: bold;
}

.sidelist-category li a .fa {
    font-size: 0.75rem;
}

.sidelist-category li ul {
    width: 100%;
    padding-left: 15px;
}

.sidelist-category li ul li a {
    color: #676767;
}
/*end-sidelist-category*/

#login {
    padding: 70px 0;
}

.container-login {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.form-login {
    padding: 0 30px;
    padding-top: 40px;
    padding-bottom: 10px;
    max-width: 380px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.form-login h1 {
    margin-bottom: 15px;
    font-size: 1.75rem;
    font-family: "MaisonNeueBook";
    font-weight: bold;
}

.form-login .btn-login {
    display: block;
    padding: 8px 30px;
    margin-top: 15px;
    width: 100%;
    color: #fff;
    font-size: 1rem;
    font-family: "MaisonNeueBook";
    background-color: #1d1d1d;
    border: 1px solid #1d1d1d;
    border-radius: 4px;
    cursor: pointer;
}

.link-forgot {
    margin-top: -7px;
    margin-bottom: -5px;
    text-align: right;
}

.link-forgot a {
    color: #9b9b9b;
    font-size: 0.875rem;
    font-family: "MaisonNeueBook";
}

.footer-login {
    padding: 15px;
}

.footer-login p {
    font-size: 0.875rem;
    color: #9b9b9b;
}

#cart {
    padding: 55px 0;
}

.title-cart {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 15px;
}

.title-cart.payment {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    font-size: 1.625rem;
    font-weight: 600;
}

.title-cart.payment span {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 1.625rem;
}

.title-cart.payment .fa {
    margin-right: 10px;
    color: #676767;
}

.title-cart.payment .notrans {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.44);
}

.content-cart .payboard {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 10px;
    border: 1px #ddd solid;
    padding: 10px;
}

.content-cart .payimg {
    width: 100px;
    text-align: center;
}

.content-cart .payimg img {
    width: 100%;
    height: auto;
}

.content-cart .paybank {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
}

.content-cart .paybank h3 {
    margin-bottom: 5px;
    color: #31353b;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
}

.content-cart .paybank .payrek {
    color: #31353b;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
}

@media (max-width: 450px) {
    .content-cart .payimg,
    .content-cart .paybank {
        width: 100%;
    }
    .content-cart .paybank {
        display: block;
        padding-left: 0;
        flex: none;
    }
}

.wrap-cart {
    border-top: 6px solid #f3f4f5;
    border-bottom: 6px solid #f3f4f5;
}

.wrap-cart.no-border-bottom {
    border-bottom: none;
}

.item-cart {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.item-cart:last-child {
    border-bottom: none;
}

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

.img-cart {
    width: 76px;
    text-align: center;
}

.img-cart img {
    width: 100%;
}

.desc-cart {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
}

.desc-cart h3 {
    margin-bottom: 5px;
    color: #31353b;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
}

.desc-cart p {
    margin-bottom: 8px;
    font-family: "MaisonNeueBook";
    font-size: 0.75rem;
}

.desc-cart .price-cart {
    color: #fa591d;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 1rem;
}

.desc-cart .weight {
    margin-top: 3px;
    color: #0000008a;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
}

.footer-cart {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding-top: 10px;
}

.remove-cart {
    display: block;
    margin-top: 3px;
    color: #ccc;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 0.875rem;
}

.remove-cart .fa {
    margin-right: 3px;
    font-size: 1rem;
}

.remove-cart:hover {
    color: red;
}

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

.qty-cart button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 21px;
    height: 21px;
    font-size: 0.75rem;
    color: #fff;
    background-color: #0DB14B;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer;
}

.qty-cart button:disabled {
    background-color: #e0e0e0;
    cursor: default;
}

.input-qty {
    padding: 5px 10px;
    margin: 0 3px;
    width: 66px;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
    text-align: center;
    border: none;
    border-bottom: 1px solid #e0e0e0;
}

.input-qty:focus {
    border-bottom-color: #03ac0e;
}

.sidebar-cart {
    position: relative;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
}

.sidebar-cart.sticky {
    position: sticky;
    top: 120px;
}

.sidebar-cart .title-sidebar-cart {
    margin-bottom: 20px;
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
}

.sidebar-cart .total-shop {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
}

.sidebar-cart .total-shop span {
    color: #0000008a;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}

.sidebar-cart .total-shop strong {
    color: #fa591d;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 16px;
}

.sidebar-cart ul li {
    font-family: "MaisonNeueBook";
    font-size: 1rem;
}

.btn-cart {
    display: block;
    padding: 8px 10px;
    margin-top: 20px;
    width: 100%;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    background-color: #0DB14B;
    border: 1px solid #0DB14B;
    border-radius: 3px;
    cursor: pointer;
}

.btn-cart:hover, .btn-cart:focus {
    color: #fff;
    background-color: #8ACD55;
    border-color: #8ACD55;
}

.list-total li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: 10px;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.54);
}

.total-bill {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.total-bill span {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 1rem;
}

.total-bill span:last-child {
    color: #fa591d;
}

.wrap-empty-cart {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 auto;
    width: 400px;
}

.wrap-empty-cart img {
    margin-bottom: 30px;
}

.wrap-empty-cart h5 {
    font-size: 1.125rem;
}

.wrap-empty-cart p {
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 0.875rem;
    text-align: center;
}

.shipment {
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.shipment h5 {
    margin-bottom: 3px;
    color: #1d1d1d;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 1rem;
}

.shipment h5 > span {
    font-weight: normal;
}

.shipment > span {
    font-size: 1rem;
}

.shipment p {
    margin-top: 3px;
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
}

.dev-service {
    margin-top: -5px;
    margin-bottom: 20px;
}

.dev-service h5 {
    margin-bottom: 3px;
    font-size: 0.875rem;
}

.dev-service h5 > span {
    font-weight: normal;
}

.subtotal-cart {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 6px solid #f3f4f5;
}

.subtotal-cart h5 {
    color: #0000008a;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 1rem;
}

.subtotal-cart .price-subtotal-cart {
    color: #fa591d;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 1rem;
}

.delivery-service {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 8px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.delivery-service h5 {
    color: #0000008a;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 1rem;
}

.summary-price {
    border-top: 6px solid #f3f4f5;
}

.summary-price-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.summary-price-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.summary-price-item:last-child h5 {
    color: #333;
}

.summary-price-item:last-child .price-item {
    font-weight: bold;
}

.summary-price-item h5 {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
    font-weight: bold;
}

.summary-price-item .price-item {
    font-weight: normal;
    color: #fa591d;
}

.select-shipping {
    width: 200px;
}

.select-shipping .select2-container--default .select2-selection--single, .select-shipping .select2-selection .select2-selection--single {
    color: #fff;
    background-color: #03ac0e;
    border-color: #03ac0e;
    border-radius: 5px;
}

.select-shipping .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 0.8125rem;
    color: #fff;
    font-weight: 500;
}

.select-shipping .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e5f2e5;
    color: #565656;
}

.next-option .custom-control {
    margin-bottom: 5px;
}

.next-option .custom-control:last-child {
    margin-bottom: 0;
}

.next-option label {
    font-size: 0.875rem;
}

.next-option .info-next {
    padding: 10px;
    margin-left: 24px;
    margin-bottom: 5px;
    font-size: 0.75rem;
    color: #6f6f6f;
    background: #f1f1f1;
}

#voucher-error {
    margin-top: 5px;
    font-size: 0.75rem;
}

.choose-payment {
    padding: 10px;
    margin-top: 15px;
    background: #f4f4f4;
    border-radius: 4px;
}

.choose-payment > label {
    font-weight: 600;
}

.choose-payment .custom-radio {
    margin-bottom: 5px;
}

#member {
    padding: 50px 0;
}

.sidebar-member {
    padding: 20px;
    border: 1px solid #F1F1F1;
    border-radius: 3px;
}

.sidebar-member h2 {
    position: relative;
    padding-left: 10px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    color: #1d1d1d;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 1.125rem;
    border-bottom: 2px solid #A78939;
}

.sidebar-member ul li {
    border-bottom: 1px solid #F1F1F1;
}

.sidebar-member ul li:last-child {
    border-bottom: none;
}

.sidebar-member ul li a {
    position: relative;
    display: block;
    padding: 10px;
    padding-right: 0;
    color: #343434;
    font-family: "MaisonNeueBook";
    font-size: 0.9375rem;
}

.sidebar-member ul li a:hover,
.sidebar-member ul li a.active {
    color: #F6AB1B;
}

.sidebar-member ul li a .fa {
    width: 15px;
    margin-right: 5px;
    color: #686868;
}

.sidebar-member ul li a span {
    margin-top: 3px;
    font-size: 0.6875rem;
}

.sidebar-member ul li a .arrow-menu {
    position: absolute;
    top: 50%;
    right: -3px;
    width: auto;
    font-size: 1rem;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.sidebar-member ul li a.active .arrow-menu {
    top: 35%;
    transform: rotate(-90deg);
}

.submenu-member {
    display: none;
}

.submenu-member.active {
    display: block;
}

.title-member {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.125rem;
    border-bottom: 1px solid #F1F1F1;
}

.title-member span {
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}

.title-member span:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: calc(100% + 20px);
    height: 2px;
    background: #A78939;
}

.title-member a {
    position: absolute;
    top: -5px;
    right: 0;
    padding: 5px 10px;
    font-size: 0.9375rem;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 3px;
}

.title-member a:hover, .title-member a:focus {
    color: #FFF;
    background: #A78939;
    border-color: #A78939;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
    font-size: 0.9375rem;
}

.dataTables_length label,
.dataTables_filter label,
.dataTables_info label,
.dataTables_paginate label {
    font-size: 0.9375rem;
}

.dataTables_length ul li,
.dataTables_filter ul li,
.dataTables_info ul li,
.dataTables_paginate ul li {
    font-size: 0.9375rem;
}

.dataTables_length ul li a,
.dataTables_filter ul li a,
.dataTables_info ul li a,
.dataTables_paginate ul li a {
    font-size: 0.875rem;
}

#tableData th, #tableData td, #tableDataHis th, #tableDataHis td {
    padding: 8px 10px;
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 0.875rem;
}

#tableData td a {
    /*color: #89702f;*/
    font-family: "MaisonNeueBook";
}

table.dataTable {
    border-collapse: collapse !important;
}

.table-trans-info th, .table-trans-info td {
    padding: 8px 15px;
    font-size: 0.9375rem;
}

.info-member {
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #A78939;
}

.info-member h3 {
    font-family: "Poppins", sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
}

.info-member span {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
    color: #787878;
}

.info-member span .fa {
    margin-right: 3px;
    color: #F6AB1B;
}

.info-member p {
    margin-top: 5px;
    margin-bottom: 0;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
    color: #343434;
    font-weight: 600;
}

.button {
    padding: 8px 25px;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
    text-align: center;
    border-radius: 3px;
    border: 1px solid transparent;
    user-select: none;
    cursor: pointer;
}

.button-default {
    color: #A78939;
    background-color: #fff;
    border-color: #A78939;
}

.button-primary {
    color: #fff;
    background-color: #A78939;
    border-color: #A78939;
}

.button-primary:hover {
    color: #fff;
    background-color: #816a2c;
}

.modal-confirm .modal-header {
    display: block;
}

.modal-confirm .modal-header .modal-title {
    color: #1d1d1d;
    font-family: "MaisonNeueBook";
    font-size: 1.125rem;
    text-align: center;
}

.modal-confirm .modal-body p {
    margin-bottom: 0;
    font-size: 0.875rem;
    color: rgba(49, 53, 59, 0.68);
    text-align: center;
}

.modal-confirm .modal-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.modal-confirm .modal-footer .button {
    width: 50%;
}
/*end-modal*/

/*star-form-contact*/
.form-contact {
    margin-top: 40px;
}

.form-contact label {
    font-size: 1rem;
    font-family: "MaisonNeueBook";
    font-weight: bold;
}

.form-contact .form-control {
    padding: 8px 20px;
    color: #919191;
    font-size: 0.9375rem;
    font-family: "MaisonNeueBook";
    background: #F5F5F5;
    border-radius: 15px;
    border: 1px solid transparent;
}

.form-contact .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #919191;
    opacity: 1;
    /* Firefox */
}

.form-contact .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #919191;
}

.form-contact .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #919191;
}

.form-contact button {
    padding: 12px 45px;
    color: #fff;
    font-size: 0.875rem;
    font-family: "MaisonNeueBook";
    background: #1d1d1d;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 26px;
}
/*end-form-contact*/

/*star-contact*/
#contact {
    padding: 45px 0;
}

#contact .main-title {
    position: relative;
    padding-bottom: 20px;
}

#contact .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 75px;
    height: 4px;
    background: #1d1d1d;
}

#contact .main-title h1 {
    font-size: 2.25rem;
    font-family: "MaisonNeueBook";
    font-weight: normal;
    text-transform: uppercase;
}

#contact .text {
    margin-top: 15px;
    font-family: "MaisonNeueBook";
    font-size: 20px;
    color: #5B5B5B;
}

.wrap-btn-contact {
    margin-top: 15px;
}

.content-contact {
    padding: 35px 0;
    margin-top: 40px;
    border-top: 1px solid #E6E6E6;
}

.wrap-content-contact {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 50px;
}

.item-content-contact {
    padding-left: 21px;
}

.item-content-contact:first-child {
    width: calc(100% / 3);
}

.item-content-contact h3 {
    margin-bottom: 5px;
    color: #1d1d1d;
    font-family: "MaisonNeueBook";
    font-size: 1.0625rem;
    font-weight: bold;
}

.item-content-contact h3 .fa {
    margin-left: -21px;
    width: 20px;
}

.item-content-contact p {
    margin-bottom: 0;
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 1.0625rem;
}

.select-payment {
    margin-top: 20px;
    margin-bottom: 20px;
}

.title-select-payment {
    padding: 10px 20px;
    margin-bottom: 10px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
    background-color: #03ac0e;
    border-radius: 3px;
}

.list-payment {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2px;
    border-radius: 3px;
}

.list-payment li {
    padding: 2px;
    width: calc(100% / 3);
}

.container-payment {
    display: block;
    margin: 0;
    cursor: pointer;
}

.container-payment input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.container-payment:hover input ~ .list-payment-item {
    background-color: #f1f1f1;
}

.container-payment input:checked ~ .list-payment-item {
    background-color: #F6AB1B;
    border-color: #F6AB1B;
}

.container-payment input:checked ~ .list-payment-item span {
    color: #fff;
}

.list-payment-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 3px;
}

.list-payment-item > div {
    width: 50px;
}

.list-payment-item > div img {
    margin-right: 15px;
    width: 100%;
}

.list-payment-item span {
    padding-left: 10px;
    width: calc(100% - 50px);
    font-size: 0.8125rem;
    color: rgba(0, 0, 0, 0.54);
}

.submit-payment {
    /*display: none;*/
    display: block;
}

#payment-info {
    padding: 50px 0;
}

.container-payment {
    text-align: center;
}

.wrap-bank {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}

.item-bank {
    margin-bottom: 30px;
    width: calc(100% / 3);
    text-align: center;
}

.item-bank img {
    margin-bottom: 10px;
    max-width: 100px;
}

.item-bank li {
    color: #6f6f6f;
    font-size: 1rem;
}

.item-bank li:nth-child(1) {
    font-family: "Poppins", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.pay-info {
    margin-top: 20px;
}

.pay-info li:nth-child(2),
.pay-info li:nth-child(4) {
    font-family: "Poppins", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

@media only screen and (max-width: 767.8px) {
    .item-bank {
        width: calc(100% / 2);
    }
    .list-payment li {
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 575px) {
    .item-bank {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    .list-payment li {
        width: 100%;
    }
}

#trans-status {
    padding: 50px 0;
}

.wrap-trans-status {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
}

.title-status {
    margin-top: 30px;
    text-align: center;
}

.title-status h3 {
    margin-bottom: 5px;
    font-size: 1.5rem;
    font-weight: bold;
}

.wrap-detail-status {
    margin-top: 50px;
}

.item-detail-status {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.item-detail-status span, .item-detail-status p {
    font-size: 0.875rem;
}

.item-detail-status p {
    margin-bottom: 0;
}

.order-selesai h3 {
    margin-bottom: 15px;
    font-size: 1.3125rem;
    text-align: center;
}

.order-selesai p {
    margin-bottom: 0;
    text-align: center;
}

.item-trans-selesai-detail {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 10px;
    border: 1px solid #000;
}

.item-trans-selesai-detail:first-child {
    border-bottom: none;
}

.td-trans-selesai-detail.value {
    font-weight: bold;
}

.td-trans-selesai-detail.money {
    color: #816a2c;
}

@media only screen and (max-width: 600px) {
    .title-status h3 {
        font-size: 1.125rem;
    }
    .title-status p {
        font-size: 0.875rem;
    }
    .wrap-detail-status {
        margin-top: 30px;
    }
}

.title-track {
    margin-bottom: 15px;
}

.title-track h1 {
    color: #1d1d1d;
    font-family: "MaisonNeueBook";
    font-size: 1.375rem;
    text-align: center;
    font-weight: bold;
}

.form-track {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 auto;
    width: 300px;
    border: 1px solid #A78939;
    border-radius: 4px;
    overflow: hidden;
}

.form-track input {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px 15px;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
    border: none;
}

.form-track button {
    padding: 5px 15px;
    color: #fff;
    background: #A78939;
    border: 1px solid #A78939;
    cursor: pointer;
}

.detail-track {
    margin: 0 auto;
    margin-top: 30px;
    width: 800px;
}

.tbl-detail-track {
    width: 100%;
}

.tbl-detail-track th,
.tbl-detail-track td {
    padding: 8px 10px;
    font-size: 0.8125rem;
    border: 1px solid #eee;
}

.info-shipping-detail {
    margin-bottom: 15px;
}

.info-shipping-detail p {
    margin-bottom: 0;
    font-size: 0.875rem;
}

#promo-home {
    position: relative;
    padding: 30px 0;
    background: url("../../images/bg-promo.png");
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}

#promo-home:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 0;
}

.wrap-promo-home {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    margin-top: 30px;
    z-index: 2;
}

.item-promo-home {
    width: 100%;
}

.search-promo {
    margin-bottom: 15px;
}

.wrap-form-promo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border: 1px solid #000;
    border-radius: 5px;
    overflow: hidden;
}

.wrap-form-promo input {
    padding: 8px 15px;
    margin-right: 8px;
    width: calc(100% - 50px);
    border: 1px solid transparent;
}

.wrap-form-promo button {
    width: 50px;
    color: #000;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
}

/*star-help*/
#help {
    padding: 45px 0;
}

#help .main-title {
    position: relative;
    padding-bottom: 20px;
}

#help .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 75px;
    height: 4px;
    background: #A78939;
}

#help .main-title h1 {
    font-size: 2.25rem;
    font-family: "MaisonNeueBook";
    font-weight: normal;
    text-transform: uppercase;
}
/*end-help*/

/*star-helpDetail*/
#helpDetail {
    padding: 45px 0;
}

#helpDetail .main-title {
    position: relative;
    padding-bottom: 20px;
}

#helpDetail .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 75px;
    height: 4px;
    background: #1d1d1d;
}

#helpDetail .main-title h1 {
    font-size: 2.25rem;
    font-family: "MaisonNeueBook";
    font-weight: normal;
    text-transform: uppercase;
}

#helpDetail .paragraph p {
    font-size: 1rem;
    font-family: "MaisonNeueBook";
    line-height: 34px;
    margin-top: 15px;
}
/*end-helpDetail*/

.wrap-help {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 50px;
}

.item-help {
    width: calc(calc(100% / 6) - 30px);
}

.item-help a {
    display: block;
    text-align: center;
}

.item-help a img {
    width: 80px;
    margin-bottom: 15px;
}

.item-help a h3 {
    font-size: 1.125rem;
    color: #111;
    text-align: center;
}

@media only screen and (max-width: 1199.8px) {
    .item-help {
        width: calc(calc(100% / 5) - 30px);
    }
}

@media only screen and (max-width: 991.8px) {
    .item-help {
        width: calc(calc(100% / 4) - 30px);
    }
}

@media only screen and (max-width: 767.8px) {
    .wrap-help {
        gap: 20px;
        margin-top: 30px;
    }
    .item-help {
        width: calc(calc(100% / 3) - 20px);
    }
}

@media only screen and (max-width: 575px) {
    .item-help {
        width: calc(calc(100% / 2) - 20px);
    }
}

@media only screen and (max-width: 480px) {
    .wrap-help {
        gap: 10px;
    }
    .item-help {
        width: calc(calc(100% / 2) - 10px);
    }
}

.wrap-showroom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 40px;
}

.item-showroom {
    padding: 0 15px;
    margin-bottom: 30px;
    width: calc(100% / 3);
}

.item-showroom h3 {
    margin-bottom: 7px;
    font-size: 1.125rem;
}

.item-showroom p {
    margin-bottom: 5px;
}

.item-showroom a {
    font-size: 0.875rem;
    color: #182DE2;
}

.item-showroom a .fa {
    margin-right: 3px;
}

#outlet {
    margin-top: 40px;
}

.wrap-outlet {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 40px;
}

.item-outlet {
    padding: 0 15px;
    margin-bottom: 15px;
    width: calc(100% / 4);
}

.item-outlet a {
    display: block;
    padding: 9px 12px;
    font-size: 1rem;
    color: #1c1c1c;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-outlet a .fa {
    margin-right: 3px;
}

@media only screen and (max-width: 991.8px) {
    .item-showroom {
        width: calc(100% / 2);
    }
    .item-outlet {
        width: calc(100% / 3);
    }
}

@media only screen and (max-width: 767.8px) {
    .item-outlet {
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 575px) {
    .item-showroom {
        width: 100%;
    }
    .item-outlet {
        width: 100%;
    }
}

.btn-promo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #03ac0e;
    border-radius: 4px;
    cursor: pointer;
}

.btn-promo span {
    color: #6C727C;
    font-family: "MaisonNeueBook";
    cursor: pointer;
}

.btn-promo span .fa-tags {
    margin-right: 5px;
    color: #03ac0e;
}

.item-pilih-promo {
    position: relative;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #DDD;
    border-radius: 3px;
}

.item-pilih-promo:last-child {
    margin-bottom: 0;
}

.item-pilih-promo.voucher-active {
    border: 1px solid #898989;
    cursor: pointer;
}

.item-pilih-promo.voucher-active h3 {
    color: #111;
}

.item-pilih-promo.voucher-active p {
    color: #6f6f6f;
}

.item-pilih-promo.active {
    background: #EBFFEF;
    border-color: #4FD15A;
}

.item-pilih-promo.active span {
    visibility: visible;
}

.item-pilih-promo h3 {
    font-size: 1.125rem;
    color: #999;
    font-weight: 600;
}

.item-pilih-promo p {
    margin-bottom: 0;
    color: #999;
}

.item-pilih-promo span {
    visibility: hidden;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #4FD15A;
}

.pay-with-point label {
    font-size: 1rem;
}

.pay-with-point label input {
    margin-right: 5px;
}

.pay-with-point label span {
    font-weight: 600;
}

footer {
    background: #070707;
}

.copyright {
    padding: 20px 0;
    background: #000000;
    text-align: center;
}

.copyright p {
    margin-bottom: 0;
    color: #5E5E5E;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 25px;
}

.copyright p a {
    color: #5E5E5E !important;
}

.copyright p a:hover {
    color: #5E5E5E !important;
}

@media (max-width: 768px) {
    .copyright p {
        line-height: normal;
    }
}

.content-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding-top: 50px;
    padding-bottom: 30px;
}

.item-footer {
    width: calc(100% / 5);
}

.item-footer:first-child {
    width: 300px;
    margin-right: 40px;
}

.item-footer:last-child {
    width: 250px;
}

.item-footer p {
    font-size: 0.8125rem;
    color: #6f6f6f;
    line-height: 23px;
}

.item-footer .addres {
    color: #767676;
    font-family: "MaisonNeueBook";
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 5px;
}

.item-footer .gmap a {
    color: #0DB14B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 25px;
}

.item-footer .gmap a:hover {
    color: #0DB14B;
}

.logo-footer {
    margin-bottom: 10px;
    width: 100%;
}

.logo-footer img {
    width: 100%;
}

.title-item-footer {
    position: relative;
    margin-bottom: 13px;
    color: #0DB14B;
    font-family: "MaisonNeueBook";
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 20px;
}

.title-item-footers {
    margin-bottom: 13px;
    color: #393939;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
}

.menu-footer li {
    margin-bottom: 10px;
}

.menu-footer li a {
    display: block;
    color: #767676;
    font-family: "MaisonNeueBook";
    font-size: 17px;
    line-height: normal;
}

.check-order label {
    font-family: "Poppins", sans-serif;
    font-size: 0.8125rem;
    color: #6f6f6f;
}

.input-check-order {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #6f6f6f;
}

.input-check-order .fa {
    font-size: 0.75rem;
    color: #484848;
}

.input-check-order input {
    color: #9B9B9B;
    font-family: "cabin-italic";
    font-size: 16px;
    line-height: 25px;
    width: calc(100% - 70px);
    background: transparent;
    border: none;
}

.input-check-order input::placeholder {
    font-size: 0.75rem;
    color: #484848;
    font-style: italic;
}

.input-check-order input:-ms-input-placeholder {
    font-size: 0.75rem;
    color: #484848;
    font-style: italic;
}

.input-check-order input::-ms-input-placeholder {
    font-size: 0.75rem;
    color: #484848;
    font-style: italic;
}

.input-check-order button {
    padding: 0;
    width: 50px;
    color: #E05247;
    font-family: "MaisonNeueBook";
    font-size: 16px;
    line-height: 25px;
    background: transparent;
    border: none;
    cursor: pointer;
}

.item-footer .intelp {
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 30px;
    line-height: 25px;
}

.item-footer .email {
    color: #0DB14B;
    font-family: "MaisonNeueBook";
    font-size: 17px;
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sosmed-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 15px;
}

.sosmed-footer li {
    margin-right: 20px;
}

.sosmed-footer li:last-child {
    margin-right: 0;
}

.sosmed-footer li a {
    display: block;
    font-size: 1rem;
    color: #fff;
}

.sosmed-footer li a.fb {
    color: #295396;
}

.sosmed-footer li a.ig {
    color: #d6249f;
}

.sosmed-footer li a.tw {
    color: #28aae1;
}

.sosmed-footer li a.yt {
    color: #f70000;
}

.sosmed-footer li a .fa {
    font-size: 25px;
}

.content-image-footer {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.item-image-footer {
    width: calc(100% / 4);
}

.item-image-footer h3 {
    margin-bottom: 15px;
    font-size: 1rem;
    color: #F6AB1B;
}

.item-image-footer ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2px;
}

.item-image-footer ul li {
    padding: 0 2px;
    margin-bottom: 4px;
    width: calc(100% / 5);
}

.item-image-footer ul li img {
    display: block;
    width: 100%;
}

@media only screen and (max-width: 991.8px) {
    footer {
        padding-bottom: 42px;
    }
    .content-footer {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .item-footer {
        width: calc(100% / 3);
        margin-bottom: 20px;
    }
    .item-footer:first-child {
        margin-right: 0;
        width: 100%;
    }
    .item-footer:last-child {
        width: 50%;
    }
    .item-image-footer {
        width: 50%;
    }
    .wrap-copyright {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .item-copyright {
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }
    .item-copyright:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767.8px) {
    .content-footer {
        padding-bottom: 0;
    }
    .item-footer {
        width: 100%;
    }
    .item-footer:last-child {
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .item-image-footer {
        width: 100%;
    }
    .copyright {
        padding: 20px 30px;
    }
    .copyright p {
        font-size: 0.6875rem;
        text-align: center;
    }
    .copyright p a {
        font-size: 0.6875rem;
    }
}

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

/*star-about*/
#about {
    padding: 45px 0;
}

#about .main-title {
    position: relative;
    padding-bottom: 20px;
}

#about .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 75px;
    height: 4px;
    background: #1d1d1d;
}

#about .main-title h1 {
    font-size: 2.25rem;
    font-family: "MaisonNeueBook";
    font-weight: normal;
    text-transform: uppercase;
}

#about .paragraph p {
    font-size: 1rem;
    font-family: "MaisonNeueBook";
    line-height: 34px;
    margin-top: 15px;
}
/*end-about*/

/*star-catHome*/
#catHome {
    position: relative;
    padding: 2px 0 2px 0;
    /*padding: 50px 0 60px 0;*/
    background: #fff;
}

#catHome .container {
    position: relative;
    z-index: 2;
}

.wrap-carousel-catHome {
    position: relative;
}

.wrap-catHome {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item-catHome {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.item-catHome .i-catHome {
    padding: 0;
    /*padding: 15px;*/
    background-color: transparent;
    display: block;
}

.i-catHome img {
    /*margin-bottom: 15px;*/
    margin-bottom: 0;
}

.i-catHome span {
    color: #2E2E2E;
    font-family: "MaisonNeueMedium";
    font-size: 10px;
    /*font-size: 14px;*/
    line-height: normal;
}

.wrap-carousel-catHome:hover .arrow-nav.catHome-prev img,
.wrap-carousel-catHome:hover .arrow-nav.catHome-next img {
    opacity: 1;
}

.arrow-nav.catHome-prev.arrow-left,
.arrow-nav.catHome-next.arrow-left {
    left: -40px;
}

.arrow-nav.catHome-prev img,
.arrow-nav.catHome-next img {
    width: 30px;
    opacity: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.arrow-nav.catHome-prev.arrow-right,
.arrow-nav.catHome-next.arrow-right {
    right: -40px;
}

.arrow-nav.catHome-prev img,
.arrow-nav.catHome-next img {
    width: 30px;
    opacity: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

@media (max-width: 767px) {
    .i-catHome span {
        font-size: 15px;
        line-height: normal;
    }
}

@media (max-width: 600px) {
    .i-catHome span {
        font-size: 15px;
        line-height: normal;
    }
}

@media (max-width: 500px) {
    .i-catHome span {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 400px) {
    .i-catHome span {
        font-size: 16px;
        line-height: normal;
    }
}

@media (max-width: 320px) {
    .i-catHome span {
        font-size: 14px;
        line-height: normal;
    }
}
/*end-catHome*/

/*star-textPromo*/
#textPromo {
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px;
}

#textPromo .container {
    position: relative;
    z-index: 2;
}

.wrap-carousel-textPromo {
    position: relative;
}

.wrap-textPromo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item-textPromo {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.item-textPromo .i-textPromo {
    padding: 0;
    /*padding: 15px;*/
    background-color: transparent;
    display: block;
}

.i-textPromo img {
    margin-bottom: 15px;
}

.i-textPromo .yellow {
    color: #D9FF00;
    font-family: "MaisonNeueBook";
    font-size: 16px;
    line-height: normal;
}

.i-textPromo .yellow span {
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
}

.wrap-carousel-textPromo:hover .arrow-nav.textPromo-prev .fa,
.wrap-carousel-textPromo:hover .arrow-nav.textPromo-next .fa {
    opacity: 1;
}

.wrap-carousel-textPromo:hover .arrow-nav.textPromo-prev img,
.wrap-carousel-textPromo:hover .arrow-nav.textPromo-next img {
    opacity: 1;
}

.arrow-nav.textPromo-prev.arrow-left,
.arrow-nav.textPromo-next.arrow-left {
    left: -40px;
}

.arrow-nav.textPromo-prev img {
    width: 30px;
    opacity: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.arrow-nav.textPromo-prev .fa {
    width: 30px;
    opacity: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.arrow-nav.textPromo-prev.arrow-right,
.arrow-nav.textPromo-next.arrow-right {
    right: -40px;
}

.arrow-nav.textPromo-next img {
    width: 30px;
    opacity: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.arrow-nav.textPromo-next .fa {
    width: 30px;
    opacity: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

@media (max-width: 767px) {
    .i-textPromo span {
        font-size: 15px;
        line-height: normal;
    }
}

@media (max-width: 600px) {
    .i-textPromo span {
        font-size: 15px;
        line-height: normal;
    }
}

@media (max-width: 500px) {
    .i-textPromo span {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 400px) {}
/*end-textPromo*/

/*star-bancamps*/
#bancamps {}

#bancamps .image {
    padding-top: 15px;
    padding-bottom: 20px;
}

#bancamps .image img {
    display: block;
    max-width: 100%;
}
/*end-bancamps*/

/*star-banHome*/
#banHome {
    position: relative;
    padding: 50px 0 60px 0;
    background: #fff;
}

#banHome .container {
    position: relative;
    z-index: 2;
}

.wrap-carousel-banHome {
    position: relative;
}

.wrap-banHome {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item-banHome {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.item-banHome .i-banHome {
    padding: 0;
    /*padding: 15px;*/
    background-color: transparent;
    display: block;
}

.i-banHome img {
    margin-bottom: 15px;
}

.i-banHome span {
    color: #2E2E2E;
    font-family: "MaisonNeueMedium";
    font-size: 14px;
    line-height: normal;
}

.wrap-carousel-banHome:hover .arrow-nav.banHome-prev img,
.wrap-carousel-banHome:hover .arrow-nav.banHome-next img {
    opacity: 1;
}

.arrow-nav.banHome-prev.arrow-left,
.arrow-nav.banHome-next.arrow-left {
    left: -40px;
}

.arrow-nav.banHome-prev img,
.arrow-nav.banHome-next img {
    width: 30px;
    opacity: 0;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.arrow-nav.banHome-prev.arrow-right,
.arrow-nav.banHome-next.arrow-right {
    right: -40px;
}

.arrow-nav.banHome-prev img,
.arrow-nav.banHome-next img {
    width: 30px;
    /*opacity: 0;*/
    opacity: 1;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

@media (max-width: 767px) {
    .i-banHome span {
        font-size: 15px;
        line-height: normal;
    }
}

@media (max-width: 600px) {
    .i-banHome span {
        font-size: 15px;
        line-height: normal;
    }
}

@media (max-width: 500px) {
    .i-banHome span {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 400px) {
    .i-banHome span {
        font-size: 16px;
        line-height: normal;
    }
}

@media (max-width: 320px) {
    .i-banHome span {
        font-size: 14px;
        line-height: normal;
    }
}
/*end-banHome*/

/*star-cari*/
#cari {
    padding-bottom: 30px;
}

#cari .main-title {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 35px;
}

#cari .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 75px;
    height: 4px;
    background: #0DB14B;
}

#cari .main-title h1 {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-size: 40px;
    text-transform: uppercase;
}

#cari .main-title span {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-size: 35px;
    text-transform: uppercase;
}

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

.item-main-cari {
    padding: 0 10px;
    margin-bottom: 40px;
    width: calc(100% / 4);
}

.item-cari {
    position: relative;
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    width: 100%;
}

#cari .empty-product {
    color: #ff0000;
    font-family: "MaisonNeueBook";
    font-size: 13px;
    line-height: normal;
}

.item-cari .empty-products {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 5px;
    color: #fff;
    font-size: 0.6875rem;
    font-family: "MaisonNeueBook";
    line-height: 13px;
    background: #0DB14B;
    border-radius: 3px;
}

.item-cari img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.item-main-cari .category {
    color: #BBBBBB;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    padding-bottom: 5px;
}

.item-cari h3 {
    color: #393939;
    font-family: "MaisonNeueBook";
    font-size: 16px;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-item-cari {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-item-cari .price {
    color: #0DB14B;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}

.content-item-cari .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 25px;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

@media only screen and (max-width: 991.8px) {
    .item-main-cari {
        width: calc(100% / 3);
    }
}

@media only screen and (max-width: 767.8px) {
    .item-main-cari {
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 480px) {
    .wrap-cari {
        margin: 0 -5px;
    }
    .item-main-cari {
        padding: 0 5px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 320px) {
    .item-main-cari {
        width: 100%;
    }
}
/*end-cari*/

/*star-bestseller*/
#bestseller {
    padding: 50px 0;
}

.title-bestseller {
    margin-bottom: 55px;
}

.wrap-carousel-bestseller {
    position: relative;
    border: 1px #0DB14B solid;
    border-radius: 20px;
    padding-top: 80px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.title-bestseller {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    /*background: url("../../images/home/bg-arrival.png")no-repeat center center;*/
    background-size: cover;
    width: 30%;
    /*width: 35%;*/
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

.title-bestseller .text {
    color: #2E2E2E;
    font-family: "MaisonNeueBook";
    font-size: 30px;
    text-align: center;
    text-transform: capitalize;
    z-index: 2;
}

.wrap-bestseller {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.item-bestseller {
    width: 100%;
}

.i-bestseller {
    position: relative;
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    width: 100%;
}

.i-bestseller .empty-product {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 5px;
    color: #fff;
    font-size: 0.6875rem;
    font-family: "MaisonNeueBook";
    line-height: 13px;
    background: #1BA942;
    border-radius: 3px;
}

.i-bestsellerss img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.i-bestseller img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.i-bestseller .category {
    color: #BBBBBB;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    padding-bottom: 5px;
}

.i-bestseller h3 {
    color: #2E2E2E;
    font-family: "MaisonNeueMedium";
    font-size: 15px;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.i-bestseller > span -price {
    display: block;
    color: #71A547;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 19px;
}

.content-item-bestseller {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-item-bestseller .price {
    color: #71A547;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
}

.content-item-bestseller .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 25px;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

/*.i-bestseller .harga-coret span:first-child {
    text-decoration: line-through;
}*/

/*.i-bestseller .harga-coret span {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: normal;
}*/

.wrap-carousel-bestseller:hover .arrow-nav.bestseller-prev img,
.wrap-carousel-bestseller:hover .arrow-nav.bestseller-next img {
    opacity: 9;
}

.arrow-nav.bestseller-prev.arrow-left,
.arrow-nav.bestseller-next.arrow-left {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.arrow-nav.bestseller-prev img,
.arrow-nav.bestseller-next img {
    width: 35px;
    opacity: 3;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.arrow-nav.bestseller-prev.arrow-right,
.arrow-nav.bestseller-next.arrow-right {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
}

.arrow-nav.bestseller-prev img,
.arrow-nav.bestseller-next img {
    width: 35px;
    opacity: 9;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

@media (max-width: 1100px) {
    .title-bestseller {
        width: 40%;
    }
}

@media (max-width: 991.8px) {
    .title-bestseller {
        margin-bottom: 30px;
        width: 55%;
    }
    .title-bestseller h2 {
        padding-bottom: 20px;
        font-size: 1.625rem;
        text-align: left;
    }
    .title-bestseller h2:before {
        left: 0;
        bottom: 0;
        width: 50px;
        transform: translateX(0);
    }
}

@media (max-width: 767px) {
    .title-bestseller {
        width: 75%;
    }
}

@media (max-width: 550px) {
    .title-bestseller {
        width: 75%;
    }
    .title-bestseller .text {
        font-size: 30px;
    }
}

@media (max-width: 450px) {
    .title-bestseller {
        width: 85%;
    }
    .title-bestseller .text {
        font-size: 26px;
    }
}

@media (max-width: 370px) {
    .title-bestseller {
        width: 85%;
    }
    .title-bestseller .text {
        font-size: 26px;
    }
}

@media (max-width: 340px) {
    .title-bestseller {
        width: 100%;
    }
    .title-bestseller .text {
        font-size: 23px;
    }
}
/*end-bestseller*/

/*star-ourproduk*/
#ourproduk {
    background: #fff;
    padding-top: 45px;
    padding-bottom: 60px;
}

#ourproduk .titleConten {
    position: relative;
    color: #2E2E2E;
    font-family: "MaisonNeueBook";
    font-size: 30px;
    line-height: normal;
    text-align: center;
    margin-bottom: 75px;
}

#ourproduk .titleConten:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -20px;
    width: 75px;
    height: 4px;
    background: #8ACD55;
    transform: translateX(-50%);
}

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

.item-main-ourproduk {
    padding: 0 10px;
    margin-bottom: 40px;
    width: calc(100% / 5);
}

.item-main-ourproduk .category {
    color: #BBBBBB;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    padding-bottom: 5px;
}

.item-ourproduk {
    position: relative;
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    width: 100%;
}

.item-ourproduk img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.item-ourproduk h3 {
    color: #393939;
    font-family: "MaisonNeueBook";
    font-size: 16px;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-item-ourproduk {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-item-ourproduk .price {
    color: #0DB14B;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}

.content-item-ourproduk .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 25px;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

.item-ourproduk .empty-product {
    color: #ff0000;
    font-family: "MaisonNeueBook";
    font-size: 13px;
    line-height: normal;
}

.item-ourproduk .empty-products {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 5px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 0.6875rem;
    line-height: 13px;
    background: #0DB14B;
    border-radius: 3px;
}

.wrap-btn-produkHome {
    margin-top: 20px;
    text-align: center;
}

.btn-produkHome {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    font-family: "MaisonNeueMedium";
    font-size: 15px;
    background: #8ACD55;
    border-radius: 35px;
    border: 1px solid #8ACD55;
}

.btn-produkHome:hover {
    color: #fff;
    background: #6fd221;
}

@media only screen and (max-width: 991.8px) {
    .item-main-ourproduk {
        width: calc(100% / 3);
    }
}

@media only screen and (max-width: 767.8px) {
    .item-main-ourproduk {
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 480px) {
    .wrap-ourproduk {
        margin: 0 -5px;
    }
    .item-main-ourproduk {
        padding: 0 5px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 320px) {
    .item-main-ourproduk {
        width: 100%;
    }
}
/*end-ourproduk*/

/*star-new-related*/
#related {
    padding: 50px 0;
}

.title-related {
    margin-bottom: 55px;
}

.wrap-carousel-related {
    position: relative;
    border: 1px #0DB14B solid;
    border-radius: 20px;
    padding-top: 80px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.title-related {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    /*background: url("../../images/home/bg-arrival.png")no-repeat center center;*/
    background-size: cover;
    width: 30%;
    /*width: 35%;*/
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

.title-related .text {
    color: #2E2E2E;
    font-family: "MaisonNeueBook";
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
}

.wrap-related {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.item-related {
    width: 100%;
}

.i-related {
    position: relative;
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    width: 100%;
}

.i-related .empty-product {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 5px;
    color: #fff;
    font-size: 0.6875rem;
    font-family: "MaisonNeueBook";
    line-height: 13px;
    background: #0DB14B;
    border-radius: 3px;
}

.i-relatedssss img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.i-related img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.i-related .category {
    color: #BBBBBB;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    padding-bottom: 5px;
}

.i-related h3 {
    color: #2E2E2E;
    font-family: "MaisonNeueMedium";
    font-size: 15px;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-item-related {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-item-related .price {
    color: #71A547;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 16px;
    /* font-size: 17px; */
    line-height: 25px;
}

.content-item-related .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 11px;
    /* font-size: 12px; */
    line-height: 25px;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

.wrap-carousel-related:hover .arrow-nav.related-prev img,
.wrap-carousel-related:hover .arrow-nav.related-next img {
    opacity: 9;
}

.arrow-nav.related-prev.arrow-left,
.arrow-nav.related-next.arrow-left {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.arrow-nav.related-prev img,
.arrow-nav.related-next img {
    width: 35px;
    opacity: 3;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.arrow-nav.related-prev.arrow-right,
.arrow-nav.related-next.arrow-right {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
}

.arrow-nav.related-prev img,
.arrow-nav.related-next img {
    width: 35px;
    opacity: 9;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

@media (max-width: 1100px) {
    .title-related {
        width: 40%;
    }
}

@media (max-width: 991.8px) {
    .title-related {
        margin-bottom: 30px;
        width: 55%;
    }
    .title-related h2 {
        padding-bottom: 20px;
        font-size: 1.625rem;
        text-align: left;
    }
    .title-related h2:before {
        left: 0;
        bottom: 0;
        width: 50px;
        transform: translateX(0);
    }
}

@media (max-width: 767px) {
    .title-related {
        width: 75%;
    }
}

@media (max-width: 550px) {
    .title-related {
        width: 75%;
    }
    .title-related .text {
        font-size: 28px;
    }
}

@media (max-width: 450px) {
    .title-related {
        width: 85%;
    }
    .title-related .text {
        font-size: 26px;
    }
}

@media (max-width: 370px) {
    .title-related {
        width: 85%;
    }
    .title-related .text {
        font-size: 23px;
        /*font-size: 26px;*/
    }
}

@media (max-width: 340px) {
    .title-related {
        width: 100%;
    }
    .title-related .text {
        font-size: 23px;
    }
}
/*end-related*/

/*star-descvid*/
#descvid {
    padding-top: 25px;
    padding-bottom: 35px;
}

#descvid .text {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 25px;
    line-height: normal;
    padding-bottom: 20px;
}

#descvid .textDesc {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 25px;
}

#descvid .textDesc p {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 25px;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

/**/
.descprod {}

.descprod .nav-item > .nav-link {
    position: relative;
    color: #393939;
    font-family: "MaisonNeueBook";
    font-size: 20px;
    line-height: 25px;
    text-transform: inherit;
    border: none;
}

.descprod .nav-item > .nav-link:hover {
    border: none;
}

.descprod .nav-item > .nav-link.active {
    background-color: transparent;
    color: #393939;
    border: none;
}

.descprod .nav-item > .nav-link.active:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #35B6A0;
}

.descprod .tab-content > div {
    padding-top: 30px;
}

.descprod .tab-content > div p {
    font-size: 0.875rem;
    line-height: 24px;
}

.descprod .isiContent {
    color: #393939;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 26px;
    padding-top: 20px;
}

.embed-home-video {
    display: block;
    margin-bottom: 20px;
}

.embed-home-video img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 767px) {
    .descprod .tab-content > div {
        padding-top: 20px;
    }
    .descprod .tab-content > div p {
        line-height: 22px;
    }
}
/*end-descvid*/

/*star-btn-confirm*/
.wrap-btn-confirm {
    margin-top: 20px;
    text-align: center;
}

.btn-confirm {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    background: #3562D4;
    border-radius: 35px;
    border: 1px solid #3562D4;
}

.btn-confirm:hover {
    color: #fff;
    background: #00155b;
}
/*end-btn-confirm*/

/*star-top-header*/
.top-header {
    background: #0DB14B;
}

.menu-top-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    padding: 10px 0;
}

.menu-top-header ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.menu-top-header ul li {
    margin-right: 30px;
    font-size: 0.8125rem;
    color: #fff;
}

.menu-top-header ul li:last-child {
    margin-right: 0;
}

.menu-top-header ul li a {
    color: #fff;
}

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

.hbayar li {
    margin-right: 20px;
    font-size: 15px;
}

.hbayar li a {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-family: "MaisonNeueBook";
}

.hbayar li a > img {
    position: relative;
    margin-right: 5px;
    font-size: 1rem;
}

.hpromo {
    display: block;
    padding: 10px 0;
    text-align: center;
}

.hpromo .tpromo {
    color: #F6E891;
    font-family: "MaisonNeueBook";
    font-size: 17px;
}

.hconfirm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    float: right;
}

.hconfirm li {
    margin-right: 20px;
    font-size: 15px;
}

.hconfirm li a {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-family: "MaisonNeueBook";
}

.hconfirm li a > img {
    position: relative;
    margin-right: 5px;
    font-size: 1rem;
}

#menu-confirm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

/*.menu-top-header:before, .menu-top-header:after {
    position: absolute;
    content: '';
    top: 0;
    border-top: 16px solid #00155b;
    border-bottom: 16px solid transparent;
}*/

/*.menu-top-header:before {
    left: -18px;
    border-right: 10px solid #00155b;
    border-left: 10px solid transparent;
}*/

/*.menu-top-header:after {
    right: -18px;
    border-left: 10px solid #00155b;
    border-right: 10px solid transparent;
}*/

.wrap-content-header {
    background: #0DB14B;
    padding-top: 5px;
    padding-bottom: 5px;
}

.content-headerssss {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    padding: 10px 0;
}

.content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    /*padding: 10px 0;*/
}

.logo img {
    margin-top: 0;
    width: 100%;
}

.content-header .textjob img {
    display: block;
    max-width: 100%;
}

.logo {
    width: 63%;
}

.textjob {
    width: 34%;
}

/*@media (min-width: 1500px) and (max-width: 2500px) {
    .logo, .textjob {
        flex: 1;
    }
    .logo {
        max-width: 50%;
    }
    .textjob {
        max-width: 32%;
        text-align: right;
    }
    .logo img, .textjob img {
        width: 100%;
        height: auto;
        display: block;
    }
}*/

/*@media (max-width: 1450px) {
    .logo, .textjob {
        flex: 1;
    }
    .logo {
        max-width: 45%;
    }
    .textjob {
        max-width: 35%;
        text-align: right;
    }

    .logo img, .textjob img {
        width: 100%;
        height: auto;
        display: block;
    }
}*/

.wrap-content-header .container-fluid {
    padding-right: 65px;
    padding-left: 0;
}

.wrap-search-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.wrap-search-box form {
    width: 100%;
}

.search-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 2px;
    padding-right: 10px;
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 30px;
    overflow: hidden;
    background: #fff;
}

.input-search {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
    padding-left: 20px;
    border-color: transparent;
    border-radius: 33px 0 0 33px;
    background: #fff;
}

.button-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    background: #181818;
    border-color: transparent;
    cursor: pointer;
}

.button-search .fa {
    font-size: 0.875rem;
    color: #fff;
}

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

.hotline .icon-hotline {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    border: 0 solid #ddd;
    border-radius: 50%;
}

#menu-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

#menu-icon ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.hotline .content-hotline span {
    display: block;
    font-size: 1.125rem;
    color: #e28032;
    font-weight: 900;
}

.hotline .content-hotline span:first-child {
    margin-bottom: -1px;
    font-size: 0.8125rem;
    color: #959595;
    font-weight: normal;
}

.navigation {
    border-top: 2px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    background: #181818;
}

.wrap-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    
    -ms-flex-pack: center;
    
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.wrap-navsss {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;

    -ms-flex-pack: space-between;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

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

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

.menu li {
    margin-right: 20px;
    font-size: 0.875rem;
}

.menu li:last-child {
    margin-right: 0;
}

.menu li.menu-signin {
    position: relative;
}

.menu li.menu-signin:before {
    position: absolute;
    content: '/';
    top: 47%;
    right: -13px;
    color: #898989;
    transform: translateY(-50%);
}

.menu li a {
    display: block;
    padding: 10px 0;
    color: #565656;
}

.menu li a:hover {
    color: #2f78cf;
}

.menu li a.active {
    color: #2f78cf;
}

.menu li a > span.fa {
    position: relative;
    margin-right: 5px;
    font-size: 1rem;
}

.menu li a .icon-cart {
    position: relative;
    margin-right: 5px;
    font-size: 1.125rem;
}

.menu li a .icon-cart .count {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 20px;
    padding: 0px 3px;
    font-size: 0.625rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background: #ef144a;
    border-radius: 18px;
    border: 2px solid white;
}

.category-nav {
    display: none;
    position: relative;
    padding: 11px 0;
    margin-right: 50px;
    font-size: 0.875rem;
    color: #c62000;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.category-nav .fa {
    font-size: 1.0625rem;
    margin-right: 7px;
}

.category-nav:hover .drop-category {
    visibility: visible;
}

.category-nav.active .drop-category {
    visibility: visible;
}

.drop-category {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 20px 0;
    width: 270px;
    background-color: #fff;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.drop-category > li:hover > a {
    color: #fff;
    background-color: #da5600;
}

.drop-category > li:hover {
    display: block;
}

/*.drop-category > li:hover .wrap-megamenu {
    display: block;
}*/

.drop-category > li > a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 7px 25px;
    padding-right: 15px;
    font-size: 0.8125rem;
    color: #131313;
    font-weight: normal;
    text-transform: capitalize;
    white-space: nowrap;
}

.drop-category > li > a .fa {
    color: #fff;
}

.drop-category > li > a:hover {
    color: #fff;
    /*background-color: #da5600;*/
}

.wrap-megamenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: calc(100vw - 520px);
    width: auto;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}

.megamenu {
    padding: 20px;
    columns: 3;
}

.megamenu .column-mega {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 15px;
}

.megamenu ul li {
    margin-bottom: 8px;
}

.megamenu ul li:first-child a {
    font-weight: bold;
}

.megamenu ul li a {
    display: block;
    font-size: 0.8125rem;
    color: #333;
    font-weight: normal;
    text-transform: capitalize;
}

.megamenu ul li a:hover {
    color: #c62000;
}

.toggle-menu {
    display: none;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 20px;
    height: 24px;
    cursor: pointer;
}

.toggle-menu.active span {
    background-color: transparent;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.toggle-menu.active span:before,
.toggle-menu.active span:after {
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    background-color: #c62000;
}

.toggle-menu.active span:before {
    top: 0;
    transform: rotate(45deg);
}

.toggle-menu.active span:after {
    bottom: 0;
    transform: rotate(-45deg);
}

.toggle-menu span {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.toggle-menu span:before,
.toggle-menu span:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.toggle-menu span:before {
    top: -6px;
}

.toggle-menu span:after {
    bottom: -6px;
}

.menu-icon-rs {
    display: none;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

/*.menu-icon-rs .wisht-rs {
    position: absolute;
    top: -8px;
    right: 25px;
    min-width: 15px;
    padding: 0px 3px;
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 0.5rem;
    text-align: center;
    background: #FEDA00;
    border-radius: 18px;
    border: 2px solid #FEDA00;
}*/

.menu-icon-rs li {
    margin-right: 25px;
}

.menu-icon-rs li:last-child {
    margin-right: 0;
}

.menu-icon-rs li:last-child a {
    font-size: 1.25rem;
}

.menu-icon-rs li a span#countCartRs {
    position: absolute;
    top: -2px;
    right: -2px;
    padding: 1px 5px;
    font-size: 0.5625rem;
    color: #000;
    font-weight: bold;
    background: #FEDA00;
    border-radius: 20px;
}

.menu-icon-rs li a span#countWishtRs {
    position: absolute;
    top: -2px;
    right: -2px;
    padding: 1px 5px;
    font-size: 0.5625rem;
    color: #000;
    font-weight: bold;
    background: #FEDA00;
    border-radius: 20px;
}

.menu-icon-rs li a {
    position: relative;
    display: block;
    font-size: 1.125rem;
    color: #00155b;
}

.menu-icon-rs li a .fa-search {
    color: #fff;
}

.cart-rs {
    position: relative;
}

.cart-rs .count-cart-rs {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 20px;
    padding: 0px 3px;
    font-size: 0.625rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background: #ef144a;
    border-radius: 18px;
    border: 2px solid white;
}

.menu-additional {
    display: none;
}

.second-nav {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .menu-top-header {
        max-width: 700px;
    }
    .hotline .content-hotline span {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 991px) {
    header {
        height: auto;
        border-top: none;
    }
    .top-header, .hotline, .navigation {
        display: none;
    }
    .wrap-content-header .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    /*.content-header .logo {
        display: none;
    }*/
    .textjob {
        display: none;
    }
    .wrap-search-box {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
    }
    .wrap-search-box .search-box {
        margin-right: 0;
        margin-left: 0;
    }
    .wrap-content-header {
        /*position: fixed;*/
        position: relative;
        width: 100%;
        background-color: #0DB14B;
        box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
        z-index: 999;
    }
    .content-header {
        padding: 5px 0;
    }
    .logo {
        max-width: 80%;
    }
    .logo img {
        margin-top: 0;
        padding-right: 10px;
        max-width: 100%;
        /*width: 150px;*/
    }
    .toggle-menu, .menu-icon-rs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .navigation {
        display: block;
        position: fixed;
        top: 40px;
        left: 0;
        width: 300px;
        height: calc(100vh - 61px);
        background-color: #0DB14B;
        box-shadow: 3px 0 14px rgba(0, 0, 0, 0.05);
        border-top: none;
        overflow-y: auto;
        transform: translateX(-320px);
        transition: 0.2s;
        -o-transition: 0.2s;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        z-index: 200;
    }
    .navigation.active {
        transform: translateX(0);
        top: 70px;
    }
    .navigation .container {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .wrap-nav, .main-nav, .menu {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wrap-nav, .main-nav, .menu {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        background: #0DB14B;
    }
    .category-nav {
        display: block;
        padding: 0;
        margin-right: 0;
        width: 100%;
        border-bottom: 1px solid #eee;
        font-weight: normal;
        text-transform: capitalize;
    }
    .category-nav .fa {
        display: none;
    }
    .toggle-category-nav {
        padding: 10px 25px;
        font-family: "MaisonNeueBook";
        color: #D9FF00;
    }
    .main-nav, .second-nav {
        width: 100%;
    }
    .second-nav {
        display: block;
    }
    .menu {
        width: 100%;
    }
    .menu li {
        margin: 0;
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    .menu li a {
        padding: 10px 25px;
    }
    .menu li.menu-signin:before {
        display: none;
    }
    .second-nav li:last-child {
        display: block;
        /*display: none;*/
    }
    .category-nav.active .drop-category {
        display: block;
    }
    .drop-category {
        position: relative;
        display: none;
        padding: 0;
        width: 100%;
        background-color: #fff;
        box-shadow: none;
    }
    .drop-category > li {
        border-bottom: 1px solid #eaeaea;
    }
    .drop-category > li:last-child {
        border-bottom: none;
    }
    .drop-category > li > a {
        padding: 10px 25px;
        padding-left: 35px;
        font-family: "MaisonNeueBook";
    }
    .drop-category > li > a:hover {
        color: #131313;
        background: #fff;
    }
    .megamenu {
        display: none;
    }
    .menu-additional {
        display: block;
    }
    .menu .menu-additional a {
        color: #fff;
        font-family: "MaisonNeueBook";
    }
    .menu .menu-additional a:hover {
        color: #fff;
    }
}

@media (max-width: 900px) {
    .navigation.active {
        top: 66px;
    }
}

@media (max-width: 850px) {
    .navigation.active {
        top: 63px;
    }
}

@media (max-width: 767px) {
    .navigation.active {
        top: 60px;
    }
}

@media (max-width: 750px) {
    .navigation.active {
        top: 56px;
    }
}

@media (max-width: 650px) {
    .navigation.active {
        top: 50px;
    }
}

@media (max-width: 400px) {
    .navigation.active {
        top: 50px;
    }
}

@media (max-width: 400px) {
    .logo {
        max-width: 100%;
    }
    .logo img {
        margin-top: 0;
        /*width: 140px;*/
    }
}

@media (max-width: 350px) {
    .logo img {
        margin-top: 0;
        /*width: 120px;*/
    }
}

@media (max-width: 320px) {
    .logo img {
        margin-top: 0;
        /*width: 110px;*/
    }
}
/*end-top-header*/

/*star-faq*/
#faq {
    padding: 50px 0;
}

.title-faq {
    margin-bottom: 40px;
    color: #1d1d1d;
    font-family: "MaisonNeueBook";
    font-size: 2.25rem;
}

.item-faq {
    margin-bottom: 30px;
    width: 100%;
    padding-bottom: 30px;
    max-width: 100%;
    border-bottom: 1px #ddd solid;
}

.item-faq:last-child {
    border-bottom: 0;
}

.item-faq h3 {
    position: relative;
    padding-left: 50px;
    margin-bottom: 10px;
    color: #1d1d1d;
    font-family: "MaisonNeueBook";
    font-size: 1.1875rem;
}

.item-faq p {
    padding-left: 50px;
    margin-bottom: 0;
    color: #454545;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
    line-height: 26px;
}

.icon-question {
    position: absolute;
    left: 10px;
}

.icon-question .fa {
    color: #000;
}

.icon-question:before {
    position: absolute;
    content: '';
    left: -5px;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 1px solid #565656;
    border-radius: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end-faq*/

/*star-cbelanja*/
#cbelanja {
    padding: 50px 0;
}

#cbelanja .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#cbelanja .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

#cbelanja .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-cbelanja {
    margin-top: 40px;
    background: #ffffff;
}

.detail-content-cbelanja {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-cbelanja*/

/*star-cretur*/
#cretur {
    padding: 50px 0;
}

#cretur .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#cretur .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

#cretur .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-cretur {
    margin-top: 40px;
    background: #ffffff;
}

.detail-content-cretur {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-cretur*/

/*star-cinfo*/
#cinfo {
    padding: 50px 0;
}

#cinfo .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#cinfo .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

#cinfo .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-cinfo {
    margin-top: 40px;
    background: #ffffff;
}

.detail-content-cinfo {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-cinfo*/

/*star-term*/
#term {
    padding: 50px 0;
}

#term .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#term .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

#term .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-term {
    margin-top: 40px;
    background: #ffffff;
}

.detail-content-term {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-term*/

/*star-lokasi*/
#lokasi {
    padding: 50px 0;
}

#lokasi .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#lokasi .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

#lokasi .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.wrap-lokasi {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 40px;
}

.item-lokasi {
    padding: 0 15px;
    margin-bottom: 30px;
    width: calc(100% / 2);
}

.item-lokasi h3 {
    margin-bottom: 7px;
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 20px;
    font-weight: 500;
}

.item-lokasi p {
    margin-bottom: 5px;
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    width: calc(100% - 50px);
}

.item-lokasi a {
    color: #0DB14B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

.item-lokasi a .fa {
    margin-right: 3px;
}

@media only screen and (max-width: 991.8px) {
    .item-lokasi {
        width: calc(100% / 2);
    }
    .item-lokasi p {
        width: 100%;
    }
}

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

@media only screen and (max-width: 575px) {
    .item-lokasi {
        width: 100%;
    }
}
/*end-lokasi*/

/*star-blog*/
#blog {
    padding: 50px 0;
}

#blog .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#blog .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

#blog .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
    font-weight: bold;
}

.wrap-blog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
}

.item-blog {
    padding: 0 10px;
    width: calc(100% / 3);
}

.i-blog {
    display: block;
    background: #fff;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.i-blog:hover {
    -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.content-item-blog {
    padding: 30px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-top: none;
}

.content-item-blog span {
    display: block;
    margin-bottom: 10px;
    color: #636363;
    font-family: "MaisonNeueBook";
    font-size: 13px;
    font-style: italic;
}

.content-item-blog h3 {
    margin-bottom: 15px;
    color: #2E2E2E;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-item-blog p {
    margin-bottom: 15px;
    font-size: 0.875rem;
    height: 70px;
    color: rgba(0, 0, 0, 0.54);
    line-height: 24px;
    overflow: hidden;
}

.content-item-blog .link-item {
    display: inline-block;
    color: #71A547;
    font-family: "MaisonNeueBook";
    font-size: 14px;
}

.content-item-blog .link-item .fa {
    margin-left: 10px;
}

@media (max-width: 900px) {
    .item-blog {
        width: calc(100% / 2);
    }
}

@media (max-width: 778px) {
    .item-blog {
        width: calc(100% / 1);
    }
}

@media (max-width: 400px) {
    .item-blog {
        width: calc(100% / 1);
    }
}
/*end-blog*/

/*blogDetail*/
#blogDetail {
    padding: 50px 0;
}

#blogDetail .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#blogDetail .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

#blogDetail .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
    font-weight: bold;
}

.detail-article {
    margin-top: 40px;
    background: #ffffff;
}

.detail-article > h2 {
    margin-bottom: 25px;
    color: #212529;
    font-family: "MaisonNeueBook";
    font-size: 26px;
}

.detail-article > img {
    margin-bottom: 25px;
}

.detail-article > iframe {
    display: block;
    margin-bottom: 30px;
}

.detail-content-article {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
    line-height: 30px;
}

.detail-content-article p {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
    line-height: 30px;
}

.detail-content-article img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.detail-tanggal-article {
    margin-bottom: 10px;
    color: #878787;
    font-family: "MaisonNeueBook";
    font-size: 14px;
    font-style: italic;
}

.detail-tanggal-article ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
}

.detail-tanggal-article ul li {
    margin-right: 15px;
}

.detail-tanggal-article ul li .fa {
    margin-right: 5px;
}
/*end-blogDetail*/

/*star-form-profile*/
.form-profile {}

.form-profile .form-group label {
    margin-bottom: 5px;
    color: #000000b3;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
}

.form-profile .form-control {
    padding: 8px 12px;
    color: #0000008a;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
    border: solid 1px #e0e0e0;
    border-radius: 3px;
}
/*end-form-profile*/

/*star-navbars*/
.navbars {
    overflow: hidden;
    display: block;
}

@media (max-width: 991px) {
    .navbars {
        display: none;
    }
}

.navbars a {
    float: left;
    color: #fff;
    font-family: "MaisonNeueMedium";
    font-size: 15px;
    margin-left: 5px;
    background: transparent;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navbars a.active {
    color: #FFE700;
}

/*.navbars a:hover {
    color: #000;
}*/

.dropdowns {
    float: left;
    overflow: hidden;
    background: transparent;
    margin-left: 5px;
}

.dropdowns a {
    color: #fff;
    font-family: "MaisonNeueMedium";
    font-size: 15px;
}

.dropdowns a.active {
    color: #FFE700;
}

.dropdowns .dropbtn {
    font-size: 15px;  
    border: none;
    outline: none;
    padding: 14px 16px;
    background-color: inherit;
    margin: 0;
}

/*.dropdowns:hover .dropbtn {
    background-color: red;
}*/

@media (max-width: 1920px) {
    .dropdowns-content {
        top: 235px;
    }
}

@media (max-width: 1800px) {
    .dropdowns-content {
        top: 230px;
    }
}

@media (max-width: 1750px) {
    .dropdowns-content {
        top: 230px;
    }
}

@media (max-width: 1700px) {
    .dropdowns-content {
        top: 225px;
    }
}

@media (max-width: 1650px) {
    .dropdowns-content {
        top: 223px;
    }
}

@media (max-width: 1600px) {
    .dropdowns-content {
        top: 220px;
    }
}

@media (max-width: 1400px) {
    .dropdowns-content {
        top: 200px;
    }
}

.dropdowns-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    /*top: 200px;*/
    /*top: 165px;*/
    left: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
}

.dropdowns-contentbbbbb {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    top: 195px;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdowns-content .headers {
    background: #181818;
    padding-top: 5px;
    padding-bottom: 10px;
}

/*.dropdowns:hover .dropdowns-content {
    display: block;
    z-index: 99999999;
}*/

.responsive-circle {
    width: 100%;
    max-width: 200px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
}
/*end-navbars*/

.headers .textProduk {
    color: #FFE700;
    font-family: "MaisonNeueMedium";
    font-size: 50px;
}

/*star-cathead*/
.wrap-cathead {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding-top: 0;
}

.item-main-cathead {
    margin-bottom: 0;
    width: calc(100% / 6);
}

.item-main-cathead a {
    padding: 15px;
    background: transparent;
    color: #fff;
    font-family: "MaisonNeueMedium";
    font-size: 15px;
    line-height: normal;
    margin-top: 0;
}

.item-main-cathead a.active {
    color: #FFE700;
}

.item-cathead img {
    width: 100%;
    max-width: 200px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
}

.item-main-cathead .category {
    
}
/*end-cathead*/

/*star-page-wish*/
#page-wish {
    padding: 50px 0;
}

.title-wish {
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 15px;
}

.wrap-wish {
    border-top: 6px solid #f3f4f5;
    border-bottom: 6px solid #f3f4f5;
}

.wrap-wish.no-border-bottom {
    border-bottom: none;
}

.item-wish {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.item-wish:last-child {
    border-bottom: none;
}

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

.img-wish {
    width: 76px;
    height: 76px;
}

.img-wish img {
    width: 100%;
}

.desc-wish {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
}

.desc-wish h3 {
    margin-bottom: 5px;
    color: #31353b;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
}

.desc-wish .proColor {
    margin-bottom: 8px;
    font-family: "MaisonNeueBook";
    font-size: 0.75rem;
}

.desc-wish .price-wish {
    color: #fa591d;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 1rem;
}

.desc-wish .weight {
    margin-top: 3px;
    color: #0000008a;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
}

.footer-wish {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding-top: 10px;
}

.remove-wish {
    display: block;
    margin-top: 3px;
    color: #ccc;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 0.875rem;
    font-weight: bold;
}

.remove-wish .fa {
    margin-right: 3px;
    font-size: 1rem;
}

.remove-wish:hover {
    color: red;
}

.wrap-empty-wish {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 auto;
    width: 400px;
}

.wrap-empty-wish img {
    margin-bottom: 30px;
}

.wrap-empty-wish p {
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center;
    color: #6f6f6f;
    font-size: 1rem;
    font-family: "MaisonNeueBook";
}

.wrap-empty-wish h5 {
    color: #1d1d1d;
    font-size: 1.25rem;
    font-family: "MaisonNeueBook";
    font-weight: bold;
}
/*end-page-wish*/

/*star-callout-warning*/
.callout-warning {
    background-color: #f39c12;
    border-left: 5px solid #e67e22;
    padding: 15px;
    margin-bottom: 30px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 25px;
}

.callout-warning h3 {
    margin: 0;
    font-size: 20px;
}

.callout-warning h4 {
    margin: 0;
    font-size: 24px;
}

.callout-warning i {
    margin-right: 10px;
}
/*end-callout-warning*/

/*star-btn-whatsapp*/
.btn-whatsapp {
    margin-top: 30px;
}

.btn-whatsapp a {
    padding: 10px 25px;
    font-size: 0.875rem;
    color: #fff;
    font-family: "MaisonNeueBook";
    background-color: #0DB14B;
    border-radius: 3px;
}

.btn-whatsapp a:hover {
    background-color: #8ACD55;
}

.btn-whatsapp a .fa {
    margin-right: 3px;
    font-size: 1rem;
}
/*end-btn-whatsapp*/

/*star-modal-search*/
#modal-search .modal-header {
    background-color: #0DB14B !important;
    color: white;
    display: block;
}

#modal-search .modal-header .close {
    margin-top: -2px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

#modal-search .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

#modal-search .close {
    float: right;
    font-size: 21px;
    font-family: "MaisonNeueBook";
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 0 0 #fff;
    opacity: inherit;
}

#modal-search button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

#modal-search .modal-title {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 24px;
}

#modal-search .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.form-search {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    margin: 0 20px;
}

.wrap-form-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    overflow: hidden;
}

.wrap-form-search input[type=text] {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    padding: 5px 12px;
    font-size: 0.8125rem;
    border: 1px solid #E0E0E0;
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.wrap-form-search button {
    padding: 5px 12px;
    font-size: 0.8125rem;
    color: #000;
    background: #0DB14B;
    border: 1px solid #0DB14B;
    border-radius: 0 4px 4px 0;
}

.fa-search:before {
    content: "\f002";
}
/*end-modal-search*/

/*star-testimoni*/
#testimoni {
    padding: 50px 0;
}

#testimoni .title-page {
    color: #212529;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 2rem;
}

.wrap-testi {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 30px;
}

.item-testi {
    padding: 0 15px;
    margin-bottom: 30px;
    width: calc(100% / 3);
}

.content-testi {
    position: relative;
    padding: 30px;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
    background-color: #f4f4f4;
}

.content-testi:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -10px;
    border-top: 10px solid #f4f4f4;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transform: translateX(-50%);
}

.content-testi .fa.fa-quote-left {
    margin-right: 5px;
}

.item-testi h3 {
    margin-top: 15px;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.74);
    font-family: "MaisonNeueBook";
    font-weight: bold;
    text-align: center;
}

@media (max-width: 767px) {
    .item-testi {
        width: calc(100% / 2);
    }
}

@media (max-width: 450px) {
    .item-testi {
        width: calc(100% / 1);
    }
}
/*end-testimoni*/

.out-of-stock {
    color: #31353b;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}

svg {
    width: 25px; /* Ukuran ikon */
    height: 25px;
    fill: #69C9D0; /* Warna ikonik TikTok */
}