@font-face {
    font-family: "MaisonNeueThinItalic";
    src: url(../fonts/maison-neue/MaisonNeueThinItalic.otf);
    format: "otf";
}
@font-face {
    font-family: "MaisonNeueLight";
    src: url(../fonts/maison-neue/MaisonNeueLight.otf);
    format: "otf";
}
@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: "MaisonNeueDemi";
    src: url(.../fonts/maison-neue/MaisonNeueDemi.otf);
    format: "otf";
}
@font-face {
    font-family: "Roboto-Regular";
    src: url(../fonts/roboto/Roboto-Regular.ttf);
    format: "ttf";
}
@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/roboto/Roboto-Bold.ttf);
    format: "ttf";
}
@font-face {
    font-family: "MontserratRegular";
    src: url(../fonts/montserrat/MontserratRegular.ttf);
    format: "ttf";
}
@font-face {
    font-family: "MontserratBold";
    src: url(../fonts/montserrat/MontserratBold.ttf);
    format: "ttf";
}

html, body {
    height: 100%;
    /*background: #F5F5F5;*/
    background: #fff;
}

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

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

a {
    color: #00155b;
}

a, a:hover, a:focus {
    color: #000c32;
    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;
}

.error-form {
    display: block;
    margin-top: 5px;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    color: #F00;
}

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

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

.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%;
}

.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.8125rem;
    background-color: transparent;
    border: 1px solid transparent;
    z-index: 2;
}

/*
 * 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: #00155b;
}

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

.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 #00155b;
    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 {
    color: #fff;
}

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

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

.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;
}

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

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

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

.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;
}

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

header {
    /*border-top: 5px solid #00155b;*/
    position: relative;
    z-index: 999;
}

.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: 0 25px;
    padding-top: 8px;
    padding-bottom: 10px;
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
    background: #00155b;
    border-radius: 0 0 11px 11px;
}

.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;
}

.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;
}

.content-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;
}

.logo img {
    margin-top: -13px;
    width: 250px;
}

.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: #cc3712;
    background: -moz-linear-gradient(left, #cc3712 0%, #fdca00 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #cc3712), color-stop(100%, #fdca00));
    background: -webkit-linear-gradient(left, #cc3712 0%, #fdca00 100%);
    background: -o-linear-gradient(left, #cc3712 0%, #fdca00 100%);
    background: -ms-linear-gradient(left, #cc3712 0%, #fdca00 100%);
    background: linear-gradient(to right, #cc3712 0%, #fdca00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3712', endColorstr='#fdca00', GradientType=1 );
}

.input-search {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.8125rem;
    padding-left: 20px;
    border-color: transparent;
    border-radius: 33px 0 0 33px;
}

.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;
    background: transparent;
    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: 5px;
    width: 40px;
    height: 40px;
    border: 2px solid #ddd;
    border-radius: 50%;
}

.hotline .icon-hotline .fa {
    font-size: 1.1875rem;
    color: #666;
}

.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: 1px solid rgba(221, 221, 221, 0.5);
}

.wrap-nav {
    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 {
    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 .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: #333;
    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: #00155b;
    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: #00155b;
    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 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 {
    display: block;
    font-size: 1.125rem;
    color: #00155b;
}

.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;
}

@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: 61px;*/
        height: auto;
        border-top: none;
    }
    .top-header, .hotline, .navigation {
        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;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
        z-index: 999;
    }
    .content-header {
        padding: 5px 0;
    }
    .logo img {
        margin-top: 0;
        width: 160px;
    }
    .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: 61px;
        left: 0;
        width: 300px;
        height: calc(100vh - 61px);
        background-color: #fff;
        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);
    }
    .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;
    }
    .category-nav {
        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;
    }
    .main-nav, .second-nav {
        width: 100%;
    }
    .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: none;
    }
    .category-nav.active .drop-category {
        display: block;
    }
    .drop-category {
        position: relative;
        display: none;
        padding: 0;
        width: 100%;
        background-color: #f1f1f1;
        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;
    }
    .megamenu {
        display: none;
    }
    .menu-additional {
        display: block;
    }
}

/*star-breadcrumb*/
#breadcrumb {
    padding: 12px 0;
    background-color: #1174C6;
    /*background-color: #2F2F2F;*/
    display: inline-block;
    margin-top: 80px;
    width: 100%;
}

#breadcrumb ul {
    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;
}

#breadcrumb ul li {
    position: relative;
    margin-right: 30px;
    font-family: "MaisonNeueBook";
    font-size: 14px;
}

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

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

#breadcrumb ul li:last-child a {
    color: #fff;
}

#breadcrumb ul li:nth-child(2) a .fa {
    transform: translateY(2px);
}

#breadcrumb ul li:before {
    position: absolute;
    content: '\f105';
    top: 0;
    right: -17px;
    font-family: 'FontAwesome';
    color: #dedbdb;
    /*color: #9b9b9b;*/
}

#breadcrumb ul li a {
    display: block;
    color: #dedbdb;
    /*color: #a5a2a2;*/
}

#breadcrumb ul li a:hover {
    color: #dedbdb;
}

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

#breadcrumb ul li a .fa {
    font-size: 1rem;
}

@media (max-width: 1190px) {
    #breadcrumb {
        margin-top: 0;
    }
}
/*end-breadcrumb*/

/*star-breadcrumb-client*/
#breadcrumb-client {
    padding: 12px 0;
    background-color: #f4f4f4;
    display: inline-block;
    margin-top: 85px;
    /*margin-top: 78px;*/
    width: 100%;
}

#breadcrumb-client ul {
    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;
}

#breadcrumb-client ul li {
    position: relative;
    margin-right: 30px;
    font-family: "MaisonNeueBook";
    font-size: 14px;
}

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

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

#breadcrumb-client ul li:last-child a {
    color: #00155b;
}

#breadcrumb-client ul li:nth-child(2) a .fa {
    transform: translateY(2px);
}

#breadcrumb-client ul li:before {
    position: absolute;
    content: '\f105';
    top: 0;
    right: -17px;
    font-family: 'FontAwesome';
    color: #9b9b9b;
}

#breadcrumb-client ul li a {
    display: block;
    color: #9b9b9b;
}

#breadcrumb-client ul li a:hover {
    color: #00155b;
}

#breadcrumb-client ul li a.active {
    color: #000;
}

#breadcrumb-client ul li a .fa {
    font-size: 1rem;
}

@media (max-width: 1190px) {
    #breadcrumb-client {
        margin-top: 0;
    }
}
/*end-breadcrumb-client*/

.title-page h1 {
    font-size: 0.9375rem;
    color: #9b9b9b;
    font-weight: normal;
}

.title-page h2 {
    position: relative;
    padding-bottom: 17px;
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 2.1875rem;
    font-weight: bold;
}

.title-page h2:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 70px;
    height: 3px;
    background-color: #c62000;
}

.main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

.main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

.main-title h1 {
    font-size: 1.5rem;
    font-weight: bold;
}

.main-title h1 span {
    font-weight: normal;
    color: rgba(0, 0, 0, 0.54);
}

#page {
    padding: 50px 0;
}

.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: 5px;
}

.page-item a:hover,
.page-item a:focus {
    background: transparent;
    color: #2B2B2B;
}

.page-item.active .page-link {
    background-color: transparent;
    border-bottom: 0 #2B2B2B solid;
    color: #2B2B2B;
    font-weight: bold;
}

.page-item:first-child .page-linksss {
    margin-left: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-linkssss {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:first-child .page-link {
    margin-left: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
    border-bottom-right-radius: 0;
    border-bottom-left-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: #1174C6;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    border: none;
    border-radius: .25rem;
    background-color: transparent;
}

.page-linkssssss {
    padding: 5px 10px;
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    border: none;
    border-radius: .25rem;
    background-color: transparent;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #F5F5F5;
    border-color: #dee2e6;
}

.arrow-page-left {
    margin-right: 5px;
}

.arrow-page-right {
    margin-left: 5px;
}

.grid-container {
    display: grid;
    grid-template-areas: 'main1 main2 tinggi main3' 'panjang panjang tinggi main4';
    margin-right: -10px;
    margin-left: -10px;
}

.grid1 {
    grid-area: main1;
}

.grid2 {
    grid-area: main2;
}

.grid3 {
    grid-area: tinggi;
}

.grid4 {
    grid-area: main3;
}

.grid5 {
    grid-area: panjang;
}

.grid6 {
    grid-area: main4;
}

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6 {
    position: relative;
    box-shadow: inset 0 0 0 10px #fff;
}

.grid1 img,
.grid2 img,
.grid3 img,
.grid4 img,
.grid5 img,
.grid6 img {
    position: relative;
    z-index: -1;
}

#brand-slider {
    position: relative;
    padding-bottom: 30px;
    z-index: 55;
}

#brand-slider .title-content-product {
    margin-bottom: 20px;
}

.container-brand {
    background: #fff;
}

.title-brand {
    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-bottom: 1px solid #eee;
}

.title-brand h3 {
    font-size: 1.5rem;
}

.title-brand a {
    font-size: 0.875rem;
    color: #878787;
}

.title-brand a:hover {
    color: #c62000;
}

.wrap-brand {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
}

.item-brand {
    padding: 20px;
    width: 100%;
    background: #fff;
}

.item-brand img {
    width: 100%;
}

.wrap-btn-brand {
    margin-top: 30px;
    text-align: center;
}

.btn-brand {
    display: inline-block;
    padding: 5px 25px;
    font-size: 0.8125rem;
    color: #6f6f6f;
    background: #ddd;
    border-radius: 30px;
}

.btn-brand:hover {
    color: #fff;
    background: #00155b;
}

#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;
}

@media (max-width: 991px) {
    #option-bar ul li {
        width: calc(100% / 1);
        border-right: 0 solid #f1f1f1;
    }
}

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

#option-bar ul li a {
    display: block;
    padding: 12px 0;
    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 {
    font-size: 0.875rem;
}

.info-bar .toggle-sidebar {
    font-size: 0.875rem;
    cursor: pointer;
}

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

@media only screen and (max-width: 991px) {
    #banner {
        display: none;
    }
    #banner-home {
        padding-bottom: 40px;
        margin-top: 0;
    }
    #option-bar {
        display: block;
    }
    .item-brand {
        padding: 10px;
    }
    .grid-container {
        margin-right: -5px;
        margin-left: -5px;
    }
    .grid1, .grid2, .grid3, .grid4, .grid5, .grid6 {
        box-shadow: inset 0 0 0 5px #fff;
    }
}

@media only screen and (max-width: 767px) {
    .title-brand h3 {
        font-size: 1rem;
    }
    .title-brand a {
        font-size: 0.8125rem;
    }
}

@media only screen and (max-width: 480px) {
    .grid-container {
        grid-template-areas: 'main1 main2' 'panjang panjang' 'tinggi main3' 'tinggi main4';
        margin-right: -5px;
        margin-left: -5px;
    }
    .grid1, .grid2, .grid3, .grid4, .grid5, .grid6 {
        box-shadow: inset 0 0 0 5px #fff;
    }
}

.title-content-product {
    margin-bottom: 30px;
}

.title-content-product.grey h2 span:before {
    background: #f4f4f4;
}

.title-content-product h2 {
    position: relative;
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
}

.title-content-product h2:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(204, 204, 204, 0.5);
    transform: translateY(-50%);
    z-index: 1;
}

.title-content-product h2 span {
    position: relative;
    padding: 0 30px;
    z-index: 2;
}

.title-content-product h2 span:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 100%;
    height: 10px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: -1;
}

/*star-wrap-products*/
.wrap-products {
    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-bottom: 15px;
}

.item-products {
    margin-bottom: 10px;
    width: calc(100% / 4);
}

.i-products {
    margin: 5px 5px;
    padding: 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    color: inherit;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.i-products img {
    margin-bottom: 10px;
}

.i-products .textBrands {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0;
}

.i-products span {
    display: block;
    color: #767676;
    font-family: "MaisonNeueMedium";
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    /*min-height: 70px;*/
}

.content-item-products {
    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-products .price {
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
}

.content-item-products .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

@media (max-width: 900px) {
    .item-products {
        width: calc(100% / 3);
    }
}

@media (max-width: 800px) {
    .item-products {
        width: calc(100% / 3);
    }
}

@media (max-width: 750px) {
    .item-products {
        width: calc(100% / 3);
    }
}

@media (max-width: 700px) {
    .item-products {
        width: calc(100% / 2);
    }
}

@media (max-width: 600px) {
    .item-products {
        width: calc(100% / 2);
    }
}

@media (max-width: 500px) {
    .item-products {
        width: calc(100% / 2);
    }
}

@media (max-width: 400px) {
    .item-products {
        width: calc(100% / 1);
    }
}
/*end-wrap-products*/

/*star-item-products*/
.item-products .angka-ulasan .angka-star {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0;
}

.item-products .angka-ulasan .angka-star li {
    margin-right: 5px;
    font-size: 11px;
    color: #FECE59;
}

.item-products .angka-ulasan .angka-star li .fa-star:before {
    content: "\f005";
}
/*end-item-products*/

#product-new {
    padding-bottom: 50px;
}

#product-new.related {
    padding-top: 50px;
}

