@charset "UTF-8";
/* ===== Usage ===== */
@font-face {
    font-family: "helvetica neue";
    src: url("https://file.hstatic.net/200000280559/file/helveticaneue_92bce6da53e74214a44dd4594aae32a7.eot");
    src: url("https://file.hstatic.net/200000280559/file/helveticaneue_92bce6da53e74214a44dd4594aae32a7.eot?#iefix") format("embedded-opentype"), url("https://file.hstatic.net/200000280559/file/helveticaneue_92bce6da53e74214a44dd4594aae32a7.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "helvetica neue";
    src: url("https://file.hstatic.net/200000280559/file/helvetica-neue-bold_a333cdbf99f84ae0b8204298313bc04a.eot");
    src: url("https://file.hstatic.net/200000280559/file/helvetica-neue-bold_a333cdbf99f84ae0b8204298313bc04a.eot?#iefix") format("embedded-opentype"), url("https://file.hstatic.net/200000280559/file/helvetica-neue-bold_a333cdbf99f84ae0b8204298313bc04a.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "helvetica neue";
    src: url("https://file.hstatic.net/200000280559/file/helvetica-neue-light_f8ffa7fadd1d445caf759b2a984ac2ef.eot");
    src: url("https://file.hstatic.net/200000280559/file/helvetica-neue-light_f8ffa7fadd1d445caf759b2a984ac2ef.eot?#iefix") format("embedded-opentype"), url("https://file.hstatic.net/200000280559/file/helvetica-neue-light_f8ffa7fadd1d445caf759b2a984ac2ef.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "helvetica neue";
    src: url("https://file.hstatic.net/200000280559/file/helvetica-neue-medium_dc04d7828325400785f8c3f6bdae203f.eot");
    src: url("https://file.hstatic.net/200000280559/file/helvetica-neue-medium_dc04d7828325400785f8c3f6bdae203f.eot?#iefix") format("embedded-opentype"), url("https://file.hstatic.net/200000280559/file/helvetica-neue-medium_dc04d7828325400785f8c3f6bdae203f.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "helvetica neue";
    src: url("https://file.hstatic.net/200000280559/file/helvetica-neue-regular_a4d66411eb1c4a21a451d5028195e14f.eot");
    src: url("https://file.hstatic.net/200000280559/file/helvetica-neue-regular_a4d66411eb1c4a21a451d5028195e14f.eot?#iefix") format("embedded-opentype"), url("https://file.hstatic.net/200000280559/file/helvetica-neue-regular_a4d66411eb1c4a21a451d5028195e14f.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* margin 10 */
.m-10 {
    margin: 10px;
}
.ml-10 {
    margin-left: 10px;
}
.mr-10 {
    margin-right: 10px;
}
.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mx-10 {
    margin-left: 10px;
    margin-right: 10px;
}
.my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* margin 15 */
.m-15 {
    margin: 15px;
}
.ml-15 {
    margin-left: 15px;
}
.mr-15 {
    margin-right: 15px;
}
.mt-15 {
    margin-top: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mx-15 {
    margin-left: 15px;
    margin-right: 15px;
}
.my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
/* margin 20 */
.m-20 {
    margin: 20px;
}
.ml-20 {
    margin-left: 20px;
}
.mr-20 {
    margin-right: 20px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mx-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* margin 25 */
.m-25 {
    margin: 25px;
}
.ml-25 {
    margin-left: 25px;
}
.mr-25 {
    margin-right: 25px;
}
.mt-25 {
    margin-top: 25px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mx-25 {
    margin-left: 25px;
    margin-right: 25px;
}
.my-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}
/* margin 30 */
.m-30 {
    margin: 30px;
}
.ml-30 {
    margin-left: 30px;
}
.mr-30 {
    margin-right: 30px;
}
.mt-30 {
    margin-top: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mx-30 {
    margin-left: 30px;
    margin-right: 30px;
}
.my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
/* margin 35 */
.m-35 {
    margin: 35px;
}
.ml-35 {
    margin-left: 35px;
}
.mr-35 {
    margin-right: 35px;
}
.mt-35 {
    margin-top: 35px;
}
.mb-35 {
    margin-bottom: 35px;
}
.mx-35 {
    margin-left: 35px;
    margin-right: 35px;
}
.my-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}
/* margin 40 */
.m-40 {
    margin: 40px;
}
.ml-40 {
    margin-left: 40px;
}
.mr-40 {
    margin-right: 40px;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mx-40 {
    margin-left: 40px;
    margin-right: 40px;
}
.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
/* margin 45 */
.m-45 {
    margin: 45px;
}
.ml-45 {
    margin-left: 45px;
}
.mr-45 {
    margin-right: 45px;
}
.mt-45 {
    margin-top: 45px;
}
.mb-45 {
    margin-bottom: 45px;
}
.mx-45 {
    margin-left: 45px;
    margin-right: 45px;
}
.my-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}
/* margin 50 */
.m-50 {
    margin: 50px;
}
.ml-50 {
    margin-left: 50px;
}
.mr-50 {
    margin-right: 50px;
}
.mt-50 {
    margin-top: 50px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mx-50 {
    margin-left: 50px;
    margin-right: 50px;
}
.my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}
/* padding 10 */
.p-10 {
    padding: 10px;
}
.pl-10 {
    padding-left: 10px;
}
.pr-10 {
    padding-right: 10px;
}
.pt-10 {
    padding-top: 10px;
}
.pb-10 {
    padding-bottom: 10px;
}
.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* padding 15 */
.p-15 {
    padding: 15px;
}
.pl-15 {
    padding-left: 15px;
}
.pr-15 {
    padding-right: 15px;
}
.pt-15 {
    padding-top: 15px;
}
.pb-15 {
    padding-bottom: 15px;
}
.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
/* padding 20 */
.p-20 {
    padding: 20px;
}
.pl-20 {
    padding-left: 20px;
}
.pr-20 {
    padding-right: 20px;
}
.pt-20 {
    padding-top: 20px;
}
.pb-20 {
    padding-bottom: 20px;
}
.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
/* padding 25 */
.p-25 {
    padding: 25px;
}
.pl-25 {
    padding-left: 25px;
}
.pr-25 {
    padding-right: 25px;
}
.pt-25 {
    padding-top: 25px;
}
.pb-25 {
    padding-bottom: 25px;
}
.px-25 {
    padding-left: 25px;
    padding-right: 25px;
}
.py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}
/* padding 30 */
.p-30 {
    padding: 30px;
}
.pl-30 {
    padding-left: 30px;
}
.pr-30 {
    padding-right: 30px;
}
.pt-30 {
    padding-top: 30px;
}
.pb-30 {
    padding-bottom: 30px;
}
.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
/* padding 35 */
.p-35 {
    padding: 35px;
}
.pl-35 {
    padding-left: 35px;
}
.pr-35 {
    padding-right: 35px;
}
.pt-35 {
    padding-top: 35px;
}
.pb-35 {
    padding-bottom: 35px;
}
.px-35 {
    padding-left: 35px;
    padding-right: 35px;
}
.py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}
/* padding 40 */
.p-40 {
    padding: 40px;
}
.pl-40 {
    padding-left: 40px;
}
.pr-40 {
    padding-right: 40px;
}
.pt-40 {
    padding-top: 40px;
}
.pb-40 {
    padding-bottom: 40px;
}
.px-40 {
    padding-left: 40px;
    padding-right: 40px;
}
.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
/* padding 45 */
.p-45 {
    padding: 45px;
}
.pl-45 {
    padding-left: 45px;
}
.pr-45 {
    padding-right: 45px;
}
.pt-45 {
    padding-top: 45px;
}
.pb-45 {
    padding-bottom: 45px;
}
.px-45 {
    padding-left: 45px;
    padding-right: 45px;
}
.py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}
/* padding 50 */
.p-50 {
    padding: 50px;
}
.pl-50 {
    padding-left: 50px;
}
.pr-50 {
    padding-right: 50px;
}
.pt-50 {
    padding-top: 50px;
}
.pb-50 {
    padding-bottom: 50px;
}
.px-50 {
    padding-left: 50px;
    padding-right: 50px;
}
.py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
/* END POLY FLUID SIZING */
::-moz-selection {
    background: #111;
    color: #fff;
}
::selection {
    background: #111;
    color: #fff;
}
html {
    padding-top: 0 !important;
}
* {
    margin: 0;
    padding: 0;
}
.color-primary {
    color: #111;
}
button,
input,
optgroup,
select,
textarea {
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
}
.transition,
button,
input,
optgroup,
select,
textarea,
#nav .main-nav > ul > li > .megamenu-sub,
#nav .main-nav .sub_menu,
.header-action_text .header-action__link .box-icon .count,
.site-overlay,
#header .header-support,
#header .header-support p,
.main-search,
.main-search .searchform-product .btn-search,
.product-item .product-img .button-add,
.product-item .product-img picture,
.product-item .product-btn,
.checkout-note textarea,
input#go,
#search .search_box,
form.searchform input.searchinput,
form.searchform .btn-search,
#menu-mobile ul li a .icon-angle-right,
.home-banner__item img,
.box_sidebar,
#fixed-social-network > a,
.header-main,
.header-main .header-logo img,
.collection-lv2:before,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li input:checked + label:after,
#add-item-form,
.wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option,
.checkbox-list input[type='checkbox']:before,
.checkbox-list input[type='radio']:before,
.wrapper_layered_filter .filter_group .filter_group-subtitle .icon-control {
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.text1line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.text2line {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text3line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.text4line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.text5line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
input::placeholder,
textarea::placeholder {
    color: #908f8f !important;
    opacity: 1 !important;
}
button:focus {
    outline: none;
}
.top-90 {
    top: 90px;
}
.top-110 {
    top: 110px;
}
.form-control {
    border: 1px solid #e6e6e6;
}
.row-15 {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.row-15 > div {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
@media (max-width: 767px) {
    .row-mb-15 {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .row-mb-15 > div {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .row-mb-special {
        margin-left: -17px;
        margin-right: -17px;
    }
    .row-mb-special > div {
        padding-left: 2px;
        padding-right: 2px;
    }
}

.swiper-button-next {
    background: #fff;
    right: 3px;
    border: 1px solid #424453;
    border-radius: 0 3px 3px 0;
    border-left: none;
}
.swiper-button-next:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 32px;
    width: 8px;
    transform: skew(10deg);
    left: -4px;
    border: 1px solid #424453;
    border-right: none;
}
.swiper-button-next:after {
    font-size: 15px !important;
    color: #424453;
}
.swiper-button-prev {
    background: #fff;
    right: 3px;
    border: 1px solid #424453;
    border-radius: 3px 0 0 3px;
    border-right: none;
}
.swiper-button-prev:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 32px;
    width: 8px;
    transform: skew(10deg);
    right: -4px;
    border: 1px solid #424453;
    border-left: none;
}
.swiper-button-prev:after {
    font-size: 15px !important;
    color: #424453;
}
.swiper-button-disabled {
    display: none;
}
.swiper-button-carousel {
    /*left: unset;*/
    /*right: unset;*/
    /*top: unset;*/
    /*bottom: -20px;*/
    /*position: relative;*/
    /*float: right;*/
    height: 32px;
    line-height: 32px;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    background: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
    display: none;
}
.swiper .swiper-button-next i,
.swiper .swiper-button-prev i {
    color: #fff;
    font-size: 20px;
    text-shadow: 1px 1px 1px #000;
}
.swiper .swiper-button-next .swiper-button-next,
.swiper .swiper-button-prev .swiper-button-next {
    left: 15px;
}
.swiper .swiper-button-next .swiper-button-prev,
.swiper .swiper-button-prev .swiper-button-prev {
    right: 15px;
}
img {
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transform: translateZ(0);
    /* IE 9 */
    -webkit-transform: translateZ(0);
    /* Chrome, Safari, Opera */
    transform: translateZ(0);
}
body {
    font-size: 14px;
    line-height: 1.4;
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
    color: #111;
    overflow-x: hidden;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}
::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
    height: 3px;
}
::-webkit-scrollbar-thumb {
    background-color: #111;
}
/* 1.4 - Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
    color: #111;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 24px;
}
/* 1.5 - Links and Buttons */
a {
    color: #111;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
    color: #111;
    text-decoration: none;
    outline: none;
}
a:active {
    outline: none;
}
/* 1.6 - Tables */
table {
    width: 100%;
    border-spacing: 0;
}
table tr td {
    border-top: 1px solid #dddddd;
}
table tr td,
table tr th {
    padding: 10px;
    text-align: left;
}
table tr td:first-child,
table tr th:first-child {
    padding-left: 0px;
}
table tr td:last-child,
table tr th:last-child {
    padding-right: 0px;
}
strong {
    font-weight: 700;
}
em {
    font-style: italic;
}
/* 2.3 - Lists */
ul {
    padding: 0;
    list-style-type: none;
}
ul.unstyled,
ol.unstyled {
    margin: 0;
    list-style: none outside none;
}
ul.unstyled > li,
ol.unstyled > li {
    list-style: none;
}
ul.horizontal > li,
ol.horizontal > li {
    display: block;
    float: left;
}
ul.horizontal-inline,
ol.horizontal-inline {
    text-align: center;
}
ul.horizontal-inline > li,
ol.horizontal-inline > li {
    display: inline;
    margin: 0 5px;
}
ul.expanded > li,
ol.expanded > li {
    margin-bottom: 10px;
}
input:focus {
    outline: none;
}
/* lazyload */


.bg-primary {
    background: #111 !important;
}
@-webkit-keyframes shine {
    100% {
        left: -200%;
    }
}
@keyframes shine {
    100% {
        left: -200%;
    }
}
.btn {
    background: #000;
    color: #fff;
    border: 0;
    border-radius: 0;
    padding: 5px 25px;
    position: relative;
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid;
}
.product-item:hover .btn,
.btn:hover {
  background: #111;
  color: #fff;
}
.btn-sm {
    font-size: 12px;
}
.btn-primary {
    background: #111;
    border-color: #111;
}
.btn-primary:hover {
    background: #1e1e1e;
    border-color: #1e1e1e;
}
.btn-special {
    line-height: 24px;
    font-size: 14px;
}
.btn-special:before,
.btn-special:after {
    content: "";
    display: table;
    table-layout: fixed;
}
.btn-special a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    padding-right: 15px;
    font-weight: 600;
    font-size: 14px;
}
.btn-special a:hover {
    color: #fff;
}
.btn-special a:hover:after {
    width: 100%;
    visibility: visible;
}
.btn-special a:after {
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    border-radius: 30px;
    background: #111;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn-special a div {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 8px;
    color: #fff;
    background: #111;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.fz-16 {
    font-size: 16px;
}
.fz-18 {
    font-size: 18px;
}
.fz-20 {
    font-size: 20px;
}
.cursor-pointer {
    cursor: pointer;
}
.link-box {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.grecaptcha-badge {
    visibility: hidden;
}
/*--------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------*/
/*--------------------- Menu Desktop ---------------------*/
.nav-overlay,
.filter-overlay,
.cart-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: none;
}
.nav-overlay.show,
.filter-overlay.show,
.cart-overlay.show {
    display: block;
}
.header-menu-desktop {
    color: #111;
    z-index: 999;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.header-menu-desktop a {
    color: #111;
}
.header-menu-desktop a:hover {
    color: #111;
}
#nav .main-nav {
    font-size: 16px;
}
@media (max-width: 1199px) {
    #nav .main-nav {
        font-size: 13px;
    }
}
#nav .main-nav > ul {
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#nav .main-nav > ul > li {
    position: relative;
    float: none;
    display: inline-block;
    z-index: 10;
}
#nav .main-nav > ul > li.active > a {
    color: #111;
}
#nav .main-nav > ul > li.active > a i {
    color: #111;
}
#nav .main-nav > ul > li:last-child > a {
    margin-right: 0;
}
#nav .main-nav > ul > li > a {
    display: block;
    margin-right: 20px;
    position: relative;
    padding: 15px 0;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
@media (max-width: 1280px) {
    #nav .main-nav > ul > li > a {
        margin-right: 15px;
    }
}
#nav .main-nav > ul > li > a:hover {
    color: #041e3a;
}
#nav .main-nav > ul > li > a:hover i {
    color: #111;
}
#nav .main-nav > ul > li > a:hover:after {
    width: 100%;
    opacity: 1;
}
#nav .main-nav > ul > li > a:after {
    content: '';
    right: 0;
    bottom: 10px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #041e3a;
    opacity: 0;
}
#nav .main-nav > ul > li > a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 9px;
    margin-left: 4px;
    margin-bottom: 2px;
}
#nav .main-nav > ul > li > .megamenu-sub {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    background: #fff;
    width: 100%;
    margin: 20px 0 0;
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 6, 0.05);
    opacity: 0;
    visibility: hidden;
}
#nav .main-nav > ul > li > .megamenu-sub .megamenu-sub-wrap {
    max-width: 1110px;
    margin: auto;
    text-align: left;
}
#nav .main-nav > ul > li > .megamenu-sub .megamenu-sub-wrap > li a {
    margin-bottom: 5px;
}
#nav .main-nav > ul > li > .megamenu-sub .megamenu-sub-wrap li a {
    display: block;
    font-size: 14px;
    line-height: 21px;
    padding: 6px 20px 6px 20px;
    border: 1px solid transparent;
}
#nav .main-nav > ul > li:hover > a > i {
    margin-bottom: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#nav .main-nav ul {
    padding-left: 0;
    margin: 0;
}
#nav .main-nav ul > li.dropdown {
    position: relative;
}
#nav .main-nav ul > li.dropdown a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 9px;
    margin-left: 4px;
    margin-bottom: 2px;
}
#nav .main-nav ul > li.dropdown:hover > a i {
    margin-bottom: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#nav .main-nav ul > li > ul {
    top: 100%;
}
#nav .main-nav ul li .sub_menu li {
    position: relative;
}
#nav .main-nav ul li .sub_menu li a {
    color: #333;
}
#nav .main-nav ul li .sub_menu li a:hover {
    color: #111;
}
#nav .main-nav .sub_menu {
    background: #fff;
    z-index: 999;
    width: 206px;
    padding: 15px 0 15px;
    visibility: hidden;
    top: 100%;
    left: 0;
    position: absolute;
    z-index: 203;
    opacity: 0;
    border: 1px solid #e6e6e6;
    text-align: left;
}
#nav .main-nav .sub_menu a {
    font-size: 14px;
    line-height: 21px;
    padding: 6px 20px 6px 20px;
    display: block;
}
#nav .main-nav .sub_menu .sub_menu {
    left: 100%;
    top: -2px;
    margin-left: 0px;
    margin-top: 0;
}
#nav .main-nav li:hover > .sub_menu {
    visibility: visible;
    opacity: 1;
}
.mega-menu {
    position: initial !important;
}
.mega-menu:hover .mega-menu-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.mega-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mega-menu > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 25px 40px;
    background: #fff;
    left: 0;
    position: absolute;
    width: 100%;
    display: none;
    z-index: 99;
}
.mega-menu > div a {
    color: #333;
}
.mega-menu .mega-menu-item {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    max-width: 100%;
    padding: 0 5px 0 5px;
    text-align: left;
}
.mega-menu .mega-menu-item > a {
    display: block;
    padding: 5px 0;
    margin-bottom: 5px;
    color: #000;
    font-size: 14px;
}
.mega-menu .mega-menu-item > a img {
    margin-bottom: 5px;
}
.mega-menu .mega-menu-item ul a {
    font-size: 12px;
    line-height: 30px;
}
.mega-menu-1 {
    padding: 15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.mega-menu-1 .banner {
    width: 225px;
}
.mega-menu-1 .menu {
    width: calc(60% - 225px);
    column-count: 3;
}
.mega-menu-1 .collection {
    width: 40%;
}
/*============================================================*/
@keyframes "scroll-in" {
    0% {
        top: 2px;
    }
    49% {
        top: -14px;
    }
    50% {
        top: 19px;
    }
    100% {
        top: 2px;
    }
}
@keyframes "scroll-out" {
    0% {
        top: 2px;
    }
    49% {
        top: 19px;
    }
    50% {
        top: -14px;
    }
    100% {
        top: 2px;
    }
}
.header-wrap-icon {
    position: relative;
    align-items: center;
}
@media (max-width: 767px) {
    .header-wrap-icon > div {
        margin-left: 20px !important;
    }
    .header-wrap-icon > div i {
        font-size: 26px;
    }
}
.header-action_text .header-action__link {
    position: relative;
    display: block;
    font-size: 13px;
    color: #333333;
}
.header-action_text .header-action__link .box-icon {
    display: inline-block;
    position: relative;
}
.header-action_text .header-action__link .box-icon .count {
    position: relative;
    animation-duration: 300ms;
    animation-name: scroll-in;
}
.header-action_text .header-action__link .box-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
}
.header-action_text .header-action__link .box-text .txtbl {
    font-size: 14px;
    display: block;
    font-weight: 500;
}
.header-action_text .header-action__link .box-text .txt-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    max-width: 115px;
    overflow: hidden;
}
.header-action_text .header-action__link .box-text .fa {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 3px;
}
.header-action_dropdown {
    top: 0;
    right: 0;
    position: fixed;
    background: #fff;
    height: 100%;
    z-index: 9999999;
    width: 480px;
    max-width: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
}
.header-action_dropdown.show {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.site-overlay {
    background: rgba(225, 225, 225, 0.05);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
}
.locked-scroll .site-overlay {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 991px) {
    .header-account {
        margin: 0 !important;
    }
}
.header-main.tuan {
    z-index: 8;
    transform: translateY(-100%);
}
.header-main.tuan2 {
    z-index: 8;
    transform: translateY(-100%);
}
.header-main a {
    color: #111;
}
.header-main a:hover {
    color: #111;
}
.header-main i,
.header-main p {
    color: #111;
}
#header {
    background: #fff;
    color: #111;
    top: 0;
    right: 0;
    left: 0;
    position: sticky;
    padding: 5px 0;
    z-index: 9991;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 767px) {
    #header {
        padding: 0;
    }
}
#header .header-right {
    padding-left: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    #header .header-right {
        padding: 0;
    }
}
#header .header-right .count-holder {
    top: -9px;
    right: -9px;
    position: absolute;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    background: #111;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}
#header .header-right .header-account-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media (max-width: 767px) {
    #header .header-right .header-account-wrap {
        margin-left: 0;
    }
}
#header .header-right .header-account-wrap svg {
  width: 35px;
}
#header .header-right .header-account-wrap a {
    position: relative;
}
#header .header-right .header-account-wrap a:hover {
    color: #111;
}
#header .header-right .header-account-wrap .number-like {
    top: -9px;
    right: -9px;
    position: absolute;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    background: #111;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}
@media (max-width: 767px) {
    #header .header-right-top {
        justify-content: flex-end;
    }
}
#header .header-action_text .header-action__link {
    color: #111;
}
#header .header-wrap-icon .header-action {
    position: relative;
    margin-left: 45px;
}
#header .menu-desktop .main-nav {
    text-align: left;
}
#header .wrap-logo a {
    font-weight: bold;
    color: #111;
}
#header .header-support {
    display: inline-block;
    text-align: center;
    background: #fff;
    padding: 0 25px;
    height: 45px;
    color: #ff2d37;
    border: 2px solid #ff2d37;
    cursor: pointer;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    border-right: 0px;
    position: relative;
    margin: 0 0 0 30px;
    float: right;
}
#header .header-support:before {
    content: "";
    width: 45px;
    height: 45px;
    background: #ff2d37;
    border-radius: 50%;
    position: absolute;
    right: -25px;
    top: -2px;
}
#header .header-support:after {
    content: "\f095";
    font-family: 'Font Awesome 5 Pro';
    font-size: 22px;
    position: absolute;
    right: -10px;
    top: 5px;
    color: #fff;
}
#header .header-support p {
    text-align: center;
    margin-bottom: 0px;
    line-height: 12px;
    margin: 6px 0 0;
    color: #ff2d37;
}
#header .header-support span {
    font-weight: 700;
}
#header .header-support:hover {
    background: #c7151d;
    color: #fff;
}
#header .header-support:hover p {
    color: #fff;
}
.header-bottom {
    position: relative;
    padding: 0 15px;
}
@media (max-width: 767px) {
    .header-bottom {
        padding: 0;
        justify-content: space-between;
    }
}
.header-contact .fal {
    font-size: 16px;
}
.header-contact .item {
    margin-right: 25px;
}
.header-contact .item:last-child {
    margin-right: 0;
}
.header-contact .icon {
    margin-right: 15px;
    line-height: 1;
}
#header .wrap-logo a img {
    max-width: 100%;
    height: auto;
}
.header-navbar-menu .wrap-logo-sticky {
    display: none;
}
@media (min-width: 992px) {
    .header-navbar-menu .wrap-logo-sticky,
    #header .wrap-logo {
        min-width: 180px;
    }
}
@media (max-width: 991px) {
    .locked-scroll {
        overflow: hidden;
        width: 100%;
        top: 0;
    }
    .locked-scroll #header {
        position: fixed;
        top: 0;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .header-action_text .header-action__link .box-text {
        display: none;
    }
}
/*== HEADER ===========================*/
.header-search {
    top: 100%;
    right: 0;
    left: 0;
    position: absolute;
    padding: 30px 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.38, 1);
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.38, 1);
    transition: all 0.3s cubic-bezier(0, 0, 0.38, 1);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background: #fff;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.header-search.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header-search .hitgroup {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.625rem;
    margin-top: 2.625rem;
}
.header-search .hitgroup .header {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .9375rem;
    margin-bottom: 0;
    margin-right: 1.1875rem;
}
@media (max-width: 767px) {
    .header-search .hitgroup .header {
        display: none;
    }
}
.header-search .hitgroup .hit {
    font-size: .9375rem;
    margin-right: 2.5rem;
    margin-bottom: 0;
    position: relative;
    text-transform: capitalize;
    cursor: pointer;
}
.header-search .hitgroup .hit .fal {
    font-size: .875rem;
    color: #b6b6b6;
    margin-right: 0.625rem;
}
.main-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 0;
    color: #111;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    z-index: 99999;
    max-width: 41.5625rem;
}
@media (max-width: 767px) {
    .main-search {
        padding-left: 0;
    }
}
.main-search.show {
    opacity: 1;
    visibility: visible;
}
.main-search .close-search {
    top: 10px;
    left: 15px;
    position: absolute;
    width: 20px;
    display: none;
}
@media (max-width: 767px) {
    .main-search .close-search {
        display: block;
        display: none;
        top: 70px;
        right: 30px;
        left: auto;
    }
}
.main-search .search-box {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.main-search .searchform-product {
    position: relative;
    z-index: 100;
}
.main-search .searchform-product .input-search {
    padding: 14px 0;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.main-search .searchform-product .input-search:focus {
    outline: none;
}
.main-search .searchform-product .btn-search {
    background: #111;
    padding: 0 30px;
    font-size: 16px;
    border-radius: 30px;
    border: 2px solid #fff;
}
.main-search .searchform-product .btn-search i {
    color: #fff !important;
}
.main-search .searchform-product .close-search {
    top: 0;
    right: 58px;
    bottom: 0;
    position: absolute;
    z-index: 100;
    margin: auto;
    height: 25px;
    cursor: pointer;
    visibility: hidden;
}
.main-search .searchform-product .close-search svg {
    width: 20px;
}
.main-search .smart-search-wrapper {
    z-index: 80;
    background: #fff;
}
.main-search .search-close {
    background: transparent;
    border: 0;
    font-size: 24px;
    color: #fff;
    right: -30px;
    position: absolute;
    top: 10px;
}
@media (max-width: 767px) {
    .main-search .search-close {
        right: 10px;
        top: -20px;
    }
}
.main-search .searchform-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 99;
    background-color: black;
    display: none;
    opacity: 0.2;
}
.main-search .searchform-product.expanded .close-search {
    visibility: visible;
}
.main-search .searchform-product.expanded ~ .searchform-backdrop {
    display: block;
}
/*--------------------------------------------------------------------------------
INDEX
--------------------------------------------------------------------------------*/
.wrap-collection-title {
    justify-content: center;
}
.flex-container-information {
    margin: 0 -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*------------------------- PRODUCT ITEM-------------------------*/
.product-item {
    display: block;
    position: relative;
    margin-bottom: 50px;
    background: #fff;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
@media (max-width: 767px) {
    .product-item {
        margin-bottom: 15px;
    }
}
.product-item:hover .product-img .image-1 {
    opacity: 0;
    visibility: hidden;
}
.product-item:hover .product-img .image-2 {
    opacity: 1;
    visibility: visible;
}
.product-item:hover .product-img .button-add {
    opacity: 1;
    visibility: visible;
}
.product-item:hover .product-btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.product-item a {
    display: block;
    cursor: pointer;
}
.home-product .product-item {
    padding-left: 15px;
}
@media (max-width: 767px) {
    .home-product .product-item {
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .home-product .product-item .product-detail {
        padding: 10px 0 20px;
    }
}
.product-item .product-newin {
    top: 10px;
    left: 0;
    position: absolute;
    background: #1e1e1e;
    color: #fff;
    z-index: 99;
    line-height: 30px;
    padding: 0 20px;
    font-size: 12px;
}
@media (max-width: 991px) {
    .product-item .product-newin {
        line-height: 20px;
        padding: 0 10px;
        font-size: 8px;
    }
}
@media (max-width: 767px) {
    .product-item .product-newin {
        font-size: 6px;
    }
}
.product-item .product-detail {
    padding: 10px 5px 0;
}
.product-item .product-detail .pro-name {
    margin: 0 0 6px;
    padding: 0;
    font-size: 12px;
    position: relative;
    height: auto;
}
.product-item .product-detail .pro-name a {
    line-height: 1.5;
    color: #1a1c19;
}
.product-item .product-detail .product-vendor {
    color: #8f8f8f;
    font-size: 12px;
    font-weight: bold;
}
.product-item .product-img {
    text-align: center;
    position: relative;
    overflow: hidden;
}
.product-item .product-img .image-1 .owl-lazy {
    opacity: 1;
}
.product-item .product-img .image-2 {
    opacity: 0;
    visibility: hidden;
}
.product-item .product-img .product-sale,
.product-item .product-img .sold-out {
    position: absolute;
    font-size: 12px;
    line-height: 1;
    padding: 5px 10px;
    font-weight: bold;
    z-index: 9;
    color: #fff;
    background: #111;
    border-radius: 5px;
}
.product-item .product-img .sold-out {
    right: 10px;
    top: 10px;
}
.product-item .product-img .sold-out span {
    opacity: .66;
}
.product-item .product-img .product-sale {
    top: 10px;
    right: 10px;
    background: #84be52;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    border-radius: 4px;
    padding: 0 8px;
}
.product-item .product-img .button-add {
    bottom: 20px;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    z-index: 30;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    line-height: 35px;
    font-weight: 600;
    display: none;
}
.product-item .product-img .button-add button,
.product-item .product-img .button-add a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 0;
    background: #111;
    color: #fff;
    outline: none;
    border-radius: 50%;
    position: relative;
    margin: 0 2px;
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.product-item .product-img .button-add button:hover,
.product-item .product-img .button-add a:hover {
    background: #fff;
    color: #111;
}
.product-item .product-img .button-add button span,
.product-item .product-img .button-add a span {
    line-height: 1;
}
.product-item .product-img .button-add button i,
.product-item .product-img .button-add a i {
    font-size: 16px;
}
.product-item .product-img .button-add button:last-child,
.product-item .product-img .button-add a:last-child {
    margin-right: 0;
}
.product-item .product-img .button-add .active {
    background: #000 !important;
    color: #111 !important;
}
.product-item .product-img .button-add .active i:before {
    font-weight: bold;
}
.product-item .product-img > a {
    position: relative;
    display: block;
}
.product-item .product-img > a:after {
    content: '';
    display: block;
    padding-top: 125%;
}
.product-item .product-img picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}
.product-item .product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-item .product-img video {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-item .product-btn {
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
.product-item .product-btn a {
    padding: 0;
    line-height: 40px;
    border: 0;
    color: #fff;
}
.product-item .product-purchased {
    right: 15px;
    bottom: 50px;
    left: 15px;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 12px;
    line-height: 30px;
}
@media (max-width: 991px) {
    .product-item .product-purchased {
        font-size: 8px;
    }
}
.product-item .product-purchased .fal {
    font-size: 10px;
    margin-right: 3px;
    transform: translateY(-1px);
}
@media (max-width: 767px) {
    .product-item .product-purchased .fal {
        font-size: 8px;
    }
}
.product-item .box-pro-prices {
    margin-bottom: 16px;
}
.product-item .pro-price {
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
    font-size: 12px;
}
.product-item .pro-price .current-price {
    font-size: 12px;
    font-weight: 500;
}
.product-item .box-pro-buy {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    position: relative;
    margin-bottom: -15px;
}
.product-item .box-pro-buy .btn {
    font-size: 14px;
    text-transform: uppercase;
    background: #111;
    border-color: #111;
    border-radius: 4px;
    padding: 6px 20px;
}
.product-item-mini {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.product-item-mini:last-child {
    margin-bottom: 0;
}
.product-item-mini .product-img {
    width: 100px;
}
.product-item-mini .product-img img {
    width: 100%;
}
.product-item-mini .product-content {
    width: calc(100% - 100px);
    padding-left: 15px;
}
.product-item-mini .product-title {
    font-size: 14px;
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
    margin-bottom: 0;
}
.product-item-mini .product-sale {
    background: #DA2020;
    color: #fff;
    padding: 3px 4px;
    font-size: 12px;
    width: 36px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.pro-price {
    color: #111;
    font-size: 14px;
    margin: 0;
}
.pro-price .pro-price-del {
    color: #939393;
    margin-left: 5px;
}
/*--------------------------------------------------------------------
PRODUCT DETAIL 
--------------------------------------------------------------------*/
@media (max-width: 767px) {
    .product-detail-wrapper {
        padding: 0 !important;
    }
}
@media (min-width: 768px) {
    .product-content-img {
        -ms-flex: initial;
        flex: initial;
        max-width: initial;
        width: calc(100% - 366px);
    }
}
@media (min-width: 992px) {
    .product-content-img {
        width: calc(100% - 456px);
    }
}
@media (max-width: 767px) {
    .product-content-img,
    .product-content-desc {
        padding: 0 !important;
    }
}
@media (min-width: 768px) {
    .product-content-desc {
        -ms-flex: initial;
        flex: initial;
        max-width: initial;
        width: 366px;
    }
}
@media (min-width: 992px) {
    .product-content-desc {
        width: 456px;
        padding-left: 24px;
        padding-right: 48px;
    }
}
@media (min-width: 768px) {
    .product-content-desc {
        position: sticky;
        top: 0;
        z-index: 30;
    }
}
@media (max-width: 768px) {
    .product-content-desc {
        top: initial !important;
    }
}
.product-title h1 {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 10px;
}
@media (min-width: 767px) {
    .product-title h1 {
        font-size: calc(1.03093vw + 14.09278px);
    }
}
@media (min-width: 1349px) {
    .product-title h1 {
        font-size: 28px;
    }
}
#pro_sku {
    font-size: 12px;
    color: #a3a5a7;
    margin-bottom: 8px;
    display: block;
}
.hook-reviews {
    border-bottom: 1px dotted #dfe0e1;
    padding-bottom: 15px;
}
.hook-reviews .rating {
    line-height: 1;
    position: relative;
    white-space: nowrap;
    display: inline-block;
}
.hook-reviews .rating .rating {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    line-height: 1;
}
.hook-reviews .rating .icon {
    display: inline-block;
}
.hook-reviews .rating .icon::before {
    color: #d5d5d5;
    content: "\f005";
    font-family: 'Font Awesome 5 Pro';
    font-size: 13px;
    font-style: normal;
}
.hook-reviews .rating .icon.star-full::before {
    color: #ffae00;
}
.number-rating {
    padding-left: 5px;
    font-size: 13px;
}
.product-price .pro-price {
    font-size: 22px;
    font-weight: bold;
}
.product-price .pro-sale {
    position: relative;
    background: #DA2020;
    color: #fff;
    padding: 3px 4px;
    font-size: 12px;
    width: 36px;
    text-align: center;
    border-radius: 2px;
    margin-left: 18px;
}
.product-price del {
    font-size: 14px;
    color: #777a7b;
    padding-left: 15px;
    font-weight: 500;
}
.selector-actions {
    width: 100%;
    margin-top: 5px;
}
.quantity-area {
    margin-bottom: 15px;
}
.quantity-area input#quantity {
    background: #fff;
    font-weight: 600;
    height: 38px;
    padding: 0;
    text-align: center;
    width: 42px;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-radius: 1px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.quantity-area input.qty-btn {
    float: left;
    background: #fff;
    border: solid 1px #ccc;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    outline: none;
    height: 38px;
    width: 38px;
    text-align: center;
    border-radius: 0;
}
.btn-addtocart {
    font-size: 16px;
    padding: 10px 35px;
    line-height: 36px;
    margin-bottom: 10px;
    border-radius: 30px;
    width: 100%;
    font-weight: normal;
    border: 0;
}
@media (max-width: 767px) {
    .btn-addtocart {
        width: calc(50% - 5px);
    }
}
.btn-addtocart:hover {
    background: #757575;
    color: #fff;
    border-color: #111;
}
button.btn-addtocart[disabled] {
    opacity: 0.8;
}
.product-description .title-bl h2,
.product-description h2,
.product-description h3 {
    font-size: 14px;
    font-weight: 700;
}
.product-description {
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin: 0 0 20px;
}
.product-description img {
    height: auto;
}
.product-description .nav-tabs {
    margin-bottom: 15px;
    border: 0;
}
.product-description .nav-tabs .nav-item {
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin-right: 20px;
    line-height: 40px;
    color: #1a1c19;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #eee;
    border: 0;
}
.product-description .nav-tabs .nav-item:first-child {
    margin-left: 0;
}
.product-description .nav-tabs .nav-item + .nav-item {
    margin-left: 20px;
}
@media (max-width: 767px) {
    .product-description .nav-tabs .nav-item {
        width: 100%;
        text-align: center;
        margin: 0 0 10px;
        border-radius: 6px;
    }
}
.product-description .nav-tabs .nav-link.active,
.product-description .nav-tabs .nav-link:hover {
    border-color: #111;
}
/*.wrap-addcart {*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    gap: 10px;*/
/*}*/
/*@media (max-width: 767px) {*/
/*    .wrap-addcart {*/
/*        -webkit-box-pack: center;*/
/*        -ms-flex-pack: center;*/
/*        -webkit-justify-content: center;*/
/*        justify-content: center;*/
/*    }*/
/*}*/
.description-productdetail * {
    max-width: 100% !important;
}
.description-productdetail ul {
    list-style: initial;
    padding-left: 20px;
}
.description-productdetail ol {
    list-style-type: decimal;
    padding-left: 20px;
}
.description-productdetail ul ul {
    list-style-type: circle;
}
.description-productdetail ul ul ul {
    list-style-type: square;
}
.description-productdetail ul li,
.description-productdetail ol li {
    margin: 5px 0;
}
.product-gallery__thumb a {
    background-color: #f3f3f3;
    display: block;
}
.product-gallery__thumb {
    line-height: 0;
    margin-bottom: 10px;
    border: 1px solid #f7f7f8;
    width: 100%;
}
.product-gallery__thumb:last-child {
    margin-bottom: 0;
}
.product-gallery__thumb:hover {
    border-color: #a3a5a7;
}
.product-gallery__thumb img {
    cursor: pointer;
    background-color: #f7f7f8;
    width: 100%;
}
.product-gallery__thumb.active,
.product-gallery__thumb.active:hover {
    border-color: #808284;
}
.product-gallery__thumb.active img {
    opacity: .9;
    width: 100%;
}
.product-gallery-item {
    text-align: center;
    margin-bottom: 10px;
    width: calc(50% - 5px);
    position: relative;
}
.product-gallery-item:nth-child(n+3) {
    order: 2;
}
.product-gallery-item video {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-full-img {
    text-align: center;
}
.product-full-img .no_image {
    width: 50%;
}
/* ------------------------ Style variant ------------------------ */
.product-image-feature {
    width: 100%;
}
.product-image-detail {
    margin-bottom: 20px;
}
.product-image-detail ul {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.selector-wrapper,
.select {
    display: none;
}
.swatch {
    padding: 2px 0;
    /*width: 100%;*/
    /*float: left;*/
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-webkit-flex-direction: column;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
}
/*@media (max-width: 767px) {*/
/*    .swatch {*/
/*        -webkit-box-orient: vertical;*/
/*        -webkit-box-direction: normal;*/
/*        -webkit-flex-direction: column;*/
/*        -ms-flex-direction: column;*/
/*        flex-direction: column;*/
/*        -webkit-box-align: start;*/
/*        -ms-flex-align: start;*/
/*        -webkit-align-items: flex-start;*/
/*        align-items: flex-start;*/
/*    }*/
/*}*/
.swatch .header {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.swatch .header a {
    color: #757575;
}
.swatch input {
    display: none;
}
.swatch > label.tt-label {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    text-transform: uppercase;
    width: 85px;
    text-align: right;
}
.swatch .select-swap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.swatch input {
    display: none;
}
.swatch .swatch-element {
    margin-right: 0;
    margin-bottom: 5px;
    position: relative;
}
/*.swatch .swatch-element + .swatch-element {*/
/*    margin-left: 7px;*/
/*}*/
.swatch .swatch-element.color label {
    padding: 0;
    border-radius: 4px;
    width: 69px;
    height: 69px;
}
.swatch .swatch-element.color label:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.swatch .swatch-element.color label.sd {
    background: transparent;
}
.swatch .swatch-element.color span {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 0;
    color: #333;
    padding: 0;
    font-size: 0;
    background-size: cover !important;
}
.swatch .swatch-element.color.soldout label span {
    overflow: hidden;
    position: relative;
}
.swatch .swatch-element.color.soldout label span:before {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    background: url(//theme.hstatic.net/200000053174/1000840984/14/cancel.png?v=7686) no-repeat;
    background-size: 100% 100%;
}
.swatch .swatch-element label {
    display: block;
    margin: 0;
    padding: 0 10px;
    background: #fff;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    position: relative;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: #e5e5e5 0px 0px 0px 1px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.swatch .swatch-element label.sd {
    border: 1px solid #000;
    color: #000;
}
.swatch .swatch-element.soldout:not(.color) label {
    overflow: hidden;
    pointer-events: none;
}
.swatch .swatch-element.soldout:not(.color) label:before {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    background: url(//theme.hstatic.net/200000053174/1000840984/14/cancel.png?v=7686) no-repeat;
    background-size: 100% 100%;
}
label[for="product-select-option-0"] {
    display: none;
}
label[for="product-select-option-1"] {
    display: none;
}
label[for="product-select-option-2"] {
    display: none;
}
#product-select-option-0 {
    display: none;
}
#product-select-option-1 {
    display: none;
}
#product-select-option-2 {
    display: none;
}
#product-select-option-0 + .custom-style-select-box {
    display: none !important;
}
#product-select-option-1 + .custom-style-select-box {
    display: none !important;
}
#product-select-option-2 + .custom-style-select-box {
    display: none !important;
}
/*--------------------------------------------------------------------------------
COLLECTION 
--------------------------------------------------------------------------------*/
.alert-no p,
.alert-no-filter p {
    margin: 10px 0 20px;
}
/* ---------------------------  MENU CATEGORY  --------------------------- */
.tree-menu {
    padding: 0;
    margin: 0;
}
.tree-menu li a {
    padding: 5px 0;
    color: #666;
    line-height: 28px;
    display: block;
}
.tree-menu li a .icon-control {
    font-size: 18px;
    position: relative;
    top: 0;
    float: right;
    right: -10px;
    padding: 0 10px;
}
.tree-menu li a .icon-angle-right {
    margin-right: 5px;
}
.tree-menu li.has-child ul {
    display: none;
}
.tree-menu li.has-child > ul {
    padding-left: 15px;
}
.tree-menu .tree-menu-sub li a {
    line-height: 20px;
}
.tree-menu > li > a {
    color: #111;
    font-weight: 500;
    font-size: 14px;
    padding: 4px 0;
}
/* ---------------------------  FILTER  --------------------------- */
.content-filter .option {
    margin-top: 30px;
}
.option .lb-filter {
    display: block;
    font-size: 15px;
    opacity: .92;
    margin-bottom: 0px;
}
.custom-dropdown {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    border-radius: 0px;
}
.custom-dropdown::after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 13px;
    color: #111;
    opacity: .42;
    display: block;
    position: absolute;
    top: 10px;
    right: 17px;
}
.option .custom-dropdown .custom-dropdown__select {
    font-size: 14px;
    width: 100%;
    display: block;
    height: 38px;
    padding: 0 10px;
    border-color: transparent;
    background-color: #fff;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
    text-indent: 1px;
}
.option .custom-dropdown {
    width: 100%;
}
.option .custom-dropdown::after {
    content: "\f103";
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    color: #000;
    display: block;
    position: absolute;
    top: 0px;
    right: 10px;
}
.option .option-children:not(:first-child) {
    margin-bottom: 30px;
}
.option select option {
    background: #fff;
}
.option.browse-tags .lb-filter {
    display: inline-block;
}
.option.browse-tags .custom-dropdown {
    width: auto;
    float: right;
    min-width: 180px;
}
.left-module {
    margin-bottom: 20px;
    overflow: hidden;
}
.layered .layered_subtitle {
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    padding: 13px 0;
    border-bottom: 1px solid #e4e4e4;
    line-height: 24px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87);
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
    cursor: pointer;
}
.layered .layered_subtitle span {
    font-weight: 600;
    font-size: 16px;
}
.layered span.icon-control {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
}
.group-filter[aria-expanded=false] .dropdown-filter .icon-control i:before {
    content: "\f107";
}
.group-filter[aria-expanded=false] .layered-content {
    display: none;
    height: 0;
}
.group-filter[aria-expanded=true] .layered_subtitle {
    border: none;
}
.group-filter[aria-expanded=true] .layered-content {
    height: auto;
    border-bottom: 1px solid #e4e4e4;
}
.group-filter .layered-content {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.check-box-list {
    margin: 0 0 10px;
}
.check-box-list li {
    line-height: 20px;
    font-size: 12px;
    margin-bottom: 8px;
}
.check-box-list label {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    line-height: 18px;
    font-weight: normal;
    margin-bottom: 0;
    color: #111;
    vertical-align: top;
    margin-left: 5px;
    transform: translateY(1px);
    font-size: 14px;
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
}
.check-box-list li:hover label {
    color: #111;
}
.check-box-list input[type="checkbox"],
.check-box-list input[type="radio"]{
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #dbdbdb;
}
.check-box-list input[type="radio"].active:after {
    content: '\2714';
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    display: block;
    outline: none;
    color: #000000;
}
.check-box-list input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    display: block;
    outline: none;
    color: #000000;
}
.filter-price li:last-child {
    margin-bottom: 0;
}
.filter-color ul {
    padding: 0;
    margin: 0;
    max-height: calc(270px);
    overflow-y: auto;
}
.filter-color ul li {
    margin: 0 10px 10px 0;
    line-height: normal;
}
.block .block_content {
    overflow-y: auto;
    overflow-x: hidden;
}
/*--------------------------------------------------------------------------------
BLOG - ARTICLE
--------------------------------------------------------------------------------*/
/* article */
@media (max-width: 767px) {
    .box-article-heading img {
        max-width: 60%;
    }
}
.box-article-heading h1 {
    margin: 20px 0;
    font-size: 24px;
}
.box-article-heading .header-page {
    z-index: 9;
}
.box-article-heading .header-page:after {
    background: #000;
}
ul.article-info-more li {
    opacity: 0.85;
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 600;
}
ul.article-info-more li i {
    margin-right: 5px;
}
.meta-tags .tags-title {
    font-weight: 500;
}
.meta-tags a.tag {
    opacity: 0.8;
    font-style: italic;
    font-size: 14px;
}
.meta-tags a.tag:after {
    content: ",";
    margin: 1px;
}
.post-navigation {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
.post-navigation .right {
    float: right;
}
.post-navigation .left {
    float: left;
}
.article-pages * {
    max-width: 100% !important;
}
.article-pages ul {
    list-style: initial;
    padding-left: 20px;
}
.article-pages ol {
    list-style-type: decimal;
    padding-left: 20px;
}
.article-pages ul ul {
    list-style-type: circle;
}
.article-pages ul ul ul {
    list-style-type: square;
}
.article-comment .comment_form .form-group input,
.article-comment .comment_form .form-group textarea {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    color: #666;
    background-color: #fafafa;
    border: 1px solid #ccc;
}
.article-comment .comment_form .form-group input {
    padding: 0 20px;
    height: 44px;
}
.article-comment .comment_form .form-group textarea {
    padding: 20px;
    resize: none;
}
.article-comment .comment_form .btn {
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 30px;
}
#article h3.author {
    font-size: 14px;
    font-style: normal;
    text-transform: capitalize;
}
#binhluan .date {
    float: right;
    color: #333333;
    font-size: 12px;
}
#binhluan .comment-user {
    padding: 25px 0;
    border-bottom: 1px solid #ededed;
}
/*Sidebar Blog*/
.news-latest,
.menu-blog {
    margin: 0 0 30px;
    position: relative;
}
.sidebar-title {
    position: relative;
}
.sidebar-title h3,
.sidebar-title h4 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 22px;
    padding-bottom: 18px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.sidebar-title:after {
    content: "";
    position: absolute;
    left: -25px;
    right: -25px;
    bottom: 0;
    border-bottom: 1px solid #e6e6e6;
}
.list-news-latest .item-article {
    border-bottom: 1px #efefef dotted;
    padding: 15px 0;
    margin: 0;
}
.list-news-latest .item-article:first-child {
    padding-top: 0;
}
.list-news-latest .item-article:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.list-news-latest .item-article .post-image {
    width: 30%;
    float: left;
    position: relative;
}
.list-news-latest .item-article .post-content {
    width: 70%;
    float: left;
    padding-left: 10px;
}
.list-news-latest .item-article .post-content .title {
    margin: 0 0 5px;
    font-size: 14px;
}
.list-news-latest .item-article .post-content .author {
    font-size: 12px;
}
.list-news-latest .item-article .post-content .date {
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.8px;
}
/*--------------------------------------------------------------------------------
ABOUT - CONTACT
--------------------------------------------------------------------------------*/
.page-map iframe {
    height: 450px;
}
.page-wrapper ul ol {
    margin-bottom: 15px;
    padding-left: 40px;
}
.page-wrapper ul {
    list-style-type: initial;
    padding-left: 20px;
}
.box-info-contact {
    margin-top: 30px;
}
.box-info-contact .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
}
.box-info-contact .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 76.5px;
    height: 76.5px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.11);
    border-radius: 50%;
    font-size: 45px;
}
.box-info-contact .icon i {
    color: #111;
}
.box-info-contact .content {
    padding-left: 15px;
    width: calc(100% - 76.5px);
}
.box-info-contact .content p {
    margin: 0;
}
.contact-form .input-group input,
.contact-form .input-group textarea {
    border: 0;
    box-shadow: none;
    height: 45px;
    font-weight: 500;
    padding: 0 20px;
    background: transparent;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    color: #111;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.contact-form .input-group textarea {
    width: 100%;
    height: 130px;
    padding: 20px 20px;
}
.contact-form .input-group textarea:focus {
    outline: none;
}
.sidebar-page .group-menu {
    margin: 0 0 30px;
    position: relative;
}
.sidebar-page .page_menu_title h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #b80a0d;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.sidebar-page .box_image {
    margin-bottom: 30px;
}
.box_image .banner {
    position: relative;
    overflow: hidden;
}
.box_image .banner img {
    width: 100%;
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.box_image .banner:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
/* --------------------------------------------------------------------------------
CART PAGE
-------------------------------------------------------------------------------- */
.layoutPage-cart .cart-empty {
    font-size: 20px;
    margin: 30px 0;
}
.table-cart {
    margin-bottom: 30px;
    border-bottom: 1px solid #c9c9c9;
}
.table-cart tr {
    border-top: 1px solid #c9c9c9;
}
.table-cart tr td {
    padding: 0;
    vertical-align: top;
}
.table-cart tr td.image {
    text-align: center;
    width: 110px;
}
.table-cart tr td.image img {
    max-width: 100px;
}
.table-cart tr td.item {
    padding-left: 10px;
}
.table-cart tr td.item .price {
    color: #111;
    font-weight: 600;
    font-size: 20px;
}
@media (max-width: 767px) {
    .table-cart tr td.item .line-item-total {
        color: #333;
        font-size: 14px;
    }
}
.table-cart tr td.item h3 {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: bold;
    padding-right: 30px;
}
.table-cart tr td.item p {
    margin-bottom: 5px;
}
.table-cart tr td.item p .pri {
    font-weight: 500;
}
.table-cart tr td.item p del {
    font-size: 12px;
    display: block;
}
.table-cart tr td.item .price span.text {
    display: none;
}
.table-cart tr td.item .price span {
    font-size: 16px;
    padding-right: 0;
    font-weight: 600;
}
.table-cart tr td.item .variant {
    margin-bottom: 5px;
}
.table-cart tr td.remove {
    text-align: right;
}
.qty-click input.item-quantity {
    font-weight: 500;
    font-size: 15px;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 35px;
    background: #ededed;
    border: 1px solid #dadbdd;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    pointer-events: none;
}
.qty-click {
    float: left;
    position: relative;
}
.qty-click.disable:after {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
}
.qty-click button.qty-btn {
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    color: #abafb2;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 25px;
    border: 1px solid #dadbdd;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.qty-click button.qtyplus.qty-btn {
    border-left: none;
}
.qty-click button.qtyminus.qty-btn {
    border-right: none;
}
.qty-click button.qty-btn:focus {
    outline: none;
}
.checkout-note textarea {
    border-radius: 0;
    background: #ededed;
    color: #111;
    font-size: 15px;
    padding: 20px 15px;
    outline: none;
    width: 100% !important;
    min-height: 130px;
    font-weight: 500;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.cart-buttons a,
.cart-buttons .btn-checkout,
.cart-buttons .btn-update {
    display: inline-block;
    vertical-align: top;
    padding: 19px 20px;
}
.cart-buttons .link-continue {
    margin-left: 0;
}
.link-continue {
    margin: 10px 0 0;
}
.link-continue a {
    color: #111;
}
.link-continue a i {
    margin-right: 4px;
}
.sidebox-order {
    position: relative;
}
.sidebox-order div[class^="sidebox-order_"] {
    margin-bottom: 15px;
}
.sidebox-order div[class^="sidebox-order_"]:last-child {
    margin-bottom: 0px;
}
.sidebox-order_title h3 {
    margin: 10px 0;
}
.sidebox-order_total {
    font-size: 16px;
    color: #5c5c5c;
    font-weight: 600;
    padding: 0 0 15px;
}
.sidebox-order_total p {
    margin: 0;
}
.sidebox-order_total p .total-price {
    font-size: 24px;
    color: #111;
}
.sidebox-group h3 {
    margin: 10px 0;
    font-size: 24px;
}
.sidebox-policy ul li {
    display: block;
    line-height: 25px;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
}
.sidebox-policy ul li:before {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f178";
    font-size: 10px;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
/*---------------------------------------------------------------------------------
PAGINATION - 404 - SEARCH PAGE 
-------------------------------------------------------------------------------- */
.breadcrumb-shop {
    text-align: center;
    position: relative;
    width: 100%;
}
.breadcrumb-shop .breadcrumb-wrap {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 20px 0;
}
.breadcrumb-arrows {
    padding: 10px 0;
    background: transparent;
    border-radius: 0;
    margin: 0;
}
.breadcrumb-arrows li {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.breadcrumb-arrows li:after {
    padding: 0 3px;
    color: #ccc;
    content: "/";
    margin-right: 6px;
}
.breadcrumb-arrows li:last-child:after {
    display: none;
}
.breadcrumb-arrows li a {
    cursor: pointer;
    border-bottom: 1px solid;
}
#pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#pagination .page-node,
#pagination .next,
#pagination .prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 10px 8px 20px;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.4;
    margin: 0 5px;
    background: #111;
    color: #fff;
    border-radius: 50%;
}
#pagination .page-node svg,
#pagination .next svg,
#pagination .prev svg {
    fill: #111;
}
#pagination .next {
    margin-left: 30px;
    background: transparent;
}
#pagination .prev {
    margin-right: 30px;
    background: transparent;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#pagination .page-node.current,
#pagination .page-node:hover,
#pagination .next:hover,
#pagination .prev:hover {
    opacity: 1;
}
.wrapbox-content-search {
    padding-bottom: 30px;
}
.search-field {
    width: 60%;
    display: block;
    margin: auto;
}
.search-page {
    position: relative;
}
input#go {
    background: #111;
    padding: 0 30px;
    font-size: 16px;
    border-radius: 30px;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 9;
    line-height: 36px;
}
#search .search_box {
    position: relative;
    margin: 0 auto;
    padding-bottom: 0;
    color: #1d2a38;
    border: 1px solid #e4e4e4;
    border-radius: 30px;
    width: 100%;
    line-height: 40px;
    padding: 0 15px;
}
.expanded-message .message-txt {
    width: 100%;
    padding-top: 25px;
    text-align: center;
}
.expanded-message .message-txt p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}
.expanded-message h2 {
    font-weight: 600;
    font-size: 22px;
}
.expanded-message .subtext {
    margin-bottom: 40px;
    display: block;
}
.search-item {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    float: left;
}
.search-item .thumb-image {
    display: block;
    width: 80px;
    position: relative;
    overflow: hidden;
    float: left;
}
.search-item .thumb-image img {
    vertical-align: middle;
    -webkit-transition: transform 250ms linear;
    -moz-transition: transform 250ms linear;
    -ms-transition: transform 250ms linear;
    -o-transition: transform 250ms linear;
    transition: transform 250ms linear;
}
.search-item .thumb-image:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 250ms linear;
    opacity: 0;
    content: "";
}
.search-item .content {
    float: left;
    padding-left: 35px;
    width: calc(100% - 80px);
}
.search-item .content .title {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}
.search-item .content .caption {
    opacity: .66;
    display: block;
    margin-top: 5px;
    font-size: 14px;
}
.search-item .content .caption del {
    font-size: 13px;
    margin-left: 15px;
    opacity: 0.5;
}
.subtext-result {
    margin-bottom: 30px;
}
.search-item:hover .thumb-image:after {
    opacity: 1;
}
/*--------------------------------------------------------------------------------
ACCOUNT
--------------------------------------------------------------------------------*/
.wrapbox-heading-account {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
.wrapbox-heading-account .header-page {
    position: relative;
}
.wrapbox-heading-account .header-page:after {
    content: "";
    background: #000;
    display: block;
    width: 60px;
    height: 4px;
    margin-top: 70px;
}
.wrapbox-heading-account .header-page h1 {
    font-size: 54px;
    font-weight: 700;
    margin: 0px 0;
    line-height: initial;
}
.wrapbox-heading-account .header-page p {
    font-size: 14px;
    opacity: .66;
    margin: 20px 0 0 0;
    position: relative;
}
.wrapbox-heading-account .header-page p span {
    font-weight: 600;
}
.userbox h2 {
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.large_form {
    margin-bottom: 15px;
}
.large_form.large_form-mr10 {
    margin-bottom: 10px;
}
.icon-field {
    display: none;
}
.userbox input {
    width: 100%;
    height: 42px;
    border: 1px solid #ccc;
    background: transparent;
    color: #111;
    padding: 0 20px;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.userbox input[type=email]:focus,
.userbox input[type=password]:focus,
.userbox input[type=text]:focus {
    background: #fff;
    border-color: #ededed;
}
.action_account_custommer .action_bottom,
.action_account_custommer .req_pass {
    display: inline-block;
    vertical-align: middle;
}
.action_account_custommer .req_pass {
    margin-left: 20px;
}
.userbox .action_bottom {
    padding: 0;
}
.userbox .action_bottom {
    text-align: center;
}
.action_account_custommer {
    margin-top: 15px;
}
.userbox .action_bottom .btn {
    display: inline-block;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 600;
}
.req_pass {
    color: #959898;
    font-weight: 500;
}
.come-back {
    margin-top: 20px;
    display: block;
    font-weight: 500;
}
.come-back i {
    margin-right: 20px;
}
.userbox .errors a {
    color: red;
}
@-moz-keyframes ripple {
    5%,
    100% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
}
@-webkit-keyframes ripple {
    5%,
    100% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
}
@keyframes ripple {
    5%,
    100% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
}
#form-gender input[type="radio"] {
    display: none;
}
#form-gender input[type="radio"] + label {
    position: relative;
    cursor: pointer;
    padding-left: 28px;
    margin: 0 20px 0 0;
}
#form-gender input[type="radio"] + label:before,
input[type="radio"] + label:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#form-gender input[type="radio"] + label:before {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: #111;
    -webkit-box-shadow: inset 0 0 0 18px #efefef;
    box-shadow: inset 0 0 0 18px #efefef;
}
#form-gender input[type="radio"] + label:after {
    top: 49%;
    left: 9px;
    width: 54px;
    height: 54px;
    opacity: 0;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}