.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-bottom: 15px;
}

.wrap-product.best {
    margin: 0 -5px;
}

.wrap-product .item-product {
    margin-bottom: 30px;
    width: calc(100% / 4);
}

.item-product.best {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 30px;
    width: calc(100% / 5);
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

.item-product.best:nth-last-child(-n+5) {
    padding-bottom: 0;
    border-bottom: none;
}

.item-product.best {
    background-color: #F5F5F5;
}

.item-product.new {
    background-color: #F5F5F5;
}

.item-product.new {
    padding: 10px 0;
    margin-bottom: 0;
    width: 100%;
}

.item-product.new .i-product {
    padding: 25px;
}

.item-product.promo {
    margin-bottom: 0;
    width: 100%;
}

.item-product.promo .i-product {
    padding: 30px;
    background-color: #fff;
}

.i-product {
    display: block;
    padding: 15px;
    border: 1px solid transparent;
}

.i-product:hover {
    border: 1px solid #eee;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
}

.i-product img {
    margin-bottom: 10px;
}

.i-product span {
    font-size: 0.8125rem;
    color: #b3b3b3;
}

.i-product h3 {
    margin-bottom: 5px;
    height: 33px;
    font-size: 0.875rem;
    font-weight: bold;
    overflow: hidden;
}

.i-product .price {
    font-size: 1rem;
    color: #da5600;
    font-weight: 900;
}

.i-product .discount {
    font-size: 0.75rem;
    color: #8e8e8e;
    font-style: italic;
    text-decoration: line-through; 
}

#product-promo {
    padding: 50px 0;
    background: #f4f4f4;
}

#product-best {
    padding-top: 50px;
    padding-bottom: 20px;
    background: #fff;
}

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

.content-product h1 {
    margin-bottom: 20px;
    color: #767676;
    font-family: "MaisonNeueBook";
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0;
}

.content-product .price {
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-size: 35px;
    font-weight: bold;
    line-height: 42px;
    letter-spacing: 0;
}

.content-product .discount {
    color: #8D8D8D;
    font-family: "MaisonNeueBook";
    font-size: 20px;
    font-weight: lighter;
    text-decoration: line-through;
}

.content-product .ppn {
    color: #B3B3B3;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.content-product p {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 30px;
}

.brand-product {
    margin-bottom: 10px;
    width: 100px;
}

.brand-product img {
    width: 100%;
}

.price-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-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding: 15px 0;
    border-top: 1px solid rgba(221, 221, 221, 0.7);
    border-bottom: 1px solid rgba(221, 221, 221, 0.7);
}

.price-product .main-price .prc {
    font-size: 1.75rem;
    color: #da5600;
    font-weight: bold;
}

.price-product .main-price .prc span {
    font-size: 0.8125rem;
    color: #565656;
    font-weight: normal;
}

.price-product .main-price .dsc {
    font-size: 0.8125rem;
    color: #b0b0b0;
    font-weight: lighter;
    text-decoration: line-through;
}

.price-product .stock-status {
    padding: 5px 10px;
    font-size: 0.8125rem;
    color: #fff;
    background-color: #6fbf42;
    border-radius: 5px;
}

.quantity {
    margin-top: 15px;
    margin-bottom: 25px;
    display: block;
}

.quantity span {
    margin-right: 10px;
    color: #2F2F2F;
    font-family: "MaisonNeueMedium";
    font-size: 15px;
}

.quantity input {
    padding: 7px 10px;
    width: 60px;
    font-size: 0.875rem;
    border: 1px solid #B3B3B3;
    text-align: center;
    background: #F5F5F5;
}

.quantity .btn-qty {
    padding: 7px 20px;
    margin-left: 10px;
    font-size: 0.75rem;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    background: #ffdd00;
    background: -moz-linear-gradient(top, #ffdd00 0%, #ffbb00 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffdd00), color-stop(100%, #ffbb00));
    background: -webkit-linear-gradient(top, #ffdd00 0%, #ffbb00 100%);
    background: -o-linear-gradient(top, #ffdd00 0%, #ffbb00 100%);
    background: -ms-linear-gradient(top, #ffdd00 0%, #ffbb00 100%);
    background: linear-gradient(to bottom, #ffdd00 0%, #ffbb00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#ffbb00', GradientType=0 );
}

.quantity .btn-qty:disabled {
    color: #676767;
    background: #ddd;
}

.btnBuy-info {
    background-color: #FEDA00;
    border-color: #FEDA00;
}

.btnBuy {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 15px 27px;
    color: #2B2B2B;
    font-size: 15px;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    line-height: normal;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btnCart-info {
    background-color: #1174C6;
    border-color: #1174C6;
}

.btnCart {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 15px 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 15px;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    line-height: normal;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btnWisht-info {
    background-color: transparent;
    border-color: #B3B3B3;
}

.btnWisht {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    user-select: none;
    border: 1px solid #B3B3B3;
    padding: 12px 20px;
    color: #fff;
    font-size: 15px;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    line-height: normal;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btnWisht img {}

.btn-whatsapp {
    margin-top: 30px;
}

.btn-whatsapp a {
    padding: 10px 25px;
    font-size: 0.875rem;
    color: #fff;
    background-color: green;
    border-radius: 3px;
}

.btn-whatsapp a:hover {
    background-color: #004d00;
}

.btn-whatsapp a .fa {
    margin-right: 3px;
    font-size: 1rem;
}

.gallery {
    background: #fff;
    /*background: #f6f6f6;*/
    padding-bottom: 15px;
}

.gallery .thumb {
    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;
    margin-top: 10px;
}

.gallery .thumb li {
    margin-right: 10px;
    width: 80px;
    height: auto;
}

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

.gallery .thumb li a {
    display: block;
    border: 1px solid rgba(221, 221, 221, 0.5);
}

.gallery .thumb li a:hover {
    border-color: #00155b;
}

.desc-product {
    margin-top: 80px;
}

.desc-product .nav-item > .nav-link {
    position: relative;
    font-size: 0.875rem;
    color: #a0a0a0;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
}

.desc-product .nav-item > .nav-link:hover {
    border: none;
}

.desc-product .nav-item > .nav-link.active {
    background-color: transparent;
    color: #00155b;
    border: none;
}

.desc-product .nav-item > .nav-link.active:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #00155b;
}

.desc-product .tab-content > div {
    padding-top: 30px;
}

.desc-product .tab-content > div p {
    font-size: 0.875rem;
    line-height: 24px;
}

@media only screen and (max-width: 1024px) {
    .title-content-product h2 {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 991px) {
    .title-content-product h2 {
        font-size: 1.25rem;
    }
    .item-product.new .i-product,
    .item-product.promo .i-product {
        padding: 20px;
    }
    .item-product.best {
        width: calc(100% / 3);
    }
    .item-product.best:nth-last-child(-n+5) {
        border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    }
    .item-product.best:nth-last-child(-n+3) {
        padding-bottom: 0;
        border-bottom: none;
    }
    .content-product h1 {
        margin-bottom: 20px;
        font-size: 1.5rem;
    }
    .content-product p {
        line-height: 22px;
    }
    .price-product {
        padding: 10px 0;
    }
    .price-product .main-price .prc {
        font-size: 1.375rem;
    }
    .price-product .main-price .dsc {
        font-size: 0.8125rem;
    }
    .price-product .stock-status {
        padding: 3px 8px;
        font-size: 0.75rem;
    }
}

@media only screen and (max-width: 767px) {
    #product-detail {
        padding: 30px 0;
    }
    #product-promo {
        padding: 30px 0;
    }
    #product-new {
        padding-bottom: 30px;
    }
    #product-new.related {
        padding-top: 30px;
    }
    #product-best {
        padding-top: 30px;
        padding-bottom: 0;
    }
    .title-content-product h2 {
        font-size: 1.125rem;
    }
    .item-product {
        width: calc(100% / 3);
    }
    .i-product .price {
        font-size: 0.875rem;
        font-weight: 700;
    }
    .content-product h1 {
        margin-bottom: 15px;
        font-size: 1.25rem;
    }
    .desc-product {
        margin-top: 30px;
    }
    .desc-product .nav-item > .nav-link {
        font-size: 0.8125rem;
    }
    .desc-product .tab-content > div {
        padding-top: 20px;
    }
    .desc-product .tab-content > div p {
        line-height: 22px;
    }
}

@media only screen and (max-width: 600px) {
    .item-product {
        width: calc(100% / 2);
    }
    .title-content-product h2 {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 480px) {
    .item-product.new .i-product,
    .item-product.promo .i-product {
        padding: 15px;
    }
    .i-product span {
        font-size: 0.75rem;
    }
    .i-product h3 {
        font-size: 0.8125rem;
    }
    .i-product .discount {
        font-size: 0.6875rem;
    }
    .item-product.best {
        width: calc(100% / 2);
    }
    .item-product.best:nth-last-child(-n+5) {
        border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    }
    .item-product.best:nth-last-child(-n+2) {
        padding-bottom: 0;
        border-bottom: none;
    }
}

#product {
    padding: 30px 0;
}

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

.sidelist-brand {
    max-height: 220px;
    overflow-y: scroll;
}

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

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

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

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

.sidelist-brand li a {
    display: block;
    padding: 3px 0;
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0;
}

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

.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 label {
    display: inline-block;
    margin-bottom: 5px;
    color: #2F2F2F;
    font-size: 15px;
    font-family: "MaisonNeueBook";
    line-height: normal;
    letter-spacing: 2px;
}

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

.sidebar-price .btn-price {
    padding: 6px 17px;
    font-size: 0.875rem;
    color: #fff;
    background-color: #00155b;
    border: 1px solid #00155b;
    border-radius: 3px;
    cursor: pointer;
}

.sidebar-price .btn-blacks {
    padding: 6px 17px;
    font-size: 0.875rem;
    color: #fff;
    background-color: #1174C6;
    border: 1px solid #1174C6;
    border-radius: 3px;
    cursor: pointer;
}

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

.top-page-product {
    margin-top: 10px;
    margin-bottom: 30px;
}

.top-page-product h1 {
    margin-bottom: 10px;
    font-size: 1.25rem;
    font-weight: bold;
}

.top-page-product h1 span {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 300;
}

.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: transparent;
}

.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;
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
    letter-spacing: 1px;
}

.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: #c62000;
}

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

.sortby span {
    margin-right: 7px;
    color: #2B2B2B;
}

.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: #2B2B2B;
}

.select-sort .fa {
    margin-left: 7px;
}

.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;
    }
    .content-page {
        margin-left: 0;
    }
    .top-page-product {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .top-page-product h1 {
        padding-bottom: 10px;
        margin-bottom: 0;
        border-bottom: 3px solid #c62000;
    }
    .topbar-product {
        display: none;
    }
}

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

/*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: #2B2B2B;
}

.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: #2B2B2B;
}

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

/*star-sizecart*/
.sizecart {
    /*display: inline-block;*/
    width: 55%;
}

.sizecart .one {
    float: left;
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-size: 17px;
    line-height: normal;
    font-weight: bold;
}

.sizecart .two {
    float: right;
}

.sizecart .two a {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
}

.sizecart .two a:hover,
.sizecart .two a:focus {
    color: #2B2B2B;
}

@media (max-width: 991px) {
    .sizecart {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .sizecart {
        width: 65%;
    }
}

@media (max-width: 450px) {
    .sizecart {
        width: 100%;
    }
}
/*end-sizecart*/

.toggle-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 14px;
    color: #007bff;
    background: none;
    border: 1px solid #007bff;
    border-radius: 3px;
    cursor: pointer;
}

.toggle-btn:hover {
    background-color: #007bff;
    color: white;
}

#testimoni {
    padding-top: 80px;
    padding-bottom: 130px;
    background: url("../../images/bg-testimoni.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.title-testimoni {
    margin-bottom: 30px;
    font-size: 1.875rem;
    color: #fff;
    text-align: center;
    font-weight: 900;
}

.item-testimoni {
    margin: 0 auto;
    width: 60%;
    text-align: center;
}

.item-testimoni p {
    margin-bottom: 35px;
    font-size: 0.875rem;
    color: #fff;
    text-align: center;
    font-style: italic;
    line-height: 24px;
}

.item-testimoni h3 {
    font-size: 0.875rem;
    color: #fff;
    font-weight: bold;
}

.wrap-testi {
    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-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);
}

.item-testi h3 {
    margin-top: 15px;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.74);
    font-weight: bold;
    text-align: center;
}

.content-testi {
    position: relative;
    padding: 30px;
    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 {
    color: rgba(0, 0, 0, 0.24); }

.content-testi .fa.fa-quote-left {
    margin-right: 5px;
}

.content-testi .fa.fa-quote-right {
    margin-left: 5px;
}

@media only screen and (max-width: 991px) {
    #testimoni {
        padding: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .title-testimoni {
        font-size: 1.5rem;
    }
    .item-testimoni {
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .title-testimoni {
        margin-bottom: 20px;
        font-size: 1.25rem;
    }
}

#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.3125rem;
    font-weight: bold;
}

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

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

.link-forgot a {
    font-size: 0.8125rem;
    color: #9b9b9b;
}

.footer-login {
    padding: 15px;
}

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

.title-cart {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 17px;
    line-height: normal;
    padding-bottom: 15px;
    font-weight: 500;
}

.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.5rem;
}

@media (max-width: 380px) {
    .title-cart.payment {
        display: block;
    }
}

.title-cart.payment span {
    color: #000;
    font-size: 2rem;
    font-family: "MaisonNeueBook";
    font-weight: 500;
}

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

.title-cart.payment .notrans,
.title-cart.payment .notrans span {
    font-size: 1rem;
    color: #000;
}

.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;
    height: 76px;
}

.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;
    font-weight: 500;
}

.desc-cart .proSize {
    color: #31353b;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
    font-weight: 500;
}

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

.desc-cart .weight {
    margin-top: 3px;
    font-size: 0.875rem;
    font-family: "MaisonNeueBook";
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
}

.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: #fa591d;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
    font-weight: 500;
}

.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: #000;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer;
}

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

.input-qty {
    padding: 5px 10px;
    margin: 0 3px;
    width: 66px;
    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: 0;
}

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

.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: 0.875rem;
    color: rgba(0, 0, 0, 0.54);
}

.sidebar-cart .total-shop span {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

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

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

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

.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;
    color: rgba(0, 0, 0, 0.54);
    font-family: "MaisonNeueBook";
    font-weight: 500;
    font-size: 0.875rem;
}

.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: #212529;
    font-family: "MaisonNeueBook";
    font-weight: 500;
    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 p {
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center;
    color: #6f6f6f;
    font-size: 1rem;
    font-family: "MaisonNeueBook";
    font-weight: 500;
}

.wrap-empty-cart h5 {
    color: inherit;
    font-size: 1.25rem;
    font-family: "MaisonNeueBook";
}

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

.shipment h5 {
    margin-bottom: 3px;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
    font-weight: 500;
}

.shipment h5 > span {
    font-weight: 500;
    color: #6f6f6f;
}

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

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

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

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

.dev-address {
    margin-bottom: 20px;
}

.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: #212529;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
    font-weight: 500;
}

.subtotal-cart .price-subtotal-cart {
    color: #fa591d;
    font-family: "MaisonNeueBook";
    font-weight: 500;
    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: #212529;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
    font-weight: 500;
}

.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: #1174C6;
    border-color: #1174C6;
    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;
}

#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;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 2px solid #00155b;
}

.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;
    color: #343434;
    font-family: "MaisonNeueBook";
    font-size: 0.875rem;
}

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

.sidebar-member ul li a .fa {
    width: 15px;
    margin-right: 0;
    /*margin-right: 10px;*/
    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;
}

.submenu-member li a {
    padding-left: 20px !important;
}

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

.btn-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    float: right;
}

@media (max-width: 375px) {
    .btn-group {
        margin-top: 50px;
    }
}
@media (max-width: 340px) {
    .btn-group {
        margin-top: 15px;
    }
}

@media (max-width: 320px) {
    .btn-group {
        margin-top: 15px;
    }
}

.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: #00155b;
}

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

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

@media (max-width: 991px) {
    .sidebar-member {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0 solid #ddd;
    }
}

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

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

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

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

#tableData th,
#tableData td,
#tableDataHis th,
#tableDataHis td {
    padding: 8px 10px;
    font-size: 0.8125rem;
}

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

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

.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: #00155b;
    background-color: #fff;
    border-color: #00155b;
}

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

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

.button-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.button-black:hover {
    color: #fff;
    background-color: #000;
}

.button-succes {
    color: #fff;
    background-color: #1174C6;
    border-color: #1174C6;
}

.button-succes:hover {
    color: #fff;
    background-color: #1174C6;
}

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

.modal-confirm .modal-header .modal-title {
    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%;
}

.text-left {
    text-align: left!important;
}

/*star-page-contact*/
.page-contact {
    padding: 50px 0;
}

.page-contact .title-page h2 {
    position: relative;
    padding-bottom: 17px;
    margin-top: 10px;
    margin-bottom: 40px;
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
    font-weight: bold;
}

.page-contact .title-page h2:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 70px;
    height: 3px;
    background-color: #1174C6;
}

.wrap-contact {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 40px;
    border-bottom: 1px solid #EEE;
}

.item-contact {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 40px;
    width: calc(100% / 2);
}

.icon-contact {
    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: 1.25rem;
    color: #FFF;
    background-color: #1174C6;
    border-radius: 50%;
}

.content-item-contact {
    margin-left: 20px;
    width: calc(100% - 70px);
}

.content-item-contact label {
    margin-bottom: 0;
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-size: 18px;
    font-weight: bold;
}

.content-item-contact p,
.content-item-contact ul li a,
.content-item-contact span {
    color: #343434;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

.content-item-contact p {
    line-height: 24px;
}

.content-item-contact h2 {
    margin-bottom: 5px;
    color: #343434;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

.content-item-contact span {
    display: block;
}

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

.form-contact .form-control {
    padding: 10px 15px;
    color: #0000008a;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}

.title-form {
    margin-bottom: 30px;
}

.title-form h3 {
    margin-bottom: 5px;
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 22px;
    font-weight: bold;
}

.title-form p {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}

.btn-form {
    padding: 15px 30px;
    border-radius: 5px;
    font-family: "MaisonNeueBook";
    font-size: 25px;
    color: #fff;
    line-height: normal;
    font-weight: bold;
    background-color: #1174C6;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
}

#map iframe {
    display: block;
}

.form-error {
    display: block;
    margin-top: 5px;
    font-size: 0.75rem;
    color: red;
    line-height: 18px;
}

@media only screen and (max-width: 991px) {
    .wrap-contact {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .item-contact {
        margin-top: 40px;
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 767px) {
    .item-contact {
        padding-bottom: 20px;
        margin-top: 20px;
        width: 100%;
        border-bottom: 1px solid #EEE;
    }
    .item-contact:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
}
/*end-page-contact*/

/*star-wrap-contacts*/
.wrap-contacts {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEE;
}

.item-contacts {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 40px;
    width: calc(100% / 2);
}

.icon-contacts {
    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: 1.25rem;
    color: #fff;
    background-color: #1174C6;
    border-radius: 50%;
}

.content-item-contacts {
    margin-left: 20px;
    width: calc(100% - 115px);
}

.content-item-contacts label {
    margin-bottom: 0;
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-size: 18px;
    font-weight: bold;
}

.content-item-contacts p,
.content-item-contacts ul li a,
.content-item-contacts span {
    color: #343434;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

.content-item-contacts p {
    line-height: 24px;
}

@media only screen and (max-width: 991px) {
    .wrap-contacts {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .item-contacts {
        margin-top: 40px;
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 767px) {
    .item-contacts {
        padding-bottom: 20px;
        margin-top: 20px;
        width: 100%;
        border-bottom: 1px solid #EEE;
    }
    .item-contacts:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
}
/*end-wrap-contacts*/

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

.select-payment > 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: 10px 20px;
    margin-bottom: 10px;
    font-size: 0.875rem;
    color: #fff;
    background-color: #03ac0e;
    border-radius: 3px;
}

.select-payment > a:hover {
    background-color: #03930c;
}

.wrap-list-payment {
    display: none;
}

.list-payment {
    border-radius: 3px;
}

.list-payment li {
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-payment li + li {
    border-top: 0;
}

.list-payment li:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.list-payment li:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.list-payment li img {
    margin-right: 15px;
    width: 50px;
}

.list-payment li span {
    font-size: 0.8125rem;
    color: rgba(0, 0, 0, 0.54);
}

.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: #c62000;
}

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

.list-payment-item {
    padding: 10px 15px;
}

.submit-payment {
    display: none;
}

#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;
}

@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 {
    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 #00155b;
    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-size: 0.8125rem;
    border: none;
}

.form-track button {
    padding: 5px 15px;
    color: #fff;
    background: #00155b;
    border: 1px solid #00155b;
    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;
}

/*star-footer*/
footer {
    /*background: #070707;*/
    background-image: url(../footer.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-footer {
    transform: translateY(-50%);
}

.wrap-contact-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 30px;
    background: #3176a5;
}

.item-contact-footer {
    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: calc(100% / 3);
}

.icon-contact-footer {
    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: 40px;
    height: 40px;
    font-size: 2.1875rem;
    color: #fff;
}

.content-contact-footer {
    margin-left: 15px;
}

.content-contact-footer span {
    display: block;
    margin-bottom: -2px;
    font-size: 0.875rem;
    color: #fff;
}

.menu-footer {
    padding-top: 50px;
    padding-bottom: 50px;
}

.menu-footer.with-contact {
    padding-top: 0;
}

.wrap-menu-footer {
    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-menu-footer {}

.item-menu-footerssss {
    width: calc(100% / 5);
    /*width: calc(20% - 10px);
    margin: 5px;
    padding: 5px;
    box-sizing: border-box;*/
}

.item-menu-footer .head {
    margin-bottom: 10px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 20px;
    text-transform: inherit;
}

.item-menu-footer .addres {
    color: #fff;
    /*color: #767676;*/
    font-family: "MaisonNeueBook";
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0;
}

.item-menu-footer .telp {
    color: #fff;
    /*color: #767676;*/
    font-family: "MaisonNeueBook";
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0;
    padding-bottom: 10px;
}

.item-menu-footer .gmaps a {
    color: #fff;
    /*color: #1174C6;*/
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0;
}

.item-menu-footer .gmaps a .fa-map-marker {
    padding-right: 5px;
}

.item-menu-footer > ul > li {
    margin-bottom: 8px;
}

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

.item-menu-footer > ul > li > a:hover {
    color: #767676;
}

.menu-footer p {
    color: #1b1b1b;
    margin-bottom: 5px;
    font-size: 0.875rem;
}

.menu-footer a.link-map {
    color: #0036ff;
    font-size: 0.8125rem;
}

.item-menu-footer a.emails {
    color: #44C7E4;
    font-family: "MaisonNeueBook";
    font-size:  17px;
}

.item-menu-footer .email {
    color: #fff;
    /*color: #44C7E4;*/
    font-family: "MaisonNeueBook";
    font-size:  17px;
}

.item-menu-footer .phone {
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size:  26px;
    line-height: normal;
}

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

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

.sosmed-footer li a {
    display: block;
}

.sosmed-footer li a.instagram {
    color: #fff;
}

.sosmed-footer li a.instagram:hover {
    color: #fff;
}

.sosmed-footer li a.facebook {
    color: #fff;
}

.sosmed-footer li a.facebook:hover {
    color: #fff;
}

.sosmed-footer li a.twitter {
    color: #fff;
}

.sosmed-footer li a.twitter:hover {
    color: #fff;
}

.sosmed-footer li a .fa {
    font-size: 1.375rem;
}

.list-ecommerce li {
    display: inline-block;
    margin-right: 20px;
}

.list-ecommerce li a {
    display: block;
}

.list-ecommerce li a img {
    height: 40px;
}

.copyright {
    padding: 10px 0;
    background: #1174C6;
    /*background: #000;*/
    color: #fff;
    /*color: #5E5E5E;*/
    font-family: "MaisonNeueBook";
    font-size: 15px;
    text-align: center;
}

.xendit {
    display: block;
}

.xendit img {
    max-width: 100%;
}

@media only screen and (max-width: 991px) {
    .contact-footer {
        margin-bottom: 30px;
        transform: translateY(0);
    }
    .wrap-contact-footer {
        -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;
    }
    .item-contact-footer {
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
    }
    .item-contact-footer:last-child {
        margin-bottom: 0;
    }
    .icon-contact-footer {
        display: none;
    }
    .content-contact-footer {
        margin-left: 0;
    }
    .item-menu-footer {
        margin-bottom: 30px;
        width: calc(100% / 3);
    }
    .list-ecommerce {
        text-align: center;
    }
    .copyright {
        text-align: center;
    }
}

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

@media only screen and (max-width: 575px) {
    .item-menu-footer {
        width: calc(100% / 2);
    }
    .item-menu-footer:first-child {
        width: 100%;
    }
    .isi-contact-footer {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 320px) {
    .item-menu-footer {
        width: 100%;
    }
}
/*end-footer*/
/*# sourceMappingURL=lwd.style.css.map */

/*star-bannerHome*/
#slideBanner .bx-wrapper img {
    max-width: 100%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

#banner-home {
    padding-top: 50px;
    padding-bottom: 50px;
}

#banner-home figure {
    margin: 0 0 0;
}

#banner-home figure a {}

.bannerHome {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(6, 4vw);
    grid-gap: 10px;
}

.bannerHome__img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    display: block;
    border-radius: 10px;
}

@media (max-width: 991px) {
    #banner-home .container {
        max-width: 100%;
    }
}

.bannerHome__item--1 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 4;
}

.bannerHome__item--2 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 4;
}

.bannerHome__item--3 {
    grid-column-start: 5;
    grid-column-end: 1;
    grid-row-start: 4;
    grid-row-end: 7;
}

.bannerHome__item--4 {
    grid-column-start: 9;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 7;
}

@media (max-width: 1920px) {
    .bannerHome {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(1, 4vw);
        grid-gap: 10px;
    }
}

@media (max-width: 1500px) {
    .bannerHome {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(1, 4vw);
        grid-gap: 10px;
    }
}

@media (max-width: 1400px) {
    .bannerHome {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(6, 4vw);
        grid-gap: 10px;
    }
}

@media (max-width: 1080px) {
    .bannerHome {
        grid-gap: 12px;
    }
}

@media (max-width: 1024px) {
    .bannerHome {
        grid-gap: 15px;
    }
}

@media (max-width: 991px) {
    .bannerHome {
        grid-gap: 15px;
    }
}

@media (max-width: 900px) {
    .bannerHome {
        grid-gap: 14px;
    }
}

@media (max-width: 850px) {
    .bannerHome {
        grid-gap: 12px;
    }
}

@media (max-width: 800px) {
    .bannerHome {
        grid-gap: 11px;
    }
}

@media (max-width: 768px) {
    .bannerHome {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(2, 10vw);
        grid-gap: 15px;
        margin-top: 30px;
    }
}

@media (max-width: 750px) {
    .bannerHome {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(2, 7vw);
        grid-gap: 10px;
    }
}

@media (max-width: 700px) {
    .bannerHome {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(2, 7vw);
        grid-gap: 10px;
    }
}

@media (max-width: 600px) {
    #banner-home {
        padding-bottom: 50px;
    }
}

@media (max-width: 450px) {
    .bannerHome {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(2, 5vw);
        grid-gap: 10px;
    }
}

@media (max-width: 400px) {
    .bannerHome {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(2, 5vw);
        grid-gap: 10px;
    }
}
/*end-bannerHome*/

/*star-brandsHome*/
#brandsHome {
    position: relative;
    padding-bottom: 30px;
    z-index: 55;
}