#form-gender input[type="radio"]:checked + label:before {
    -webkit-box-shadow: inset 0 0 0 4px #efefef;
    box-shadow: inset 0 0 0 4px #efefef;
}
#form-gender input[type="radio"]:checked + label:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-animation: ripple 1s none;
    animation: ripple 1s none;
}
/* --------------------- order ---- account -- address -----------------------  */
.layout-info-account {
    padding-bottom: 50px;
}
.title-infor-account {
    padding: 30px 15px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 60px;
}
.title-infor-account h1 {
    font-size: 42px;
    font-weight: 700;
    margin: 0;
    text-align: center;
}
.title-infor-account h1:after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    margin: 50px auto 0;
    background: #252a2b;
}
.title-detail {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    border-bottom: 1px solid #ededed;
    padding-bottom: 8px;
}
.sb-title:after {
    content: "";
    display: block;
    margin-top: 25px;
    width: 30px;
    height: 3px;
    background: #252a2b;
}
.name_account {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    margin: 10px 0 5px;
}
#customer_sidebar p {
    margin-bottom: 0;
    font-size: 14px;
}
.customer-table-bg {
    background: #f7f7f7;
    padding: 15px;
}
.customer-table-bg p {
    margin: 0;
}
#customer_orders table thead th,
#order_details tr th {
    font-weight: 600;
    font-size: 14px;
}
#customer_orders table tr a {
    font-weight: 500;
    float: left;
    width: 85%;
    margin-left: 3px;
    line-height: 20px;
    opacity: 0.66;
}
#customer_orders table,
#order_details {
    width: 100%;
    background: #fff;
    margin: 0;
}
#customer_orders table tr,
#order_details tr {
    height: 25px;
    line-height: 30px;
}
#customer_orders table tr.odd,
#order_details tr {
    background: #fff;
}
#customer_orders table tr td,
#order_details tr td {
    vertical-align: middle;
    border-top: none;
    font-size: 14px;
}
#order_details tr td {
    line-height: 21px;
}
#order_details tr td a,
#order_details b {
    font-weight: 500;
}
#order_details tr td.total b {
    font-weight: 600;
}
#order_details tr td.total,
#order_details tr th.total {
    padding-right: 8px;
}
#order_details tr.order_border {
    border-top: 1px solid #ededed;
}
#order_details tr td.order-image {
    width: 70px;
}
#order_details tr td.order-image a {
    display: block;
    width: 60px;
    border: 1px solid #f7f7f7;
}
a#view_address {
    font-weight: 500;
    opacity: 0.8;
}
#customer_orders,
#order_payment,
#order_shipping {
    margin-bottom: 30px;
    margin-top: 30px;
}
.customer-table-bg .table > tbody > tr > th {
    border-top: none;
}
.detail-table-order {
    margin-top: 30px;
}
.name-order {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.order_section_title {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 10px 0px;
    position: relative;
    text-transform: uppercase;
}
.order_date {
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
}
.text_status {
    font-weight: 500;
}
.address p {
    margin-bottom: 5px;
}
.account-order .address {
    margin: 0px 0px 30px;
    padding: 10px;
    background-color: #fbfbfb;
}
span.variant_acc {
    font-size: 13px;
    opacity: 0.8;
}
.alert-info {
    border-radius: 0;
    margin-bottom: 0;
}
.address_title {
    margin-bottom: 0;
    font-size: 16px;
    padding: 10px 70px 10px 10px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    position: relative;
}
.address_table {
    margin-bottom: 10px;
    border-top: 0px solid #ddd;
    background: #fafafa;
    padding: 15px;
}
.address_title h3 {
    margin: 0;
    font-size: 14px;
}
.account-address .note {
    border: none;
    padding: 0;
}
p.address_actions.text-right {
    margin: 7px 5px 0px 0;
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
}
.action_link a {
    text-transform: uppercase;
    font-size: 15px;
}
span.action_link {
    padding: 5px;
}
.view_address p > b {
    font-weight: 500;
    font-size: 14px;
}
.view_address p {
    margin: 5px 0;
    line-height: 15px;
    font-size: 14px;
}
.add-new-address {
    padding-bottom: 10px;
    display: inline-block;
    padding: 10px;
    background: #111;
    color: #fff !important;
    text-transform: uppercase;
}
.add-new-address:focus {
    color: #fff;
}
.account-address .input-group-addon {
    display: none;
}
.input-group-cus input {
    margin-right: 5px;
    margin-top: 3px;
}
.input-group {
    margin: 10px 0px;
}
.input-group .input-group-addon {
    padding: 6px 10px;
    border-radius: 0;
    color: #DAD9D9;
    background-color: #ebebeb;
    border-color: #ebebeb;
}
.input-group .form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ebebeb;
}
.icon-user:after {
    content: url(//hstatic.net/0/0/global/design/theme-default/userico.png);
}
.icon-envelope:after {
    content: url(//hstatic.net/0/0/global/design/theme-default/email.png);
}
.icon-shield:after {
    content: url(//hstatic.net/0/0/global/design/theme-default/pass.png);
}
.layout-info-account .action_bottom .btn {
    height: 35px;
    line-height: 35px;
    outline: 0;
    margin-right: 5px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 30px;
    border: 0;
    background: #111;
    color: #fff;
    display: inline-block;
    border-radius: 0;
}
.AccountTitle {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
}
.AccountList ul > li > a {
    display: block;
    position: relative;
    padding: 5px 0px;
}
.AccountList ul > li > a:before {
    content: "\f192";
    font-family: "FontAwesome";
    font-size: 8px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: 2px;
}
#order_cancelled {
    margin-bottom: 15px;
}
#order_cancelled h5 {
    margin: 0;
}
/*-------------------------------------------------------------------------------
FOOTER 
--------------------------------------------------------------------------------*/
.footer {
    background-color: #fff;
    padding: 0;
}
.footer .footer-wrapper {
    color: #111;
    width: calc(1024px - (50px * 2));
    margin: auto;
    max-width: 100%;
}
.footer h3,
.footer h4 {
    color: #111;
}
.footer a,
.footer p {
    color: #111;
    position: relative;
    display: inline-block;
}
.footer a:hover {
    color: #111;
}
.footer i {
    color: #111;
}
.footer .footer-mid {
    padding: 60px 0;
}
@media (max-width: 767px) {
    .footer .footer-mid {
        padding: 30px 0 0;
        text-align: center;
    }
}
@media (min-width: 1200px) {
    .footer .footer-mid .col-1 {
        -ms-flex: 1 0 24%;
        flex: 1 0 24%;
        max-width: 24%;
    }
    .footer .footer-mid .col-2 {
        -ms-flex: 1 0 24%;
        flex: 1 0 24%;
        max-width: 24%;
    }
    .footer .footer-mid .col-3 {
        -ms-flex: 1 0 24%;
        flex: 1 0 24%;
        max-width: 24%;
    }
    .footer .footer-mid .col-4 {
        -ms-flex: 1 0 27%;
        flex: 1 0 27%;
        max-width: 27%;
    }
}
.footer .footer-bottom {
    border-top: 1px solid #E6E6E6;
    text-align: center;
}
.footer .footer-title {
    position: relative;
    padding: 0px;
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .footer .footer-title {
        margin: 20px 0 10px;
    }
}
.footer .footer-content + .footer-title {
    margin-top: 40px;
}
.footer .footer-payment-content img {
    height: 25px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.footer .contact-form .input-group {
    margin-top: 0;
    margin-bottom: 0px;
}
.footer .contact-form input {
    font-size: 12.75px;
    padding: 10px 45px 10px 0;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #7b7b7b;
    border-radius: 0;
    background: transparent;
}
.footer .contact-form button {
    background: transparent;
    border: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}
.footer .footer-logo {
    margin: 75px 0 60px;
}
.footer .footer-menu li {
    display: block;
    margin-bottom: 6px;
}
.footer .footer-menu li:last-child {
    margin-bottom: 0;
}
.footer .footer-menu li a {
    position: relative;
    line-height: 25px;
    font-weight: 500;
    font-size: 12px;
}
@media (max-width: 767px) {
    .footer .footer-contact {
        margin-bottom: 30px;
    }
}
.footer .footer-contact p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.footer .footer-contact i {
    width: 20px;
    transform: translateY(4px);
    color: #111;
}
.footer .footer-contact span {
    width: calc(100% - 25px);
    padding-left: 10px;
}
.footer .footer-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}
@media (max-width: 767px) {
    .footer .footer-wrap {
        font-size: 12px;
    }
}
.footer .footer-social {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .footer .footer-social {
        text-align: center;
        margin-bottom: 14px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}
.footer .footer-social a {
    text-align: center;
    padding: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
}
.footer .footer-social a:hover img {
    color: #111;
}
.footer .footer-social a .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: transparent !important;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid #000;
    color: #000;
    width: 35px;
    height: 35px;
}

.footer-newsletter {
    background: #111;
    background-size: cover;
    background-position: center center;
    height: 17.875rem;
}
@media (max-width: 767px) {
    .footer-newsletter {
        background: none;
        height: auto;
    }
}
.footer-newsletter .container,
.footer-newsletter .mega-menu-1,
.footer-newsletter #add-item-form.fixed > .wrap {
    height: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
}
@media (max-width: 767px) {
    .footer-newsletter .container,
    .footer-newsletter .mega-menu-1,
    .footer-newsletter #add-item-form.fixed > .wrap {
        padding: 0;
    }
}
.footer-newsletter .footer-newsletter-wrap {
    width: 50%;
    height: 100%;
    background: #fff;
    padding: 30px;
}
@media (max-width: 767px) {
    .footer-newsletter .footer-newsletter-wrap {
        width: 100%;
        text-align: center;
    }
}
.footer-newsletter .footer-newsletter-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .footer-newsletter .footer-newsletter-title {
        margin-bottom: 10px;
    }
}
.footer-newsletter .footer-newsletter-desc {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 20px;
}
.footer-newsletter .btn {
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .footer-newsletter .btn {
        width: 100%;
    }
}
.copyright {
    padding: 0 0 20px;
    font-size: 12px;
}
.copyright a {
    color: #111;
}
.copyright p {
    margin: 0;
    font-weight: 500;
}
@media (max-width: 767px) {
    .copyright p {
        width: 100%;
        text-align: center;
    }
}
.copyright ul {
    margin: 0;
}
.copyright ul li {
    margin-left: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
/*---------------------- Sroll to Top -------------------*/
.back-to-top {
    position: fixed;
    right: 10px;
    bottom: 15px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
.back-to-top.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.back-to-top .btt-label-back {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    -webkit-transform: rotate(-90deg) translateX(50%) translateY(50%);
    -ms-transform: rotate(-90deg) translateX(50%) translateY(50%);
    transform: rotate(-90deg) translateX(50%) translateY(50%);
}
.back-to-top .btt-label-back {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    -webkit-transform: rotate(-90deg) translateX(50%) translateY(50%);
    -ms-transform: rotate(-90deg) translateX(50%) translateY(50%);
    transform: rotate(-90deg) translateX(50%) translateY(50%);
}
.back-to-top .btt-icon-back {
    position: absolute;
    bottom: 250%;
    left: 80%;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    -webkit-transition: transform 0.45s cubic-bezier(0, 0.95, 0.77, 1);
    -o-transition: transform 0.45s cubic-bezier(0, 0.95, 0.77, 1);
    transition: transform 0.45s cubic-bezier(0, 0.95, 0.77, 1);
    will-change: transform;
}
/*----------------------------------------------------------------------------------
MAIN SIDEBAR
----------------------------------------------------------------------------------*/
@keyframes scroll-in {
    0% {
        top: 2px;
    }
    49% {
        top: -14px;
    }
    50% {
        top: 19px;
    }
    100% {
        top: 2px;
    }
}
@keyframes scroll-out {
    0% {
        top: 2px;
    }
    49% {
        top: 19px;
    }
    50% {
        top: -14px;
    }
    100% {
        top: 2px;
    }
}
/* ---------------------  search sidebar --------------------- */
.site_search form.searchform {
    position: relative;
    padding: 0;
    margin-bottom: 15px;
}
form.searchform input.searchinput {
    background: #f5f5f5;
    border: 1px solid #ececec;
    font-size: 14px;
    color: #111;
    font-weight: 500;
    width: 100%;
    height: 45px;
    padding: 0 55px 0 20px;
    margin: 0;
    display: inline-block;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
form.searchform .btn-search {
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    padding: 0;
    top: 0px;
    right: 0px;
    background: transparent;
    outline: none;
}
form.searchform .btn-search svg {
    width: 18px;
    height: 40px;
    opacity: .4;
}
form.searchform input:focus {
    background: #ffffff;
    outline: none;
    border-color: #111;
}
/*----------------- Search auto ---------------*/
.smart-search-wrapper {
    width: 100%;
    border-radius: 4px;
}
.smart-search-wrapper .resultsContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.smart-search-wrapper .item-ult {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(25% - 10px);
    margin: 0 5px;
}
.smart-search-wrapper .item-ult:last-child {
    border: 0;
}
.smart-search-wrapper .item-ult:nth-child(n+5) {
    display: none;
}
.smart-search-wrapper .item-ult .thumbs {
    display: inline-block;
    margin-bottom: 10px;
}
.smart-search-wrapper .item-ult .thumbs a {
    display: block;
    position: relative;
}
.smart-search-wrapper .item-ult .thumbs a:after {
    content: '';
    display: block;
    padding-top: 125%;
}
.smart-search-wrapper .item-ult .thumbs a img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.smart-search-wrapper .item-ult .title {
    line-height: 20px;
    position: relative;
    margin-top: 0px !important;
}
.smart-search-wrapper .item-ult .title a {
    font-size: 13px;
    width: 100%;
    margin-bottom: 4px;
}
.smart-search-wrapper .item-ult .title a:hover {
    color: #111;
}
.smart-search-wrapper .item-ult .title p {
    line-height: 15px;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    color: #111 !important;
}
.smart-search-wrapper .item-ult .title p del {
    font-size: 11px;
    font-weight: 300;
    margin-left: 5px;
    color: #797979;
}
.resultsMore {
    width: 100%;
    float: left;
}
.resultsMore a {
    text-align: center;
    display: block;
    font-size: 14px;
    padding: 10px 0;
}
.dataEmpty {
    text-align: center;
    padding: 10px 0;
    margin: 0;
}
/* --------------------- cart view --------------------- */
@keyframes checkmark {
    0% {
        stroke-dashoffset: 100px;
    }
    100% {
        stroke-dashoffset: 0px;
    }
}
@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px;
    }
    100% {
        stroke-dashoffset: 960px;
    }
}
@keyframes colored-circle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100;
    }
}
.icon--order-success svg polyline {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards;
}
.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards;
}
.icon--order-success svg circle#colored {
    -webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
    animation: colored-circle 0.6s ease-in-out 0.7s backwards;
}
.site-cart {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.site-cart .header {
    padding: 15px 10px 15px 20px;
    border-bottom: 1px solid rgba(129, 129, 129, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.site-cart .header .header-sub {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.site-cart .header .header-sub #total-view-cart {
    text-align: left !important;
    font-weight: bold;
}
.site-cart .header .header-sub .text-left {
    font-size: 12px;
}
.site-cart .header .header-sub .btn {
    padding: 10px 40px;
}
.site-cart .header .title {
    font-size: 16px;
    font-weight: 900;
    color: #222;
}
.site-cart .header .number {
    font-size: 12px;
}
.site-cart .header .cart-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.site-cart .header .linktocart {
    text-decoration: underline;
    color: #646464;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
    display: block;
}
.site-cart .header i {
    font-size: 30px;
}
.site-cart .alert {
    background: #666;
    border: 0;
    border-radius: 0;
    margin: 0;
    color: #fff;
    padding: 10px 0 10px 50px;
    font-size: 12px;
    line-height: 1.2;
    display: none;
}
.site-cart .alert.show {
    display: block;
}
.site-cart .alert.show + .cart-view {
    height: calc(100% - 148px);
}
.site-cart .alert .icon {
    top: 6px;
    left: 6px;
    position: absolute;
    width: 35px;
    height: 35px;
}
.site-cart .alert .icon svg {
    transform: scale(0.23);
    transform-origin: top left;
}
.site-cart .alert span {
    display: block;
}
.site-cart .cart-ttbold {
    padding: 0 20px;
}
.site-cart .cart-ttbold .ttbold {
    font-size: 16px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 500;
    padding: 6px 10px;
    background: #f3f5f6;
    border: 1px solid #e7ebec;
    text-align: center;
    border-radius: 4px;
}
.cart-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: calc(100% - 100px);
}
.cart-view .cart-view-scroll {
    padding: 0 15px 0 10px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    flex: 1;
}
.cart-view .cart-view-scroll::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.cart-view .cart-view-scroll::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.cart-view .cart-view-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #e1e3e4;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.cart-view .cart-view-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: #e1e3e4;
}
.cart-view .cart-view-total {
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.cart-view .cart-view-total > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.cart-view .cart-view-btn {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.cart-view .line {
    float: left;
    width: 100%;
    border-top: 1px solid #e1e3e4;
    margin: 10px 0px;
}
.cart-view .linktocheckout {
    position: relative;
    width: 100%;
    white-space: nowrap;
    line-height: 30px;
    color: #ccc;
    font-weight: 300;
    border: 0;
}
.cart-view .linktocart {
    position: relative;
    width: 100%;
    white-space: nowrap;
}
#cart-view {
    width: 100%;
}
#cart-view .img img {
    width: 100%;
    border: 1px solid #ededed;
    max-width: none;
}
#cart-view .pro-title {
    padding-right: 30px;
}
#cart-view .pro-title .pro-title-view {
    font-size: 12px;
    font-weight: 600;
    display: block;
    line-height: 1;
    margin-bottom: 4px;
}
#cart-view .pro-title .variant {
    font-size: 12px;
    display: block;
    width: 100%;
}
#cart-view .remove-cart {
    top: 0;
    right: 0;
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 20px;
    text-align: center;
    color: #333;
}
#cart-view .remove-cart i {
    color: #333 !important;
}
#cart-view .item-cart_empty > div {
    position: relative;
    padding: 0px;
    text-align: center;
}
#cart-view .item-cart_empty > div .svgico-mini-cart {
    padding: 10px 0 5px;
}
#cart-view .item-cart_empty > div .svgico-mini-cart .fal {
    width: 50px;
    height: 50px;
    margin: auto;
    font-size: 50px;
}
#cart-view #total-view-cart {
    font-weight: 600;
    font-size: 16px;
    color: red;
}
#cart-view > div {
    padding: 10px 0 10px 0px;
    border-bottom: solid 1px #ebebeb;
    display: flex;
}
#cart-view > div.item-cart_empty > div {
    display: block;
}
#cart-view > div.item-cart_empty > div i {
    color: #111;
}
#cart-view > div > div {
    position: relative;
    border: none;
    vertical-align: top;
}
#cart-view > div > div:last-child {
    padding: 0 0 0 10px;
    width: calc(100% - 140px);
}
#cart-view > div:last-child {
    border: 0;
}
#cart-view > div .img {
    width: 140px;
    padding: 0;
}
#cart-view .pro-price-view {
    display: none;
}
.mini-cart_quantity {
    margin-top: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .mini-cart_quantity {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
}
.mini-cart_quantity .pro-quantity-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ccc;
    position: relative;
}
.mini-cart_quantity .pro-quantity-view.disable:after {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
}
.mini-cart_quantity .pro-quantity-view .qty-value,
.mini-cart_quantity .pro-quantity-view .base-input-number__input {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    min-width: 25px;
    padding: 0 3px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.mini-cart_quantity .pro-quantity-view .qty-btn,
.mini-cart_quantity .pro-quantity-view span {
    width: 25px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}
.mini-cart_quantity .pro-price-view {
    font-size: 13px;
    font-weight: 600;
    color: #111;
}
.mini-cart_quantity .pro-price-total span:first-child {
    font-size: 10px;
    margin-right: 5px;
}
.mini-cart_quantity .pro-price-total .product__price-subtotal {
    font-weight: bold;
    font-size: 12px;
}
/* ---------------------  menu  --------------------- */
.hamburger-menu {
    width: 30px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    display: block;
    transition: all 150ms linear;
}
.hamburger-menu .bar,
.hamburger-menu .bar:after,
.hamburger-menu .bar:before {
    width: 25px;
    height: 2px;
}
.hamburger-menu .bar {
    position: relative;
    background: #252a2b;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.hamburger-menu .bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: -6px;
    background: #252a2b;
    -ms-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    -webkit-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
}
.hamburger-menu .bar:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    background: #252a2b;
    -ms-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    -webkit-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
}
.show-action .hamburger-menu .bar {
    height: 0;
    background: transparent;
}
.show-action .hamburger-menu .bar:before {
    position: absolute;
    top: 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.show-action .hamburger-menu .bar:after {
    position: absolute;
    top: 0px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.show-action .hamburger-menu .bar:before {
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
}
.show-action .hamburger-menu .bar:after {
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
}
/* - Menu Mobile */
.menu-mobile-overlay {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
}
.menu-mobile-overlay.show {
    display: block;
}
#menu-mobile {
    height: 100%;
    position: fixed;
    z-index: 99999;
    background: #fff;
    box-shadow: 1px 1px 5px #ccc;
    width: 70%;
    top: 0;
    right: -20px;
    transition: all .4s ease-in-out;
    transform: translateX(100%);
    overflow: auto;
}
#menu-mobile.show {
    transform: translateX(0);
    right: 0;
}
#menu-mobile .menu-mobile-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #111;
    color: #fff;
    position: relative;
}
#menu-mobile .menu-mobile-header a {
    color: #fff;
    border: 0;
    padding: 0;
    margin: 0 10px;
    font-size: 14px;
}
#menu-mobile .menu-mobile-header .close {
    top: 0;
    right: 10px;
    position: absolute;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    opacity: 1;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