#brandsHome .title-brandsHome {
    margin-bottom: 20px;
}

.title-brandsHome h2 {
    position: relative;
    color: #1174C6;
    font-family: "MaisonNeueMedium";
    font-size: 25px;
    line-height: normal;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

.title-brandsHome h2:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #D9D9D9;
    transform: translateY(-50%);
    z-index: 1;
}

.title-brandsHome h2 span {
    position: relative;
    padding: 0 30px;
    z-index: 2;
}

.title-brandsHome h2 span:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 100%;
    height: 10px;
    /*background: #F5F5F5;*/
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.wrap-btn-brandsHome {
    margin-top: 55px;
    text-align: center;
}

.wrap-brandsHome {
     display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
}

.item-brandsHome {
    padding: 0 10px;
    width: calc(100% / 8);
    margin-bottom: 20px;
    text-align: center;
}

.i-brandsHome {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #D9D9D9;
    transition: background-color 0.2s, border 0.2s;
    border-radius: 50%;
    padding: 20px;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.i-brandsHome img {
    max-width: 100%;
    height: auto;
}

.i-brandsHome: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;
}

.btn-brandsHome {
    display: inline-block;
    padding: 10px 30px;
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 17px;
    font-weight: bold;
    background: transparent;
    border-radius: 35px;
    border: 1px solid #2B2B2B;
}

.btn-brandsHome:hover {
    color: #fff;
    background: #00155b;
}

@media (max-width: 991px) {
    .item-brandsHome {
        width: calc(100% / 6);
    }
}

@media (max-width: 778px) {
    .i-brandsHome {
        padding: 10px;
        width: 85px;
        height: 85px;
    }
    .item-brandsHome {
        width: calc(100% / 6);
    }
}

@media (max-width: 700px) {
    .i-brandsHome {
        padding: 10px;
        width: 85px;
        height: 85px;
    }
    .item-brandsHome {
        width: calc(100% / 6);
    }
}

@media (max-width: 600px) {
    .i-brandsHome {
        padding: 10px;
        width: 80px;
        height: 80px;
    }
    .item-brandsHome {
        width: calc(100% / 6);
    }
}

@media (max-width: 550px) {
    .i-brandsHome {
        padding: 5px;
        width: 75px;
        height: 75px;
    }
    .item-brandsHome {
        width: calc(100% / 6);
    }
}

@media (max-width: 500px) {
    .i-brandsHome {
        padding: 5px;
        width: 75px;
        height: 75px;
    }
    .item-brandsHome {
        width: calc(100% / 5);
    }
}

@media (max-width: 450px) {
    .item-brandsHome {
        width: calc(100% / 4);
    }
}

@media (max-width: 400px) {
    .title-brandsHome h2 {
        font-size: 25px;
    }
    .item-brandsHome {
        width: calc(100% / 3);
    }
}

@media (max-width: 320px) {
    .title-brandsHome h2 {
        font-size: 22px;
    }
}
/*end-brandsHome*/

/*star-catHome*/
#catHome {
    position: relative;
    padding-top: 45px;
    padding-bottom: 45px;
    z-index: 55;
}

#catHome .title-catHome {
    margin-bottom: 20px;
}

.title-catHome h2 {
    position: relative;
    color: #1174C6;
    font-family: "MaisonNeueMedium";
    font-size: 25px;
    line-height: normal;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

.title-catHome h2:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: transparent;
    transform: translateY(-50%);
    z-index: 1;
}

.title-catHome h2 span {
    position: relative;
    padding: 0;
    z-index: 2;
}

.title-catHome h2 span:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 100%;
    height: 10px;
    background: transparent;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.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;
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
}

.item-catHome {
    padding: 5px;
    width: calc(100% / 5);
    text-align: center;
}

.i-catHome {
    display: block;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    padding: 20px 20px;
    border-radius: 10px;
    background-image: url('../elipsis.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.i-catHome img {
    width: 70%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
}

.i-catHome: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;
}

.i-catHome .textCatHome {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    /*color: #2F2F2F;*/
    font-family: "MaisonNeueBook";
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0;
    margin-top: 10px;
    height: 40px;
    text-align: center;
}

@media (max-width: 991px) {
    .item-catHome {
        width: calc(100% / 4);
    }
}

@media (max-width: 778px) {
    .item-catHome {
        width: calc(100% / 3);
    }
}

@media (max-width: 450px) {
    .item-catHome {
        width: calc(100% / 2);
    }
    .title-catHome h2 {
        font-size: 24px;
        letter-spacing: 3px;
    }
}

@media (max-width: 400px) {
    #catHome .title-catHome {
        margin-bottom: 5px;
    }
    .title-catHome h2 {
        font-size: 23px;
        letter-spacing: 0;
    }
    .item-catHome {
        width: calc(100% / 2);
    }
}

@media (max-width: 350px) {
    .title-catHome h2 {
        font-size: 21px;
        letter-spacing: 0;
    }
}

@media (max-width: 320px) {
    #catHome .title-catHome {
        margin-bottom: 5px;
    }
    .title-catHome h2 {
        font-size: 20px;
        letter-spacing: 0;
    }
}
/*end-catHome*/

/*star-clients*/
#clients {
    position: relative;
    padding: 50px 0;
    z-index: 55;
}

#clients .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

#clients .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

#clients .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.wrap-clients {
    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-clients {
    padding: 0 10px;
    width: calc(100% / 6);
    margin-bottom: 20px;
}

.i-clients {
    display: block;
    background: #fff;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.i-clients: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;
}

@media (max-width: 778px) {
    .item-clients {
        width: calc(100% / 4);
    }
}

@media (max-width: 450px) {
    .item-clients {
        width: calc(100% / 4);
    }
}

@media (max-width: 400px) {
    .title-clients h2 {
        font-size: 25px;
    }
    .item-clients {
        width: calc(100% / 3);
    }
}

@media (max-width: 320px) {
    .title-clients h2 {
        font-size: 22px;
    }
}
/*end-clients*/

/*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: #1174C6;
}

#blog .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.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;
    height: 50px;
    color: #000;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
}

.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: #00155b;
    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 #ddd;
}

#blogDetail .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#blogDetail .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
    font-weight: bold;
}

.detail-article {
    margin-top: 40px;
    /*background: #F5F5F5;*/
}

.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: 16px;
}

.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-blogHome*/
#blogHome {
    padding-top: 20px;
    padding-bottom: 75px;
    background: #fff;
    /*background: #F5F5F5;*/
}

.title-content-blogHome {
    margin-bottom: 30px;
}

.title-content-blogHome h2 {
    position: relative;
    color: #1174C6;
    font-family: "MaisonNeueMedium";
    font-size: 25px;
    line-height: normal;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

.title-content-blogHome h2:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #D9D9D9;
    transform: translateY(-50%);
    z-index: 1;
}

.title-content-blogHome h2 span {
    position: relative;
    padding: 0 30px;
    z-index: 2;
}

.title-content-blogHome h2 span:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 100%;
    height: 10px;
    background: #fff;
    /*background: #F5F5F5;*/
    transform: translate(-50%, -50%);
    z-index: -1;
}

.wrap-blogHome {
    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-blogHome {
    position: relative;
    padding: 0 10px;
    width: calc(100% / 3);
    margin-bottom: 15px;
}

.i-blogHome {
    display: block;
    background: #fff;
    /*background: #F5F5F5;*/
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.i-blogHome .image-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
}

.i-blogHome .image-container::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to right, #000 19%, #000 100%);
    opacity: 0.7;
}

.i-blogHome .image {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.7;
}

.i-blogHome:hover {
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

.content-item-blogHome {
    padding: 15px 10px;
    margin-bottom: 20px;
    /*background-color: #F5F5F5;*/
    background-color: #fff;
    border: 0 solid #F5F5F5;
    border-top: none;
}

.content-item-blogHome span {
    display: block;
    margin-bottom: 10px;
    color: #767676;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: normal;
}

.content-item-blogHome span .fa-calendar-minus-o {
    padding-right: 5px;
}

.content-item-blogHome h3 {
    margin-bottom: 0;
    color: #2F2F2F;
    font-family: "MaisonNeueMedium";
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    height: 55px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .content-item-blogHome h3 {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 900px) {
    .item-blogHome {
        width: calc(100% / 2);
    }
}

@media (max-width: 750px) {
    .item-blogHome {
        width: calc(100% / 1);
    }
}
/*end-blogHome*/

/*star-homePromo*/
#homePromo {
    background: #1174C6;
    /*background: #2f2f2f;*/
    display: inline-block;
    margin-top: 70px;
    width: 100%;
    padding: 15px;
}

#homePromo .centered {
    text-align: center;
    display: none;
    transition: opacity 0.5s;
}

#homePromo .centered:first-child {
    display: block;
}

/* Keyframes for fade-in and fade-out */
@keyframes fadeInOut {
    0%, 100% {
        opacity: 0;
        visibility: hidden;
    }
    10%, 30% {
        opacity: 1;
        visibility: visible;
    }
    40%, 60% {
        opacity: 0;
        visibility: hidden;
    }
}