#menu-mobile .mobile-hotline {
    background: #344557;
}
#menu-mobile .mobile-hotline img {
    width: 32px;
    margin-right: 10px;
}
#menu-mobile .mobile-hotline a {
    color: #fff;
    padding: 5px 15px;
    font-size: 16px;
}
#menu-mobile ul li a {
    position: relative;
}
#menu-mobile ul li a .icon-angle-right {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 32px;
    padding: 0 20px;
}
#menu-mobile ul li a .icon-angle-right.active {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#menu-mobile ul ul {
    display: none;
}
#menu-mobile ul ul li a {
    padding-left: 25px;
}
#menu-mobile a {
    display: block;
    font-size: 16px;
    padding: 0 15px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 38px;
}
/*---------------------------------------------------------------------------------
RESPONSIVE
---------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    /*index */
    .box-banner-inf {
        width: 80%;
        z-index: 4;
    }
    /*account*/
    .wrapbox-heading-account .header-page {
        width: 80%;
    }
}
@media (min-width: 992px) {
    .wrapbox-heading-account {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        border-right: 1px solid #ededed;
        height: 100vh;
        padding: 0;
    }
    .wrapbox-heading-account .header-page {
        padding-bottom: 70px;
    }
    /**** BLOG ****/
    .list-article-content .news-content {
        height: 50vh;
    }
    /**** FOOTER ****/
}
@media (min-width: 1200px) {
    .wrapbox-heading-account .header-page {
        width: 60%;
    }
    .box-banner-inf {
        width: 80%;
        z-index: 4;
    }
    .wrapbox-content-search {
        padding: 0 100px 30px;
    }
}
@media (min-width: 768px) {
    .sidebarCart-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 70px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .wrapbox-heading-account {
        height: 50vh;
        border-bottom: 1px solid #ededed;
    }
    .wrapbox-heading-account .header-page {
        width: 80%;
        text-align: center;
        padding-bottom: 50px;
    }
    .wrapbox-heading-account .header-page:after {
        margin: 50px auto 0;
    }
    span#site-menu-handle:after {
        font-size: 13px;
        display: inline-block;
        content: "Menu";
        text-transform: uppercase;
        top: 0;
        right: 0;
        position: absolute;
        opacity: 0.6;
    }
    /* INDEX */
    /* COLLECTION */
    .no-product {
        text-align: center;
    }
    /* PRODUCT DETAIL*/
    .slide_product {
        width: 100%;
        height: 100%;
    }
    .slide_product li.gallery-item {
        height: 100%;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
    /* CART */
    .checkout-note textarea {
        margin-bottom: 20px;
    }
    .sidebox-order_title h3 {
        font-size: 18px;
    }
    .sidebox-order_total p .total-price {
        font-size: 20px;
    }
    .sidebox-order_text {
        font-size: 12px;
    }
    .sidebox-order_action .btncart-checkout {
        font-size: 8px 15px;
    }
    /* BLOGS */
    .list-article-content .news-content {
        height: 50vh;
    }
    /* Footer */
    footer.footer .col-lg:nth-of-type(2n+1) {
        clear: both;
    }
}
@media (max-width: 991px) {
    .product-description .btn-link,
    .product-description .card-body {
        padding: 5px 0 5px;
    }
    .header-wrap-icon > span.icon-account,
    .header-wrap-icon > span.icon-search {
        display: none !important;
    }
    .block .title_block {
        position: relative;
        margin: 0 0 5px;
        padding-top: 10px;
    }
    .block .title_block span {
        display: block;
        top: 8px;
        right: 10px;
        position: absolute;
    }
    .block .block_content .check-box-list {
        padding: 0px 10px;
    }
    .filter-default {
        padding: 0 15px;
    }
    .product-image-detail {
        width: 100%;
        padding: 0;
    }
    .flickity-page-dots {
        bottom: -55px;
        z-index: 2;
    }
    /* collection */
    .no-product {
        text-align: center;
    }
    /* CART PAGE */
    table.table-cart {
        margin-bottom: 25px;
        border: 0;
    }
    table.table-cart thead tr {
        display: none;
    }
    table.table-cart tr td {
        border: 0;
        padding: 0 5px;
    }
    table.table-cart tbody > tr {
        background: #ffffff;
        padding: 20px 0;
        display: block;
        border-radius: 2px;
        border-bottom: 1px solid #e8e8e8;
        position: relative;
        margin-bottom: 10px;
        overflow: hidden;
        clear: both;
    }
    table.table-cart tr td.image {
        width: 80px;
        float: left;
    }
    table.table-cart tr td.image img {
        max-width: 70px;
        background: #fff;
    }
    table.table-cart tr td.item {
        width: calc(100% - 80px);
        float: left;
        padding-left: 5px;
    }
    table.table-cart tr td.item h3 {
        margin: 0 0 5px;
        display: block;
        padding-right: 20px;
    }
    table.table-cart tr td.qty {
        padding: 0px;
        float: right;
        margin-right: 8px;
        text-align: right;
        position: absolute;
        right: 0px;
        bottom: 35%;
    }
    table.table-cart tr td.item .price del {
        margin-top: 2px;
    }
    table.table-cart tr td.item .price span.text {
        display: inline-block;
        font-size: 12px;
    }
    table.table-cart tr td.remove a {
        position: absolute;
        top: 22px;
        right: 0;
    }
    table.table-cart tr:last-child td {
        border: none;
    }
    .checkout-note textarea {
        margin-bottom: 20px;
    }
    .cart-buttons .btn-checkout,
    .cart-buttons a,
    .cart-buttons .btn-update {
        font-size: 10px;
        margin: 0;
        padding: 15px 8px;
    }
}
@media (max-width: 767px) {
    table.table-cart thead {
        display: none;
    }
    .wrapbox-heading-account {
        padding: 30px 15px;
        border-bottom: 1px solid #ededed;
    }
    .wrapbox-heading-account .header-page {
        text-align: center;
    }
    .wrapbox-heading-account .header-page h1 {
        font-size: 34px;
    }
    .wrapbox-heading-account .header-page:after {
        margin: 20px auto 0;
    }
    .breadcrumb-shop .breadcrumb-arrows {
        padding: 10px 0 5px;
    }
    .box-banner-inf {
        width: 100%;
        padding: 50px 15px;
        z-index: 4;
        text-align: center;
    }
    .box-banner-inf h2 {
        font-size: 40px;
    }
    .box-banner-inf a.button {
        margin-top: 33px;
    }
    /* product detail*/
    .slide_product {
        width: 100%;
        height: 100%;
        transition: opacity 300ms linear, transform 300ms linear;
    }
    .slide_product li.gallery-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .slide_product li.gallery-item img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        font-family: "object-fit: cover";
        pointer-events: none;
    }
    .product-image-detail .flickity-page-dots .dot {
        transition: all 300ms linear;
    }
    .slide_product .flickity-page-dots {
        bottom: -45px;
        z-index: 99;
    }
    .input-bottom {
        width: 54px;
        float: left;
        margin-right: 15px;
    }
    .input-bottom input {
        width: 54px;
        height: 45px;
        border: 1px solid #d1d1d1;
        text-align: center;
        outline: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .add-cart-bottom {
        font-weight: 600;
        height: 45px;
        width: calc(100% - 70px);
        border-radius: 4px;
        float: left;
    }
    /******* blog -article *******/
    .article-body h2.title-article {
        font-size: 24px;
    }
    .sidebarblog-title h2 span {
        display: inline-block;
    }
    /******* ABOUT-CONTACT *******/
    /* SEARCH ++  ACCOUNT */
    .search-field {
        width: 100%;
    }
    .title-infor-account h1 {
        font-size: 30px;
    }
    .title-infor-account h1:after {
        margin-top: 32px;
    }
    .AccountSidebar {
        margin-bottom: 40px;
    }
    .table-responsive {
        padding: 0 8px 10px;
    }
}
.hide,
.hidden {
    display: none !important;
}
.article-item {
    position: relative;
    margin-bottom: 10px;
}
.article-item:hover img {
    transform: scale(1.05);
}
@media (min-width: 768px) {
    .article-item.article-item-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .article-item.article-item-list .article-info-wrap {
        justify-content: flex-start !important;
        gap: 20px;
    }
    .article-item.article-item-list .article-photo {
        width: 300px;
    }
    .article-item.article-item-list .article-info {
        width: calc(100% - 300px);
        padding-left: 20px;
        margin-top: 0;
    }
}
.list-article-content .article-item {
    margin-bottom: 30px;
}
.article-item .article-photo {
    overflow: hidden;
    position: relative;
    margin-bottom: 1rem;
    padding-top: 66.66%;
    width: 100%;
    border-radius: 6px;
}
.article-item .article-photo a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.article-item .article-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}
.article-item .article-title {
    margin-bottom: 10px;
    min-height: 48px;
}
.article-item .article-title a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    display: block;
    color: #000;
}
.article-item .article-title a:hover {
    color: #111;
}
.article-item .article-info {
    margin: 0;
    background: #fff;
    z-index: 99;
    position: relative;
}
.article-item .article-info-wrap {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #aaa;
}
.article-item .article-info-wrap span {
    color: #111;
    margin-left: 5px;
}
.article-item .article-desc {
    line-height: 24px;
}
.htp-tabcontent {
    display: none;
}
.htp-tabcontent.active {
    display: block;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
@-webkit-keyframes slideDownEffect {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(-50%);
    }
}
@keyframes slideDownEffect {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(-50%);
    }
}
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.section-heading {
    margin-bottom: 30px;
}
.section-heading.style-dark .section-title,
.section-heading.style-dark .desc {
    color: #fff;
}
.section-heading.style-small .section-title {
    font-size: 24px;
}
@media (min-width: 767px) {
    .section-heading.style-small .section-title {
        font-size: calc(1.03093vw + 16.09278px);
    }
}
@media (min-width: 1349px) {
    .section-heading.style-small .section-title {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .section-heading.style-small .section-title span {
        font-size: 24px !important;
    }
    
    .section-heading .section-title {
      margin: 0 0 10px 0 !important;
    }
    
    .home-product .section-heading {
      margin-bottom: 10px !important;
    }
}
.section-heading.style-2 {
    text-align: center;
}
.section-heading.style-2 .section-title {
    font-size: 24px;
}
@media (min-width: 767px) {
    .section-heading.style-2 .section-title {
        font-size: calc(1.03093vw + 16.09278px);
    }
}
@media (min-width: 1349px) {
    .section-heading.style-2 .section-title {
        font-size: 30px;
    }
}
.section-heading.style-2 .section-title:after {
    content: '';
    top: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ccc;
    z-index: -1;
}
.section-heading.style-2 .section-title span {
    background: #fff;
    padding: 0 20px;
    z-index: 99;
    display: inline-block;
}
.section-heading.style-3 .section-title {
    font-weight: 300;
    font-size: 30px;
}
.section-heading .icon-title {
    margin-bottom: 20px;
}
.section-heading .section-title {
    line-height: 1.5;
    color: #111;
    font-weight: bold;
    position: relative;
    margin: 0 0 30px 0;
    line-height: 1;
    font-size: 24px;
}
@media (min-width: 767px) {
    .section-heading .section-title {
        font-size: calc(4.46735vw - 10.2646px);
    }
}
@media (min-width: 1349px) {
    .section-heading .section-title {
        font-size: 50px;
    }
}
.section-heading .section-stitle {
    color: #111;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
}
.section-heading p,
.section-heading .desc {
    font-size: 16px;
}
.home-product {
    padding: 50px 0;
}

.home-product .section-heading {
    margin-bottom: 50px;
}
.home-product .product-item {
    margin: 0;
}
.home-product__wrap {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.home-product__banner {
    width: 450px;
    padding-left: 50px;
}
@media (max-width: 992px) {
    .home-product__banner {
        width: 350px;
    }
}
@media (max-width: 767px) {
    .home-product__banner {
        width: 100%;
        padding-left: 0;
        margin-bottom: 15px;
    }
    
  .home-product {
    padding: 20px 0;
  }
}
.home-product__banner a {
    display: block;
    position: relative;
}
.home-product__banner a span {
    bottom: 0;
    left: 0;
    position: absolute;
    color: #fff;
    font-size: 70px;
    padding: 0 0 0 20px;
}
.home-product__slider {
    width: calc(100% - 450px);
    padding-left: 50px;
}
@media (max-width: 992px) {
    .home-product__slider {
        width: calc(100% - 350px);
        padding-left: 20px;
    }
}
@media (max-width: 767px) {
    .home-product__slider {
        width: 100%;
        padding-left: 0;
    }
}
.home-banner__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    height: 100vh;
}
@media (max-width: 767px) {
    .home-banner__item {
        height: 50vh;
    }
}
.home-banner__item:hover img {
    transform: scale(1.05);
}
.home-banner__item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
@media (max-width: 767px) {
    .home-banner__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.home-banner__bg-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 100%;
}
@media (max-width: 767px) {
    .home-banner__bg-wrapper > .link-box {
        background: rgba(0, 0, 0, 0.5);
    }
}
.home-banner__content {
    min-height: 390px;
    padding: 25px;
}
@media (max-width: 767px) {
    .home-banner__content {
        min-height: 180px;
        z-index: 9;
    }
}
.home-banner__content.style-small {
    min-height: 180px;
}
.home-banner__stitle {
    font-size: 16px;
    font-weight: bold;
}
.home-banner__title {
    font-size: 40px;
}
.home-banner__text {
    font-size: 16px;
    font-weight: bold;
}
.home-banner__button {
    margin-top: 30px;
    font-weight: bold;
}
.home-banner__button span {
    background: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}
.filter-mb button:focus {
    box-shadow: none;
}
.filter-mb .filter-icon {
    margin-right: 5px;
}
@media (max-width: 991px) {
    .filter-mb {
        width: 50%;
        font-size: 15px;
        position: relative;
        display: inline-block !important;
    }
    .filter-mb button:hover {
        color: #fff;
    }
}
.borderFilterMobile {
    background: #fff;
    display: inline-block;
    vertical-align: top;
    height: 38px;
    line-height: 38px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 2px;
    border: 1px #ededed solid;
    letter-spacing: 0px;
    font-size: 14px;
}
.borderFilterMobile + .borderFilterMobile {
    border-left: none;
}
.borderFilterMobile:hover,
.borderFilterMobile:focus {
    border-color: #111;
}
.overlay-filter {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.overlay-filter.active {
    opacity: 1;
    visibility: visible;
}
/* filter -css **/
@media (max-width: 991px) {
    .option .custom-dropdown:after {
        color: #fff;
        right: 15px;
        top: 7px;
        content: "\f0d7";
        font-size: 20px;
        opacity: 1;
    }
    .option .custom-dropdown .custom-dropdown__select {
        border: none;
        padding: 0;
        border-left: none;
        line-height: 21px;
        background: none;
    }
    .option .custom-dropdown .custom-dropdown__select option {
        color: #000;
    }
}
@media (max-width: 991px) and (max-width: 767px) {
    .mb-sort {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
}
@media (max-width: 991px) and (max-width: 767px) {
    .mb-sort > div {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .mb-sort .option.browse-tags .custom-dropdown {
        width: 100%;
        float: none;
    }
    .mb-sort .sortByMain {
        width: 100%;
    }
    .mb-sort #sortBy {
        border-radius: 30px;
    }
}
@media (max-width: 767px) {
    .box_sidebar {
        top: 0;
        left: 0;
        position: fixed;
        width: 300px;
        height: 100%;
        background: #fff;
        z-index: 9999;
        overflow: auto;
        max-width: 100%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@media (max-width: 767px) {
    .box_sidebar.show {
        transform: translateX(0);
    }
}
.filter-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
}
.filter-toggle img {
    margin-right: 10px;
}
.list-article-content {
    margin-bottom: 20px;
}
.content-block {
    margin-bottom: 30px;
}
.sidebar-block {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.sidebar-search form {
    position: relative;
}
.sidebar-search input {
    width: 100%;
    line-height: 35px;
    padding: 0 10px;
    border-radius: 4px;
    border: 0;
    background: #f0f0f0;
}
.sidebar-search button {
    top: 0;
    right: 10px;
    position: absolute;
    background: transparent;
    border: 0;
    color: #111;
    line-height: 35px;
    font-size: 20px;
}
#modalAddComplete {
    display: none;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    padding-top: 0;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    display: none !important;
    /* Add Animation */
}
#modalAddComplete.active .modalAddComplete-content {
    -webkit-animation: slideDownEffect 0.8s;
    animation: slideDownEffect 0.8s;
}
#modalAddComplete .modalAddComplete-content {
    border-radius: 5px;
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 1px solid #e4e4e4;
    width: 85%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 720px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}
#modalAddComplete .modalAddComplete-content .js-qty__num {
    border: 0;
    pointer-events: none;
    text-align: center;
}
#modalAddComplete .modalAddComplete-content #modalAddComplete-close {
    top: 5px;
    right: 5px;
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    z-index: 99;
    cursor: pointer;
}
#modalAddComplete .modalAddComplete-content #modalAddComplete-close:hover {
    color: #111;
}
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
#modalAddComplete .modal-cart-status h2 {
    color: #111;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    padding: 15px;
    display: block;
    text-align: center;
}
@media (max-width: 767px) {
    #modalAddComplete .modal-cart-status a {
        padding: 5px 12px;
    }
}
#modalAddComplete .modal-tbl-cart {
    max-height: 350px;
    overflow-y: auto;
}
#modalAddComplete .modal-tbl-cart::-webkit-scrollbar {
    width: 4px;
}
#modalAddComplete .modal-tbl-cart table,
#modalAddComplete .modal-tbl-cart th {
    border-bottom: 1px solid #e4e4e4;
    border-collapse: collapse;
}
#modalAddComplete .modal-tbl-cart td {
    border-collapse: collapse;
}
#modalAddComplete .modal-tbl-cart table th {
    padding: 5px !important;
    color: #111;
    min-width: 35px;
}
#modalAddComplete .modal-tbl-cart table th:nth-child(4) {
    width: 90px;
}
#modalAddComplete .modal-tbl-cart table tr:last-child {
    border: 0;
}
#modalAddComplete .modal-tbl-cart table td {
    padding: 5px !important;
}
#modalAddComplete .modal-tbl-cart table td.product-img {
    text-align: center;
}
#modalAddComplete .modal-tbl-cart table td.product-img a {
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
}
#modalAddComplete .modal-tbl-cart table td.product-img a img {
    max-width: 50px;
    vertical-align: middle;
}
#modalAddComplete .modal-tbl-cart table td.product-title > a {
    color: #111;
    font-size: 14px;
    font-weight: bold;
    display: block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#modalAddComplete .modal-tbl-cart table td.product-title > a:hover {
    color: #111;
}
#modalAddComplete .modal-tbl-cart table td.product-title small,
#modalAddComplete .modal-tbl-cart table td.product-title p {
    display: block;
    font-size: 12px;
    margin: 0px;
}
#modalAddComplete .modal-tbl-cart table td.product-sku {
    color: #111;
}
#modalAddComplete .modal-tbl-cart table td.product-price {
    position: relative;
}
#modalAddComplete .modal-tbl-cart table td.product-price span {
    display: block;
}
#modalAddComplete .modal-tbl-cart table td.product-price span.current-price {
    color: #111;
    font-weight: bold;
}
#modalAddComplete .modal-tbl-cart table td.product-price span.original-price {
    font-size: 12px;
    color: #444444;
}
#modalAddComplete .modal-tbl-cart table td.product-price span.sale-off {
    display: inline-block !important;
    text-align: center;
    padding: 2px 3px;
    color: #fff !important;
    background: #111;
    font-size: 14px !important;
}
#modalAddComplete .modal-tbl-cart table td.product-money {
    color: #111;
    font-weight: bold;
}
#modalAddComplete .modal-tbl-cart table td.product-remove > a {
    color: #111;
    display: block;
}
#modalAddComplete .modal-tbl-cart table td.product-remove > a:hover {
    color: #111;
}
#modalAddComplete .mobile-modal-tbl-cart ul {
    margin: 0;
    padding: 15px;
    max-height: 350px;
    overflow-y: scroll;
}
#modalAddComplete .mobile-modal-tbl-cart ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e4e4e4;
}
#modalAddComplete .mobile-modal-tbl-cart ul li:last-child {
    margin-bottom: 0px;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a {
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a img {
    vertical-align: middle;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a .sale-off {
    top: 2px;
    right: 2px;
    position: absolute;
    display: inline-block !important;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff !important;
    background: #111;
    font-size: 11px !important;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info {
    position: relative;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title {
    margin-bottom: 5px;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a {
    color: #111;
    font-size: 12px;
    font-weight: bold;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a:hover {
    color: #111;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title small,
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title p {
    display: block;
    margin: 0px;
    font-size: 12px;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price {
    position: relative;
    margin-bottom: 5px;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span {
    display: inline-block;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.current-price {
    color: #111;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.original-price {
    font-size: 12px;
    color: #444444;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions {
    font-size: 12px;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .decreaseVal,
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .increaseVal {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #d7d7d7;
    color: #111;
    text-align: center;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    outline: 0 !important;
    border: 1px solid #d7d7d7;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .val {
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #111;
    border-radius: 5px;
    outline: 0 !important;
    border: 1px solid #d7d7d7;
    padding: 0 5px;
}
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .cart__remove {
    display: inline-block;
    margin-left: 15px;
    font-size: 12px;
    color: #111;
}
#modalAddComplete .modal-checkout-actions {
    padding: 15px;
    box-shadow: 1px 1px 5px #ccc;
}
#modalAddComplete .modal-checkout-actions .text-left a {
    color: #111;
}
#modalAddComplete .modal-checkout-actions .text-left a:hover {
    color: #111;
}
#modalAddComplete .modal-checkout-actions .modal-cart-sum h3 {
    color: #111;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}
#modalAddComplete .modal-checkout-actions .modal-cart-sum h3 span {
    color: #111;
}
#modalAddComplete .modal-checkout-actions .modal-cart-actions a,
#modalAddComplete .modal-checkout-actions .modal-cart-actions button {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    outline: 0px;
    padding: 0px 15px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    margin-top: 15px;
    background: #111;
    outline: 0px !important;
    border-radius: 5px;
    border: 0;
}
#modalAddComplete .modal-checkout-actions .modal-cart-actions a.btnRefreshModal,
#modalAddComplete .modal-checkout-actions .modal-cart-actions button.btnRefreshModal {
    margin-right: 5px;
}
#modalAddComplete .modal-checkout-actions .modal-cart-actions a:hover,
#modalAddComplete .modal-checkout-actions .modal-cart-actions button:hover {
    color: #fff;
    background: #111;
}
.modal-backdrop {
    z-index: 10500;
}
.modal {
    z-index: 10501;
}
.account-title {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 20px;
}
.home-slider {
    position: relative;
    overflow: hidden;
}

.home-slider__item {
    overflow: hidden;
}
.home-slider__image picture,
.home-slider__image img {
    width: 100% !important;
}
.home-slider__image img {
    object-fit: cover;
}
.home-slider__content {
    top: 50%;
    right: 0;
    left: 0;
    position: absolute;
    color: #fff;
    padding: 0 15%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 767px) {
    .home-slider__content {
        top: auto;
        position: relative;
        transform: initial;
        text-align: center;
        padding: 15px 15px 0;
        background: #000;
    }
}
@media (min-width: 1400px) {
    .home-slider__info {
        padding-left: 30px;
    }
}
.home-slider__stitle {
    font-size: 24px;
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
}
@media (min-width: 767px) {
    .home-slider__stitle {
        font-size: calc(4.46735vw - 10.2646px);
    }
}
@media (min-width: 1349px) {
    .home-slider__stitle {
        font-size: 50px;
    }
}
.home-slider__title {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin: 0 0 10px;
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
}
@media (min-width: 767px) {
    .home-slider__title {
        font-size: calc(7.21649vw - 27.35052px);
    }
}
@media (min-width: 1349px) {
    .home-slider__title {
        font-size: 70px;
    }
}
@media (max-width: 767px) {
    .home-slider__title {
        margin: 5px 0 15px;
        line-height: 1.2;
    }
}
.home-slider__desc {
    font-size: 14px;
    margin-bottom: 30px;
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
}
@media (max-width: 767px) {
    .home-slider__desc {
        display: none;
    }
}
#fixed-social-network {
    position: fixed;
    top: 25%;
    right: -125px;
    z-index: 999;
}
#fixed-social-network a img {
    height: 100%;
    margin-right: 15px;
}
#fixed-social-network > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 165px;
    height: 40px;
    border-radius: 3px;
    line-height: 40px;
    padding: 8px;
    background: #fff;
    color: #333;
    border: 1px solid #e1e1e1;
    margin-bottom: 5px;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
#fixed-social-network > a > svg {
    margin-right: 20px;
}
#fixed-social-network > a:hover {
    transform: translateX(-120px);
}
#back-to-top i {
    font-size: 32px;
    margin-right: 15px;
}
.popup {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 999999999;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.8);
    /* Black w/ opacity */
}
.popup .popup-content {
    background: url("//theme.hstatic.net/200000053174/1000840984/14/popup_bg.png?v=7686");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    max-width: 750px;
    width: 90%;
    top: 50px;
    position: relative;
}
.popup .popup-content .popup-wrapper {
    background: rgba(255, 255, 255, 0.8);
    padding: 30px 15px;
}
.popup .popup-content .popup-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #111;
    margin-bottom: 15px;
}
.popup .popup-content .popup-desc {
    color: #111;
    margin-bottom: 15px;
    text-align: justify;
}
.popup .popup-content .popup-list {
    margin-bottom: 15px;
}
.popup .popup-content .popup-list ul {
    margin: 0;
}
.popup .popup-content .popup-list ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px;
    color: #111;
}
.popup .popup-content .popup-list ul li:last-child {
    margin: 0 !important;
}
.popup .popup-content .popup-list ul li:after {
    content: '\f111';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    font-size: 6px;
    color: #111;
    font-weight: bold;
}
.popup .popup-content .form-desc {
    font-size: 16px;
    color: #111;
    margin-bottom: 15px;
}
.popup .popup-content form {
    position: relative;
    width: 100%;
}
.popup .popup-content form .input-group {
    width: 100%;
}
.popup .popup-content form input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0px 45px 0px 15px;
    font-size: 14px;
    color: #111;
    background: #fff;
    outline: 0 !important;
    margin-bottom: 15px;
    box-shadow: 0px 0px 31px 0px rgba(82, 82, 82, 0.3);
    border-radius: 3px;
}
.popup .popup-content form button {
    height: 34px;
    width: 100%;
    display: inline-block;
    background: #111;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .4s;
    border: 0;
    font-size: 14px;
    border-radius: 3px;
}
.popup .popup-content form button:hover {
    background: #111;
}
.popup .close-popup {
    position: absolute;
    top: -15px;
    right: -15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    height: 30px;
    width: 30px;
    background-color: #111;
    text-align: center;
    z-index: 9999;
    border-radius: 50%;
    line-height: 30px;
}
.popup .close-popup:focus,
.popup .close-popup:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
#popup-btn {
    display: none;
}
.page_content p i {
    width: 20px;
    color: #111;
}
.style-dark .product-item .pro-price .current-price {
    color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
    .mb-mt-30 {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .pb-50 {
        padding-bottom: 30px;
    }
    .product-item .pro-price .current-price {
        font-size: 15px;
    }
    .article-item .article-item__background {
        padding: 0;
    }
    .wrap-addcart button {
        padding: 8px 15px;
        width: 100%;
    }
}
.product-description h1,
.product-description h2,
.product-description h3,
.product-description h4,
.product-description h5,
.product-description h6,
.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
.content-page h6 {
    font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
}
@media (min-width: 1200px) {
    .container,
    .mega-menu-1,
    #add-item-form.fixed > .wrap,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1440px;
    }
}
.pb-80 {
    padding-bottom: 80px;
}
@media (max-width: 991px) {
    .pb-80 {
        padding-bottom: 50px;
    }
}
.header-main {
    top: 0;
    right: 0;
    left: 0;
    position: sticky;
    z-index: 99998;
}
.header-main.fixed #header {
    background: #fff;
    padding: 10px 0;
}
.product-box-content #add-item-form {
    margin-top: 7px;
    padding-top: 5px;
    margin-bottom: 0;
}
.collection-lv2 {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.collection-lv2:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}
.collection-lv2:before {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.06);
}
.collection-lv2:hover img {
    transform: scale(1.05);
}
.collection-lv2:hover span {
    text-decoration: underline;
}
.collection-lv2:hover:before {
    background: rgba(0, 0, 0, 0.21);
}
.collection-lv2 img {
    width: 100%;
}
.collection-lv2 span {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0px 15px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 0 0 50px black;
}
@-webkit-keyframes box-image-pop {
    50% {
        -webkit-transform: scale(1.1);
    }
}
@keyframes box-image-pop {
    50% {
        transform: scale(1.1);
    }
}
.text-404 {
    font-size: 100px;
    font-weight: bold;
    line-height: 1;
}
@media (min-width: 767px) {
    .text-404 {
        font-size: calc(68.72852vw - 427.14777px);
    }
}
@media (min-width: 1349px) {
    .text-404 {
        font-size: 500px;
    }
}
.loadNotColorFilter {
    display: block;
}
.clearFilter {
    display: none;
}
.clearFilter a {
    color: red;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.collectionFilter .collectionFilterMobileAction {
    display: none;
}
.collectionFilter .collectionFilterMobileButton {
    display: none;
}
.collectionFilter .collectionFilterBlock {
    margin-top: 15px;
}
.collectionFilter .collectionFilterBlock:not(.color) ul.collectionFilterList {
    margin-top: 10px;
    margin-bottom: 0;
}
.collectionFilter .collectionFilterBlock:not(.color) ul.collectionFilterList li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.collectionFilter .collectionFilterBlock:not(.color) ul.collectionFilterList li:not(:last-child) {
    border-bottom: 1px dotted #ccc;
}
.collectionFilter .collectionFilterBlock:not(.color) ul.collectionFilterList li label {
    margin: 0;
    font-size: 14px;
    padding: 10px 10px 10px;
    display: block;
    width: 100%;
}
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li {
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li input {
    display: none;
}
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li input:checked + label {
    position: relative;
}
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li input:checked + label:after {
    content: "";
    top: 28px;
    right: 0;
    left: -1px;
    position: absolute;
    width: 10px;
    height: 5px;
    margin: auto;
    z-index: 1;
    border: 2px solid #333;
    border-top-style: none;
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
    border-right-style: none;
}
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.trang input:checked + label:after {
    color: #000;
}
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li label {
    text-align: center;
}
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li label span {
    margin-top: 10px;
    width: 100%;
    display: block;
    color: #333;
    display: none;
}
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li label:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 5px;
    border: 1px solid #e1e1e1;
}
.collectionFilter .collectionFilterBlock .priceRangeBox {
    width: 90%;
    margin: auto;
}
.sw-color-hong-label span,
.haveColor-hong,
.sw-color-hongQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.hong label:before {
    background-color: #ee8aa1 !important;
}
.sw-color-den-label span,
.haveColor-den,
.sw-color-denQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.den label:before {
    background-color: #000000 !important;
}
.sw-color-trang-label span,
.haveColor-trang,
.sw-color-trangQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.trang label:before {
    background-color: #ffffff !important;
}
.sw-color-vang-label span,
.haveColor-vang,
.sw-color-vangQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.vang label:before {
    background-color: #fffc91 !important;
}
.sw-color-xanh-label span,
.haveColor-xanh,
.sw-color-xanhQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.xanh label:before {
    background-color: #0be881 !important;
}
.sw-color-xanhreu-label span,
.haveColor-xanhreu,
.sw-color-xanhreuQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.xanhreu label:before {
    background-color: #24541A !important;
}
.sw-color-xanhbien-label span,
.haveColor-xanhbien,
.sw-color-xanhbienQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.xanhbien label:before {
    background-color: #0fbcf9 !important;
}
.sw-color-xam-label span,
.haveColor-xam,
.sw-color-xamQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.xam label:before {
    background-color: #a3a3a3 !important;
}
.sw-color-nau-label span,
.haveColor-nau,
.sw-color-nauQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.nau label:before {
    background-color: #b95600 !important;
}
.sw-color-do-label span,
.haveColor-do,
.sw-color-doQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.do label:before {
    background-color: #ff3f34 !important;
}
.sw-color-tim-label span,
.haveColor-tim,
.sw-color-timQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.tim label:before {
    background-color: #a55eea !important;
}
.sw-color-pureapple-label span,
.haveColor-pureapple,
.sw-color-pureappleQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.pureapple label:before {
    background-color: #6ab04c !important;
}
.sw-color-blue-label span,
.haveColor-blue,
.sw-color-blueQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.blue label:before {
    background-color: #0c2461 !important;
}
.sw-color-cam-label span,
.haveColor-cam,
.sw-color-camQW-label span,
.collectionFilter .collectionFilterBlock.color ul.collectionFilterList li.cam label:before {
    background-color: #fa8231 !important;
}
.post-navigation-cus {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.post-navigation-cus > div {
    width: calc(50% - 10px);
}
.post-navigation-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media (max-width: 767px) {
    .post-navigation-item {
        flex-direction: column !important;
    }
}
.left .post-navigation-item .content a:before {
    content: 'Bài trước';
}
.right .post-navigation-item {
    flex-direction: row-reverse;
}
.right .post-navigation-item .content {
    padding-left: 0;
    padding-right: 15px;
    text-align: right;
}
.right .post-navigation-item .content a:before {
    content: 'Bài sau';
}
.post-navigation-item .image {
    border-radius: 6px;
    overflow: hidden;
    width: 130px;
}
@media (max-width: 767px) {
    .post-navigation-item .image {
        width: 100%;
        margin-bottom: 10px;
    }
}
.post-navigation-item .content {
    width: calc(100% - 130px);
    padding-left: 15px;
}
@media (max-width: 767px) {
    .post-navigation-item .content {
        width: 100%;
        padding: 0 !important;
    }
}
.post-navigation-item .content a {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    display: block;
    min-height: 55px;
}
@media (max-width: 767px) {
    .post-navigation-item .content a {
        font-size: 12px;
    }
}
.post-navigation-item .content a:hover {
    color: #111;
}
.post-navigation-item .content a:before {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 5px;
}
.page-banner-heading {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}
.page-banner-heading .title {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}
@media (min-width: 767px) {
    .page-banner-heading .title {
        font-size: calc(2.74914vw - 1.08591px);
    }
}
@media (min-width: 1349px) {
    .page-banner-heading .title {
        font-size: 36px;
    }
}
.page-banner-heading .desc {
    width: 530px;
    max-width: 100%;
    color: #fff;
    margin: auto;
    font-size: 18px;
    line-height: 1.75;
}
@media (max-width: 767px) {
    .pd-page {
        padding-bottom: 0 !important;
    }
}
.snippet-about {
    margin-bottom: 30px;
}
.snippet-about__item {
    position: relative;
}
.snippet-about__content {
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 20px;
}
.snippet-about__title {
    color: #fff;
    font-size: 70px;
}
.snippet-about__desc {
    color: #fff;
    max-width: 520px;
}
.home-banner-1 {
    margin-bottom: 30px;
}
.home-banner-1 .wrap {
    padding: 0 15px;
}
.home-banner-1 .image {
    padding: 0 15px;
}
@media (max-width: 767px) {
    .home-banner-1 .image {
        padding: 0;
    }
}
.home-banner-1 .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 100%;
    padding: 5rem;
}
@media (max-width: 991px) {
    .home-banner-1 .info {
        padding: 3rem;
    }
}
@media (max-width: 767px) {
    .home-banner-1 .info {
        padding: 0 0 50px;
    }
}
.home-banner-1 .row > div {
    padding-top: 50px;
}
.home-banner-1 .title {
    font-size: 40px;
}
@media (max-width: 767px) {
    .home-banner-1 .title {
        font-size: 32px;
    }
}
.home-banner-1 .btn {
    margin-top: 1.5rem;
}
.home-banner-2 {
    margin-bottom: 30px;
}
.home-banner-2 .wrap {
    padding: 30px 100px;
    background-size: cover;
    background-position: center center;
}
@media (max-width: 991px) {
    .home-banner-2 .wrap {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .home-banner-2 .wrap {
        padding: 15px;
    }
}
.home-banner-2 .item {
    position: relative;
}
.home-banner-2 .info {
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 4rem;
}
@media (max-width: 991px) {
    .home-banner-2 .info {
        padding: 2rem;
    }
}
@media (max-width: 767px) {
    .home-banner-2 .info {
        padding: 30px 15px;
    }
}
.home-banner-2 .stitle {
    font-size: 30px;
}
@media (max-width: 767px) {
    .home-banner-2 .stitle {
        font-size: 16px;
    }
}
.home-banner-2 .title {
    font-size: 50px;
}
@media (max-width: 767px) {
    .home-banner-2 .title {
        font-size: 32px;
    }
}
.home-banner-2 .btn {
    background: transparent;
    margin-top: 1.5rem;
}
.home-banner-2 .image img {
    width: 100%;
}
.home-banner-3 {
    margin-bottom: 30px;
}
.home-banner-3 .image {
    padding: 0 15px;
}
@media (max-width: 767px) {
    .home-banner-3 .image {
        margin-bottom: 20px;
        padding: 0;
    }
}
.home-banner-3 .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 100%;
    padding: 5rem;
}
@media (max-width: 767px) {
    .home-banner-3 .info {
        padding: 0 0 50px;
    }
}
.home-banner-3 .wrap {
    padding: 0 15px;
}
.home-banner-3 .odd img {
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    .home-banner-3 .odd img {
        padding-bottom: 0;
    }
}
.home-banner-3 .even img {
    padding-top: 20px;
}
.home-banner-3 .title {
    font-size: 40px;
}
@media (max-width: 767px) {
    .home-banner-3 .title {
        font-size: 32px;
    }
}
.home-banner-3 .btn {
    background: transparent;
    margin-top: 1.5rem;
}
.home-category .swiper-scrollbar {
    height: 3px;
    margin-top: 30px;
}
.home-category .wrap {
    padding-bottom: 30px;
}
@media (max-width: 767px) {
    .home-category .wrap {
        margin-left: 0;
    }
}
.home-category .image {
    margin-bottom: 20px;
}
.home-category .image a {
    position: relative;
    display: block;
}
.home-category .image a:after {
    content: '';
    display: block;
    padding-top: 120%;
}
.home-category .image a img {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-category .title a {
    font-weight: 300;
}
.home-feedback__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
@media (min-width: 992px) {
    .home-feedback__wrap {
        padding: 0 150px;
    }
}
.home-feedback__title {
    width: calc(50% - 10px);
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .home-feedback__title {
        width: 100%;
    }
}
.home-feedback__title .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    background: #000;
    height: 100%;
    padding: 15px 15px 15px 65px;
    position: relative;
}
.home-feedback__title .wrap .vertical {
    bottom: -15px;
    left: 15px;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: top left;
    font-size: 20px;
}
@media (min-width: 767px) {
    .home-feedback__title .wrap .vertical {
        font-size: calc(1.71821vw + 6.82131px);
    }
}
@media (min-width: 1349px) {
    .home-feedback__title .wrap .vertical {
        font-size: 30px;
    }
}
.home-feedback__title .wrap .title {
    font-size: 40px;
    margin: 0;
    font-weight: normal;
}
@media (min-width: 767px) {
    .home-feedback__title .wrap .title {
        font-size: calc(5.15464vw + 0.46392px);
    }
}
@media (min-width: 1349px) {
    .home-feedback__title .wrap .title {
        font-size: 70px;
    }
}
.home-feedback__banner {
    width: calc(50% - 10px);
}
@media (max-width: 767px) {
    .home-feedback__banner {
        width: 100%;
    }
}
.home-feedback__item {
  margin-bottom: 15px;
}

.home-feedback__image {
  height: 0;
  padding-bottom: 120%;
  position: relative;
  overflow: hidden;
}

.home-feedback__image img {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

@media (min-width: 768px) {
    .row-multi.style-2 .col-lg-3:nth-child(-n+3) {
        order: -1;
    }
}
@media (min-width: 768px) {
    .row-multi.style-3 .col-lg-3:nth-child(-n+5) {
        order: -1;
    }
}
@media (min-width: 768px) {
    .row-multi.style-4 .col-lg-3:nth-child(-n+7) {
        order: -1;
    }
}
.col-multi-title h2 {
    font-weight: 400;
    margin-bottom: 50px;
}
@media (max-width: 767px) {
    .col-multi-title h2 {
        text-align: center;
    }
}
.col-multi-banner {
    margin-bottom: 30px;
}
.col-multi-banner img {
    width: 100%;
}
.col-multi-btn {
    margin-bottom: 100px;
}
.col-multi-btn .btn {
    background: transparent;
    color: #000;
    border: 1px solid #adadad;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 30px;
}

#add-item-form.fixed {
    top: 58px;
    right: 0;
    left: 0;
    position: fixed;
    top: initial !important;
    bottom: 0;
    background: #fff;
    z-index: 99;
    box-shadow: 1px 1px 5px #ccc;
    margin: 0;
    padding-right: 90px;
}
@media (max-width: 991px) {
    #add-item-form.fixed {
        padding-right: 0;
    }
}
@media (max-width: 767px) {
    #add-item-form.fixed {
        padding-right: 0;
        min-height: 80px;
        display: flex;
        align-items: center;
    }
}
#add-item-form.fixed .multinventory {
    display: none !important;
}
#add-item-form.fixed #myDIV {
    display: none !important;
}
#add-item-form.fixed > .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0 15px;
}
@media (max-width: 767px) {
    #add-item-form.fixed > .wrap .selector-actions,
    #add-item-form.fixed > .wrap .select,
    #add-item-form.fixed > .wrap .select-swatch {
        display: none;
    }
}
#add-item-form.fixed .btn-muangay .btn {
    white-space: nowrap;
    margin-left: 10px;
    border-radius: 30px;
}
#add-item-form.fixed .quantity-area {
    display: block !important;
    margin: 0;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #333;
    margin: 0 10px;
}
#add-item-form.fixed .quantity-area input {
    border: 0;
    height: 35px;
    width: 30px;
}
#add-item-form.fixed .btn-addtocart {
    margin: 0;
    padding: 0 20px;
    line-height: 35px;
    font-size: 12px;
}
#add-item-form.fixed .selector-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto;
}
#add-item-form.fixed .select-swatch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#add-item-form.fixed .swatch {
    border-right: 1px solid #ddd;
    margin-right: 10px;
    padding-right: 10px;
}
#add-item-form.fixed .swatch:first-child {
    border-left: 1px solid #ddd;
    padding-left: 10px;
}
#add-item-form.fixed .swatch .header {
    display: block !important;
}
#add-item-form.fixed .swatch .header span {
    display: inline !important;
}
#add-item-form.fixed .swatch .header a {
    display: none;
}
#add-item-form.fixed .swatch .select-swap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
#add-item-form.fixed .swatch .swatch-element {
    width: auto;
}
#add-item-form.fixed .swatch .swatch-element label {
    background: #d9d9d9;
    padding: 0;
    line-height: 25px;
    border: 0;
    font-size: 12px;
    border-radius: 12px;
    height: 25px;
    width: 35px;
}
#add-item-form.fixed .swatch .swatch-element label.sd {
    background: #333;
    color: #fff;
}
#add-item-form.fixed .price-preview {
    display: flex !important;
}
@media (max-width: 991px) {
    #add-item-form.fixed .price-preview {
        flex-direction: column;
    }
}
#add-item-form.fixed .price-preview .pro-price {
    font-size: 16px;
    margin-left: 10px;
}
#add-item-form.fixed .info {
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex: 1;
}
#add-item-form.fixed .product-image-feature-2 {
    width: 60px;
}
/*===== COLLECTION ========================================*/
.collection-banner-header {
    text-align: center;
    margin-bottom: 0;
}
.collection-banner-header img {
    display: block;
    margin: auto;
}
.collection-alert-no {
    font-size: 18px;
    margin-bottom: 50px;
}
.wrapper-mainCollection .collection-heading {
    padding: 15px 50px;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
    .wrapper-mainCollection .collection-heading {
        padding: 10px 0;
    }
}
.wrapper-mainCollection .collection-heading h1 {
    margin: 0;
    font-size: 30px;
}
.wrapper-mainCollection .collection-sortbyfilter-container {
    position: relative;
}
.wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option {
    position: absolute;
    z-index: 9;
}
.wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option .sort-by {
    margin: 0;
    padding: 5px 10px;
    left: -10px;
    position: absolute;
    white-space: nowrap;
    width: max-content;
    width: 181px;
    background: #fff;
}
@media (max-width: 767px) {
    .wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option .sort-by {
        left: auto;
        right: 0;
        text-align: right;
    }
}
.wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option .sort-by li {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    letter-spacing: .3px;
    font-size: 12px;
    padding: 4px 0;
}
.wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option .sort-by li.active {
    font-weight: bold;
}
.wrapper-mainCollection .collection-sortbyfilter-container .collection-sortby-option .sort-by li:hover {
    color: #111;
}
@media (min-width: 992px) {
    .wrapper-mainCollection .collection-sortbyfilter-container:hover .collection-sortby-opticccon {
        color: #666;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
.wrapper-mainCollection .collection-listproduct .animated.fadeIn {
    animation-duration: 1.5s;
    animation-delay: 0.3s;
}
.loadmore .btn {
    background: transparent;
    color: #3f3f3f;
    border: 1px solid #c4c4c4;
    font-size: 18px;
}
.loadmore .btn:hover {
    background: #3f3f3f;
    color: #fff;
}
/*  FILTER */
.collection-filter-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*padding: 0 50px;*/
}
.collection-filter {
    flex: 1;
}
.checkbox-list li {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 20px;
    color: #041e3a;
    font-size: 11px;
}
.checkbox-list input[type='checkbox'],
.checkbox-list input[type='radio'] {
    top: 0;
    left: 0;
    position: absolute;
    width: 11px;
    height: 11px;
    margin-top: 0;
    vertical-align: top;
    cursor: pointer;
    outline: none;
    background: #fff;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.checkbox-list input[type='checkbox']:after,
.checkbox-list input[type='radio']:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 11px;
    height: 11px;
    background: #fff;
    border: 1px solid #474747;
    cursor: pointer;
}
.checkbox-list input[type='checkbox']:before,
.checkbox-list input[type='radio']:before {
    content: "";
    top: 1px;
    left: 1px;
    position: absolute;
    width: 10px;
    height: 5px;
    margin: auto;
    z-index: 1;
    border: 2px solid #ffffff;
    border-top-style: none;
    border-right-style: none;
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
}
.checkbox-list input[type='checkbox']:checked:after,
.checkbox-list input[type='radio']:checked:after {
    background: #111;
}
.checkbox-list input[type='checkbox']:checked:before,
.checkbox-list input[type='radio']:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
.checkbox-list li label {
    margin: 0px;
    font-weight: normal;
    cursor: pointer;
}
.checkbox-list li:hover {
    color: #111;
}
.checkbox-list li:hover input[type='checkbox']:after {
    border-color: #111;
}
.filter-color .checkbox-list li {
    margin: 5px 0;
    line-height: normal;
    float: left;
    padding: 0;
    width: calc(100% / 4);
}
.filter-color .checkbox-list li label {
    width: 16px;
    height: 16px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    float: left;
    position: relative;
    font-size: 0;
}
.filter-color .checkbox-list li label {
    margin-left: 0;
    margin-bottom: 0;
}
.filter-color .checkbox-list input[type="checkbox"] {
    display: none;
}
.filter-color .checkbox-list input[type="checkbox"]:checked + label:before {
    @incldue absolute(top 7px left 6px);
    width: 12px;
    height: 6px;
    z-index: 99;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.filter-color .checkbox-list input[type="checkbox"]:checked + label {
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #333;
}
.wrapper_layered_filter .layered_filter_container {
    margin-bottom: 5px;
}
.wrapper_layered_filter .filter_group {
    width: 20%;
    padding-right: 2%;
}
@media (max-width: 767px) {
    .wrapper_layered_filter .filter_group {
        width: 100%;
        padding-right: 0;
    }
}
.wrapper_layered_filter .filter_group .filter_group_block {
    position: relative;
}
.wrapper_layered_filter .filter_group .filter_group-subtitle {
    position: relative;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.wrapper_layered_filter .filter_group .filter_group-subtitle .icon-control {
    top: 0;
    right: 5px;
    bottom: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: auto;
    font-size: 10px;
    display: inline-block;
    display: none;
}
.wrapper_layered_filter .layered_filter_tags .filter_tags {
    position: relative;
    border-radius: 12px;
    margin: 0 10px;
    color: #5d5d5d;
    background: #fff;
    border: 1px solid #dadada;
    font-size: 13px;
    display: none;
    padding: 2px 32px 3px 10px;
}
.wrapper_layered_filter .layered_filter_tags .filter_tags span.filter_tags_remove {
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.wrapper_layered_filter .layered_filter_tags .filter_tags span.filter_tags_remove svg {
    width: 16px;
    height: 16px;
}
.wrapper_layered_filter .layered_filter_tags .filter_tags.opened {
    display: inline-block;
}
.wrapper_layered_filter .layered_filter_tags .filter_tags.filter_tags_remove_all {
    cursor: pointer;
    border: 0;
}
.wrapper_layered_filter .layered_filter_tags .filter_tags.filter_tags_remove_all span {
    color: #111;
    border-bottom: 1px solid #111;
}
@media (max-width: 991px) {
    .wrapper-mainCollection .collection-sortby-filter .collection-filterby {
        display: block;
    }
    .wrapper-mainCollection .collection-sortby-filter .filter_opened .layered_filter_title .title_filter:after {
        display: none;
    }
    .wrapper-mainCollection .collection-sortby-filter .filter_opened .layered_filter_title .title_filter .icon-filter svg {
        fill: #111;
        stroke: #111;
    }
    .wrapper-mainCollection .collection-sortby-filter .filter_opened .layered_filter_title .title_filter .icon-filter svg {
        color: #111;
    }
    .wrapper-mainCollection .collection-sortby-filter .filter_opened .layered_filter_title .title_filter .icon-close {
        display: block;
    }
    .layered_filter_container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wrapper_layered_filter .filter_group .filter_group-subtitle {
        border: 0;
    }
    .wrapper_layered_filter .filter_group .filter_group-subtitle.action-group span.icon-control {
        color: #666;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
.title_filter {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
}
.layered_filter_mobileContent {
    display: none;
    padding-bottom: 50px;
}
.layered_filter_group_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
}
@media (max-width: 767px) {
    .layered_filter_group_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.layered_filter_group_wrap .icon-control {
    display: none;
}
.layered_filter_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.header-page h1 {
    text-transform: uppercase;
    font-weight: bold;
}
.header-page .count-cart {
    font-size: 18px;
}
.listProduct-row {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 1fr;
}
@media (max-width: 991px) {
    .listProduct-row {
        grid-template-columns: 50% 50%;
        display: flex;
    }
}
@media (max-width: 767px) {
    .listProduct-row {
        grid-template-columns: 50% 50%;
        display: flex;
    }
}
.listProduct-row > div {
    width: 100%;
    max-width: initial;
}
@media (min-width: 768px) {
    /*.listProduct-row > div:nth-child(7) {*/
    /*    grid-column: 1 / 3;*/
    /*    grid-row: 2 / 4;*/
    /*    grid-area: 2 / 3 / 3 / 5;*/
    /*}*/
    /*.listProduct-row > div:nth-child(7) .product-item .product-img > a:after {*/
    /*    padding-top: 100%;*/
    /*}*/
    /*.listProduct-row > div:nth-child(7) .product-detail {*/
    /*    display: none;*/
    /*}*/
}

.section-service {
    padding: 50px 0;
}
.section-service .item {
    text-align: center;
}
.section-service .icon {
    margin-bottom: 30px;
}
.section-service .icon img {
    width: 48px;
}
.section-service .title {
    font-size: 18px;
}
.product-service {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 30px 0 20px;
}
.product-service .item {
    text-align: center;
    width: calc(100% / 3);
    padding: 0 2%;
}
@media (max-width: 767px) {
    .product-service .item {
      width: 100%;
      padding: 0;
    }
}
.product-service .icon {
  margin-bottom: 10px;
}
.product-service .icon img {
  height: 50px;
}
.product-service .title {
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 767px) {
    .product-service .title {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .product-service .desc {
        font-size: 10px;
        padding: 0 15px;
    }
}
#stock-box {
    overflow-y: scroll;
    height: 179px;
    margin-bottom: 20px;
    width: 100%;
    font-weight: bold;
    color: #333;
    border-color: #dcdbdb;
    position: relative;
    overflow-x: hidden;
    padding: 0 0 20px 0;
    text-align: left;
}
#stock-box .stock {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}
#stock-box div .dist {
    float: left;
    width: 100%;
}
#stock-box div .dist img {
    width: 15px;
    margin: 0 5px 0 0;
    display: inline-block;
}
#stock-box .street {
    font-weight: normal;
    float: left;
    width: 100%;
    padding-left: 20px;
}
#stock-box .timeStore {
    font-weight: normal;
    padding-left: 20px;
}
#stock-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}
#stock-box::-webkit-scrollbar {
    width: 6px;
    height: 0;
    background-color: #F5F5F5;
}
#stock-box::-webkit-scrollbar-thumb {
    background-color: #000000;
}
#myModalStock {
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(0, 0, 0, 0.7);
}
#myModalStock .close_in {
    font-size: 30px;
    top: 0;
    right: 10px;
    position: absolute;
}
#myModalStock .modal-body-content {
    top: 50%;
    left: 50%;
    position: absolute;
    max-width: 60%;
    width: 60%;
    height: auto;
    margin: 0 auto;
    padding: 15px;
    display: inline-block;
    transform: translate(-50%, -50%);
    background: #fff;
}
@media (max-width: 768px) {
    #myModalStock .modal-body-content {
        max-width: 95%;
    }
}
.btn-multinventory {
    display: block;
    border-radius: 30px;
    font-size: 14px;
    line-height: 36px;
    margin-bottom: 10px;
    font-weight: normal;
    border: 0;
}
@media (max-width: 768px) {
    .inventory-location-box {
        padding: 0;
    }
}
.inventory-location-box h2 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .inventory-location-box h2 {
        font-size: 16px;
    }
}
span.close_in {
    font-size: 30px;
    position: absolute;
    top: 0;
    right: 0;
}
.inventory-location-box {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
    border-radius: 5px;
}
#inventory_popup .close {
    width: 30px;
    height: 30px;
}
#inventory_popup h4 {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1.0px;
}
.inventory-location-box.data ul {
    padding-left: 0;
    margin: 5px 0;
}
.inventory-location-box.data ul li .bold-light {
    font-weight: bold;
    display: block;
}
.inventory-location-box.error {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #F06455;
    border: 1px dashed #f88d81;
}
.inventory-location-ajax ul li {
    color: #555555;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.inventory-location-ajax ul li input[type=radio] {
    position: absolute;
    visibility: hidden;
}
.inventory-location-ajax ul li label {
    position: relative;
    font-weight: normal;
    font-size: 13px;
    padding: 0 0 0 25px;
    margin: 4px auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}