/* Styling for text and links */
#homePromo .promo-text {
    color: #fff;
    /*color: #FEDA00;*/
    font-family: "MaisonNeueBook";
    font-size: 16px;
    font-weight: bold;
}

#homePromo .centered a {
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    transition: color 0.3s;
}

/* Responsive adjustments */
@media (max-width: 1199px) {
    #homePromo {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    #homePromo .promo-text {
        font-size: 14px;
    }
    #homePromo .centered a {
        font-size: 13px;
    }
}
/*end-homePromo*/

/*star-wrap-btn-blogHome*/
.wrap-btn-blogHome {
    margin-top: 10px;
    text-align: center;
}

.btn-blogHome {
    display: inline-block;
    padding: 10px 30px;
    color: #5799CF;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 33px;
    background: #C4DDF2;
    border-radius: 35px;
    border: 1px solid #C4DDF2;
}

.btn-blogHome:hover {
    color: #fff;
    background: #1870c9;
}

.btn-blogHome .fa-long-arrow-right {
    padding-left: 5px;
}

@media (max-width: 991px) {
    .btn-blogHome {
        font-size: 13px;
        line-height: 23px;
    }
}
/*end-wrap-btn-blogHome*/

/*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: #1174C6;
}

#term .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-term {
    margin-top: 40px;
    background: #F5F5F5;
}

.detail-content-term {
    background: #F5F5F5;
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-term*/

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

#about .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #ddd;
}

#about .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#about .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-about {
    margin-top: 40px;
    /*background: #F5F5F5;*/
}

.detail-aboutImg {
    display: block;
    margin-bottom: 20px;
}

.detail-aboutImg img {
    max-width: 100%;
}

.detail-content-about {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-about*/

/*star-faq*/
#faq {
    padding: 50px 0;
}

#faq .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#faq .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#faq .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-faq {
    margin-top: 40px;
    background: #F5F5F5;
}

.detail-content-faq {
    background: #F5F5F5;
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-faq*/

/*star-shippinginfo*/
#shippinginfo {
    padding: 50px 0;
}

#shippinginfo .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#shippinginfo .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#shippinginfo .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-shippinginfo {
    margin-top: 40px;
    background: #ffffff;
}

.detail-content-shippinginfo {
    background: #F5F5F5;
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-shippinginfo*/

/*star-return*/
#return {
    padding: 50px 0;
}

#return .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#return .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#return .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-return {
    margin-top: 40px;
    background: #ffffff;
}

.detail-content-return {
    background: #F5F5F5;
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-return*/

/*star-howtobuy*/
#howtobuy {
    padding: 50px 0;
}

#howtobuy .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#howtobuy .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#howtobuy .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.detail-howtobuy {
    margin-top: 40px;
    background: #ffffff;
}

.detail-content-howtobuy {
    background: #F5F5F5;
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 16px;
}
/*end-howtobuy*/

/*star-location*/
#location {
    padding: 50px 0;
}

#location .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#location .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#location .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.wrap-location {
    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-location {
    padding: 0 15px;
    margin-bottom: 30px;
    width: calc(100% / 2);
}

.item-location h3 {
    margin-bottom: 7px;
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 20px;
    font-weight: 500;
}

.item-location p {
    margin-bottom: 5px;
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    width: calc(100% - 50px);
}

.item-location a {
    color: #182DE2;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

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

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

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

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

/*star-header*/
.header {
    padding-top: 10px;
    padding-bottom: 0px;
    background: #fff;
    color: #fff;
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #767676;
}

@media (min-width: 10px) and (max-width: 1199px) {
    .header {
        display: none;
    }
}

/*star-menuMiddle*/
.menuMiddle {
    display: flex;
    float: right;
}

.leftIcon img {
    display: block;
    max-width: 100%;
    margin-top: 5px;
}

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

.menuMiddle ul li a {
    display: block;
    padding: 20px 5px 20px 5px;
    color: #767676;
    font-family: "Roboto-Bold";
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-left: 15px;
    margin-bottom: -4px;
    padding-bottom: 30px;
}

.menuMiddle ul li a.active {
    color: #5f8f19;
    /*color: #1174C6;*/
    border-bottom: 0 solid #1174C6;
    padding-bottom: 30px;
}

@media (max-width: 1190px) {
    .menuMiddle ul li a {
        font-size: 14px;
        margin-left: 10px;
    }
}
/*end-menuMiddle*/

/*star-menuRight*/
.menuRight {
    display: flex;
    float: right;
}

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

.menuRight ul li a {
    position: relative;
    display: block;
    padding: 10px 5px 10px 5px;
    /*color: #B3B3B3;*/
    /*font-family: "Roboto-Bold";*/
    /*font-size: 17px;*/
    text-transform: uppercase;
    margin-bottom: -4px;
}

.menuRight ul li a img {}

.menuRight ul li a .search {
    border-radius: 20px;
    border: 1px solid #D7D7D7;
    padding: 10px 10px;
    color: #929292;
    font-size: 13px;
    font-family: "Roboto-Bold";
}

.menuRight ul li a .search .fa {
    padding-right: 5px;
}

.menuRight ul li a.active {
    color: #FEDA00;
    border-bottom: 0 solid #1174C6;
    padding-bottom: 30px;
}

.menuRight li a .count {
    position: absolute;
    top: 8px;
    right: 0;
    min-width: 17px;
    padding: 0 0;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 0.625rem;
    text-align: center;
    font-weight: 700;
    background: #1174C6;
    border-radius: 18px;
    border: 1px solid #1174C6;
}

.menuRight li a .countw {
    position: absolute;
    top: 8px;
    right: 0;
    min-width: 17px;
    padding: 0 0;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 0.625rem;
    text-align: center;
    font-weight: 700;
    background: #1174C6;
    border-radius: 18px;
    border: 1px solid #1174C6;
}

@media (max-width: 1190px) {
    .menuRight ul li a {
        font-size: 14px;
    }
}
/*end-menuRight*/

/* TOP HEADER */
.top-header-rs {
    padding: 12px 0px;
    background: #fff;
}

.box-header-rs {
    display: block;
    padding: 0px !important;
    margin-bottom: -6px;
}

.pull-right img {
    width: 105px;
}

@media (max-width: 1190px) {
    .pull-right img {
        max-width: 100%;
        height: auto;
    }
}

.iconSearch {
    display: inline-block;
    padding-left: 15px;
    position: relative;
}

.iconSearch .fa-search {
    width: 25px;
}

@media (max-width: 1150px) {
    .iconSearch .fa-search {
        color: #767676;
        font-size: 20px;
    }
}

.iconSearch .count-cart-rs {
    position: absolute;
    top: -8px;
    right: -7px;
    min-width: 15px;
    padding: 0px 3px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 0.5rem;
    text-align: center;
    background: #1174C6;
    border-radius: 18px;
    border: 2px solid #1174C6;
}

.iconSearch .count-wisth-rs {
    position: absolute;
    top: -8px;
    right: 25px;
    min-width: 15px;
    padding: 0px 3px;
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 0.5rem;
    text-align: center;
    background: #1174C6;
    border-radius: 18px;
    border: 2px solid #1174C6;
}

.iconSearch img {
    width: 25px;
}

.ikon-bar {
    display: inline-block;
    width: 35px;
    height: 15px;
}

.bar {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 4px;
    background: #767676;
}

.bar:last-child {
    margin-bottom: 0px;
}

@media (min-width: 1199px) {
    .top-header-rs {
        display: none;
    }
}

@media (max-width: 1199px) {
    .top-header-rs {
        display: block;
    }
}
/* END TOP HEADER */

/* SIDE MENU */
#side-menu {
    visibility: hidden;
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: 9999;
    transition: 0.5s;
}

#side-menu:hover {
    overflow-y: scroll;
}

.tag-side-menu {
    color: #ffffff;
    font-family: "MaisonNeueBook";
    font-size: 16px;
    border-bottom: 0 solid rgba(255, 255, 255, 0.8);
    cursor: pointer;
    padding: 9.5px 15px;
    margin-bottom: 30px;
}

.tag-side-menu .fa {
    margin-top: 2px;
    color: #000;
    font-size: 2em;
    float: right;
}

.info-side-menu {
    padding: 0;
    background: #0176AB;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.info-side-menu li {
    display: block;
}

.info-side-menu li a {
    display: block;
    padding: 8px 15px;
    color: rgba(255, 255, 255, 0.8);
}

.info-side-menu li a .fa {
    margin-right: 5px;
}

.list-side-menu {
    padding: 0;
}

.list-side-menu li {
    display: block;
}

.list-side-menu li.menu-sparate {
    height: auto;
    padding: 8px 15px;
    font-family: "MaisonNeueBook";
    font-size: 13px;
    background: #5599bf;
}

.list-side-menu li a {
    /*color: #e9be0e;*/
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 18px;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #d0d0d0;
    text-transform: uppercase;
}

.list-side-menu li a:hover,
.list-side-menu li a:focus {
    background: transparent;
    color: #000;
}

.list-side-menu li a .fa {
    margin-right: 5px;
}
/**/
.submenu {
    display: none;
    padding-left: 20px;
}

.submenu li {
    border-bottom: none;
}

.submenu li a {
    color: #000;
}

.submenu li a:hover,
.submenu li a:focus {
    color: #000;
    background: transparent;
}

.menu-itemProduct.active .submenu {
    display: block;
}

.menu-toggleProduct {
    cursor: pointer;
    position: relative;
}

.menu-toggleProduct::after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.menu-itemProduct.active .menu-toggleProduct::after {
    content: '\f0d8';
    font-family: 'FontAwesome';
}

/**/
.menu-itemAkun.active .submenu {
    display: block;
}

.menu-toggleAkun {
    cursor: pointer;
    position: relative;
}

.menu-toggleAkun::after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.menu-itemAkun.active .menu-toggleAkun::after {
    content: '\f0d8';
    font-family: 'FontAwesome';
}
/* END SIDE MENU */
/*end-header*/

/*star-modal-search*/
#modal-search .modal-header {
    background-color: #1174C6 !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: #fff;
    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: #fff;
    background: #1174C6;
    border: 1px solid #1174C6;
    border-radius: 0 4px 4px 0;
}

.fa-search:before {
    content: "\f002";
}
/*end-modal-search*/

/*star-slider*/
#slider {
    display: inline-block;
    width: 100%;
    margin-top: -6px;
    /*margin-top: 70px;*/
}

@media (max-width: 1920px) {
    #slider {
        /*margin-top: 63px;*/
    }
}

@media (max-width: 1450px) {
    #slider {
        /*margin-top: 70px;*/
    }
}

@media (max-width: 1400px) {
    #slider {
        /*margin-top: 70px;*/
    }
}

@media (max-width: 1199px) {
    #slider {
        margin-top: 0;
    }
}

@media (max-width: 1150px) {
    #slider {
        margin-top: 0;
    }
}
/*end-slider*/

/*star-contains*/
#collapseExamplex:hover {
    display: block !important;
    width: 100%;
    height: auto !important;
    position: absolute;
}

#collapseExamples:hover {
    display: block !important;
    width: 100%;
    height: auto !important;
    position: absolute;
}

#collapseExamplex {
    width: 100%;
    height: auto;
    /*background: #F6F6F6;*/
    background: #fff;
    position: absolute;
}

#collapseExamples {
    width: 100%;
    height: auto;
    background: #b34788;
    display: none;
    position: absolute;
    opacity: 80%;
}

#contains {
    display:none;
    width: 100%;
    height: 250px;
    /*height: 200px;*/
    position: absolute;
    /*background: #F6F6F6;*/
    background: #fff;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1px;
}

.well {
    min-height: 20px;
    overflow-x: hidden;
    /*max-height: 165px;*/
    overflow-y: hidden;
    /*background-color: #F6F6F6;*/
    background: #fff;
    border: 0 solid #F6F6F6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
    margin-top: 20px;
}

.wrap-header {
    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: 0;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 15px;
}

.item-header {
    padding: 5px;
    width: calc(100% / 6);
}

/*.i-header {
    display: block;
    background: #B7D8EA;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    padding: 20px 20px;
    border-radius: 10px;
}*/

/*.i-header img {
    width: 40%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
}*/

/*.i-header: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;
}*/