.inventory-location-ajax ul li .check {
    display: block;
    position: absolute;
    border: 1px solid #AAAAAA;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 5px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    background: #fff;
}
.inventory-location-ajax ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
.inventory-location-ajax input[type=radio]:checked ~ .check::before {
    background: #488be5;
}
button.close {
    margin: 5px 10px;
}
.buy-popup #buy-now {
    color: #fff;
    background: #ff7d33;
    border: 1px solid #ff7d33;
    padding: 5px 15px;
    border-radius: 5px;
}
.modal-body-content {
    top: 50%;
    left: 50%;
    position: absolute;
    padding: 15px;
    width: 60%;
    max-width: 60%;
    margin: 0 auto;
    display: inline-block;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .modal-body-content {
        width: 100%;
        max-width: 100%;
    }
}
/* COUNTDOWN */
.main-example {
    margin: 0 0 30px auto;
    width: max-content;
}
@media (max-width: 767px) {
    .main-example {
        margin: 0 auto;
    }
}
.main-example > span {
    text-align: center;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 5px;
}
.main-example .countdown-container {
    height: 47px;
}
.main-example .time {
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    display: inline-block;
    text-align: center;
    position: relative;
    width: 45px;
    height: 45px;
    -webkit-perspective: 479px;
    -ms-perspective: 479px;
    perspective: 479px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.main-example .count {
    background: #000;
    top: 0;
    position: absolute;
    color: #f8f8f8;
    display: block;
    font-size: 26px;
    line-height: 1.6em;
    overflow: hidden;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    width: 100%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
}
.main-example .count.top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px 5px 0 0;
    height: 50%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.main-example .count.bottom {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    border-bottom: 1px solid #000;
    border-radius: 0 0 5px 5px;
    line-height: 0;
    height: 50%;
    top: 50%;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.main-example .label {
    top: 43px;
    position: absolute;
    margin-top: 5px;
    display: block;
    width: 100%;
    font-size: 12px;
}
/* Animation start */
.main-example .count.curr.top {
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 3;
}
.main-example .count.next.bottom {
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    z-index: 2;
}
/* Animation end */
.main-example .flip .count.curr.top {
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
.main-example .flip .count.next.bottom {
    -webkit-transition: all 250ms ease-in-out 250ms;
    -o-transition: all 250ms ease-in-out 250ms;
    transition: all 250ms ease-in-out 250ms;
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
@media screen and (max-width: 767px) {
    .main-example .countdown-container {
        height: 75px;
    }
    .main-example .time {
        height: 35px;
        width: 25px;
    }
    .main-example .count {
        font-size: 1.2em;
        line-height: 34px;
    }
    .main-example .label {
        font-size: 0.8em;
        top: 34px;
    }
}
@media screen and (max-width: 767px) {
    .main-example .countdown-container {
        text-align: center;
        margin-top: 10px;
    }
}
/* END COUNTDOWN*/
.video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto;
}
.breadcrumb-shop .video-wrapper {
    padding-bottom: initial;
}
.breadcrumb-shop .video-wrapper video {
    position: relative;
}
.video-wrapper iframe,
.video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-wrapper video {
    object-fit: cover;
}
.cuahang {
    /* Store */
}
@media (min-width: 800px) {
    .cuahang .container-fluid {
        padding: 0 20%;
    }
}
.cuahang .section-heading .section-title span {
    margin: 30px 0 10px 0;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    display: block;
}
.cuahang .change-tinh {
    height: 40px;
    padding: 5px;
    width: 100%;
    margin: 5px 0;
    font-size: 14px;
    background: #fff;
    border: 1px solid #cecece;
}
.cuahang .change-quan {
    height: 40px;
    padding: 5px;
    width: 100%;
    font-size: 14px;
    margin: 0;
    background: #fff;
    border: 1px solid #cecece;
    margin-left: 2.5%;
    margin-right: 2.5%;
}
.cuahang .change-quan:hover,
.cuahang .change-quan:focus,
.cuahang .change-tinh:hover,
.cuahang .change-tinh:focus {
    outline: none;
    color: #333;
    border-color: #8c8c8c;
}
.cuahang .address-map-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.cuahang .address-cont {
    padding: 0 0 10px;
}
.cuahang .address-detail ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cuahang .address-detail li {
    line-height: 30px;
    color: #333;
    cursor: pointer;
    margin: 0 0 10px 0;
    border-bottom: 2px dotted #cacaca;
}
.cuahang .address-detail li .title {
    font-weight: 500;
    margin-bottom: 10px;
}
.cuahang .address-detail li .desc {
    position: relative;
    margin-bottom: 10px;
    min-height: 20px;
}
.cuahang .address-detail li .desc p {
    line-height: 1.5;
}
.cuahang .address-detail li .gallery {
    display: none;
}
.cuahang .address-detail li .view-more {
    top: -35px;
    right: 0;
    position: absolute;
    font-size: 12px;
    cursor: pointer;
    padding: 0;
    font-weight: normal;
}
.cuahang .address-detail li a {
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0 15px 10px;
    display: block;
    line-height: 1;
}
.cuahang .address-detail li a:hover {
    color: currentColor;
}
.cuahang .address-detail li a:focus,
.cuahang .address-detail li a:active {
    background: #69b4e4;
    color: #fff;
}
.cuahang .address-detail li span {
    line-height: 1;
    font-size: 13px;
    font-weight: normal;
    margin-top: 5px;
    display: block;
}
.cuahang .address-detail li p {
    margin: 0;
    line-height: 1;
}
.cuahang .table-responsive.account-table p {
    padding: 0;
}
.cuahang #Store {
    margin: 30px 0;
}
.cuahang .labelStore {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}
.cuahang .labelStore svg {
    color: #fb7b46;
}
.cuahang #myInput {
    width: 100%;
    font-size: 14px;
    height: 40px;
    border-radius: 0;
    border: 1px solid #cecece;
}
.cuahang .page-content iframe {
    width: 100% !important;
    height: 450px !important;
}
.author-box {
    width: 100%;
    margin-top: 20px;
    padding: 20px 10px;
    border-top: 1px solid #e9e9e9;
    box-shadow: 0 0 11px 0 rgba(50, 50, 50, 0.13);
}
.author-box .author-description {
    padding: 35px 50px;
    position: relative;
}
.author-box .author-description:before {
    content: open-quote;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 120px;
    line-height: 1;
    font-family: FreeSans, Arimo, droid sans, Helvetica, Arial, sans-serif;
}
.author-box .author-description:after {
    content: close-quote;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 120px;
    line-height: 0;
    font-family: FreeSans, Arimo, droid sans, Helvetica, Arial, sans-serif;
}
.author-box .author-info {
    display: flex;
    padding: 0 50px;
    align-items: center;
    align-self: auto;
}
.author-box .author-info .author-img {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;
}
.author-box .author-info .author-name {
    font-style: italic;
    display: inline-block;
    margin: 0;
    margin-right: 50px;
    font-size: 18px;
}
.author-box .author-info .social-author {
    display: inline-flex;
    font-size: 15px;
    flex: 25%;
    justify-content: flex-end;
}
.view-all {
    text-align: center;
    margin-bottom: 30px;
}
.view-all a {
    border-color: #000;
    color: #ff0;
    text-transform: uppercase;
}
.htp-tablink {
    border: 0;
    background: transparent;
    font-size: 20px;
    margin: 0 20px 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
}
@media (max-width: 767px) {
    .htp-tablink {
        font-size: 16px;
        margin: 0 10px 20px;
    }
}
.htp-tablink.active {
    border-bottom: 2px solid #000;
}
.topbar {
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
}
@media (max-width: 767px) {
    .topbar {
        font-size: 12px;
    }
}
.topbar a {
    display: block;
}
.product-tag a {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 22px;
    display: inline-block;
    font-size: 10px;
    padding: 0 15px;
    margin-bottom: 5px;
}
.close-filter {
    position: absolute;
    bottom: 0;
    right: 50px;
    background: transparent;
    color: #041e3a;
    border: 1px solid #041e3a;
    padding: 0.9375rem 4.8125rem;
    margin-left: 0.6875rem;
    font-size: .6875rem;
    margin-top: 0;
}
.close-filter:hover {
    background: #041e3a;
    color: #fff;
}
#wrap-social-login-plus {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
@media (max-width: 767px) {
    #wrap-social-login-plus button {
        width: 49% !important;
        font-size: 12px;
    }
}
video {
    max-width: 100%;
}
.fancybox-container {
    z-index: 999992 !important;
    z-index: 9999992 !important;
}
table {
    max-width: 100%;
}
#detail-product.tuan {
    top: 0 !important;
}
.product-collection a {
    font-weight: bold;
    color: #da7620;
    margin-bottom: 10px;
    display: block;
}
.snippet-2-banner a {
    margin-bottom: 15px;
    display: block;
}
.snippet-multi-banner {
    margin-bottom: 20px;
}
.snippet-multi-banner a {
    display: block;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .snippet-multi-banner a {
        margin-bottom: 15px;
    }
}
.snippet-banner {
    margin-bottom: 30px;
}
.collection-category .item {
    padding: 30px 0;
    border-right: 1px solid #eee;
}
.collection-category .item img {
    width: auto;
    max-width: 70px;
    height: 6rem;
    margin: 0 auto 10px;
}
chat-widget {
    z-index: 999999;
    position: relative;
}
.cart-cus .content-block {
    background: #f3f1f6;
}
.cart-cus .heading {
    background: #fff;
    padding: 15px 30px;
    margin-top: 10px;
}
@media (max-width: 767px) {
    .cart-cus .heading {
        padding: 15px;
    }
}
.cart-cus .heading p {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px 0;
}
@media (max-width: 991px) {
    .cart-cus .sidebox-order-checkout {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999999;
        border-top: 1px solid #ccc;
    }
    .cart-cus .sidebox-order-checkout .sidebox-order_title {
        display: none;
    }
    .cart-cus .sidebox-order-checkout .sidebox-order-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .cart-cus .sidebox-order-checkout .sidebox-order_total p {
        display: flex;
        flex-direction: column;
    }
    .cart-cus .sidebox-order-checkout .sidebox-order_total p label {
        margin: 0;
    }
}
.cart-cus .sidebox-order {
    background: #FFF;
    padding: 19px 30px;
}
@media (max-width: 767px) {
    .cart-cus .sidebox-order {
        padding: 15px;
    }
}
.cart-cus .sidebox-order_title h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.cart-cus .sidebox-order_total {
    margin: 0 !important;
    padding: 0;
}
.cart-cus .sidebox-order_total label {
    font-size: 18px;
    font-weight: 500;
}
.cart-cus .sidebox-order_total span {
    float: right;
    font-size: 20px;
    margin-top: 3px;
    font-weight: bold;
}
.cart-cus .btncart-checkout {
    display: block;
    font-size: 16px;
    background: #f4c500;
    margin: 15px 0px;
    padding: 10px 20px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
}
@media (max-width: 767px) {
    .cart-cus .btncart-checkout {
        margin: 0;
    }
}
.cart-cus .table-cart {
    padding: 15px 30px;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    display: flex;
}
@media (max-width: 767px) {
    .cart-cus .table-cart {
        padding: 15px;
    }
}
.cart-cus .table-cart tbody {
    width: 100%;
}
.cart-cus .table-cart tr {
    border: 0;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .cart-cus .table-cart tr {
        flex-direction: column;
        padding: 0 0 0 80px;
        border-bottom: 1px solid #ddd;
    }
    .cart-cus .table-cart tr:last-child {
        border: 0;
    }
}
.cart-cus .table-cart tr td {
    border: 0;
}
@media (max-width: 767px) {
    .cart-cus .table-cart tr td {
        width: 100% !important;
    }
}
.cart-cus .table-cart tr td:not(.image) {
    z-index: 99;
}
@media (max-width: 767px) {
    .cart-cus .table-cart tr td.image {
        margin-bottom: 10px;
        text-align: left;
        position: absolute;
        left: 0;
    }
}
.cart-cus .table-cart tr td.item .price {
    font-weight: bold;
    font-size: 16px;
}
@media (max-width: 767px) {
    .cart-cus .table-cart tr td.item p {
        text-align: left !important;
    }
}
@media (max-width: 767px) {
    .cart-cus .table-cart tr td.qty {
        width: auto !important;
        bottom: 30px;
    }
}
@media (max-width: 767px) {
    .cart-cus .table-cart tr td .remove {
        background: url(//theme.hstatic.net/200000053174/1000840984/14/ic_close.png?v=7686);
        background-size: 100% 100%;
        width: 14px;
        height: 14px;
        font-size: 0;
        position: absolute;
        right: 5px;
        top: 5px;
    }
}
.cart-cus .width-20 {
    width: calc(50% / 3);
    padding: 0 5px;
}
.cart-cus .width-40 {
    width: 50%;
    padding: 0 5px;
}
.cart-cus .cart-discount {
    background: #fff;
    padding: 19px 30px;
}
@media (max-width: 767px) {
    .cart-cus .cart-discount {
        padding: 15px;
    }
}
.cart-cus .cart-discount .list-discount {
    margin: 0;
}
.cart-cus .cart-discount .list-discount .item-discount {
    display: flex;
    align-items: center;
}
.cart-cus .cart-discount .list-discount .item-discount .icon-discount {
    flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    max-width: 30px;
}
.cart-cus .cart-discount .list-discount .item-discount .detail-discount {
    flex: 0 0 calc(100% - 30px);
    -webkit-flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding-left: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.cart-cus .cart-discount .list-discount .item-discount .detail-discount .btn-buycoutinue,
.cart-cus .cart-discount .list-discount .item-discount .detail-discount .btn-buycoutinue-freeship {
    background: #2f80ec;
    font-weight: bold;
}
.cart-cus .cart-discount .list-discount .item-discount .detail-discount .btn-buycoutinue:hover,
.cart-cus .cart-discount .list-discount .item-discount .detail-discount .btn-buycoutinue-freeship:hover {
    background: #db0909;
}
.cart-cus .cart-discount .list-discount .item-discount .detail-discount.has-freeship .btn-buycoutinue,
.cart-cus .cart-discount .list-discount .item-discount .detail-discount.has-freeship .btn-buycoutinue-freeship {
    display: none;
}
.cart-cus .cart-heading {
    background: #fff;
    padding: 19px 30px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
}
@media (max-width: 767px) {
    .cart-cus .cart-heading {
        padding: 15px;
    }
}
.cart-cus .cart-gift {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 19px 30px;
}
@media (max-width: 767px) {
    .cart-cus .cart-gift {
        padding: 15px;
    }
}
@media (max-width: 767px) {
    .cart-cus .cart-gift .detail-discount {
        flex-direction: column;
        align-items: start;
    }
}
.cart-cus .cart-gift .detail-discount > span {
    background: url(//theme.hstatic.net/200000053174/1000840984/14/gift-box.png?v=7686) no-repeat left 0%;
    background-size: 30px;
    padding-left: 50px;
    padding-right: 15px;
    text-align: justify;
    display: block;
}
.cart-cus .cart-gift .detail-discount > span .bonus {
    font-size: 12px;
    display: block;
    color: #f00;
    font-weight: bold;
    margin-top: 5px;
}
.cart-cus .cart-gift .detail-discount > div {
    display: flex;
    white-space: nowrap;
    justify-content: flex-end;
    padding-left: 50px;
    padding-right: 15px;
}
.cart-cus .cart-gift .detail-discount > div a {
    display: flex;
    flex: 1;
    justify-content: center;
    margin-top: 10px;
    background: #2f80ec;
    font-weight: bold;
}
.cart-cus .cart-gift .detail-discount > div a:hover {
    background: #db0909;
}
.cart-cus .cart-gift .detail-discount > div a + a {
    margin-left: 5px;
}
@media (max-width: 767px) {
    .cart-cus .cart-gift .detail-discount > div {
        margin-top: 10px;
    }
}
.btn-style {
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 8px;
    background: #000;
    color: #fff !important;
    border-radius: 4px;
    white-space: nowrap;
}
.btn-style.disable {
    background: #606060;
    pointer-events: none;
    font-size: 0;
}
.btn-style.disable:after {
    content: 'Đã chọn';
    font-size: 14px;
}
#modal-collection {
    z-index: 99999;
}
@media (min-width: 576px) {
    #modal-collection .modal-dialog {
        max-width: 600px;
    }
}
#modal-collection .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    justify-content: center;
}
#modal-collection .modal-header .close {
    font-size: 30px;
    opacity: 1;
    position: absolute;
    right: 0;
    margin: 0;
    top: 0;
    padding: 0 10px;
}
#modal-collection .modal-title {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}
#modal-collection .total-num {
    text-align: center;
    color: #333;
    margin: 5px 0 0 0;
}
#modal-collection .layered_filter_mobileContent {
    padding: 0;
}
#modal-collection .wrapper-mainCollection .collection-heading {
    top: 0 !important;
}
#modal-collection .sortby-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
#modal-collection .sortby-wrap select {
    height: 35px;
    border: 1px solid #000;
    padding: 0 5px;
}
#modal-collection .product-item {
    margin-bottom: 15px;
}
#modal-collection .product-item .product-newin {
    font-size: 8px;
    padding: 0 5px;
    line-height: 20px;
}
#modal-collection .product-item .product-img .product-sale {
    right: 0;
    font-size: 9px;
}
#modal-collection .product-item .product-purchased {
    right: 5px;
    bottom: 40px;
    left: 5px;
    font-size: 10px;
    line-height: 20px;
}
@media (max-width: 767px) {
    #modal-collection .product-item .product-btn {
        transform: translateY(0) !important;
    }
}
.show-more::before {
    height: 55px;
    margin-top: -45px;
    content: -webkit-gradient(linear, 0% 100%, 0% 0, from(white), color-stop(0.2, white), to(rgba(255, 255, 255, 0)));
    display: block;
}
.readmore {
    width: 240px;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    color: #288ad6;
    margin: 75px auto 10px;
    cursor: pointer;
    border: 1px solid #288ad6;
    border-radius: 4px;
    text-align: center;
}
.readmore:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}
.hide-more .readmore:after {
    transform: rotate(180deg);
}
.pro-tabcontent-more {
    height: 200px;
    overflow: hidden;
    line-height: 1.5;
    margin-top: 30px;
}
.preorder-process .process-bar {
    position: relative;
    width: 100%;
    height: 16px;
    background: #E8E8E8;
    border-radius: 999px;
    overflow: hidden;
}
.preorder-process .percent-process {
    position: absolute;
    content: "";
    width: 30%;
    height: 100%;
    background: #25CF88;
    border-radius: inherit;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.preorder-process .process-info {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
.product-item-preorder .product-btn {
    position: relative;
    transform: translateY(0);
}
.product-item-preorder .pro-price .current-price {
    font-size: 16px;
    color: #f00;
    display: block;
}
.product-item-preorder .pro-price .pro-price-del {
    margin: 0;
}
.product-preorder .product-price .pro-price:before {
    content: 'Giá đặt trước: ';
}
.product-preorder .product-price del {
    padding-left: 0;
    display: block;
}
.product-preorder .product-price del:before {
    content: 'Giá chính thức: ';
}
.product-preorder .product-price .pro-sale {
    display: none;
}
.product-preorder .product-price .pro-price {
    font-size: 22px;
    margin-bottom: 10px;
    display: inline-block;
}
.product-preorder #add-item-form.fixed .price-preview del {
    padding-left: 10px;
}
.menu-click-id {
    position: sticky;
    top: 80px;
    z-index: 999;
    background: #fff;
    padding: 10px 0;
}
@media (max-width: 767px) {
    .menu-click-id {
        top: 20px;
    }
}
.menu-click-id__menu ul li a {
    background: #000;
    color: #fff;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}
.menu-click-id__menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
@media (max-width: 767px) {
    .menu-click-id__menu ul {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 5px;
    }
}
.menu-click-id__menu ul li {
    margin: 0 5px;
}
@media (max-width: 767px) {
    .menu-click-id__menu ul li {
        flex: none;
    }
}
.section-product-preorder .main-example {
    margin: 30px auto;
}
.rte ul {
    padding-left: 20px;
    list-style: disc;
}
.rte blockquote {
    border-left: 5px solid #ccc;
    padding: 13px 8px 13px 20px;
}
.rte blockquote p {
    margin: 0;
}
.flash-sale-header-wrapper {
    height: 35px;
    line-height: 1.875rem;
    margin: 0 auto;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: all;
}
@media (max-width: 768px) {
    .flash-sale-header-wrapper {
        height: auto;
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .flash-sale-header-wrapper .flash-sale-header-img {
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}
.flash-sale-header-wrapper .flash-sale-header-img img {
    width: 114px;
    margin-right: 20px;
}
.flash-sale-header-wrapper .label_countdown {
    white-space: nowrap;
    margin: 0;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
}
.flash-sale-header-wrapper .hfp-countdown > .time {
    margin: 0 5px;
}
.flash-sale-header-wrapper .hfp-countdown > .time > div {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    position: relative;
}
.flash-sale-header-wrapper .hfp-countdown > .time div:first-child {
    background: #111;
    color: #fff;
    margin-bottom: 0;
}
.flash-sale-header-wrapper .hfp-countdown > .time > div:last-child {
    display: none;
}
.bg-collection-combo {
    margin: 15px 0;
    position: relative;
    padding-left: 0px;
    background: #111 !important;
    border-radius: 5px;
}
.bg-collection-combo:before {
    content: attr(data-count);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
    text-align: center;
    left: -11px;
    width: 55px;
    height: 55px;
    color: #111;
    background: #fff;
    line-height: 44px;
    font-size: 20px;
    font-weight: bold;
    border: 6px solid #111;
}
.bg-collection-combo.bg-collection-combo1 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo1:before {
    color: #000000;
    border-color: #000000;
}
.bg-collection-combo.bg-collection-combo2 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo2:before {
    color: #000000;
    border-color: #000000;
}
.bg-collection-combo.bg-collection-combo3 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo3:before {
    color: #000000;
    border-color: #000000;
}
.bg-collection-combo.bg-collection-combo4 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo4:before {
    color: #000000;
    border-color: #000000;
}
.bg-collection-combo.bg-collection-combo5 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo5:before {
    color: #000000;
    border-color: #000000;
}
.bg-collection-combo.bg-collection-combo6 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo6:before {
    color: #000000;
    border-color: #000000;
}
.bg-collection-combo.bg-collection-combo7 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo7:before {
    color: #000000;
    border-color: #000000;
}
.bg-collection-combo.bg-collection-combo8 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo8:before {
    color: #000000;
    border-color: #000000;
}
.bg-collection-combo.bg-collection-combo9 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo9:before {
    color: #000000;
    border-color: #000000;
}
.bg-collection-combo.bg-collection-combo10 {
    background: #000000 !important;
}
.bg-collection-combo.bg-collection-combo10:before {
    color: #000000;
    border-color: #000000;
}
@media (max-width: 768px) {
    .bg-collection-combo .heading-collection h2 {
        font-size: 16px;
        line-height: 1.5;
        padding: 7px 0;
    }
}
.bg-collection-combo .bg-white {
    padding: 0;
    background: transparent !important;
}
.bg-collection-combo .bg-white .wrap-collection-title {
    position: relative;
}
.bg-collection-combo .bg-white .wrap-collection-title:after {
    position: absolute;
    top: 0;
    left: -150%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation: shine 2s infinite;
}
.bg-collection-combo .bg-white .heading-collection h2 {
    color: #fff;
    padding-left: 60px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 38px;
    margin: 0px;
}
@media (max-width: 767px) {
    .bg-collection-combo .bg-white .heading-collection h2 {
        font-size: 14px;
        padding-left: 50px;
    }
}
.collection-combo .bg-white {
    padding-bottom: 0px;
}
.collection-combo .content-product-list .product-item {
    margin-bottom: 15px;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.deals__qty {
    background-color: #ffaaaf;
    color: #fff;
    border-radius: 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: 15px;
    margin: 10px auto 0;
}
.deals__qty .deals__progress {
    top: 0;
    left: 0;
    position: absolute;
    background-color: #FDB10A;
    height: 15px;
    border-radius: 10px;
    min-width: 15px;
}
.deals__qty > span {
    font-size: 11px;
    line-height: 16px;
    padding: 0px 0px 0px 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
}
.productDetail-page.tuan {
    z-index: 999;
    position: relative;
}
.cart-progress-bar {
    padding: 15px 30px;
    background: #fff;
    margin-top: 10px;
}
@media (max-width: 767px) {
    .cart-progress-bar {
        padding: 15px 25px 15px 15px;
    }
}
.cart-progress-bar .gDlEvq {
    position: relative;
    min-height: 90px;
}
.cart-progress-bar .gDlEvq .right-info {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 250px;
}
@media (max-width: 767px) {
    .cart-progress-bar .gDlEvq .right-info {
        max-width: initial;
        margin: 10px -15px;
    }
}
.cart-progress-bar .gDlEvq .right-info .freeship-icon {
    margin-right: 8px;
}
.cart-progress-bar .gDlEvq .right-info .hightlight_text {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #089148;
    max-width: 180px;
    position: relative;
}
@media (max-width: 767px) {
    .cart-progress-bar .gDlEvq .right-info .hightlight_text {
        max-width: initial;
        width: 100%;
        background: #d4edda;
        padding: 5px 15px 5px 85px;
        margin-top: 10px;
    }
}
.cart-progress-bar .gDlEvq .right-info .hightlight_text img {
    top: 50%;
    position: absolute;
    max-width: 76px;
    transform: translate(-100%, -50%);
}
@media (max-width: 767px) {
    .cart-progress-bar .gDlEvq .right-info .hightlight_text img {
        transform: translate(0, -50%);
        left: 5px;
    }
}
.cart-progress-bar .gDlEvq .right-info .hightlight_text .btn-buygift {
    font-size: 11px;
    line-height: 16px;
    color: #0b74e5;
    border: 1px solid #0b74e5;
    border-radius: 4px;
    padding: 3px 6px;
}
.cart-progress-bar .gDlEvq .right-info .hightlight_text .btn-buygift.disable {
    pointer-events: none;
}
.cart-progress-bar .gDlEvq .right-info .hightlight_text .btn-buygift.disable span {
    font-size: 0;
}
.cart-progress-bar .gDlEvq .right-info .hightlight_text .btn-buygift.disable span:after {
    content: 'Đã chọn';
    font-size: 11px;
}
.cart-progress-bar .dECTIC {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 48px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .cart-progress-bar .dECTIC {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        -webkit-align-items: normal;
        align-items: normal;
        height: auto;
    }
}
.cart-progress-bar .dECTIC .progress-bar-cus {
    position: relative;
    margin-right: 12px;
    display: flex;
    flex: 1 1 0%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 500px;
}
@media (max-width: 767px) {
    .cart-progress-bar .dECTIC .progress-bar-cus {
        max-width: initial;
        width: 95%;
        margin: 30px 0 10px;
    }
}
.cart-progress-bar .dECTIC .progress-bar-cus:before {
    content: "";
    position: absolute;
    background-color: #ebebf0;
    border-radius: 100px;
    width: 100%;
    height: 6px;
    transform: translateY(-50%);
    top: 50%;
    z-index: 0;
}
.cart-progress-bar .dECTIC .progress-bar-cus:after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, #222 0%, #222 105.65%);
    border-radius: 100px;
    width: 100%;
    width: var(--percent);
    height: 6px;
    transform: translateY(-50%);
    top: 50%;
    z-index: 1;
    transition: width 0.5s ease-in 0s;
}
.cart-progress-bar .ecBJAY {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 2;
    width: 16px;
    height: 16px;
}
.cart-progress-bar .ecBJAY .milestone-info--bottom {
    top: 16px;
    left: 0px;
}
.cart-progress-bar .ecBJAY .milestone-info {
    position: absolute;
    top: -16px;
    font-size: 12px;
    line-height: 16px;
    color: #808089;
    font-weight: 300;
}
.cart-progress-bar .jiZmPl {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 2;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #d6fadf;
    border: 1px solid #089148;
}
.cart-progress-bar .jiZmPl .milestone-info {
    position: absolute;
    top: -16px;
    font-size: 12px;
    line-height: 16px;
    color: #808089;
    font-weight: 300;
    white-space: nowrap;
}
.cart-progress-bar .jiZmPl .milestone-info--top {
    color: #089148;
    font-weight: 500;
}
.cart-progress-bar .jiZmPl .milestone-info--bottom {
    top: 16px;
}
.cart-progress-bar .qzGCC {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 2;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #d6fadf;
    border: 1px solid #089148;
}
.cart-progress-bar .qzGCC .milestone-info {
    position: absolute;
    top: -16px;
    font-size: 12px;
    line-height: 16px;
    color: #808089;
    font-weight: 300;
}
.cart-progress-bar .qzGCC .milestone-info--top {
    color: #089148;
    font-weight: 500;
    white-space: nowrap;
}
.cart-progress-bar .qzGCC .milestone-info--bottom {
    top: 16px;
}
.cart-progress-bar .cLBJUY {
    overflow: hidden;
    transition: max-height 0.5s ease-in-out 0s;
    display: grid;
    row-gap: 4px;
}
.cart-progress-bar .cLBJUY .content,
.cart-progress-bar .cLBJUY .content-freeship {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}
.cart-progress-bar .cLBJUY .content .title,
.cart-progress-bar .cLBJUY .content-freeship .title {
    color: #27272a;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0px;
}
@media (max-width: 767px) {
    .cart-progress-bar .cLBJUY .content .title,
    .cart-progress-bar .cLBJUY .content-freeship .title {
        font-size: 11px;
    }
}
.cart-progress-bar .cLBJUY .content .title > div,
.cart-progress-bar .cLBJUY .content-freeship .title > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.cart-progress-bar .cLBJUY .content .title p,
.cart-progress-bar .cLBJUY .content-freeship .title p {
    margin: 0px;
}
@media (max-width: 767px) {
    .cart-progress-bar .cLBJUY .content .title p,
    .cart-progress-bar .cLBJUY .content-freeship .title p {
        font-size: 11px;
    }
}
.cart-progress-bar .cLBJUY .content .title .fs,
.cart-progress-bar .cLBJUY .content-freeship .title .fs {
    margin-left: 0;
    border: 0;
    color: #000;
    padding: 0;
    font-size: 13px;
}
.cart-progress-bar .cLBJUY .content .title .fs img,
.cart-progress-bar .cLBJUY .content-freeship .title .fs img {
    margin-right: 5px;
}
.cart-progress-bar .cLBJUY .content .title a,
.cart-progress-bar .cLBJUY .content-freeship .title a {
    text-decoration: none;
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #0b74e5;
}
.cart-progress-bar .cLBJUY .content .title span,
.cart-progress-bar .cLBJUY .content-freeship .title span {
    font-size: 11px;
    line-height: 16px;
    margin-left: 6px;
    text-decoration-line: none;
    color: #0b74e5;
    border: 1px solid #0b74e5;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 3px 6px;
    white-space: nowrap;
}
.cart-progress-bar .cLBJUY .content .btn-buygift,
.cart-progress-bar .cLBJUY .content-freeship .btn-buygift {
    font-size: 11px;
    line-height: 16px;
    margin-left: 6px;
    text-decoration-line: none;
    color: #0b74e5;
    border: 1px solid #0b74e5;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 3px 6px;
}
.cart-progress-bar .cLBJUY small {
    color: red;
    font-weight: bold;
}
@media (max-width: 767px) {
    .cart-progress-bar .milestone-info--top {
        width: 105px !important;
        white-space: initial !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
    }
}
.mini-cart-suggest {
    width: 450px;
    position: absolute;
    right: 500px;
    background: #fff;
    top: 8.125rem;
    padding: 0 8px;
}
@media (max-width: 991px) {
    .mini-cart-suggest {
        position: relative;
        width: 100%;
        right: auto;
        top: auto;
        background: #eee;
    }
}
.mini-cart-suggest:after {
    left: 100%;
    top: 104px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff0;
    border-left-color: #fff;
    border-width: 8px;
    margin-top: -9px;
}
.mini-cart-suggest .mini-cart-suggest-title {
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
@media (max-width: 767px) {
    .mini-cart-suggest .product-item .product-btn {
        transform: translateY(0) !important;
    }
}
.cart-note {
    font-weight: bold;
    text-align: center;
    background: #fff;
    margin-top: 10px;
    padding: 15px;
}
@media (max-width: 767px) {
    .cart-note {
        margin-bottom: 10px;
    }
}
.milestone-info.milestone-info--top {
    width: 120px;
    white-space: initial !important;
    transform: translateY(-50%);
}
@media (max-width: 767px) {
    .product-gallery__thumbVideo {
        position: relative;
    }
    .product-gallery__thumbVideo:after {
        content: '';
        display: block;
        padding-top: 150%;
    }
    .product-gallery__thumbVideo video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.add-to-cartProduct {
    background: #F4C500;
    color: #000;
    font-weight: bold;
}
.site-cart .header .header-sub .btn.linktocheckout {
    background: #F4C500;
}

.btnSeeMore {
  padding: 10px 40px;
  border: 1px solid #f97e6c;
  border-radius: 5px;
  width: max-content;
  margin: 0 auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all .3s;
}