.textCatHead a {
    display: flex;
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.subtextCat a {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
    letter-spacing: 1px;
}

.buttonHead {
    display: flex;
    margin-top: 25px;
}

.btn-allcat {
    display: block;
}

.btn-allcat a {
    color: #6BA816;
    /*color: #1174C6;*/
    padding: 8px 10px 8px 0;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    border-right: 1px solid #D9D9D9;
    user-select: none;
    cursor: pointer;
    display: inline-block;
}

.btn-allprod {
    display: block;
}

.btn-allprod a {
    color: #1174C6;
    /*color: #6BA816;*/
    padding: 8px 0 8px 10px;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    user-select: none;
    cursor: pointer;
    display: inline-block;
}
/*end-contains*/

/*star-angka-ulasan*/
.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: 1.125rem;
    color: #FECE59;
}

.fa-star:before {
    content: "\f005";
}
/*end-angka-ulasan*/

/*star-item-category*/
.item-category .angka-ulasan .angka-star {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0;
}

.item-category .angka-ulasan .angka-star li {
    margin-right: 5px;
    font-size: 11px;
    color: #FECE59;
}

.item-category .angka-ulasan .angka-star li .fa-star:before {
    content: "\f005";
}
/*end-.item-category */

/*star-box-fitur*/
.row.areaFitur {
    border-bottom: 1px solid #E4E4E4;
    padding-top: 70px;
    padding-bottom: 15px;
}

.textFitur {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
}

.box-fitur {
    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-fitur {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    width: calc(100% / 4);
}

.i-fitur {
    display: block;
}

.i-fitur img {
    float: left;
    width: 44px;
    height: 60px;
}

.konten-item-fitur {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    width: calc(100% - 75px);
}

.konten-item-fitur h4 {
    margin-bottom: 15px;
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 23px;
}

@media (max-width: 1199px) {
    .textFitur {
        margin-bottom: 10px;
    }
    .item-fitur {
        width: calc(100% / 3);
    }
    .i-fitur {
        padding: 0;
    }
    .i-fitur img {
        width: 50px;
    }
    .konten-item-fitur {
        margin-left: 10px;
        width: calc(100% - 90px);
    }
    .konten-item-fitur h4 {
        margin-bottom: 15px;
        font-size: 15px;
    }
}

@media (max-width: 1150px) {
    .textFitur {
        font-size: 27px;
    }
}

@media (max-width: 991px) {
    .item-fitur {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }
}

@media (max-width: 600px) {
    .box-fitur {
        margin-right: -5px;
        margin-left: -5px;
        font-size: 0px;
    }
    .item-fitur {
        margin-bottom: 10px;
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        width: calc(100% / 2);
        font-size: 14px;
        vertical-align: top;
    }
}

@media (max-width: 500px) {
    .item-fitur {
        margin-bottom: 10px;
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        width: calc(100% / 1);
        vertical-align: top;
    }
    .i-fitur img {
        width: 50px;
        height: auto;
    }
    .konten-item-fitur {
        width: calc(100% - 80px);
    }
    .konten-item-fitur h4 {
        margin-bottom: 10px;
        font-size: 15px;
    }
}

@media (max-width: 400px) {
    .i-fitur img {
        width: 50px;
        height: auto;
    }
    .konten-item-fitur {
        width: calc(100% - 80px);
    }
    .konten-item-fitur h4 {
        margin-bottom: 10px;
        font-size: 15px;
    }
}

@media (max-width: 320px) {
    .i-fitur img {
        width: 50px;
        height: auto;
    }
    .konten-item-fitur {
        width: calc(100% - 80px);
    }
    .konten-item-fitur h4 {
        margin-bottom: 10px;
        font-size: 15px;
    }
}
/*end-box-fitur*/

/*star-product-descrip*/
.product-descrip {
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E4E4E4;
}

.product-descrip .textDescrip {
    color: #2B2B2B;
    font-family: "MaisonNeueMedium";
    font-size: 25px;
    line-height: normal;
    letter-spacing: 0;
    padding-bottom: 15px;
}

.product-descrip .modelDescrip {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 25px;
}

.product-descrip .modelDescrip p {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: 25px;
}
/*end-product-descrip*/

/*star-related*/
.related {
    padding-top: 50px;
    padding-bottom: 50px;
}

.title-content-related {
    margin-bottom: 30px;
}

.title-content-related h2 {
    position: relative;
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
}

.title-content-related h2:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(204, 204, 204, 0.5);
    transform: translateY(-50%);
    z-index: 1;
}

.title-content-related h2 span {
    position: relative;
    padding: 0 30px;
    z-index: 2;
}

.title-content-related h2 span:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 100%;
    height: 10px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.wrap-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;
}

.item-related.new {
    padding: 10px 0;
    margin-bottom: 0;
    width: 100%;
}

.item-related.new {
    background-color: #F5F5F5;
}

.item-related.new .i-related {
    padding: 15px;
}

.i-related {
    display: block;
    padding: 15px;
    border: 1px solid transparent;
}

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

.i-related span {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 18px;
    line-height: 28px
}

.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: #E43636;
    font-family: "MaisonNeueBook";
    font-size: 18px;
    line-height: 25px;
}

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

/*star-bestHome*/
#bestHome {
    padding: 55px 0 55px 0;
    /*background: #F5F5F5;*/
    /*background: #74ac24;*/
    background-image: url(../blue.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.title-content-bestHome {
    /*background: #74ac24;*/
    padding-top: 0;
    /*padding-top: 90px;*/
    padding-bottom: 45px;
    padding-left: 20px;
    padding-right: 20px;
}

.title-content-bestHome h2 {
    position: relative;
    color: #fff;
    /*color: #1174C6;*/
    font-family: "MaisonNeueMedium";
    /*font-size: 30px;*/
    font-size: 45px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 3px;
    /*text-align: center;*/
    text-transform: uppercase;
}

.title-content-bestHome h2 span {
    position: relative;
    padding: 0;
    /*padding: 0 30px;*/
    z-index: 2;
}

.wrap-carousel-bestHome {
    position: relative;
    background: transparent;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
}

.wrap-bestHome {
    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-bestHome {
    margin-bottom: 20px;
    border: 1px solid #F5F5F5;
    border-radius: 10px;
    overflow: hidden;
}

.item-bestHome .i-bestHome {
    display: block;
    padding: 15px;
    background-color: #fff;
    border-radius: 0;
    text-decoration: none;
}

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

.i-bestHomeTwosss {
    display: block;
    padding: 15px;
    background-color: #fff;
    border-radius: 0;
    text-decoration: none;
}

.i-bestHomeTwo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    min-height: 175px;
    padding: 15px;
    background-color: #fff;
    border-radius: 0;
    text-decoration: none;
    overflow: hidden;
}

.i-bestHomeTwo .brandHomeBest {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    /*line-height: normal;*/
    letter-spacing: 0;
    padding-bottom: 5px;
}

.i-bestHomeTwosss span {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 18px;
    line-height: 28px;
}

.i-bestHomeTwo span {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 18px;
    line-height: 28px;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content-item-bestHomessssssss {
    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-bestHome {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10px;
    flex-grow: 1;
}

.content-item-bestHome .price {
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: 0;
}

.content-item-bestHome .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

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

.arrow-nav.best-prev.arrow-left,
.arrow-nav.best-next.arrow-left {
    left: -10px;
}

.arrow-nav.best-prev.arrow-right,
.arrow-nav.best-next.arrow-right {
    right: -10px;
}

.arrow-nav.best-prev .fa-chevron-left {
    color: #fff;
    font-size: 25px;
}

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

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

.arrow-nav.best-next .fa-chevron-right {
    color: #fff;
    font-size: 25px;
}

@media (max-width: 991px) {
    .title-content-bestHome h2 {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .title-content-bestHome {
        padding-top: 0;
    }
    .i-bestHome span {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-bestHome .price {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-bestHome .discount {
        font-size: 14px;
        line-height: normal;
    }
}

@media (max-width: 600px) {
    .i-bestHome span {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-bestHome .price {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-bestHome .discount {
        font-size: 14px;
        line-height: normal;
    }
}

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

@media(max-width: 350px) {
    .title-content-bestHome h2 {
        font-size: 30px;
    }
}
/*end-bestHome*/

/*star-arrivalHome*/
#arrivalHome {
    padding: 55px 0 55px 0;
    /*background: #F5F5F5;*/
    /*background: #74ac24;*/
    background-image: url(../green.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.title-content-arrivalHome {
    /*background: #74ac24;*/
    padding-top: 0;
    /*padding-top: 125px;*/
    padding-bottom: 45px;
    padding-left: 20px;
    padding-right: 20px;
}

.title-content-arrivalHome h2 {
    position: relative;
    color: #fff;
    /*color: #1174C6;*/
    font-family: "MaisonNeueMedium";
    /*font-size: 30px;*/
    font-size: 35px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 3px;
    /*text-align: center;*/
    text-transform: uppercase;
}

.title-content-arrivalHome h2 span {
    position: relative;
    padding: 0;
    /*padding: 0 30px;*/
    z-index: 2;
}

.wrap-carousel-arrivalHome {
    position: relative;
    background: transparent;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
}

.wrap-arrivalHome {
    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-arrivalHome {
    margin-bottom: 20px;
    border: 1px solid #F5F5F5;
    border-radius: 10px;
    overflow: hidden;
}

.item-arrivalHome .i-arrivalHome {
    display: block;
    padding: 15px;
    background-color: #fff;
    border-radius: 0;
    text-decoration: none;
}

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

.i-arrivalHomeTwo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    min-height: 175px;
    padding: 15px;
    background-color: #fff;
    border-radius: 0;
    text-decoration: none;
    overflow: hidden;
}

.i-arrivalHomeTwo .brandHomeArrival {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    /*line-height: normal;*/
    letter-spacing: 0;
    padding-bottom: 5px;
}

.i-arrivalHomeTwo span {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 18px;
    line-height: 28px;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}

.content-item-arrivalHome {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 10px;
    flex-grow: 1;
}

.content-item-arrivalHome .price {
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: 0;
}

.content-item-arrivalHome .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

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

.arrow-nav.arrival-prev.arrow-left,
.arrow-nav.arrival-next.arrow-left {
    left: -10px;
}

.arrow-nav.arrival-prev.arrow-right,
.arrow-nav.arrival-next.arrow-right {
    right: -10px;
}

.arrow-nav.arrival-prev .fa-chevron-left {
    color: #fff;
    font-size: 25px;
}

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

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

.arrow-nav.arrival-next .fa-chevron-right {
    color: #fff;
    font-size: 25px;
}

@media (max-width: 991px) {
    .title-content-arrivalHome {
        padding-top: 0;
    }
    .title-content-arrivalHome h2 {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .title-content-arrivalHome {
        padding-top: 0;
    }
    .i-arrivalHome span {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-arrivalHome .price {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-arrivalHome .discount {
        font-size: 14px;
        line-height: normal;
    }
}

@media (max-width: 600px) {
    .i-arrivalHome span {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-arrivalHome .price {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-arrivalHome .discount {
        font-size: 14px;
        line-height: normal;
    }
}

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

@media (max-width: 350px) {
    .title-content-arrivalHome h2 {
        font-size: 30px;
    }
}
/*end-arrivalHome*/

/*star-recomenHome*/
#recomenHome {
    padding: 50px 0;
    background: #fff;
    /*background: #F5F5F5;*/
}

.title-content-recomenHome {
    background: #fff;
    padding-top: 35px;
    padding-bottom: 45px;
}

.title-content-recomenHome h2 {
    position: relative;
    color: #1174C6;
    font-family: "MaisonNeueMedium";
    font-size: 25px;
    line-height: normal;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

.title-content-recomenHome h2:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    z-index: 1;
}

.title-content-recomenHome h2 span {
    position: relative;
    padding: 0;
    z-index: 2;
}

.title-content-recomenHome h2 span:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 100%;
    height: 10px;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.wrap-carousel-recomenHome {
    position: relative;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    border-radius: 10px;
}

.wrap-recomenHome {
    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-recomenHome {
    margin-bottom: 20px;
    border: 1px solid #F5F5F5;
    border-radius: 10px;
    overflow: hidden;
}

.item-recomenHome .i-recomenHome {
    display: block;
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    text-decoration: none;
}

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

.i-recomenHomeTwo .textHomeBrand {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0;
    padding-bottom: 5px;
}

.i-recomenHomeTwo span {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 18px;
    line-height: 28px;
}

.content-item-recomenHome {
    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-recomenHome .price {
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: 0;
}

.content-item-recomenHome .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

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

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

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

#recomenHome .arrow-nav.recomen-prev img {
    width: 30px;
    opacity: 2;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

#recomenHome .arrow-nav.recomen-next img {
    width: 30px;
    opacity: 2;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

@media (max-width: 767px) {
    .i-recomenHome span {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-recomenHome .price {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-recomenHome .discount {
        font-size: 14px;
        line-height: normal;
    }
}

@media (max-width: 600px) {
    .i-recomenHome span {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-recomenHome .price {
        font-size: 15px;
        line-height: normal;
    }
    .content-item-recomenHome .discount {
        font-size: 14px;
        line-height: normal;
    }
}

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

/*star-prodcat*/
#prodcat {
    padding: 50px 0;
}

#prodcat .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#prodcat .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#prodcat .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.wrap-prodcat {
    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-prodcat {
    padding: 10px 10px 20px 10px;
    width: calc(100% / 4);
}

.i-prodcat {
    display: flex;
    justify-content: center;
    /*background: #B7D8EA;*/
    background-image: url('../category.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.2s;
    padding: 20px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
}

.i-prodcat .name {
    margin-right: auto;
    color: #fff;
    /*color: #2F2F2F;*/
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: normal;
    letter-spacing: 0;
}

.i-prodcat img {
    width: 60px;
    /*width: 45px;*/
    height: auto;
    position: absolute;
    right: 10px;
    /*right: 20px;*/
    top: 5px;
    /*top: 20px;*/
}

.content-item-prodcat {
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.content-item-prodcat .subname {
    padding-left: 20px;
    padding-right: 20px;
}

.content-item-prodcat .subname a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
    letter-spacing: 1px;
    border-top: 1px #D9D9D9 solid;
}

.content-item-prodcat .subname a:first-child {
    border-top: 1px #D9D9D9 solid;
}

.content-item-prodcat .subname a:last-child {
    border-bottom: none;
}

@media (max-width: 991px) {
    .item-prodcat {
        width: calc(100% / 3);
    }
}

@media (max-width: 778px) {
    .item-prodcat {
        width: calc(100% / 3);
    }
}

@media (max-width: 766px) {
    .item-prodcat {
        width: calc(100% / 2);
    }
}

@media (max-width: 500px) {
    .item-prodcat {
        width: calc(100% / 1);
    }
}
/*end-prodcat*/

/*star-wrap-category*/
.wrap-category {
    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-bottom: 15px;
}

.item-category {
    margin-bottom: 10px;
    width: calc(100% / 4);
}

.i-category {
    margin: 5px 5px;
    padding: 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    color: inherit;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.i-category img {
    margin-bottom: 10px;
}

.i-category .textBrands {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0;
}

.i-category span {
    display: block;
    color: #767676;
    font-family: "MaisonNeueMedium";
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    /*min-height: 70px;*/
}

.content-item-category {
    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-category .price {
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
}

.content-item-category .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

@media (max-width: 900px) {
    .item-category {
        width: calc(100% / 3);
    }
}

@media (max-width: 800px) {
    .item-category {
        width: calc(100% / 3);
    }
}

@media (max-width: 750px) {
    .item-category {
        width: calc(100% / 3);
    }
}

@media (max-width: 700px) {
    .item-category {
        width: calc(100% / 2);
    }
}

@media (max-width: 600px) {
    .item-category {
        width: calc(100% / 2);
    }
}

@media (max-width: 500px) {
    .item-category {
        width: calc(100% / 2);
    }
}

@media (max-width: 400px) {
    .item-category {
        width: calc(100% / 1);
    }
}
/*end-wrap-category*/

/*star-item-sidebar*/
.item-sidebar .two a {
    display: block;
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    line-height: normal;
    letter-spacing: 2px;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 0 #E4E4E4 solid;
}

.item-sidebar .two a:hover,
.item-sidebar .two a:focus {
    color: #1174C6;
}
/*end-item-sidebar*/

/*star-sidebar*/
.sidebar {
    width: 250px;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
}

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

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

.item-sidebar .form-control {
    padding: 8px 10px;
    color: rgba(0, 0, 0, 0.54);
    font-size: 0.8125rem;
    font-family: "MaisonNeueBook";
    border: solid 1px #e0e0e0;
    border-radius: 5px;
    margin-bottom: 20px;
}

.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: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #6BA816;
}

/*.title-sidebar:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -1px;
    width: 50%;
    height: 3px;
    background: #FEDA00;
}*/

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

.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;
        padding-bottom: 60px;
    }
    .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: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: normal;
    letter-spacing: 0;
}

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

.list-parent-category li a.active {
    color: #1174C6;
    font-size: 15px;
    font-weight: bold;
}

.list-parent-category li a.active:hover {
    color: #2B2B2B;
    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 li {
    position: relative;
    font-family: "MaisonNeueBook";
    font-size: 14px;
}

.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 span {
    color: #2B2B2B;
}

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

.sidelist-category li a.active {
    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*/

/*star-sidelist-model*/
.sidelist-model {
    max-height: 50px;
    display: inline-block;
    padding-left: 5px;
    width: 100%;
}

.sidelist-model li {
    position: relative;
    font-family: "MaisonNeueBook";
    font-size: 14px;
}

.sidelist-model li a {
    display: block;
    padding: 3px 0;
    color: #1b1b1b;
    border-bottom: 1px #E4E4E4 solid;
}

.sidelist-model li a:hover {
    color: #2B2B2B;
    font-weight: bold;
}

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

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

.show-more {
    width: 100%;
    position:relative;
    padding-top: 10px;
    height: 20px;
    text-align: left;
    background: transparent;
    cursor: pointer;
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 14px;
    line-height: 30px;
}

.show-more:hover { 
    color: #2B2B2B;
}

.show-more-height { 
    max-height: 85px;
    overflow:hidden;
    width: 100%;
    margin-bottom: -5px;
}
/*end-sidelist-model*/

/*star-sidelist-stand*/
.sidelist-stand {
    max-height: 50px;
    display: inline-block;
    padding-left: 5px;
    width: 100%;
}

.sidelist-stand li {
    position: relative;
    font-family: "MaisonNeueBook";
    font-size: 14px;
}

.sidelist-stand li a {
    display: block;
    padding: 3px 0;
    color: #1b1b1b;
    border-bottom: 1px #E4E4E4 solid;
}

.sidelist-stand li a:hover {
    color: #2B2B2B;
    font-weight: bold;
}

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

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

.show-morestand {
    width: 100%;
    position:relative;
    padding-top: 10px;
    height: 20px;
    text-align: left;
    background: transparent;
    cursor: pointer;
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 14px;
    line-height: 30px;
}

.show-morestand:hover { 
    color: #2B2B2B;
}

.show-morestand-height { 
    max-height: 85px;
    overflow:hidden;
    width: 100%;
    margin-bottom: -5px;
}
/*end-sidelist-stand*/

/*star-sidelist-apli*/
.sidelist-apli {
    max-height: 50px;
    display: inline-block;
    padding-left: 5px;
    width: 100%;
}

.sidelist-apli li {
    position: relative;
    font-family: "MaisonNeueBook";
    font-size: 14px;
}

.sidelist-apli li a {
    display: block;
    padding: 3px 0;
    color: #1b1b1b;
    border-bottom: 1px #E4E4E4 solid;
}

.sidelist-apli li a:hover {
    color: #2B2B2B;
    font-weight: bold;
}

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

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

.show-moreapli {
    width: 100%;
    position:relative;
    padding-top: 10px;
    height: 20px;
    text-align: left;
    background: transparent;
    cursor: pointer;
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 14px;
    line-height: 30px;
}

.show-moreapli:hover { 
    color: #2B2B2B;
}

.show-moreapli-height { 
    max-height: 85px;
    overflow:hidden;
    width: 100%;
    margin-bottom: -5px;
}
/*end-sidelist-apli*/

/*star-sidelist-indust*/
.sidelist-indust {
    flex-direction: row;
    flex-wrap: wrap;
    display: inline-flex;
    max-height: 225px;
    overflow-y: scroll;
    margin-top: 10px;
}

.sidelist-indust .indust {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 60px;
    height: auto;
    padding: 5px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 5px;
    margin: 5px;
    padding: 0;
    border: 1px #D9D9D9 solid;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

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

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

.sidelist-indust .indust a {
    color: #767676;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

.sidelist-indust .indust a:hover {
    background: #1174C6;
    color: #fff;
    padding: 5px;
    width: 100%;
    text-align: center;
}

.sidelist-indust .indust a.active {
    background: #1174C6;
    color: #fff;
    font-weight: bold;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    padding: 5px;
}

.sidelist-indust .indust a:not(.active) {
    padding: 5px;
}
/*end-sidelist-indust*/

/*star-search*/
#search {
    padding: 30px 0;
}

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

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

#search .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#search .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#search .main-title h1 {
    /*font-size: 1.5rem;*/
    color: #212529;
    font-family: "MaisonNeueBook";
    font-size: 25px;
    font-weight: bold;
}

#search .main-title h1 span {
    font-weight: normal;
    color: rgba(0, 0, 0, 0.54);
}

.wrap-search {
    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-bottom: 15px;
}

.item-search {
    margin-bottom: 10px;
    width: calc(100% / 4);
}

.i-search {
    margin: 5px 5px;
    padding: 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    color: inherit;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.i-search .textBrands {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0;
}

.i-search img {
    margin-bottom: 10px;
}

.i-search span {
    display: block;
    color: #767676;
    font-family: "MaisonNeueMedium";
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}

.content-item-search {
    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-search .price {
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
}

.content-item-search .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

@media (max-width: 800px) {
    .item-search {
        width: calc(100% / 3);
    }
}

@media (max-width: 700px) {
    .item-search {
        width: calc(100% / 3);
    }
}

@media (max-width: 600px) {
    .item-search {
        width: calc(100% / 3);
    }
}

@media (max-width: 550px) {
    .item-search {
        width: calc(100% / 3);
    }
}

@media (max-width: 500px) {
    .item-search {
        width: calc(100% / 2);
    }
}

@media (max-width: 450px) {
    .item-search {
        width: calc(100% / 2);
    }
}

@media (max-width: 400px) {
    .item-search {
        width: calc(100% / 2);
    }
}
/*end-search*/

/*star-.item-search */
.item-search .angka-ulasan .angka-star {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0;
}

.item-search .angka-ulasan .angka-star li {
    margin-right: 5px;
    font-size: 11px;
    color: #FECE59;
}

.item-search .angka-ulasan .angka-star li .fa-star:before {
    content: "\f005";
}
/*end-.item-search */

/*star-sizecart*/
#sizecart {
    position: relative;
    padding: 50px 0;
    z-index: 55;
}

#sizecart .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#sizecart .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #1174C6;
}

#sizecart .main-title h1 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 27px;
}

.desc-sizecart {
    margin-top: 40px;
}

.desc-sizecart .nav-tabs .nav-item {
    margin-bottom: -1px;
}

.desc-sizecart .nav-item > .nav-link {
    position: relative;
    color: #a0a0a0;
    font-family: "MaisonNeueBook";
    font-size: 27px;
    text-transform: capitalize;
    border: none;
}

.desc-sizecart .nav-item > .nav-link:hover {
    border: none;
}

.desc-sizecart .nav-item > .nav-link.active {
    background-color: transparent;
    color: #00155b;
    font-weight: bold;
    border: none;
}

.desc-sizecart .nav-item > .nav-link.active:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #00155b;
}

.desc-sizecart .tab-content > div {
    padding-top: 30px;
}

.desc-sizecart .tab-content > div p {
    font-size: 0.875rem;
    line-height: 24px;
}
/*end-sizecart*/

/*star-tab-content*/
.tab-content h3 {
    color: #212529;
    font-family: "MaisonNeueLight";
    font-size: 27px;
    font-weight: bold;
    line-height: normal;
}

.tab-content h4 {
    color: #212529;
    font-family: "MaisonNeueBook";
    font-size: 25px;
    line-height: normal;
}

.table.table-sizes td:nth-child(even) {
    background: #f5f5f5;
}

.table.table-sizes td, .table.table-striped td {
    text-align: center;
}

.table.table-sizes thead tr td, .table.table-striped thead tr td {
    font-weight: 700;
}
/*end-tab-content*/

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

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

.title-ulasan h3 {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
}

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

.angka-ulasan h3 {
    color: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 80px;
    font-weight: bold;
}

.angka-ulasan h3 span {
    color: #A7A7A7;
    font-family: "MaisonNeueBook";
    font-size: 25px;
    font-weight: bold;
}

.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: 11px;
    color: #FECE59;
}

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

.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: #2B2B2B;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

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

.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;
    color: #1D1D1D;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

.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 {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

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

/*star-item-ulasan-member*/
.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;
    color: #ccc;
}

/* 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;
}

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

.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;
}
/*end-item-ulasan-member*/

/*star-type-product*/
.type-product {
    padding: 15px 0;
    border-top: 0 solid #CCC;
    border-bottom: 0 solid #CCC;
    display: inline-block;
}

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

.item-type-product:first-child {
    margin-top: 10px;
}

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

.item-type-product > span {
    display: block;
    width: 100px;
    color: #74B242;
    font-family: "MaisonNeueMedium";
    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-size: 15px;
    line-height: normal;
}

.content-item-type-product p span {
    color: #74B242;
    font-family: "MaisonNeueBook";
    font-size: 15px;
}

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

.wrap-size-list {
    flex-direction: row;
    flex-wrap: wrap;
    display: inline-flex;
}

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

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

.container-radio:hover input ~ .checkmark {
    /*background-color: #74B242;*/
    background-color: #1174C6;
}

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

.container-radio input:checked ~ .checkmark {
    /*background-color: #74B242;*/
    background-color: #1174C6;
}

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

.container-radio input:checked ~ .checkmark .img-color {
    border: 3px solid #1174C6;
    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: 50px;
    height: 50px;
    background-color: #6BA816;
    /*background-color: #1174C6;*/
    cursor: pointer;
    border-radius: 5px;
}

.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 {
    color: #fff;
    font-family: "MaisonNeueBook";
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.checkmark .img-color {
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

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

/* Mobile devices in portrait mode (up to 480px) */
@media (max-width: 480px) {
    .item-type-product {
        flex-direction: column;
        align-items: flex-start;
    }
    .item-type-product > span {
        width: auto;
        margin-bottom: 10px;
    }
    .wrap-size-list {
        /*flex-direction: column;*/
        flex-direction: row;
        flex-wrap: wrap;
    }
    .container-radio {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .checkmark {
        width: 50px;
        height: 50px;
    }
}

/* Mobile devices in landscape mode and tablets (481px to 768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .item-type-product {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .item-type-product > span {
        width: auto;
        margin-bottom: 10px;
    }
    .wrap-size-list {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .container-radio {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .checkmark {
        width: 50px;
        height: 50px;
    }
}

/* Tablets (769px to 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .item-type-product {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .wrap-size-list {
        flex-direction: row;
    }
    .container-radio {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .checkmark {
        width: 50px;
        height: 50px;
    }
}
/*end-.type-product*/

/*star-page-wish*/
#page-wish {
    padding: 50px 0;
}

.title-wish {
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 17px;
    line-height: normal;
    padding-bottom: 15px;
    font-weight: bold;
}

.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 .proSize {
    color: #31353b;
    font-family: "MaisonNeueBook";
    font-size: 1rem;
}

.desc-wish .price-wish {
    font-size: 0.875rem;
    color: #fa591d;
    font-weight: bold;
}

.desc-wish .weight {
    margin-top: 3px;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.54);
}

.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: #fa591d;
    font-family: "MaisonNeueBook";
    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";
    font-weight: 500;
}

.wrap-empty-wish h5 {
    color: inherit;
    font-size: 1.25rem;
    font-family: "MaisonNeueBook";
}
/*end-page-wish*/

/*star-callout*/
.callout {
    padding: 20px;
    margin: 20px 0;
    border-radius: 5px;
    color: #333;
}

.callout-warning {
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
    color: #856404;
}

.callout-warning i {
    margin-right: 10px;
    color: #ff0000;
}

.callout h3 {
    color: #000;
    font-family: "MaisonNeueBook";
    font-weight: 500;
    margin-top: 10px;
}

.callout-warning a {
    color: #1174C6;
    text-decoration: underline;
}
/*end-callout*/

/*star-dataTable*/
@media (max-width: 430px) {
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        top: -30px;
        left: 75px;
        /*white-space: nowrap;*/
    }
}
/*end-dataTable*/

/*star-select-faktur*/
.select-faktur {
    width: 200px;
    margin-bottom: 15px;
}

.select-faktur .select2-container--default .select2-selection--single,
.select-faktur .select2-selection .select2-selection--single {
    color: #fff;
    background-color: #1174C6;
    border-color: #1174C6;
    border-radius: 5px;
}

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

.select-faktur .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;
}
/*end-select-faktur*/

/*star-select-kurir*/
.select-kurir {
    width: 200px;
    margin-bottom: 15px;
}

.select-kurir .select2-container--default .select2-selection--single,
.select-kurir .select2-selection .select2-selection--single {
    color: #fff;
    background-color: #1174C6;
    border-color: #1174C6;
    border-radius: 5px;
}

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

.select-kurir .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;
}
/*end-select-kurir*/

/*star-pagePayment*/
#pagePayment {
    padding: 50px 0;
}

#pagePayment .main-title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

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

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

#pagePayment .form-group label {
    font-family: "MaisonNeueBook";
    font-weight: 500;
}

#pagePayment .textpay {
    color: #6f6f6f;
    font-family: "MaisonNeueBook";
    font-weight: 500;
    font-size: 1rem;
}

.list-group-biaya 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;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.list-group-biaya li.active h4 {
    font-size: 1rem;
}

.list-group-biaya li.active span {
    font-size: 1rem;
    font-weight: 600;
}

.list-group-biaya li h4 {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: normal;
}

.list-group-biaya li span {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
}

.list-group-biaya li h4 {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: normal;
}

.list-group-biaya li.active h4 {
    font-size: 1rem;
}
/*end-pagePayment*/

/*star-sidebar-booking*/
.sidebar-booking {
    padding: 30px;
    border: 1px solid #ddd;
}

.img-side-booking {
    margin-bottom: 30px;
    /*height: 180px;*/
    height: auto;
    background-position: center center;
    background-size: 100%;
}

.img-side-booking img {
    display: block;
    max-width: 100%;
}

.item-info-side-booking {
    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;
}

.item-info-side-booking h4 {
    font-family: "MaisonNeueBook";
    font-size: 0.9375rem;
    font-weight: 500;
}

.sidebar-booking .size {
    font-family: "MaisonNeueBook";
    font-size: 0.9375rem;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px #dfdfdf solid;
}

.total-booking span {
    font-size: 1rem;
    font-weight: 700;
}
/*end-sidebar-booking*/

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

.list-group {
    border: 1px solid #ddd;
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6;
    padding: 12px;
}

.pay-info .list-group-item span {
    font-size: 0.875rem;
    font-weight: 500;
}

.pay-info .list-group-item h3 {
    font-size: 0.875rem;
    font-weight: 700;
}

.pay-info .list-group-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;
}

.total-booking {
    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: 20px;
    margin-top: 10px;
    background: #ddd;
}
/*end-pay-info*/

/*star-custom-select*/
.custom-select {
    position: relative;
    font-family: "MaisonNeueBook";
    font-weight: 500;
}

.custom-select select {
    display: none;
}

.select-selected {
    background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
/*end-custom-select*/

/*star-status*/
#status {
    padding: 50px 0;
}

#status .main-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

#status .main-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 2px;
    background: #c62000;
}

#status .main-title h1 {
    font-family: "MaisonNeueBook";
    font-size: 1.5rem;
    font-weight: 500;
}
/*end-status*/

/*star-container-booking-status*/
.container-booking-status {
    padding: 20px;
    margin-top: 40px;
    background: #f4f4f4;
    border-radius: 15px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

.icon-status {
    text-align: center;
}

.icon-status.status-success i {
    color: #50cd89;
}

.icon-status.status-failed i {
    color: #f1416c;
}

.icon-status i {
    font-size: 3.4375rem;
}

.icon-status h3 {
    margin-top: 15px;
    color: #454545;
    font-family: "MaisonNeueBook";
    font-size: 1.125rem;
    font-weight: 500;
}

.box-payment-info {
    padding: 20px;
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
}

.box-payment-info ul 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;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.box-payment-info ul li p {
    margin-bottom: 0;
    font-family: "MaisonNeueBook";
    font-size: 0.9375rem;
    font-weight: 500;
}

.box-payment-info ul li span {
    font-family: "MaisonNeueBook";
    font-size: 0.9375rem;
    font-weight: bold;
}

.total-payment {
    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;
    margin-top: 20px;
}

.total-payment span {
    display: block;
    padding: 8px 20px;
    background: #f4f4f4;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    border-radius: 10px;
}

.info-package {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.img-info-package {
    width: 60px;
}

.img-info-package img {
    width: 100%;
}

.content-info-package {
    flex-grow: 1;
    padding-left: 15px;
}

.content-info-package h2 {
    font-family: "MaisonNeueBook";
    font-size: 0.9375rem;
    font-weight: 500;
}

.content-info-package small {
    display: block;
    margin-bottom: 5px;
    color: #888;
    font-family: "MaisonNeueBook";
    font-size: 0.8125rem;
    font-weight: 500;
}

.content-info-package span {
    display: block;
    font-size: 0.8125rem;
    color: #898989;
    font-weight: 500;
}

.content-info-package p {
    margin-bottom: 0;
    font-size: 0.8125rem;
    font-weight: 600;
}

@media (max-width: 400px) {
    .container-booking-status {
        margin-top: 20px;
    }
    .img-info-package {
        width: 100%;
    }
}
/*end-container-booking-status*/

/*star-voucher*/
.info-voucher {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "MaisonNeueBook";
    font-size: 17px;
    font-weight: 500;
}
/*end-voucher*/

/*star-panel*/
.panel {
    border-radius: 2px;
    box-shadow: none;
    background: #F9f9f9;
    padding-bottom: 20px;
}

.panel-default > .panel-heading {
    background-color: #F9f9f9;
}

.panel-heading {
    padding: 8px 15px;
}

.form-main .form-control {
    border-radius: 2px;
    box-shadow: none;
    color: #000;
    font-family: "MaisonNeueBook";
    font-size: 13px;
    font-weight: 500;
}

.btn-check {
    color: #000;
    background-color: #fddc00;
    border-color: #fddc00;
    font-family: "MaisonNeueBook";
    font-size: 13px;
    font-weight: 500;
}
/*end-panel*/

/*star-btn-promo*/
.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 #1174C6;
    border-radius: 4px;
    background: #1174C6;
    cursor: pointer;
}

.btn-promo span {
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

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

.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;
}
/*end-btn-promo*/

/*star-search-promo*/
.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;
}

.error-form {
    display: block;
    margin-top: 5px;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 11px;
    color: #F00;
}
/*end-search-promo*/

/*star-wrap-allprod*/
.wrap-allprod {
    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-bottom: 15px;
}

.item-allprod {
    margin-bottom: 10px;
    width: calc(100% / 4);
}

.i-allprod {
    margin: 5px 5px;
    padding: 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    color: inherit;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.i-allprod img {
    margin-bottom: 10px;
}

.i-allprod .textBrands {
    color: #2F2F2F;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0;
}

.i-allprod span {
    display: block;
    color: #767676;
    font-family: "MaisonNeueMedium";
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    /*min-height: 70px;*/
}

.content-item-allprod {
    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-allprod .price {
    color: #1174C6;
    font-family: "MaisonNeueBook";
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
}

.content-item-allprod .discount {
    color: #ABABAB;
    font-family: "MaisonNeueBook";
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-style: italic;
    text-decoration: line-through;
    padding-left: 10px;
}

@media (max-width: 900px) {
    .item-allprod {
        width: calc(100% / 3);
    }
}

@media (max-width: 800px) {
    .item-allprod {
        width: calc(100% / 3);
    }
}

@media (max-width: 750px) {
    .item-allprod {
        width: calc(100% / 3);
    }
}

@media (max-width: 700px) {
    .item-allprod {
        width: calc(100% / 2);
    }
}

@media (max-width: 600px) {
    .item-allprod {
        width: calc(100% / 2);
    }
}

@media (max-width: 500px) {
    .item-allprod {
        width: calc(100% / 2);
    }
}

@media (max-width: 400px) {
    .item-allprod {
        width: calc(100% / 1);
    }
}
/*end-wrap-allprod*/

/*star-item-allprod*/
.item-allprod .angka-ulasan .angka-star {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0;
}

.item-allprod .angka-ulasan .angka-star li {
    margin-right: 5px;
    font-size: 11px;
    color: #FECE59;
}

.item-allprod .angka-ulasan .angka-star li .fa-star:before {
    content: "\f005";
}
/*end-item-allprod*/

/*star-col-lg-offset-1*/
@media (min-width: 992px) {
    .col-lg-offset-1 {
        /*margin-left: 8.3333%;*/
        margin-left: 5.3333%;
    }
}
/*end-col-lg-offset-1*/