html {
    overflow-x: hidden;
}
body img {
    max-width: 100%;
}
body a {
    color: #222;
    text-decoration: none;
    outline: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
body a:hover, body a:focus {
    color: #222;
    text-decoration: none;
    outline: none;
}
body table {
    width: 100%;
    border-spacing: 0;
}
body table tr td {
    border-top: 1px solid #eee;
}
body table tr td, body table tr th {
    position: relative;
    padding: 10px;
    text-align: left;
}
body table tr td:first-child, body table tr th:first-child {
    padding-left: 0px;
}
body table tr td:last-child, body table tr th:last-child {
    padding-right: 0px;
}
/* . - Buttons */
.button {
    position: relative;
    display: inline-block;
    padding: 10px 28px;
    line-height: normal;
    color: #fff;
    border: 1px solid #878787;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    background-color: #878787;
    -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 1;
    overflow: hidden;
}
.button:hover {
    color: #fff;
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}
@media (min-width: 1200px) {
    .container-fluid {
        max-width: 1170px;
    }
}
@media (min-width: 1320px) {
    .container-fluid {
        max-width: 1190px;
    }
}
@media (min-width: 1480px) {
    .container-fluid {
        max-width: 1300px;
    }
}
.container {
    padding: 0 10px;
}
@media (min-width: 1200px) {
    .container {
        max-width: 980px;
    }
}
@media (min-width: 1320px) {
    .container {
        max-width: 1000px;
    }
}
@media (min-width: 1480px) {
    .container {
        max-width: 1130px;
    }
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}
/* . - LazyLoad */
.fade-box {
    position: relative;
    overflow: hidden;
}
.fade-box img.ls-blur-up-is-loading, .fade-box img.lazyload:not([src]) {
    visibility: hidden;
}
.fade-box .ls-blur-up-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    font-family: "blur-up: always", "object-fit: cover";
    object-fit: cover;
    filter: blur(10px);
    opacity: 0.1;
    transition: opacity 500ms, filter 1000ms;
}
.fade-box .ls-blur-up-img.ls-inview.ls-original-loaded {
    opacity: 0;
    filter: blur(5px);
}
/* . - Pagination */
#pagination {
    padding: 30px 0 30px;
}
#pagination .page-node, #pagination .next, #pagination .prev {
    display: inline-block;
    height: 30px;
    text-align: center;
    margin: 0 3px;
    width: 26px;
    line-height: 30px;
    outline: 0px;
    border-bottom: 2px solid transparent;
}
#pagination .prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#pagination .page-node.current {
    border-bottom: 2px solid #222;
}
#pagination .page-node:not(.current):hover {
    border-bottom: 2px solid #008891;
    color: #008891;
}
#pagination svg {
    height: 14px;
    fill: currentColor;
    vertical-align: -2px;
    width: 7px;
}
/* . - Breadcrumb */
.breadcrumb-shop {
    background: #f6f6f6;
    overflow-x: hidden;
}
.breadcrumb-shop ul {
    background: transparent;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    font-size: 12px;
    height: 40px;
    display: flex;
}
@media (max-width: 767px) {
    .breadcrumb-shop ul {
        font-size: 10px;
        height: 30px;
    }
}
.breadcrumb-shop ul > li + li:before {
    content: "";
    width: 32px;
    height: 32px;
    transform: rotate(45deg);
    border-top: 1px solid #e9ebee;
    border-right: 1px solid #e9ebee;
    margin-right: 22px;
    display: inline-block;
}
.breadcrumb-shop ul li {
    display: inline-flex;
    align-items: center;
}
/* . - Svg icon */
svg.icon {
    display: inline-block;
    height: 15px;
    width: 15px;
    fill: currentColor;
    vertical-align: middle;
    background: none;
    pointer-events: none;
    overflow: visible;
}
/* . - Animation */
@keyframes check {
    50% {
        transform: scale(1.2);
    }
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
@-webkit-keyframes sticky_header_animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes sticky_header_animation {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-o-keyframes sticky_header_animation {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes sticky_header_animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
/* . - Img efect */
.effect-img {
    position: relative;
    overflow: hidden;
    display: block;
}
.effect-img:before {
    position: absolute;
    top: 0;
    left: -100%;
    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);
}
.effect-img:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}
/* . - Input */
input.form-control {
    box-shadow: none;
    border-radius: 3px;
    font-size: 14px;
    height: 42px;
    border: 1px solid #d5d4d4;
    box-shadow: 0 1px rgba(212, 214, 216, 0.25) inset;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}
input.form-control:focus {
    border-color: #008891;
    box-shadow: 0 0 0 1px #008891;
    color: #222;
    outline: none;
}
/* . - Scroll Up */
#scroll_up {
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #000204;
    background: white;
    border-radius: 3px;
    position: fixed;
    bottom: 86px;
    cursor: pointer;
    z-index: 4;
    transition: all 0.3s ease-out 0s;
    transform: translateY(-120px);
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}
#scroll_up svg g {
    fill: #222;
}
#scroll_up.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
#scroll_up:hover {
    background: #222;
}
#scroll_up:hover svg g {
    fill: #fff;
}
/* . - Slick slider */
.style-slick .slick-arrow {
    position: absolute;
    width: 25px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: #222;
    z-index: 1;
    outline: none;
    border-radius: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.style-slick .slick-arrow.slick-disabled {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    cursor: default;
}
.style-slick .slick-arrow svg {
    width: 17px;
    height: 17px;
    fill: #fff;
    stroke: #fff;
}
.style-slick .slick-arrow.slick-next {
    right: 10px;
}
.style-slick .slick-arrow.slick-prev {
    left: 10px;
}
.style-slick .slick-arrow.slick-prev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.style-slick .slick-dots {
    padding: 0;
    list-style: none;
    margin: 15px 0 0;
    display: flex;
    justify-content: center;
    width: 100%;
}
.style-slick .slick-dots li {
    margin-left: 4px;
    margin-right: 4px;
}
.style-slick .slick-dots li button {
    box-shadow: none;
    outline: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: none;
    border-radius: 50%;
    border: 1px solid #222;
    padding: 0;
    background: #fff;
    font-size: 0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.style-slick .slick-dots li.slick-active button {
    background: #3e4048;
    width: 26px;
    transition: all 0.2s;
    border-radius: 3px;
}
.style-slick .slick-track {
    margin: 0;
}
.style-slick .slick-track .slick-slide {
    outline: none;
}
@media (min-width: 992px) {
    .style-slick:hover .slick-arrow {
        visibility: visible;
        opacity: 1;
    }
}
/* . - Product loop */
.product-loop {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
    outline: none;
}
.product-loop .product-block {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.product-loop .product-block .pro-img {
    text-align: center;
    position: relative;
    overflow: hidden;
}
.product-loop .product-block .pro-img .product_gift_label {
    position: absolute;
    z-index: 1;
    width: 25px;
    height: 25px;
    top: 50px;
    left: 12px;
}
.product-loop .product-block .pro-img .sold-out {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 10px;
    z-index: 1;
    background: #ededed;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 13px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 600;
}
.product-loop .product-block .pro-img .sale-percent {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    z-index: 1;
    background: #878787;
    color: #fff;
    height: 22px;
    line-height: 22px;
    font-weight: 600;
    padding: 0 8px;
}
.product-loop .product-block .pro-img .aspect-ratio {
    position: relative;
    padding-bottom: 126%;
}
.product-loop .product-block .pro-img .aspect-ratio picture {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: transform 0.65s ease;
}
.product-loop .product-block .pro-img .aspect-ratio picture:nth-of-type(1) {
    transform: translateX(0%);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.product-loop .product-block .pro-img .aspect-ratio picture:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.65s ease;
    transform: translateX(100%);
}
@media (max-width: 767px) {
    .product-loop .product-block .pro-img .aspect-ratio picture:nth-of-type(2) {
        display: none;
    }
}
.product-loop .product-block .pro-img .aspect-ratio img {
    width: 100%;
}
.product-loop .product-block .pro-img a {
    display: block;
}
.product-loop .product-block .pro-img .pro-wishlist-btn {
    background-color: #fff;
    width: 37px;
    height: 37px;
    line-height: 37px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: color, stroke, fill, -webkit-box-shadow;
    transition-property: color, stroke, fill, -webkit-box-shadow;
    -o-transition-property: color, stroke, fill, box-shadow;
    transition-property: color, stroke, fill, box-shadow;
    transition-property: color, stroke, fill, box-shadow, -webkit-box-shadow;
    text-align: center;
}
.product-loop .product-block .pro-img .pro-wishlist-btn svg.wishlist-icon {
    -webkit-transition-property: fill, stroke;
    -o-transition-property: fill, stroke;
    transition-property: fill, stroke;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    stroke: #808284;
    fill: none;
}
.product-loop .product-block .pro-img .pro-wishlist-btn.active svg.wishlist-icon {
    fill: #222;
    stroke: #222;
}
.product-loop .product-block .pro-detail {
    width: 100%;
    padding-top: 12px;
}
.product-loop .product-block .pro-detail .pro-name {
    margin-bottom: 4px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.product-loop .product-block .pro-detail .pro-price {
    margin-bottom: 4px;
    color: #222;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.product-loop .product-block .pro-detail .pro-price .pro-price--special {
    font-weight: 800;
    font-size: 18px;
}
.product-loop .product-block .pro-detail .pro-price .pro-price--compare {
    color: #999;
    font-weight: 500;
    font-size: 13px;
    margin-left: 10px;
}
@media (max-width: 640px) {
    .product-loop .product-block .pro-detail .pro-price .pro-price--special {
        font-size: 13px;
    }
    .product-loop .product-block .pro-detail .pro-price .pro-price--compare {
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .product-loop .product-block .pro-detail {
        padding: 5px 0 0;
    }
}
.product-loop .product-block .btn-detail {
    text-align: center;
    margin-top: 10px;
}
.product-loop .product-block .btn-detail a {
    display: block;
    color: #fff;
    padding: 8px 10px;
    background-color: #ed0b0c;
    border: 2px solid #ec0b0b;
    text-transform: uppercase;
}
.product-loop .product-block .btn-detail a:hover {
    background-color: #ec0b0b;
    color: #fff;
}
.product-loop .product-block .pro-color-selector {
    display: inline-block;
}
.product-loop .product-block .pro-color-selector .pro-color-button-set {
    padding: 0;
    margin: 6px -1px 6px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.product-loop .product-block .pro-color-selector .pro-color-button-set .pro-color-swatch-container {
    border: 1px solid #d5d4d4;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    margin: 2px 1px;
    width: 15px;
    height: 15px;
}
.product-loop .product-block .pro-color-selector .pro-color-button-set .pro-color-swatch-container .pro-color-swatch {
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #dfe0e1;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    position: relative;
    cursor: pointer;
    background-position: center !important;
    background-size: 300% !important;
    background-repeat: no-repeat;
}
@media (min-width: 1024px) {
    .product-loop .product-block .pro-color-selector .pro-color-button-set .pro-color-swatch-container {
        width: 18px;
        height: 18px;
    }
    .product-loop .product-block .pro-color-selector .pro-color-button-set .pro-color-swatch-container .pro-color-swatch {
        width: 16px;
        height: 16px;
    }
}
.product-loop .product-block .pro-color-selector .pro-color-button-set .pro-color-swatch-container.swatch-active {
    border: 1px solid #222;
}
.product-loop .product-block .hook-reviews {
    display: flex;
    align-items: center;
    font-size: 13px;
}
.product-loop .product-block .hook-reviews .starbap-prev-badgetext {
    display: none;
}
.product-loop .product-block .hook-reviews .starbap-prev-badge {
    display: flex;
    align-items: center;
}
.product-loop .product-block .hook-reviews .number-purchase {
    font-size: 12px;
    display: inline-flex;
    padding-left: 6px;
}
.product-loop .product-block .button-add button {
    border-radius: 3px;
    font-size: 12px;
    border: 1px solid #878787;
    background: #fff;
    color: #000;
    margin: 5px 0;
    padding: 3px 14px 3px 10px;
    line-height: 20px;
    outline: none;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.product-loop .product-block .button-add button svg {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}
@media (min-width: 1024px) {
    .product-loop .product-block .pro-img:hover .aspect-ratio picture:nth-of-type(2) {
        opacity: 1;
        visibility: visible;
        transform: translate(0%);
    }
    .product-loop .product-block .pro-img:hover .aspect-ratio picture:nth-of-type(1) {
        transform: translate(-160%, -50%);
    }
}
@media (max-width: 1023px) {
    .product-loop .product-block .hook-reviews {
        font-size: 12px;
    }
}
@media (max-width: 991px) {
    .product-loop {
        margin-bottom: 15px;
    }
    .product-loop .product-block .hook-reviews, .product-loop .product-block .hook-reviews .number-purchase {
        font-size: 10px;
    }
}
/* . - Menu sidebar */
.menuList-links {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menuList-links li {
    position: relative;
}
.menuList-links li a {
    position: relative;
    font-size: 13px;
    display: block;
}
.menuList-links > li {
    border-bottom: 1px dashed #f4f5f7;
}
.menuList-links > li:last-child {
    border-bottom: none;
}
.menuList-links > li > a {
    padding: 8px 0;
    font-weight: 500;
    font-size: 12px;
}
.menuList-links > li.has-submenu > a {
    padding-right: 30px;
}
.menuList-links > li.has-submenu span.icon-plus-submenu {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 3px;
    bottom: 0;
    /*margin: auto;*/
    border: 1px solid transparent;
    z-index: 2;
}
.icon-plus-submenu:after, .icon-plus-submenu:before {
    background: rgba(9, 9, 9, 0.6);
    content: '';
    display: block;
    position: absolute;
    margin-right: 7px;
    top: 50%;
    right: 0;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.icon-plus-submenu:before {
    width: 9px;
    height: 1px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.icon-plus-submenu:after {
    width: 1px;
    height: 9px;
    right: 4px;
    transform-origin: center;
    -moz-transform: translateY(-50%) scale(1, 1);
    -ms-transform: translateY(-50%) scale(1, 1);
    -webkit-transform: translateY(-50%) scale(1, 1);
    transform: translateY(-50%) scale(1, 1);
}
.has-submenu.opened > a .icon-plus-submenu:after {
    -moz-transform: translateY(-50%) scale(1, 0);
    -ms-transform: translateY(-50%) scale(1, 0);
    -webkit-transform: translateY(-50%) scale(1, 0);
    transform: translateY(-50%) scale(1, 0);
}
.menuList-links > li.has-submenu .icon-plus-submenu:hover {
    border: 1px solid #f4f5f7;
}
ul.menuList-links li ul.submenu-links {
    display: none;
    padding-left: 30px;
}
li.has-submenu.level0 > ul.submenu-links, li.has-submenu.level1 > ul.submenu-links {
    border-top: 1px dashed #f4f5f7;
    padding: 4px 0 4px 20px;
}
li.has-submenu.level0 > ul.submenu-links li a, li.has-submenu.level1 > ul.submenu-links li a {
    padding: 2px;
    line-height: 20px;
}
li.has-submenu.level1 > ul.submenu-links li a:hover {
    text-decoration: underline;
}
/* . - Sidebar Mobile */
.site-nav {
    position: fixed;
    width: 460px;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 8888;
    overflow: hidden;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
@media (max-width: 767px) {
    .site-nav {
        width: 300px;
    }
}
.site-nav .site-nav-container {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.site-nav .site-nav-container .site-nav-container-last {
    width: calc(100% - 0px);
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 30px 25px 20px;
}
.site-nav .site-nav-container .site-nav-container-last .title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #d9d9d9;
    color: #222;
}
.site-nav .site-nav-container .site-nav-container-last .subtitle {
    margin: 40px 0 0 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
    opacity: 0.66;
}
@media (max-width: 767px) {
    .site-nav .site-nav-container .site-nav-container-last {
        padding: 10px;
    }
    .site-nav .site-nav-container .site-nav-container-last .title {
        font-size: 14px;
    }
}
.site-nav#site-nav--cart #site-cart {
    display: none;
}
.site-nav#site-nav--cart.show-cart #site-cart {
    display: block;
}
.site-nav.active {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.site-close-handle {
    position: fixed;
    top: 20px;
    right: 25px;
    width: 35px;
    height: 35px;
    z-index: 1;
    outline: none;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
}
@media (max-width: 767px) {
    .site-close-handle {
        top: 3px;
        right: 3px;
    }
}
body a.site-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms linear;
}
body a.site-overlay.active {
    opacity: 1;
    visibility: visible;
}
body a.site-overlay#site-overlay-cart, body a.site-overlay#site-overlay-menu {
    background: rgba(0, 0, 0, 0.7);
}
/* . - cart view */
.cart-view-area .cart-scroll {
    margin: 10px 0;
    padding-right: 10px;
    position: relative;
}
.cart-view-area .cart-scroll::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.cart-view-area .cart-scroll::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.cart-view-area .cart-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(105, 105, 105, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.cart-view-area .cart-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(105, 105, 105, 0.4);
}
.cart-view-area .cart-scroll.loading:after {
    content: '';
    border: 1px solid #fff;
    border-top: 1px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 1px;
    left: 13px;
    z-index: 0;
    opacity: 1;
}
@media (min-width: 768px) {
    .cart-view-area {
        margin-top: 15px;
    }
    .cart-view-area .cart-scroll {
        max-height: 528px;
        overflow-y: auto;
    }
}
.cart-view-area table {
    width: 100%;
}
.cart-view-area table .img {
    padding-right: 10px !important;
}
.cart-view-area table .img a {
    display: block;
}
.cart-view-area table .img a img {
    width: 80px;
    border: 1px solid #ededed;
    max-width: none;
}
.cart-view-area table .pro-title-view {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}
.cart-view-area table .variant {
    font-size: 10px;
    float: left;
    width: 100%;
    margin: 4px 0 0;
    opacity: 0.66;
}
.cart-view-area table .remove-cart {
    float: right;
}
.cart-view-area table .remove-cart a {
    color: #000;
    display: flex;
    background: #f2f2f2;
    padding: 4px 6px 0;
}
.cart-view-area table .remove-cart i {
    width: 15px;
    height: 15px;
    margin-right: 4px;
}
.cart-view-area table .remove-cart i:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='427pt' viewBox='-40 0 427 427.00131' width='427pt'%3E%3Cpath d='m232.398438 154.703125c-5.523438 0-10 4.476563-10 10v189c0 5.519531 4.476562 10 10 10 5.523437 0 10-4.480469 10-10v-189c0-5.523437-4.476563-10-10-10zm0 0'/%3E%3Cpath d='m114.398438 154.703125c-5.523438 0-10 4.476563-10 10v189c0 5.519531 4.476562 10 10 10 5.523437 0 10-4.480469 10-10v-189c0-5.523437-4.476563-10-10-10zm0 0'/%3E%3Cpath d='m28.398438 127.121094v246.378906c0 14.5625 5.339843 28.238281 14.667968 38.050781 9.285156 9.839844 22.207032 15.425781 35.730469 15.449219h189.203125c13.527344-.023438 26.449219-5.609375 35.730469-15.449219 9.328125-9.8125 14.667969-23.488281 14.667969-38.050781v-246.378906c18.542968-4.921875 30.558593-22.835938 28.078124-41.863282-2.484374-19.023437-18.691406-33.253906-37.878906-33.257812h-51.199218v-12.5c.058593-10.511719-4.097657-20.605469-11.539063-28.03125-7.441406-7.421875-17.550781-11.5546875-28.0625-11.46875h-88.796875c-10.511719-.0859375-20.621094 4.046875-28.0625 11.46875-7.441406 7.425781-11.597656 17.519531-11.539062 28.03125v12.5h-51.199219c-19.1875.003906-35.394531 14.234375-37.878907 33.257812-2.480468 19.027344 9.535157 36.941407 28.078126 41.863282zm239.601562 279.878906h-189.203125c-17.097656 0-30.398437-14.6875-30.398437-33.5v-245.5h250v245.5c0 18.8125-13.300782 33.5-30.398438 33.5zm-158.601562-367.5c-.066407-5.207031 1.980468-10.21875 5.675781-13.894531 3.691406-3.675781 8.714843-5.695313 13.925781-5.605469h88.796875c5.210937-.089844 10.234375 1.929688 13.925781 5.605469 3.695313 3.671875 5.742188 8.6875 5.675782 13.894531v12.5h-128zm-71.199219 32.5h270.398437c9.941406 0 18 8.058594 18 18s-8.058594 18-18 18h-270.398437c-9.941407 0-18-8.058594-18-18s8.058593-18 18-18zm0 0'/%3E%3Cpath d='m173.398438 154.703125c-5.523438 0-10 4.476563-10 10v189c0 5.519531 4.476562 10 10 10 5.523437 0 10-4.480469 10-10v-189c0-5.523437-4.476563-10-10-10zm0 0'/%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 15px;
    width: 15px;
    display: block;
}
.cart-view-area table.loading:after {
    content: '';
    border: 1px solid #fff;
    border-top: 1px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: calc((100% - 40px)/2);
    left: calc((100% - 40px)/2);
    z-index: 0;
    opacity: 1;
}
.cart-view-area table.loading:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.cart-view-area .line {
    display: block;
    border-top: 2px solid #d9d9d9;
    margin: 10px 0px 15px;
}
.cart-view-area .cart-view-style tr {
    border-bottom: 1px dotted #bcbcbc;
}
.cart-view-area .cart-view-style tr td {
    border: none !important;
    padding-left: 0;
    border-top: 0;
    border: none;
}
.cart-view-area .cart-view-style tr td:not(.img) {
    padding: 10px 0;
    position: relative;
    padding-right: 5px;
    vertical-align: top;
    width: 100%;
}
.cart-view-area .cart-view-style tr td .pro-quantity-view {
    float: left;
    width: auto;
    background: #ededed;
    text-align: center;
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1;
    margin-right: 12px;
}
.cart-view-area .cart-view-style tr td .pro-price-view {
    display: block;
    float: left;
    line-height: 26px;
    font-weight: 500;
    width: 100%;
}
.cart-view-area .cart-view-style tr td.mini-cart__empty-state {
    padding: 10px;
    text-align: center;
}
.cart-view-area .cart-view-style tr td.mini-cart__empty-state svg {
    width: 50px;
    height: 50px;
    right: auto;
    left: auto;
    position: relative;
}
.cart-view-area .cart-view-style tr td.mini-cart__empty-state p {
    margin: 10px 0;
}
.cart-view-area .cart-view-style tr:last-child {
    border: none;
}
.cart-view-area .table-total .table-total--head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart-view-area .table-total .table-total--head #total-view-cart {
    font-weight: 800;
    font-size: 18px;
    color: #222;
}
.cart-view-area .table-total .table-total--foot {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
}
.cart-view-area .table-total .table-total--foot .btn-cart {
    width: calc(100%/2 - 10px);
}
.cart-view-area .table-total .table-total--foot .btn-cart:nth-child(1) {
    margin-right: 10px;
}
.cart-view-area .table-total .table-total--foot .btn-cart a.linktocheckout, .cart-view-area .table-total .table-total--foot .btn-cart a.linktoupdate, .cart-view-area .table-total .table-total--foot .btn-cart a.linktocart, .cart-view-area .table-total .table-total--foot .btn-cart a.linkcontinue {
    padding: 0;
    line-height: 35px;
    height: 35px;
    position: relative;
    text-align: center;
    display: block;
    color: #fff;
    border: 1px solid #878787;
    border-radius: 3px;
    letter-spacing: 1px;
    background-color: #878787;
    -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 1;
    overflow: hidden;
}
.cart-view-area .table-total .table-total--foot .btn-cart a.linkcontinue {
    border: 1px solid #878787;
    background-color: #fff;
    color: #878787;
}
@media (max-width: 991px) {
    .cart-view-area .table-total .table-total--foot .btn-cart {
        font-size: 12px;
    }
}
.cart-view-area .table-total .table-total--foot .btn-cart-link {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.cart-view-area .table-total .table-total--foot .btn-cart-link a {
    display: inline-block;
    text-decoration: underline;
}
.cart-view-area span.mini-qty-section {
    border: 1px solid #f3f4f4;
    display: inline-flex;
    border-radius: 2px;
}
.cart-view-area span.mini-qty-section button {
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 25px;
    border: none;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}
.cart-view-area .mini-qty-section input[type="text"] {
    background: #fff;
    font-weight: 500;
    font-size: 12px;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 35px;
    border: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}
/* . - menu mobile */
.menu-collection {
    margin: 30px 0;
    padding: 0;
    list-style: none;
}
.menu-collection li.navi1 {
    margin-bottom: 5px;
}
.menu-collection li.navi1 span.icon-subnav {
    text-align: center;
    width: 40px;
    cursor: pointer;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.menu-collection ul.submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}
.menu-collection li a {
    display: inline-block;
    width: calc(100% - 45px);
    vertical-align: middle;
}
.menu-collection li.navi1 > a {
    font-weight: 600;
}
.menu-collection ul.subnav-children li.navi2 > a {
    padding: 8px 8px 8px 25px;
    font-weight: 600;
}
.menu-collection ul.subnav-children li.navi2.lv3 > a {
    padding: 8px 8px 8px 50px;
}
.menu-collection ul.subnav-children ul.subnav-child li a {
    padding: 8px 8px 8px 45px;
}
.menu-collection li.active > span.icon-subnav {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.menu-about {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu-about li {
    margin-bottom: 12px;
}
.menu-about li a {
    font-weight: 500;
    font-size: 15px;
}
.menu-about li.login {
    margin-top: 50px;
}
.menu-about svg {
    width: 20px;
    height: 20px;
}
/*---------------------------------------------------------*/
/* --- HEADER --- */
/*---------------------------------------------------------*/
.topbar {
    background: #222;
    color: #fff;
    display: none;
    position: relative;
    z-index: 16;
}
.topbar .topbar--inner {
    display: flex;
    align-items: center;
}
.topbar .topbar--inner .topbar--inner-l {
    padding: 7px 0;
    margin-right: auto;
    width: 30%;
}
.topbar .topbar--inner .topbar--inner-r {
    width: 70%;
}
.topbar .topbar--inner .topbar--inner-r ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-left: 0;
}
.topbar .topbar--inner .topbar--inner-r ul li {
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
}
.topbar .topbar--inner .topbar--inner-r ul li a {
    color: #fff;
}
.topbar .topbar--inner .topbar--inner-r ul li.tracking img {
    height: 20px;
    width: 20px;
}
.topbar .topbar--inner .topbar--inner-r ul li.dollar img {
    height: 15px;
    width: 15px;
}
@media (min-width: 992px) {
    .topbar {
        display: block;
    }
}
.header {
    position: relative;
    z-index: 16;
    background: #fff;
    -webkit-animation: sticky_header_animation 0.3s;
    -moz-animation: sticky_header_animation 0.3s;
    -ms-animation: sticky_header_animation 0.3s;
    -o-animation: sticky_header_animation 0.3s;
    animation: sticky_header_animation 0.3s;
}
.header .plm-header--t {
    padding: 15px 0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.header .plm-header--t.show {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}
.header .plm-header--t .header-t--inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .plm-header--t .header-t--inner .header-logo {
    margin-right: 40px;
}
.header .plm-header--t .header-t--inner .header-logo h1 {
    margin: 0;
}
.header .plm-header--t .header-t--inner .header-search {
    flex: 3 0 auto;
    display: none;
    position: relative;
}
.header .plm-header--t .header-t--inner .header-search .ultimate-search {
    position: relative;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #d5d4d4;
}
.header .plm-header--t .header-t--inner .header-search .ultimate-search .searchinput {
    background: #fff;
    width: 100%;
    border: 1px solid transparent;
    height: 40px;
    font-size: 12px;
    font-weight: 500;
    padding: 0 92px 0 20px;
    margin: 0;
    display: inline-block;
    -webkit-appearance: none;
    transition: all 150ms linear;
    /* Chrome/Opera/Safari */
    /* Firefox 19+ */
    /* IE 10+ */
    /* Firefox 18- */
}
.header .plm-header--t .header-t--inner .header-search .ultimate-search .searchinput::-webkit-input-placeholder {
    color: #677279;
}
.header .plm-header--t .header-t--inner .header-search .ultimate-search .searchinput::-moz-placeholder {
    color: #677279;
}
.header .plm-header--t .header-t--inner .header-search .ultimate-search .searchinput:-ms-input-placeholder {
    color: #677279;
}
.header .plm-header--t .header-t--inner .header-search .ultimate-search .searchinput:-moz-placeholder {
    color: #677279;
}
.header .plm-header--t .header-t--inner .header-search .ultimate-search .searchinput:focus {
    outline: none;
}
.header .plm-header--t .header-t--inner .header-search .ultimate-search .btn-search {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 92px;
    font-size: 12px;
    height: 100%;
    background: transparent;
    border-radius: 0 8px 8px 0;
    border: none;
    display: inline-flex;
    align-items: center;
    padding: 0 10px 0 10px;
    border-left: 1px solid #d5d4d4;
}
.header .plm-header--t .header-t--inner .header-search .ultimate-search .btn-search svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    z-index: 100;
    right: 0;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
}
@media (max-width: 767px) {
    .header .plm-header--t .header-t--inner .header-search .smart-search-wrapper {
        width: calc(100% - 20px);
        left: 10px;
        right: 10px;
    }
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .item-ult {
    padding: 10px;
    border-bottom: 1px dotted #dfe0e1;
    clear: both;
    width: 100%;
    display: block;
}
@media (max-width: 767px) {
    .header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .item-ult {
        padding: 7px 10px;
    }
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .item-ult .thumbs {
    width: 40px;
    display: inline-block;
    text-align: right;
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .item-ult .title {
    width: calc(100% - 40px);
    padding-right: 5px;
    float: left;
    line-height: 20px;
    position: relative;
    margin-top: 0px !important;
    color: #000;
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .item-ult .title span {
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    float: left;
    width: 100%;
    margin-bottom: 4px;
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .item-ult .title p {
    line-height: 15px;
    font-size: 12px;
    float: left;
    margin: 0;
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .item-ult .title p del {
    font-size: 10px;
    margin-left: 5px;
    color: #797979;
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .resultsMore {
    width: 100%;
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .resultsMore a {
    text-align: center;
    display: block;
    font-size: 12px;
    padding: 10px 0;
}
.header .plm-header--t .header-t--inner .header-search .smart-search-wrapper .dataEmpty {
    text-align: center;
    padding: 10px 0;
    margin: 0;
}
@media (min-width: 992px) {
    .header .plm-header--t .header-t--inner .header-search {
        display: block;
    }
}
.header .plm-header--t .header-t--inner .header-action-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 0 auto;
    padding-left: 40px;
}
.header .plm-header--t .header-t--inner .header-action-list > div > div {
    margin-left: 2px;
}
.header .plm-header--t .header-t--inner .header-action-list > div > div:not(.action-acc):not(#site-cart-handle) > a {
    display: block;
    padding: 0 2px 0 2px;
    width: 42px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}
.header .plm-header--t .header-t--inner .header-action-list .header-action--acc {
    display: none;
}
.header .plm-header--t .header-t--inner .header-action-list .header-action--search-mb svg, .header .plm-header--t .header-t--inner .header-action-list .header-action--menu-mb svg {
    width: 22px;
    height: 22px;
}
@media (min-width: 992px) {
    .header .plm-header--t .header-t--inner .header-action-list > div > div {
        margin-left: 10px;
    }
    .header .plm-header--t .header-t--inner .header-action-list > div > div:not(.action-acc) > a {
        display: block;
        padding: 6px 2px 6px 2px;
    }
    .header .plm-header--t .header-t--inner .header-action-list .header-action--search-mb, .header .plm-header--t .header-t--inner .header-action-list .header-action--menu-mb {
        display: none;
    }
    .header .plm-header--t .header-t--inner .header-action-list .header-action--acc {
        display: block;
    }
}
@media (max-width: 991px) {
    .header .plm-header--t {
        padding: 8px 0;
        border-bottom: 1px solid #ececec;
    }
    .header .plm-header--t .header-t--inner .header-logo {
        margin-right: 0;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
    .header .plm-header--t .header-t--inner .header-action-list {
        padding-left: 10px;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }
}
.header .plm-header--b {
    display: none;
}
@media (min-width: 992px) {
    .header .plm-header--b {
        display: block;
    }
}
.header.hSticky-down {
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.header-action--cart > div > a svg {
    width: 28px;
    height: 28px;
}
.header-action--cart .cart-menu {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.header-action--cart .count-holder {
    display: inline-flex;
    position: absolute;
    right: -10px;
    top: -4px;
    align-items: center;
    justify-content: center;
    height: 20px;
    min-width: 20px;
    padding: 4px;
    font-size: 11px;
    text-align: center;
    font-weight: 500;
    background: #008891;
    color: #fff;
    border-radius: 50%;
    transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    will-change: transform;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    z-index: 1;
}
.nav-menu {
    width: 100%;
    position: relative;
}
.nav-menu .menu__list {
    display: flex;
    justify-content: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}
@media (max-width: 991px) {
    .nav-menu .menu__list {
        overflow-x: scroll;
        -webkit-scroll-snap-type: x proximity;
        -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
    }
    .nav-menu .menu__list::-webkit-scrollbar {
        display: none;
    }
}
.nav-menu .menu__list svg.icon--arrow-bottom {
    display: none;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
@media (min-width: 992px) {
    .nav-menu .menu__list svg.icon--arrow-bottom {
        display: inline-block;
    }
}
.nav-menu .menu__list.menu__list--one > li {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
    text-align: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
}
.nav-menu .menu__list.menu__list--one > li:not(:last-child) {
    margin-right: 5px;
}
.nav-menu .menu__list.menu__list--one > li > a {
    position: relative;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    text-transform: lowercase;
    white-space: nowrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 0;
    width: 100%;
}
.nav-menu .menu__list.menu__list--one > li > a span {
    display: block;
    margin-top: 2px;
}
.nav-menu .menu__list.menu__list--one > li > a > span.icon--menu {
    display: inline-block;
    margin-top: 0px;
}
.nav-menu .menu__list.menu__list--one > li > a > span.icon--menu svg, .nav-menu .menu__list.menu__list--one > li > a > span.icon--menu img {
    width: 22px;
    height: 22px;
}
.nav-menu .menu__list.menu__list--one > li.active > a {
    color: #222;
}
.nav-menu .menu__list.menu__list--one > li.active > a svg {
    fill: #222;
}
@media (min-width: 992px) {
    .nav-menu .menu__list.menu__list--one > li {
        text-transform: uppercase;
        justify-content: space-between;
        display: inline-block;
        width: auto;
    }
    .nav-menu .menu__list.menu__list--one > li > a {
        padding: 17px 0;
        font-size: 14px;
        flex-direction: row;
        text-transform: uppercase;
        width: auto;
    }
    .nav-menu .menu__list.menu__list--one > li > a span {
        margin-top: 0px;
    }
    .nav-menu .menu__list.menu__list--one > li > a svg.icon-menu, .nav-menu .menu__list.menu__list--one > li > a img.icon {
        display: none;
    }
    .nav-menu .menu__list.menu__list--one > li:hover > a {
        text-decoration: underline;
    }
}
@media (max-width: 991px) {
    .nav-menu .menu__list.menu__list--one > li:not(:last-child) {
        margin-right: 15px;
    }
}
.nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown {
    background: #fff;
    position: absolute;
    z-index: 3;
    opacity: 0;
    width: 225px;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top;
    padding: 0;
    border: 1px solid #d5d4d4;
    list-style-type: none;
    top: 100%;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
    .nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown {
        display: none;
    }
}
.nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown li {
    position: relative;
}
.nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown li a {
    padding: 10px 15px;
    text-transform: initial;
    white-space: nowrap;
    text-align: left;
    display: block;
}
.nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown li a svg.icon--arrow-bottom {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
@media (max-width: 1023px) and (min-width: 992px) {
    .nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown li a {
        font-size: 10px;
    }
}
@media (max-width: 1230px) and (min-width: 1024px) {
    .nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown li a {
        font-size: 12px;
    }
}
.nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown li .menu__list--dropdown {
    left: 100%;
    top: 0;
    width: auto;
    margin-left: 0px;
    margin-top: -1px;
    visibility: hidden;
    opacity: 0;
    list-style-type: none;
    border: 1px solid #d5d4d4;
}
.nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown li:hover > .menu__list--dropdown {
    visibility: visible;
    opacity: 1;
}
.nav-menu .menu__list.menu__list--one .menu__item--dropdown .menu__list--dropdown li:hover a {
    text-decoration: underline;
}
@media (min-width: 992px) {
    .nav-menu .menu__list.menu__list--one .menu__item--dropdown:hover > .menu__list--dropdown {
        visibility: visible;
        opacity: 1;
        transform: scaleY(1);
    }
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu__content {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    overflow: hidden;
    opacity: 1;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
    .nav-menu .menu__list.menu__list--one .menu__item--mega .menu__content {
        display: none;
    }
}
@media (min-width: 992px) {
    .nav-menu .menu__list.menu__list--one .menu__item--mega > a span[data] {
        position: relative;
    }
    .nav-menu .menu__list.menu__list--one .menu__item--mega > a span[data]:before {
        content: "";
        border: 4px solid transparent;
        border-top-color: #ff0100;
        position: absolute;
        right: -20px;
        top: 5px;
    }
    .nav-menu .menu__list.menu__list--one .menu__item--mega > a span[data]:after {
        content: attr(data);
        position: absolute;
        top: -13px;
        right: -34px;
        background: #ff0100;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 18px;
        width: 33px;
        text-align: center;
    }
    .nav-menu .menu__list.menu__list--one .menu__item--mega:hover .menu__content {
        visibility: visible;
        opacity: 1;
        transform: scaleY(1);
    }
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex {
    padding: 20px;
    background: #fff;
    display: flex;
    align-items: flex-start;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex > a {
    padding: 0 15px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 55px;
}
@media (max-width: 1023px) and (min-width: 992px) {
    .nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex > a {
        font-size: 10px;
    }
}
@media (max-width: 1230px) and (min-width: 1024px) {
    .nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex > a {
        font-size: 12px;
    }
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second {
    background-color: inherit;
    text-align: left;
    display: inline-flex;
    flex-direction: column;
    flex-basis: 20%;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li {
    width: 100%;
    max-width: 400px;
    line-height: 22px;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li > a {
    display: block;
    padding: 0 0 8px;
    font-weight: 500;
    text-transform: capitalize;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li > a:hover {
    text-decoration: underline;
}
@media (max-width: 1023px) and (min-width: 992px) {
    .nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li > a {
        font-size: 10px;
    }
}
@media (max-width: 1230px) and (min-width: 1024px) {
    .nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li > a {
        font-size: 12px;
    }
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li ul.menu__list--thirt {
    display: table;
    margin-bottom: 10px;
    margin-left: 1px;
    border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li ul.menu__list--thirt li {
    width: 100%;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li ul.menu__list--thirt li > a {
    font-size: 13px;
    font-weight: 300;
    padding: 7px 10px;
    line-height: 18px;
    display: block;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li ul.menu__list--thirt li > a:hover {
    text-decoration: underline;
}
@media (max-width: 1023px) and (min-width: 992px) {
    .nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li ul.menu__list--thirt li > a {
        font-size: 10px;
    }
}
@media (max-width: 1230px) and (min-width: 1024px) {
    .nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu__list--second > li ul.menu__list--thirt li > a {
        font-size: 12px;
    }
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu_list_img {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-basis: 80%;
    margin-left: 20px;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu_list_img li {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu-flex ul.menu_list_img li:not(:first-child) {
    margin-left: 20px;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu__list-blog ul.menu__list--second {
    flex-basis: 25%;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu__list-blog ul.menu_list_posts {
    flex-wrap: wrap;
    position: relative;
    display: flex;
    flex-basis: 75%;
    justify-content: flex-start;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu__list-blog ul.menu_list_posts li {
    width: calc(100% / 3 - 20px);
    margin-left: 20px;
    text-align: left;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu__list-blog ul.menu_list_posts li:nth-child(1), .nav-menu .menu__list.menu__list--one .menu__item--mega .menu__list-blog ul.menu_list_posts li:nth-child(2), .nav-menu .menu__list.menu__list--one .menu__item--mega .menu__list-blog ul.menu_list_posts li:nth-child(3) {
    margin-bottom: 16px;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu__list-blog ul.menu_list_posts li img {
    border-radius: 8px;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu__list-blog ul.menu_list_posts li a {
    display: block;
}
.nav-menu .menu__list.menu__list--one .menu__item--mega .menu__list-blog ul.menu_list_posts li h3 {
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: initial;
}
.sub-board {
    display: none;
    opacity: 0.5;
    transition: visibility 0s linear 0.1s, opacity 0.1s linear;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 15;
    pointer-events: none;
}
.nav-menu-mb {
    opacity: 0;
    visibility: hidden;
    border-top: 1px solid #f2f2f2;
    position: fixed;
    z-index: 2;
    bottom: -70px;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nav-menu-mb.show {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}
.nav-menu-mb .menu__list {
    display: flex;
    justify-content: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}
.nav-menu-mb .menu__list > li {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
    text-align: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
}
.nav-menu-mb .menu__list > li:not(:last-child) {
    margin-right: 5px;
}
.nav-menu-mb .menu__list > li > a {
    position: relative;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    text-transform: lowercase;
    white-space: nowrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 0;
    width: 100%;
}
.nav-menu-mb .menu__list > li > a span {
    display: block;
    margin-top: 2px;
}
.nav-menu-mb .menu__list > li > a > span.icon--menu {
    display: inline-block;
    margin-top: 0px;
}
.nav-menu-mb .menu__list > li > a > span.icon--menu svg, .nav-menu-mb .menu__list > li > a > span.icon--menu img {
    width: 22px;
    height: 22px;
}
/*------------------------------------------------------------------------------*/
/* FOOTER */
/*------------------------------------------------------------------------------*/
#plm-footer {
    background: #222;
    color: #fff;
}
#plm-footer h4 {
    font-size: 16px;
    margin: 0 0 15px;
    position: relative;
    line-height: 22px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
@media (max-width: 1190px) and (min-width: 991px) {
    #plm-footer h4 {
        font-size: 12px;
    }
}
#plm-footer h4 .plus-button {
    display: none;
    position: relative;
    margin-left: 10px;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
}
@media (max-width: 991px) {
    #plm-footer h4 .plus-button {
        display: block;
    }
}
@media (max-width: 991px) {
    #plm-footer h4 {
        margin: 0 !important;
        padding: 8px 0;
        display: flex;
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    #plm-footer .footer-col.toggle-footer .footer-content {
        display: none;
    }
}
#plm-footer .footer-col .footer-content ul {
    margin-bottom: 15px;
    padding: 0;
}
#plm-footer .footer-col .footer-content ul li {
    display: block;
    line-height: 20px;
    position: relative;
    padding: 0 0 5px 0;
    position: relative;
}
#plm-footer .footer-col .footer-content ul li a {
    position: relative;
    overflow: hidden;
    color: #fff;
}
#plm-footer .footer-col .footer-content ul li a:hover {
    text-decoration: underline;
}
#plm-footer .footer-col .footer-content ul li a strong {
    color: #5ba828;
}
#plm-footer .footer-col .footer-content ul li:hover:before {
    background: #fff;
}
#plm-footer .footer-col .footer-content ul li:last-child {
    padding-bottom: 0;
}
#plm-footer .footer-col .footer-content .footer-static-content {
    margin-bottom: 15px;
}
#plm-footer .footer-col .footer-content.payment-list ul li img {
    height: 25px;
}
#plm-footer .footer-col .footer-content.social-list ul li img {
    width: 30px;
    height: 30px;
}
#plm-footer .footer-col .footer-content.social-list ul, #plm-footer .footer-col .footer-content.payment-list ul {
    display: flex;
    flex-wrap: wrap;
}
#plm-footer .footer-col .footer-content.social-list ul li, #plm-footer .footer-col .footer-content.payment-list ul li {
    margin: 0 15px 0 0;
}
#plm-footer .footer-col .footer-content .logo-ctf {
    margin: 10px 0 20px;
}
#plm-footer .footer-col .footer-content .logo-ctf a {
    display: inline-block;
    margin-right: 12px;
}
#plm-footer .footer-col .footer-content .logo-ctf img {
    height: 55px;
}
#plm-footer .logo-footer {
    margin: 0 0 17px;
}
#plm-footer .logo-footer a {
    display: block;
}
#plm-footer .logo-footer img {
    width: 50%;
    filter: invert(1);
}
#plm-footer .plm-footer--b {
    padding: 10px 0 40px;
}
@media (max-width: 991px) {
    #plm-footer .plm-footer--b {
        padding: 20px 0 0;
    }
    #plm-footer .plm-footer--b .col .footer-col {
        border-bottom: 1px solid #efefef;
        margin-bottom: 0;
    }
    #plm-footer .plm-footer--b .col .footer-col .footer-title {
        line-height: 20px;
        position: relative;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0px;
        padding: 10px 0;
    }
    #plm-footer .plm-footer--b .col .footer-col .footer-title:before {
        content: "\f107";
        font-family: "FontAwesome";
        font-size: 14px;
        position: absolute;
        top: 0px;
        right: 5px;
        text-align: center;
        line-height: 36px;
    }
    #plm-footer .plm-footer--b .col .footer-col .footer-title.active:before {
        content: "\f106";
    }
    #plm-footer .plm-footer--b .col:last-child .footer-col {
        border-bottom: none;
    }
}
#plm-footer .plm-footer--t {
    padding: 40px 0 0;
}
#plm-footer .plm-footer--t .line {
    border-bottom: 2px solid #2f4c6d;
    margin: 40px 0;
}
#plm-footer .plm-footer--t .form-newsletter form .form-group {
    position: relative;
    margin-bottom: 0;
}
#plm-footer .plm-footer--t .form-newsletter form .form-group input {
    width: 100%;
    height: 45px;
    line-height: 25px;
    color: #999;
    padding: 10px 100px 10px 20px;
    border: none;
    box-shadow: none;
    font-style: italic;
    outline: none !important;
    font-size: 12px;
    border-radius: 0;
}
#plm-footer .plm-footer--t .form-newsletter form .form-group button {
    background: #008891;
    font-weight: 500;
    text-align: center;
    position: absolute;
    z-index: 0;
    top: 0px;
    right: 0px;
    color: #fff;
    border: 1px solid #008891;
    border-radius: 0;
    height: 45px;
    width: 100px;
    font-size: 12px;
    padding: 0;
}
#plm-footer .plm-footer--t .form-newsletter form .success.feedback {
    margin: 15px 0;
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter {
    margin-top: 10px;
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 0;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #b9b8c3;
    transition: all 0.2s ease;
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .cbx span:first-child svg {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    fill: none;
    stroke: #222;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #008891;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 0;
    transition-delay: 0.2s;
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .cbx span:last-child {
    margin-left: 8px;
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .cbx:hover span:first-child {
    border-color: #008891;
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .inp-cbx:checked + .cbx span:first-child {
    border-color: #008891;
    background: #008891;
    animation: check 0.6s ease;
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}
#plm-footer .plm-footer--t .form-newsletter .agree-newsletter .inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all 0.6s ease;
}
@media (max-width: 991px) {
    #plm-footer .plm-footer--t {
        padding: 15px 0 0;
    }
    #plm-footer .plm-footer--t .line {
        margin: 20px 0 0;
    }
    #plm-footer .plm-footer--t .form-newsletter form .form-group input, #plm-footer .plm-footer--t .form-newsletter form .form-group button {
        height: 36px;
    }
}
#plm-footer .plm-footer--copyright {
    border-top: 2px solid #2f4c6d;
    padding: 20px 0;
}
#plm-footer .plm-footer--copyright p {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    body.collection #plm-footer, body.product #plm-footer, body.cart #plm-footer {
        padding-bottom: 60px;
    }
    #plm-footer {
        font-size: 12px;
    }
    #plm-footer .col-ft:nth-child(1) {
        order: 1;
    }
    #plm-footer .col-ft:nth-child(2) {
        order: 2;
    }
    #plm-footer .col-ft:nth-child(3) {
        order: 3;
    }
    #plm-footer .col-ft:nth-child(4) {
        order: 5;
    }
    #plm-footer .col-ft:nth-child(5) {
        order: 7;
    }
    #plm-footer .col-ft:nth-child(6) {
        order: 8;
    }
    #plm-footer .col-ft:nth-child(7) {
        order: 4;
    }
    #plm-footer .col-ft:nth-child(8) {
        order: 6;
    }
}
/*------------------------------------------------------------------------------*/
/* INDEX */
/*------------------------------------------------------------------------------*/
.section {
    margin-bottom: 40px;
}
.section .section-title {
    margin-bottom: 40px;
}
.section .section-title h2 {
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #222;
    font-weight: 800;
}
@media (max-width: 991px) {
    .section .section-title h2 {
        font-size: 16px;
        line-height: 20px;
    }
}
.section .block-viewmore {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 20px;
}
.section .block-viewmore .viewmore-btn svg {
    width: 12px;
    height: 12px;
}
@media (min-width: 992px) {
    .section .block-viewmore .viewmore-btn {
        width: 20%;
        position: relative;
        display: inline-block;
        z-index: 1;
        overflow: hidden;
        padding: 8px 15px;
        line-height: normal;
        background-color: #222;
        border: 1px solid #222;
        border-radius: 3px;
        color: #222;
        text-transform: uppercase;
        font-size: 12px;
        text-align: center;
        letter-spacing: 1px;
        outline: none;
        -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .section .block-viewmore .viewmore-btn svg {
        display: none;
    }
    .section .block-viewmore .viewmore-btn:before {
        content: '';
        display: block;
        background-color: #fff;
        position: absolute;
        left: -2px;
        top: 0;
        right: -2px;
        bottom: 0;
        z-index: -1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .section .block-viewmore .viewmore-btn:hover {
        color: #fff;
        background: #222;
    }
    .section .block-viewmore .viewmore-btn:hover:before {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@media (max-width: 991px) {
    .section {
        margin-bottom: 0;
        padding: 20px 0;
    }
    .section .section-title {
        margin-bottom: 20px;
    }
    .section.separate-mb {
        border-top: 10px solid #f2f2f2;
        padding-top: 20px;
    }
}
.section-slider {
    background: #fff;
    margin-bottom: 40px;
}
.section-slider #home-slider {
    position: relative;
}
/* .section-slider #home-slider:not(.slick-initialized) {*/
/*	 height: 400px;*/
/*	 display: flex;*/
/*	 flex-wrap: wrap;*/
/*	 overflow: hidden;*/
/*}*/
.section-slider #home-slider:not(.slick-initialized) .product-loop {
    width: calc(100%/4);
}
.section-slider #home-slider img {
    width: 100%;
}
.section-slider #home-slider .slick-arrow {
    position: absolute;
    line-height: 31px;
    width: 36px;
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid transparent;
    background: transparent;
    padding: 0 !important;
    z-index: 1;
    outline: none;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.section-slider #home-slider .slick-arrow.slick-disabled {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    cursor: default;
}
.section-slider #home-slider .slick-arrow svg {
    width: 25px;
    height: 25px;
    fill: #000;
    stroke: #000;
}
.section-slider #home-slider .slick-arrow.slick-next {
    right: 0px;
}
.section-slider #home-slider .slick-arrow.slick-prev {
    left: 0;
}
.section-slider #home-slider .slick-arrow.slick-prev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.section-slider #home-slider .slick-dots {
    padding: 0;
    margin: 0;
    display: flex;
    position: absolute;
    bottom: 30px;
    left: 0;
    list-style-type: none;
    right: 0;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.section-slider #home-slider .slick-dots li {
    margin: 0 2px;
    width: 11px;
    display: inline-flex;
    justify-content: center;
}
.section-slider #home-slider .slick-dots li button {
    font-size: 0;
    background: transparent;
    cursor: pointer;
    outline: 0;
    display: block;
    border-radius: 50%;
    border: none;
    padding: 0;
    width: 11px;
    height: 11px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #d5d4d4;
}
.section-slider #home-slider .slick-dots li.slick-active button, .section-slider #home-slider .slick-dots li:hover button {
    background: #d5d4d4;
    border: 1px solid #d5d4d4;
}
.section-slider #home-slider .slick-track {
    margin: 0;
}
.section-slider #home-slider:not(.slick-slider) img.load {
    opacity: 0;
    display: none;
}
@media (max-width: 991px) {
    .section-slider {
        margin-bottom: 0;
        padding: 20px 0 0;
    }
    .section-slider .slick-list {
        border-radius: 20px;
    }
}
.section-policy {
    background: #fff;
}
.section-policy .policy--list {
    display: flex;
    justify-content: flex-end;
    border: 1px solid #d5d4d4;
    margin-top: 15px;
    border-radius: 8px;
}
.section-policy .policy--list .policy--item {
    width: calc(100%/3 - 10px);
    padding: 10px 5px;
    text-align: center;
}
.section-policy .policy--list svg, .section-policy .policy--list img {
    margin-bottom: 10px;
    fill: #008891;
    width: 35px;
    height: 35px;
}
.section-policy .policy--list span {
    display: block;
}
.section-policy .policy--list p {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .section-policy .policy--list {
        margin: 0;
        border: none;
        border-radius: 0;
        font-size: 12px;
    }
    .section-policy .policy--list .policy--item {
        width: 100%;
        border: 1px solid #d5d4d4;
        border-radius: 8px;
        font-size: 10px;
    }
    .section-policy .policy--list .policy--item:not(:last-child) {
        margin-right: 10px;
    }
    .section-policy .policy--list svg, .section-policy .policy--list img {
        width: 20px;
        height: 20px;
    }
}
.section-collection {
    background: #fff;
}
.section-collection .collection-list {
    margin: 0 -10px;
}
@media (min-width: 992px) {
    .section-collection .collection-list:not(.slick-initialized) {
        /*height: 480px;*/
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
    }
    .section-collection .collection-list:not(.slick-initialized) .item-slide {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .section-collection .collection-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        -webkit-scroll-snap-type: x proximity;
        -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .section-collection .collection-list::-webkit-scrollbar {
        display: none;
    }
    .section-collection .collection-list .product-loop {
        -ms-flex: 0 0 42%;
        flex: 0 0 42%;
        max-width: 42%;
    }
}
@media (min-width: 768px) {
    .section-collection .collection-list.col .product-loop {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
@media (max-width: 991px) {
    .section-collection {
        margin-bottom: 0;
        position: relative;
        padding-bottom: 0;
    }
    .section-collection .block-viewmore {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 12px;
    }
}
.section-banner .block-banner--list {
    margin: 0 -5px;
}
.section-banner .block-banner--list:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    /*height: 200px;*/
}
.section-banner .block-banner--list:not(.slick-initialized) .block-banner--item {
    /*width: calc(100%/2);*/
}
.section-banner .block-banner--list .block-banner--item {
    padding: 0 5px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .section-banner .block-banner--list .block-banner--item {
        margin-bottom: 10px;
    }
}
.section-banner .block-banner--list .block-banner--item a {
    display: block;
    border-radius: 12px;
}
.section-banner .block-banner--list .block-banner--item a img {
    width: 100%;
}
.section-banner .slick-dots {
    padding: 0;
    list-style: none;
    margin: 15px 0 0;
    display: flex;
    justify-content: center;
    width: 100%;
}
.section-banner .slick-dots li {
    margin-left: 4px;
    margin-right: 4px;
}
.section-banner .slick-dots li button {
    box-shadow: none;
    outline: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: none;
    border-radius: 50%;
    border: 1px solid #222;
    padding: 0;
    background: #fff;
    font-size: 0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.section-banner .slick-dots li.slick-active button {
    background: #3e4048;
    width: 26px;
    transition: all 0.2s;
    border-radius: 3px;
}
@media (max-width: 991px) {
    .section-banner {
        background: #f2f2f2;
        padding: 20px 0;
    }
}
.flash-sale {
    position: relative;
}
.flash-sale .flash-sale--countdown {
    position: relative;
    z-index: 1;
    text-align: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.flash-sale .flash-sale--countdown h2 {
    display: inline-block;
    margin-bottom: 0;
    background: #222;
    color: #fff;
    padding: 4px 40px;
    font-size: 24px;
    line-height: 34px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
}
.flash-sale .flash-sale--countdown h2:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 20px solid #cccccb;
    border-left: 12px solid transparent;
    position: absolute;
    top: 0;
    left: -12px;
}
.flash-sale .flash-sale--countdown h2:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 20px solid #cccccb;
    border-right: 12px solid transparent;
    position: absolute;
    top: 0;
    right: -12px;
}
.flash-sale .flash-sale--countdown .box-countdown #soon-espa {
    padding: 32px 0 15px;
}
.flash-sale .flash-sale--countdown .box-countdown .soon-slot {
    background: #8a8d90;
    color: #fff;
}
.flash-sale .flash-sale--countdown .box-countdown .soon-slot .soon-slot-inner {
    padding: 0 5px;
}
.flash-sale .flash-sale--countdown .box-countdown .soon-slot .soon-slot-inner .soon-slot-new, .flash-sale .flash-sale--countdown .box-countdown .soon-slot .soon-slot-inner .soon-slot-old, .flash-sale .flash-sale--countdown .box-countdown .soon-slot .soon-slot-inner .soon-slot-bounding {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flash-sale .section-title {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flash-sale .section-title h3 {
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #222;
    font-weight: 700;
}
.flash-sale .section-title .viewmore-btn {
    font-size: 13px;
}
.flash-sale .section-title .viewmore-btn svg {
    height: 12px;
    width: 12px;
    vertical-align: -2px;
}
.flash-sale .flash-sale--inner {
    display: flex;
    flex-wrap: wrap;
}
.flash-sale .flash-sale--inner .flash-sale--col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .flash-sale .flash-sale--inner .flash-sale--col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .flash-sale .flash-sale--inner .flash-sale--col.l {
        padding-right: 10px;
    }
    .flash-sale .flash-sale--inner .flash-sale--col.r {
        padding-left: 10px;
    }
}
@media (min-width: 992px) {
    .flash-sale .flash-sale--countdown {
        margin-top: -60px;
    }
    .flash-sale .section-title {
        padding: 0 10px;
    }
    .flash-sale .flash-sale--inner {
        padding: 40px 10px 10px;
        margin-top: 65px;
        background: #f2f2f2;
        border-radius: 10px;
    }
}
@media (max-width: 991px) {
    .flash-sale .flash-sale--inner {
        margin: 0 -10px;
    }
    .flash-sale .flash-sale--inner .flash-sale--col {
        padding: 0 10px;
    }
    .flash-sale .flash-sale--inner .flash-sale--col.r {
        border-top: 10px solid #f2f2f2;
        padding-top: 20px;
    }
    .flash-sale .flash-sale--inner .flash-sale--col .collection-list {
        margin: 0 -5px;
    }
    .flash-sale .flash-sale--inner .flash-sale--col .collection-list .product-loop {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
        padding: 0 5px;
    }
    .flash-sale .flash-sale--inner .flash-sale--col .collection-list .product-loop .pro-detail .pro-name {
        height: auto;
        display: block;
        font-size: 12px;
    }
    .flash-sale .flash-sale--inner .flash-sale--col .collection-list .product-loop .pro-detail .pro-price {
        flex-wrap: wrap;
    }
    .flash-sale .flash-sale--inner .flash-sale--col .collection-list .product-loop .pro-detail .pro-price .pro-price--special {
        margin-right: 4px;
    }
    .flash-sale .flash-sale--inner .flash-sale--col .collection-list .product-loop .pro-detail .pro-price .pro-price--compare {
        margin-left: 0;
    }
    .flash-sale .flash-sale--inner .flash-sale--col .collection-list .product-loop .pro-detail .button-add button {
        padding: 2px 3px 2px 3px;
        line-height: 16px;
        font-size: 10px;
    }
    .flash-sale .flash-sale--inner .flash-sale--col .collection-list .product-loop .pro-detail .button-add button svg {
        width: 10px;
        height: 10px;
        margin-right: 2px;
    }
    .flash-sale .flash-sale--countdown h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .flash-sale .flash-sale--countdown .box-countdown #soon-espa {
        padding: 15px 0 0;
        font-size: 1rem;
    }
    .flash-sale .flash-sale--countdown .box-countdown #soon-espa .soon-label {
        font-size: 13px;
    }
    .flash-sale .flash-sale--countdown .box-countdown #soon-espa .soon-slot-inner .soon-slot-new, .flash-sale .flash-sale--countdown .box-countdown #soon-espa .soon-slot-inner .soon-slot-old, .flash-sale .flash-sale--countdown .box-countdown #soon-espa .soon-slot-inner .soon-slot-bounding {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.section-blog {
    padding-top: 40px;
    border-top: 2px solid #ececec;
}
.section-blog .post_item {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.section-blog .post_item .post_featured {
    overflow: hidden;
    position: relative;
}
.section-blog .post_item .post_featured img {
    width: 100%;
}
.section-blog .post_item .post_content {
    padding: 12px 0 0;
}
.section-blog .post_item .post_content .post_title {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 24px;
    position: relative;
    font-weight: 700;
    margin: 8px 0;
    padding-right: 20px;
}
.section-blog .post_item .post_content .post_title a {
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.section-blog .post_item .post_content .post_title a:hover {
    text-decoration: underline;
}
.section-blog .post_item .post_content .post_title svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.section-blog .post_item .post_content .post_detail {
    font-size: 13px;
}
@media (max-width: 991px) {
    .section-blog {
        padding: 20px 0;
        background: #fff;
        margin-bottom: 0;
    }
    .section-blog .posts-list .col-12:last-child .post_item {
        margin-bottom: 0;
    }
    .section-blog .post_item {
        display: flex;
    }
    .section-blog .post_item .post_featured {
        width: 45%;
    }
    .section-blog .post_item .post_content {
        width: 55%;
        padding: 0 0 0 15px;
        font-size: 12px;
    }
    .section-blog .post_item .post_content .post_title {
        margin: 0 0 4px;
    }
}
@keyframes popoverTheLookDot {
    from {
        opacity: 0.6;
        transform: scale(0.6);
    }
    to {
        opacity: 0;
        transform: scale(1.2);
    }
}
@keyframes scaleDown1 {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    1% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.section-instagram {
    position: relative;
    padding: 40px 0px 10px;
    background: #f6f6f6;
}
.section-instagram .subtitle {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    line-height: 20px;
}
.section-instagram .instagram-container {
    padding: 0 50px;
    position: relative;
}
.section-instagram .instagram-container:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    height: 320px;
}
.section-instagram .instagram-container:not(.slick-initialized) .instagram-column {
    /*width: calc(100%/6);*/
}
.section-instagram .instagram-container .instagram-column {
    margin-bottom: 30px;
    padding: 0 5px;
    outline: none;
}
.section-instagram .instagram-container .instagram-banner__photo {
    position: relative;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-dot {
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 12px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    display: block;
    border: 0;
    outline: none;
    padding: 0;
    margin: auto;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
    opacity: 1;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-dot:before {
    content: "";
    width: 36px;
    height: 36px;
    position: absolute;
    top: -8px;
    left: -8px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: 1.2s popoverTheLookDot ease-in-out infinite;
    animation: 1.2s popoverTheLookDot ease-in-out infinite;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-dot svg {
    fill: #000;
    height: 18px;
    width: 18px;
    opacity: 0.8;
    -webkit-transform: scale(0.75) rotate(45deg);
    -moz-transform: scale(0.75) rotate(45deg);
    transform: scale(0.75) rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}
.section-instagram .instagram-container .instagram-banner__photo .popover {
    border: 0;
    width: 80%;
    max-width: initial;
    display: none;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-product {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
    position: relative;
    border-radius: 5px;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-product > .arrow, .section-instagram .instagram-container .instagram-banner__photo .popover-product > .arrow:after {
    border-width: 8px;
    border-top-color: #f6f6f6;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-body {
    padding: 8px 2px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-body .product--thumb {
    max-width: 32px;
    -webkit-flex-basis: 32px;
    -ms-flex-preferred-size: 32px;
    flex-basis: 32px;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-body .product--thumb img {
    border: 1px solid #ececec;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-body .product--text {
    padding: 0 0px 0 4px;
    text-align: left;
    max-width: calc(100% - 32px);
    -webkit-flex-basis: calc(100% - 32px);
    -ms-flex-preferred-size: calc(100% - 32px);
    flex-basis: calc(100% - 32px);
}
.section-instagram .instagram-container .instagram-banner__photo .popover-body .popover--title {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 4px;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-body .popover--price {
    margin: 0;
    font-size: 11px;
    color: #222;
    font-weight: 700;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-body .popover--price .price-del {
    color: #878c8f;
    text-decoration: line-through;
    font-size: 10px;
    font-weight: 300;
}
.section-instagram .instagram-container .instagram-banner__photo .popover-body:hover .popover--title {
    text-decoration: underline;
}
.section-instagram .instagram-container .instagram-banner__photo.opened .popover-dot {
    z-index: 5;
}
.section-instagram .instagram-container .instagram-banner__photo.opened .popover-dot svg {
    -webkit-transform: scale(1.04) rotate(0deg);
    -moz-transform: scale(1.04) rotate(0deg);
    transform: scale(1.04) rotate(0deg);
}
.section-instagram .instagram-container .instagram-banner__photo.opened .popover {
    display: block;
}
.section-instagram .instagram-container .instagram-banner__detail {
    padding: 15px 0px 0;
}
.section-instagram .instagram-container .instagram-banner__detail .instagram--title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.section-instagram .instagram-container .instagram-banner__detail .instagram--desc p {
    margin-bottom: 0;
    font-size: 13px;
}
.section-instagram .instagram-container .slick-arrow {
    position: absolute;
    line-height: 31px;
    width: 36px;
    height: 36px;
    top: 40%;
    transform: translateY(-40%);
    border: 1px solid transparent;
    background: transparent;
    z-index: 1;
    outline: none;
    border-radius: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.section-instagram .instagram-container .slick-arrow.slick-disabled {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    cursor: default;
}
.section-instagram .instagram-container .slick-arrow svg {
    width: 25px;
    height: 25px;
    fill: #000;
    stroke: #000;
}
.section-instagram .instagram-container .slick-arrow.slick-next {
    right: 0px;
}
.section-instagram .instagram-container .slick-arrow.slick-prev {
    left: 0;
}
.section-instagram .instagram-container .slick-arrow.slick-prev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.section-instagram .instagram-container .slick-dots {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}
.section-instagram .instagram-container .slick-dots li {
    margin-left: 4px;
    margin-right: 4px;
}
.section-instagram .instagram-container .slick-dots li button {
    box-shadow: none;
    outline: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: none;
    border-radius: 50%;
    border: 1px solid #222;
    padding: 0;
    background: #fff;
    font-size: 0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.section-instagram .instagram-container .slick-dots li.slick-active button {
    background: #3e4048;
    width: 26px;
    transition: all 0.2s;
    border-radius: 3px;
}
.section-instagram .instagram-container .slick-track {
    margin: 0;
}
@media (max-width: 991px) {
    .section-instagram {
        margin-bottom: 0;
        padding: 20px 0;
    }
    .section-instagram .instagram-container {
        padding: 0;
    }
    .section-instagram .instagram-container:not(.slick-initialized) {
        height: 400px;
    }
    .section-instagram .instagram-container:not(.slick-initialized) .instagram-column {
        /*width: calc(100%/3);*/
    }
    .section-instagram .instagram-container .instagram-column {
        margin-bottom: 10px;
    }
    .section-instagram .instagram-container .instagram-banner .popover-dot {
        display: none;
    }
}
.section-service {
    background: #fff;
}
.section-service .service--item {
    display: flex;
    justify-content: center;
    flex: 1 0 auto;
    padding: 10px;
    border: 1px solid #d5d4d4;
    border-radius: 8px;
}
.section-service .service--item:not(:last-child) {
    margin-bottom: 15px;
}
.section-service .service--item img, .section-service .service--item svg {
    width: 42px;
    height: 42px;
    fill: #222;
}
.section-service .service--item .service--inner {
    width: calc(100% - 60px);
    margin-left: 10px;
    font-size: 12px;
    margin-top: 0;
}
.section-service .service--item .service--inner h5 {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 4px;
    color: #222;
}
.section-service .service--item .service--inner p {
    margin-bottom: 2px;
    color: #3e4048;
}
.section-service .service--item .service--inner p:last-child {
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .section-service .service--list {
        display: flex;
        justify-content: center;
        margin: 0 -10px;
    }
    .section-service .service--list .service--item {
        margin: 0 10px;
        width: calc(100%/3 - 20px);
    }
}
@media (max-width: 991px) {
    .section-service {
        margin-bottom: 0px;
    }
}
/*------------------------------------------------------------------------------*/
/* COLLECTION PAGE */
/*------------------------------------------------------------------------------*/
.checkbox-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.checkbox-list input[type='checkbox'], .checkbox-list input[type='radio'] {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    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: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #cedadd;
    cursor: pointer;
    border-radius: 2px;
}
.checkbox-list input[type='checkbox']:before, .checkbox-list input[type='radio']:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 5px;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 1.5px solid #58b3f0;
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
}
.checkbox-list li {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 25px;
}
.checkbox-list li label {
    margin: 0px;
    font-weight: normal;
    cursor: pointer;
}
.checkbox-list li:hover {
    color: #222;
}
.checkbox-list li:hover input[type='checkbox']:after {
    border-color: #222;
}
.filter-color .checkbox-list li {
    margin: 0 8px 8px 0;
    line-height: normal;
    float: left;
    padding: 0;
}
.filter-color .checkbox-list li label {
    border: 1px solid #eaeaea;
    width: 25px;
    height: 25px;
    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 {*/
/*	 content: '';*/
/*	 position: absolute;*/
/*	 top: 7px;*/
/*	 left: 6px;*/
/*	 height: 6px;*/
/*	 width: 12px;*/
/*	 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 #fff, 0 0 0 4px #d5d4d4;*/
/*}*/
.layered_filter_group {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #d5d4d4;
    padding: 10px 0 0;
}
.layered_filter_group .filter_group {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px;
}
.layered_filter_group .filter_group .filter_group_block {
    position: relative;
}
.layered_filter_group .filter_group .filter_group-subtitle {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    padding: 0 0 8px;
    cursor: pointer;
}
.layered_filter_group .filter_group .filter_group-subtitle span.icon-control {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    font-size: 10px;
    vertical-align: 1px;
    display: inline-block;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.layered_filter_group .filter_group .filter_group-content {
    padding: 8px 0 0;
    border-top: 1px solid #d5d4d4;
    font-size: 12px;
}
@media (min-width: 992px) {
    .layered_filter_group {
        padding: 10px 0;
    }
    .layered_filter_group .filter_group {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .layered_filter_group .filter_group .filter_group_block:hover .filter_group-subtitle span.icon-control {
        color: #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@media (max-width: 991px) {
    .layered_filter_group .filter_group .filter_group-subtitle {
        border: 0;
    }
    .layered_filter_group .filter_group .filter_group-subtitle.action-group span.icon-control {
        color: #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .layered_filter_group .filter_group .filter_group-content {
        display: none;
        padding: 10px 0;
    }
}
.collection--filter-tags {
    margin-bottom: 20px;
    display: none;
}
.collection--filter-tags.active {
    display: block;
}
.collection--filter-tags .filter_tags {
    position: relative;
    border-radius: 12px;
    margin: 0 10px 5px 0;
    color: #5d5d5d;
    background: #fff;
    border: 1px solid #dadada;
    font-size: 13px;
    display: none;
    padding: 2px 32px 3px 10px;
}
.collection--filter-tags .filter_tags span.filter_tags_remove {
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    line-height: 14px;
    margin: auto;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.collection--filter-tags .filter_tags span.filter_tags_remove svg {
    width: 16px;
    height: 16px;
}
.collection--filter-tags .filter_tags.opened {
    display: inline-block;
}
.collection--filter-tags .filter_tags.filter_tags_remove_all {
    cursor: pointer;
    border: 0;
}
.collection--filter-tags .filter_tags.filter_tags_remove_all span {
    color: #222;
    border-bottom: 1px solid #222;
}
.collection-sortbyfilter-container {
    position: relative;
}
.collection-sortbyfilter-container .collection-sortby-option {
    background: #fff;
    border-top: 1px solid #d5d4d4;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: none;
    position: absolute;
    bottom: 57px;
    left: 0;
    right: 0;
}
.collection-sortbyfilter-container .collection-sortby-option ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.collection-sortbyfilter-container .collection-sortby-option ul.sort-by {
    margin: 0;
    padding: 5px 10px;
}
.collection-sortbyfilter-container .collection-sortby-option ul.sort-by li {
    position: relative;
    cursor: pointer;
    padding: 4px 10px 4px 25px;
}
.collection-sortbyfilter-container .collection-sortby-option ul.sort-by li:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    margin: auto;
    z-index: 1;
    width: 12px;
    height: 6px;
    border: 1.5px solid #222;
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
}
.collection-sortbyfilter-container .collection-sortby-option ul.sort-by li.active:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
.collection-sortbyfilter-container .collection-sortby-option ul.sort-by li:hover {
    color: #222;
}
.collection-sortbyfilter-container .collection-sortby-filter {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
.collection-sortbyfilter-container .collection-sortby-filter .collection-sortby, .collection-sortbyfilter-container .collection-sortby-filter .collection-filterby {
    -webkit-flex: 1 1;
    flex: 1 1;
    width: 50%;
}
.collection-sortbyfilter-container .collection-sortby-filter .collection-filterby {
    display: none;
}
.collection-sortbyfilter-container .collection-sortby-filter .collection-sortby .boxstyle-mb, .collection-sortbyfilter-container .collection-sortby-filter .collection-filterby .boxstyle-mb {
    position: relative;
    height: 36px;
    line-height: 36px;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    padding: 0px 40px 0px 10px;
    cursor: pointer;
    border: 1px solid #7f91a5;
    border-radius: 4px;
}
.collection-sortbyfilter-container .collection-sortby-filter > div:last-child {
    margin-left: 10px;
}
.collection-sortbyfilter-container .collection-sortby-filter .layered_filter_title .title_filter {
    margin: 0;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.collection-sortbyfilter-container .collection-sortby-filter .layered_filter_title .title_filter:after {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    right: 10px;
    width: 0px;
    height: 0px;
    margin: 0;
    background: transparent;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #bababa transparent transparent transparent;
}
.collection-sortbyfilter-container .collection-sortby-filter .layered_filter_title .title_filter .icon-filter {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    color: #000;
    margin-right: 6px;
}
.collection-sortbyfilter-container .collection-sortby-filter .layered_filter_title .title_filter .icon-filter svg {
    width: 15px;
    height: 30px;
    line-height: 30px;
    fill: #000;
    stroke: #000;
}
.collection-sortbyfilter-container .collection-sortby-filter .layered_filter_title .title_filter .icon-filter .fa {
    line-height: 30px;
    font-size: 17px;
    color: #000;
}
.collection-sortbyfilter-container .collection-sortby-filter .layered_filter_title .title_filter .icon-close {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 8px;
    width: 18px;
    height: 18px;
    line-height: 18px;
}
.collection-sortbyfilter-container .collection-sortby-filter .layered_filter_title .title_filter .icon-close svg {
    width: 18px;
    height: 18px;
    fill: #222;
}
@media (max-width: 991px) {
    .collection-sortbyfilter-container .collection-sortby-option ul.sort-by li {
        padding-left: 10px;
        padding-right: 25px;
    }
    .collection-sortbyfilter-container .collection-sortby-option ul.sort-by li:before {
        left: initial;
        right: 5px;
    }
    .collection-sortbyfilter-container .collection-sortby-filter .collection-sortby .boxstyle-mb, .collection-sortbyfilter-container .collection-sortby-filter .collection-filterby .boxstyle-mb {
        padding-right: 30px;
        text-transform: uppercase;
    }
    .collection-sortbyfilter-container .collection-sortby-filter .collection-filterby {
        display: block;
    }
    .collection-sortbyfilter-container .collection-sortby-filter .filter_opened .layered_filter_title .title_filter:after {
        display: none;
    }
    .collection-sortbyfilter-container .collection-sortby-filter .filter_opened .layered_filter_title .title_filter .icon-filter svg {
        fill: #222;
        stroke: #222;
    }
    .collection-sortbyfilter-container .collection-sortby-filter .filter_opened .layered_filter_title .title_filter .icon-filter svg {
        color: #222;
    }
    .collection-sortbyfilter-container .collection-sortby-filter .filter_opened .layered_filter_title .title_filter .icon-close {
        display: block;
    }
    .collection-filter-option {
        background: #fff;
        border-top: 1px solid #d5d4d4;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: none;
        position: absolute;
        bottom: 57px;
        left: 0;
        right: 0;
        margin-bottom: 0 !important;
    }
}
.collection #collection-page .collection--banner {
    margin-top: 20px;
}
.collection #collection-page .collection--banner img {
    width: 100%;
}
@media (max-width: 991px) {
    .collection #collection-page .collection--banner {
        margin-top: 10px;
    }
}
.collection #collection-page .sidebar_box {
    margin-top: 20px;
}
.collection #collection-page .sidebar_box .sidebar_box_block {
    position: relative;
    margin-bottom: 15px;
}
.collection #collection-page .sidebar_box .sidebar_box_block .sidebar_box-subtitle {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    padding: 0 0 10px;
    border-bottom: 1px solid #f6f6f6;
    text-transform: uppercase;
    cursor: pointer;
}
.collection #collection-page .sidebar_box .sidebar_box_block .sidebar_box-subtitle span.icon-control {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    font-size: 10px;
    vertical-align: 1px;
    display: inline-block;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.collection #collection-page .sidebar_box .sidebar_box_block .sidebar_box-content {
    padding: 0;
    position: relative;
}
@media (max-width: 991px) {
    .collection #collection-page .sidebar_box .sidebar_box_block .sidebar_box-subtitle {
        border: none;
    }
    .collection #collection-page .sidebar_box .sidebar_box_block .sidebar_box-content {
        border: none;
        margin-bottom: 20px;
        padding: 10px 15px;
        float: none;
    }
}
.collection #collection-page .row .col-desk-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 1170px) {
    .collection #collection-page .row .col-desk-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .collection #collection-page .row .col-desk-9 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .collection #collection-page .row .col-desk-9.full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .collection #collection-page .row .col-desk-3 {
        display: none;
    }
}
.collection #collection-page .row .collection--list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.collection #collection-page .row .collection--list .product-loop {
    width: 50%;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .collection #collection-page .row .collection--list .product-loop {
        width: 25%;
        margin-bottom: 25px;
    }
}
.collection #collection-page .row .collection--list .info {
    padding: 0 10px;
    width: 100%;
}
.collection #collection-page .row .collection--list .info .collection-alert-no {
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    margin: 15px 0 40px;
    position: relative;
    padding: 0.75rem 1.25rem;
    border-radius: 0.25rem;
    width: 100%;
}
.collection #collection-page .collection--filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.collection #collection-page .collection--filter .collection--filter-l, .collection #collection-page .collection--filter .collection--filter-r {
    width: 50%;
}
.collection #collection-page .collection--filter .collection--filter-content {
    width: 100%;
    margin-bottom: 20px;
    display: none;
}
.collection #collection-page .collection--filter .btn-filter {
    padding: 15px 0;
    display: inline-block;
}
.collection #collection-page .collection--filter .btn-filter svg {
    width: 25px;
    height: 25px;
}
.collection #collection-page .collection--filter .switch-layout {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    list-style: none;
}
.collection #collection-page .collection--filter .switch-layout li a {
    padding: 15px 0 15px 10px;
    display: inline-flex;
}
.collection #collection-page .collection--filter .switch-layout li a svg {
    width: 25px;
    height: 25px;
}
.collection #collection-page .collection--filter .switch-layout li a.active svg {
    fill: #fff;
    background: #222;
}
.collection #collection-page .collection--filter .collection-sortbyfilter-container {
    display: none;
}
@media (max-width: 991px) {
    .collection #collection-page .collection--filter {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        width: 100%;
        background: #fff;
    }
    .collection #collection-page .collection--filter .collection--filter-r {
        display: none;
    }
    .collection #collection-page .collection--filter .collection--filter-l {
        width: 100%;
    }
    .collection #collection-page .collection--filter .btn-filter {
        display: none;
    }
    .collection #collection-page .collection--filter .collection-sortbyfilter-container {
        display: block;
    }
    .collection #collection-page .collection--filter .collection-sortbyfilter-container .collection-sortby-filter {
        display: flex;
        padding: 10px;
        border-top: 1px solid #d5d4d4;
    }
}
.collection #collection-page .collection-title {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 15px 0;
    color: #222;
    font-weight: 700;
}
.collection #collection-page .collection--menu-mb .scroll-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-scroll-snap-type: x proximity;
    -ms-scroll-snap-type: x proximity;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    margin-bottom: 20px;
    padding-bottom: 0;
}
.collection #collection-page .collection--menu-mb .scroll-menu::-webkit-scrollbar {
    display: none;
}
.collection #collection-page .collection--menu-mb .scroll-menu:before, .collection #collection-page .collection--menu-mb .scroll-menu:after {
    content: '';
    width: 10px;
}
.collection #collection-page .collection--menu-mb .scroll-menu > div {
    margin-right: 10px;
    scroll-snap-align: center;
}
.collection #collection-page .collection--menu-mb .scroll-menu > div a {
    padding: 6px 15px;
    border-radius: 20px;
    background: #f2f2f2;
    white-space: nowrap;
    color: #000;
    display: block;
    font-size: 12px;
}
.collection #collection-page .collection--menu-mb .scroll-menu > div.active a {
    background: #202020;
    color: #fff;
}
/*------------------------------------------------------------------------------*/
/* PRODUCT PAGE */
/*------------------------------------------------------------------------------*/
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@media (max-width: 767px) {
    #nhanquamodal .modal-header h3 {
        font-size: 1.25 rem;
    }
}
#nhanqua {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#nhanqua .buyxgety_item {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 5px 10px 10px;
    border: 1px solid #d5d4d4;
    border-radius: 8px;
}
#nhanqua .buyxgety_item:not(:last-child) {
    margin-right: 20px;
}
#nhanqua .buyxgety_item .buyxgety_checkbox {
    width: 100%;
    order: 1;
    padding-left: 75px;
    margin-top: 5px;
}
#nhanqua .buyxgety_item .buyxgety_checkbox label {
    background: #f2f2f2;
    color: #000;
    padding: 3px 22px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
}
#nhanqua .buyxgety_item .buyxgety_checkbox label:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 1.5px solid #fff;
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
}
#nhanqua .buyxgety_item .buyxgety_checkbox input[type=radio] {
    cursor: pointer;
    width: 15px;
    height: 15px;
    opacity: 0;
    visibility: hidden;
    display: none;
}
#nhanqua .buyxgety_item .buyxgety_checkbox input[type=radio]:checked + label {
    background: #222;
    color: #fff;
}
#nhanqua .buyxgety_item .buyxgety_checkbox input[type=radio]:checked + label:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
#nhanqua .buyxgety_item .buyxgety_image {
    width: 60px;
    border: 1px solid #f5f5f5;
    float: right;
}
#nhanqua .buyxgety_item .buyxgety_item_title {
    width: calc(100% - 60px);
    display: flex;
    flex-direction: column-reverse;
    padding-left: 15px;
}
#nhanqua .buyxgety_item .buyxgety_list_variant select {
    font-size: 94%;
    font-style: italic;
    min-width: 110px;
    outline: none;
    padding: 1px 15px 2px;
    margin: 2px 0 5px;
}
#nhanqua ul.gift_option_loops {
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0;
}
#nhanqua ul.gift_option_loops li input {
    display: none;
}
#nhanqua ul.gift_option_loops li input:checked + label {
    background: #103057;
    color: #fff;
    border-color: #103057;
}
#nhanqua ul.gift_option_loops li label {
    border: 1px solid #d5d4d4;
    min-width: 25px;
    min-height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: 2px;
}
@media (max-width: 767px) {
    #nhanqua {
        flex-wrap: wrap;
    }
    #nhanqua .buyxgety_item {
        width: 100%;
    }
    #nhanqua .buyxgety_item:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}
#nhanqua_button {
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    box-shadow: none;
    padding: 8px 25px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #222;
    border-radius: 3px;
    color: #222;
    outline: none;
    -webkit-appearance: button;
    cursor: pointer;
    margin: 0;
}
.productDetail-page .product-detail-wrapper .product-detail-main {
    position: relative;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail {
    border-radius: 3px;
    position: relative;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery {
    width: 100%;
    margin-top: 15px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__desk {
    border: 1px solid #f5f5f5;
    margin-bottom: 14px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__desk img {
    width: 100%;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__desk:hover {
    cursor: zoom-in;
}
/* .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__desk .plm-video {*/
/*	 position: absolute;*/
/*	 top: 0;*/
/*	 bottom: 0;*/
/*	 right: 0;*/
/*	 left: 0;*/
/*	 width: 100%;*/
/*	 height: 100%;*/
/*	 align-items: center;*/
/*	 justify-content: center;*/
/*	 display: none;*/
/*	 padding: 0;*/
/*}*/
/* .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__desk .plm-video.show {*/
/*	 display: flex;*/
/*}*/
/* .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__desk .plm-video iframe {*/
/*	 position: relative;*/
/*	 z-index: 2;*/
/*	 width: 100%;*/
/*	 height: 100%;*/
/*}*/
/* .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__desk .plm-video:before {*/
/*	 content: "";*/
/*	 position: absolute;*/
/*	 z-index: 1;*/
/*	 top: 0;*/
/*	 right: 0;*/
/*	 left: 0;*/
/*	 bottom: 0;*/
/*	 background: black;*/
/*}*/
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs {
    overflow: hidden;
    padding: 0 50px;
    position: relative;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs:not(.slick-initialized) {
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs:not(.slick-initialized) .product-gallery__thumb, .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs:not(.slick-initialized) .product-gallery__video {
    width: calc(100%/5);
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__thumb, .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__video {
    outline: none;
    margin: 0 3px;
    /*&.slick-active.slick-current + div img {
		border: 1px solid #222;
	}
	*/
    /*&.slick-active.slick-current + .product-gallery__video + div img{
		 border: 1px solid #222;
	}
	*/
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__thumb a, .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__video a {
    display: block;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__thumb img, .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__video img {
    cursor: pointer;
    border: 1px solid #f5f5f5;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__thumb.active img,
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__video.active img {
    border: 1px solid #222;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__video {
    position: relative;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__video a {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(171, 173, 175, 0.9);
    color: #fff;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__video a svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    stroke: #fff;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .product-gallery__video a span {
    font-size: 12px;
    display: inline-block;
    margin-top: 4px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .slick-arrow {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    border-radius: 100%;
    visibility: visible;
    border: 1px solid transparent;
    background: transparent;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    z-index: 1;
    outline: none;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .slick-arrow.slick-disabled {
    opacity: 0;
    visibility: hidden;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .slick-arrow svg {
    width: 25px;
    height: 25px;
    fill: #222;
    stroke: #222;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .slick-arrow.slick-next {
    right: 0;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .slick-arrow.slick-prev {
    left: 0;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs .slick-arrow.slick-prev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-full-img {
    text-align: center;
    border: 1px solid #f5f5f5;
    margin-bottom: 10px;
    overflow: hidden;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__zoom {
    display: none;
}
@media (min-width: 992px) {
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__zoom {
        display: block;
        margin: 0 0 14px;
        width: 100%;
        text-align: center;
        font-size: 15px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__zoom svg {
        width: 10px;
        height: 10px;
        margin-right: 14px;
        vertical-align: baseline;
    }
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .btn-wishlist {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 6;
    border-radius: 50%;
    background: #f5f5f5;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .btn-wishlist button {
    border: none;
    background: transparent;
    text-align: center;
    color: #000;
    padding: 0;
    width: 50px;
    height: 44px;
    outline: none;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-share-social-list ul {
    display: flex;
    padding: 0;
    list-style-type: none;
    justify-content: center;
    margin-top: 15px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-share-social-list ul li {
    margin-right: 10px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info {
    width: 100%;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .product-title {
    position: relative;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .product-title h1, .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .product-title h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 5px;
    font-weight: 700;
}
@media (max-width: 991px) {
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .product-title h1, .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .product-title h2 {
        font-size: 20px;
    }
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-meta .pro-meta--col {
    display: flex;
    margin-bottom: 8px;
    align-items: center;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-meta .pro-meta--col .title {
    margin-right: 5px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-meta .pro-meta--col .detail {
    font-weight: 600;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail #price-preview {
    padding: 10px;
    background: #f2f2f2;
    border-radius: 3px;
    margin-bottom: 15px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail #price-preview .product-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail #price-preview .product-price span.pro-price {
    font-size: 22px;
    color: #878787;
    font-weight: 800;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail #price-preview .product-price span.pro-sale {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    border-radius: 3px;
    padding: 2px 4px;
    background: #008891;
    font-size: 12px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail #price-preview .product-price del {
    font-size: 14px;
    color: #999;
    padding-right: 10px;
}
@media (max-width: 991px) {
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail #price-preview {
        flex-wrap: wrap;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail #price-preview > div {
        width: 100%;
    }
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .product-price.pro-gift {
    color: red;
    padding-bottom: 15px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .product-price.pro-gift.no-border {
    border-bottom: none;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .qty-title {
    padding: 0 0 10px;
    text-align: left;
    line-height: initial;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .selector-actions {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .selector-actions .quantity-area {
    display: inline-flex;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .selector-actions .quantity-area input {
    background: #fff;
    border: none;
    border-radius: 0;
    font-weight: 600;
    height: 32px;
    outline: none;
    text-align: center;
    padding: 0;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .selector-actions .quantity-area input#quantity {
    width: 60px;
    -webkit-appearance: none;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .selector-actions .quantity-area input.qty-btn {
    cursor: pointer;
    font-size: 16px;
    width: 28px;
}
@media (max-width: 991px) {
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .selector-actions {
        display: flex;
        align-items: center;
    }
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart {
    display: flex;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button {
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    box-shadow: none;
    padding: 10px 25px;
    line-height: 22px;
    width: 95%;
    background: #fff;
    border: 1px solid #878787;
    color: #878787;
    outline: none;
    -webkit-appearance: button;
    cursor: pointer;
    margin-top: 15px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button.buy-now {
    background: #878787;
    border: 1px solid #878787;
    color: #fff;
    margin-left: 5px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button.buy-now[disabled] {
    opacity: 0.8;
    background: #ddd;
    border: 1px solid #ddd;
    cursor: not-allowed;
    color: #000;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button#add-to-cart svg {
    vertical-align: -4px;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button#add-to-cart[disabled] {
    opacity: 0.8;
    background: #ddd;
    border: 1px solid #ddd;
    cursor: not-allowed;
    color: #000;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button.loading {
    position: relative;
    pointer-events: none;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button.loading:after {
    content: '';
    border: 1px solid #fff;
    border-top: 1px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 1px;
    left: 13px;
    z-index: 0;
    opacity: 1;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart a.icon-chatbot {
    width: 75px;
    height: 40px;
    margin-right: 4px;
    line-height: 40px;
    padding: 0px 15px;
    background: #f2f2f2;
    border-radius: 3px;
}
@media (max-width: 991px) {
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 3;
        padding: 5px;
        left: 0;
        border-top: 1px solid #d5d4d4;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button {
        margin-top: 0;
        width: 80%;
        padding: 5px 10px;
    }
}
@media (max-width: 640px) {
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button {
        font-size: 11px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .wrap-addcart button svg {
        display: none;
    }
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .hook-reviews {
    display: flex;
    align-items: center;
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .hook-reviews:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 60%;
    width: 1px;
    background: #d5d4d4;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .qty-purchase {
    display: flex;
    align-items: center;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .qty-purchase .number-purchase {
    margin-left: 5px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-policy {
    display: flex;
    justify-content: flex-end;
    border: 1px solid #d5d4d4;
    margin-top: 15px;
    border-radius: 8px;
    font-size: 12px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-policy .pro-policy--item {
    width: calc(100%/3 - 10px);
    padding: 10px 5px;
    text-align: center;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-policy svg, .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-policy img {
    margin-bottom: 10px;
    fill: #008891;
    width: 20px;
    height: 20px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-policy span {
    display: block;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-policy p {
    margin-bottom: 0;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .banner-promotion {
    margin-top: 15px;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .banner-promotion img {
    width: 100%;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .banner-promotion:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
    height: 100px;
    overflow: hidden;
}
.productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .banner-promotion:not(.slick-initialized) .banner--item {
    width: 100%;
}
@media (min-width: 992px) {
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery, .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info {
        margin-bottom: 40px;
    }
}
@media (max-width: 991px) {
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-mb {
        background: #f2f2f2;
        margin: 15px 0 0;
        padding: 0;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery {
        margin-top: 10px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__desk {
        margin-bottom: 7px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail {
        margin-top: 0;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .product-title {
        padding: 0px 10px 15px;
        background: #fff;
        margin-bottom: 10px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail #price-preview {
        margin-bottom: 0;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .select-swatch {
        padding: 15px 10px 0;
        background: #fff;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .qty-title {
        padding: 0 10px 15px;
        background: #fff;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .selector-actions {
        padding: 0 10px;
        background: #fff;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-policy {
        margin: 0;
        padding: 15px 10px;
        background: #fff;
        border: none;
        border-radius: 0;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-policy .pro-policy--item {
        width: 100%;
        border: 1px solid #d5d4d4;
        border-radius: 8px;
        font-size: 10px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .pro-policy .pro-policy--item:not(:last-child) {
        margin-right: 10px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__info .inner-box-content-detail .banner-promotion {
        margin: 0;
        padding: 15px 10px 0;
        background: #fff;
    }
}
@media (max-width: 567px) {
    .productDetail-page .product-detail-wrapper .product-detail-main .box-content-detail.box-content-detail__gallery .product-gallery__thumbs:not(.slick-initialized) {
        height: 72.5px;
    }
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program {
    margin: 0 0 40px;
    position: relative;
    z-index: 0;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety-heading {
    position: relative;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety-heading h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
    text-transform: uppercase;
    color: #222;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 5px 10px 10px;
    border: 1px solid #d5d4d4;
    border-radius: 8px;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item:not(:last-child) {
    margin-right: 20px;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item .buyxgety_checkbox {
    width: 100%;
    order: 1;
    padding-left: 75px;
    margin-top: 5px;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item .buyxgety_checkbox label {
    background: #f2f2f2;
    color: #000;
    padding: 3px 22px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item .buyxgety_checkbox label:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 1.5px solid #fff;
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item .buyxgety_checkbox input[type=radio] {
    cursor: pointer;
    width: 15px;
    height: 15px;
    opacity: 0;
    visibility: hidden;
    display: none;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item .buyxgety_checkbox input[type=radio]:checked + label {
    background: #222;
    color: #fff;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item .buyxgety_checkbox input[type=radio]:checked + label:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item .buyxgety_image {
    width: 60px;
    border: 1px solid #f5f5f5;
    float: right;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item .buyxgety_item_title {
    width: calc(100% - 60px);
    display: flex;
    flex-direction: column-reverse;
    padding-left: 15px;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item .buyxgety_list_variant select {
    font-size: 94%;
    font-style: italic;
    min-width: 110px;
    outline: none;
    padding: 1px 15px 2px;
    margin: 2px 0 5px;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .modal-body {
    padding: 15px 30px;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program ul.gift_options {
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program ul.gift_options li input {
    display: none;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program ul.gift_options li input:checked + label {
    background: #103057;
    color: #fff;
    border-color: #103057;
}
.productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program ul.gift_options li label {
    border: 1px solid #d5d4d4;
    min-width: 25px;
    min-height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: 2px;
}
@media (max-width: 991px) {
    .productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program {
        margin: 0 0 20px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety-heading h3 {
        font-size: 16px;
        margin: 0 0 3px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety-heading p {
        font-size: 13px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists {
        overflow-x: scroll;
        -webkit-scroll-snap-type: x proximity;
        -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists::-webkit-scrollbar {
        height: 0px;
    }
    .productDetail-page .product-detail-wrapper .product-detail-main #buyxgety-program .buyxgety_lists .buyxgety_item {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        scroll-snap-align: center;
        font-size: 12px;
    }
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) {
    overflow: hidden;
    position: relative;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .description-productdetail img {
    width: 100%;
    height: auto;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .description-productdetail table {
    min-width: initial !important;
    width: 100% !important;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner {
    position: relative;
    overflow: hidden;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner:after {
    content: '';
    transition-property: top;
    transition-duration: 300ms;
    display: none;
    transition-timing-function: ease-in-out;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #fff 100%);
    position: absolute;
    top: calc(100% - 6.25em);
    left: 0;
    height: 6.25em;
    width: 100%;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner * {
    max-width: 100% !important;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner ul {
    list-style: initial;
    padding-left: 20px;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner ol {
    list-style-type: decimal;
    padding-left: 20px;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner ul ul {
    list-style-type: circle;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner ul ul ul {
    list-style-type: square;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner > hr:last-child {
    display: none;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner a {
    color: #007bff;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner a:hover {
    color: #000;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__trigger {
    /* .btn-viewmore{
		 border-color:#222;
		 &:hover,&:focus{
			color:#ffffff;
			background: #222;
		}
	}
	 */
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__trigger .btn-viewmore, .productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__trigger .btn-closemore {
    display: inline-block;
    outline: none;
    padding: 4px 20px;
    font-size: 12px;
    color: #222;
    background: #fff;
    border: 1px solid #fff;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__trigger .btn-viewmore span, .productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__trigger .btn-closemore span {
    background-image: linear-gradient(to right, transparent 0%, transparent 100%);
    background-size: 100% 1px;
    background-position: 0px 90%;
    background-repeat: no-repeat;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__trigger .btn-closemore {
    padding-left: 0;
    padding-right: 0;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__trigger .btn-closemore span {
    background-image: linear-gradient(to right, #222 0%, #222 100%);
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__trigger .btn-hidemore {
    visibility: hidden;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner.opened {
    height: 80px;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner.opened:after {
    display: block;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .detail__expandable .expandable__inner.expanded + .expandable__trigger {
    display: block;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion {
    border-top: 1px solid #f5f5f5;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item {
    position: relative;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item .arrow {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 20px;
    right: 0;
    padding-right: 20px;
    cursor: pointer;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item .arrow:before, .productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item .arrow:after {
    content: "";
    transition: all 0.25s ease-in-out;
    position: absolute;
    background-color: black;
    width: 2px;
    height: 8px;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item .arrow:before {
    transform: translate(2px, 0) rotate(45deg);
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item .arrow:after {
    transform: translate(-2px, 0) rotate(-45deg);
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item .accordion-toggle {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 12px 15px;
    margin: 0;
    border: 1px solid #f5f5f5;
    border-top: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: inherit;
    text-align: left;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item .accordion-toggle:hover {
    color: #222;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item .accordion-panel {
    padding: 12px 15px;
    border: 1px solid #f5f5f5;
    border-top: 0;
    display: none;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item .accordion-panel > *:last-child {
    margin-bottom: 0;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item.is-open > .arrow:before {
    transform: translate(-2px, 0) rotate(45deg);
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item.is-open > .arrow:after {
    transform: translate(2px, 0) rotate(-45deg);
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item.is-open .accordion-panel {
    /*display: block;*/
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item.first .accordion-panel {
    display: block;
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) .accordion .accordion-item:last-child {
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .productDetail-page .product-detail-wrapper .inner-box-content-detail:not(.box-review) {
        margin-top: 25px;
    }
}
@media (min-width: 992px) {
    .productDetail-page .product-detail-wrapper .inner-box-content-detail.box-review {
        margin-top: 25px;
    }
}
.productDetail-page .product-detail-wrapper .inner-box-content-detail.box-review h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 0 20px;
    text-transform: uppercase;
    color: #222;
    padding: 0 0 13px;
    text-decoration: none;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
}
@media (max-width: 991px) {
    .productDetail-page .product-detail-wrapper .inner-box-content-detail.box-review h2 {
        font-size: 14px;
        line-height: 22px;
    }
}
.productDetail-page .list-pr {
    margin-bottom: 20px;
    position: relative;
}
.productDetail-page .list-pr .heading-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.productDetail-page .list-pr .heading-title h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    color: #222;
}
.productDetail-page .list-pr .heading-title .viewmore-btn {
    font-size: 13px;
}
.productDetail-page .list-pr .heading-title .viewmore-btn svg {
    height: 12px;
    width: 12px;
    vertical-align: -2px;
}
/* .productDetail-page .list-pr .content-product-list {*/
/*	 margin: 0 -10px;*/
/*}*/
/* .productDetail-page .list-pr .slide-viewed-products {*/
/*	 margin: 0 -10px;*/
/*}*/
@media (max-width: 991px) {
    .productDetail-page .list-pr .heading-title {
        margin: 0 0 15px;
    }
    .productDetail-page .list-pr .heading-title h2 {
        font-size: 14px;
    }
    .productDetail-page .list-pr .slide-viewed-products {
        margin: 0 0 40px;
    }
    .productDetail-page .list-pr .content-product-list {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        -webkit-scroll-snap-type: x proximity;
        -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .productDetail-page .list-pr .content-product-list::-webkit-scrollbar {
        height: 0px;
    }
    /* .productDetail-page .list-pr .content-product-list .product-loop {*/
    /*	 -ms-flex: 0 0 42%;*/
    /*	 flex: 0 0 42%;*/
    /*	 max-width: 42%;*/
    /*}*/
}
.productDetail-page .video-review iframe {
    width: 100%;
}
@media (max-width: 991px) {
    .productDetail-page .separate-mb {
        border-top: 10px solid #f2f2f2;
        padding-top: 20px;
    }
}
@media (max-width: 767px) {
    .productDetail-page .starbap-all-reviews-widget, .productDetail-page .starbap-rev-widg {
        padding: 0 !important;
    }
    .productDetail-page .starbap-all-reviews-widget .starbap-ask-question-btn, .productDetail-page .starbap-rev-widg .starbap-ask-question-btn {
        margin-left: 0;
        margin-bottom: 10px;
        width: 50%;
    }
    .productDetail-page .starbap-all-reviews-widget .starbap-histogram, .productDetail-page .starbap-rev-widg .starbap-histogram {
        padding: 4px 0px;
        margin: 15px 0px;
        border: none;
        width: 100%;
    }
    /* .productDetail-page .starbap-all-reviews-widget .starbap-write-rev-link, .productDetail-page .starbap-rev-widg .starbap-write-rev-link {*/
    /*	 width: 50%;*/
    /*}*/
}
/*Product Countdown*/
.product-countdown {
    position: relative;
    background: #008891;
    padding: 10px 15px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}
.product-countdown .product-countdown--banner {
    display: flex;
    align-items: center;
    padding: 1px 10px;
    border-radius: 2px;
    background: #fff;
}
.product-countdown .product-countdown--banner span {
    padding-left: 10px;
    color: #008891;
}
.product-countdown .product-countdown--time {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.product-countdown .product-countdown--time #soon-product {
    padding: 5px 0;
    font-size: 16px;
    color: #fff;
}
.product-countdown .product-countdown--time #soon-product .soon-repeater.soon-value {
    color: #fff;
}
.product-countdown .product-countdown--time #soon-product .soon-text.soon-label {
    margin-top: 0px !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 2px;
    position: relative;
    color: #fff;
}
.product-countdown .product-countdown--time #soon-product .soon-group-sub > .soon-group-inner {
    margin: 0 12px;
}
@media (max-width: 567px) {
    .product-countdown .product-countdown--time {
        width: 60%;
    }
    .product-countdown .product-countdown--time #soon-product {
        font-size: 13px;
    }
    .product-countdown .product-countdown--time #soon-product .soon-text.soon-label {
        font-size: 8px;
    }
    .product-countdown .product-countdown--time #soon-product .soon-group-sub > .soon-group-inner {
        margin: 0 7px;
    }
}
/*Modal size guide*/
#size-guide-modal .modal-header h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #008891;
}
#size-guide-modal .modal-header .close-size-guide {
    box-shadow: none;
    background: none;
    outline: 0;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    width: 45px;
    height: 45px;
}
/* ------------------------ Style variant ------------------------ */
.selector-wrapper, .select {
    display: none;
}
.swatch {
    padding: 0 0 10px;
}
.swatch.size {
    position: relative;
}
.swatch.size .size-guide {
    position: absolute;
    right: 0;
    bottom: 22px;
}
.swatch input {
    display: none;
}
.swatch .header-swatch {
    margin: 0 0 10px;
    text-align: left;
    line-height: initial;
}
.swatch .header-swatch span {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
}
.swatch .select-swap {
    display: inline-block;
    vertical-align: middle;
}
.swatch .select-swap .swatch-element {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
    vertical-align: bottom;
}
.swatch .select-swap .swatch-element label {
    display: block;
    margin: 0;
    background: #fff;
    line-height: 40px;
    height: 40px;
    width: 40px;
    padding: 0;
    position: relative;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
}
.swatch .select-swap .swatch-element label.sd {
    border: 1px solid #222;
}
.swatch .select-swap .swatch-element.colorAtt span {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0;
    font-size: 0;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
}
.swatch .select-swap .swatch-element.colorAtt label {
    width: 30px;
    height: 30px;
    padding: 2px;
    border: none;
    border-radius: 50%;
}
/* .swatch .select-swap .swatch-element.color label.sd {*/
/*	 background: transparent;*/
/*	 border: 2px solid #222;*/
/*}*/
.swatch .select-swap .swatch-element.colorAtt.soldout label span {
    overflow: hidden;
    position: relative;
}
.swatch .select-swap .swatch-element.colorAtt.soldout label span:before {
    content: ' ';
    display: block;
    height: calc(100% - 2px);
    left: 1px;
    margin: 0;
    position: absolute;
    top: 1px;
    width: calc(100% - 2px);
    background: linear-gradient(to top left, transparent calc(50% - 1px), #000, transparent calc(50% + 1px));
}
.swatch .select-swap .swatch-element.colorAtt.soldout label span:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #000;
}
@media (max-width: 767px) {
    .swatch .select-swap .swatch-element.colorAtt {
        margin: 5px 8px 5px 0;
    }
    .swatch .select-swap .swatch-element.colorAtt label {
        width: 40px;
        height: 40px;
    }
}
.swatch .select-swap .swatch-element.soldout:not(.colorAtt) label {
    overflow: hidden;
    opacity: 0.5;
}
@media (max-width: 991px) {
    .swatch.color .select-swap {
        display: flex;
        justify-content: flex-start;
        overflow-x: scroll;
        -webkit-scroll-snap-type: x proximity;
        -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
    }
    .swatch.color .select-swap::-webkit-scrollbar {
        display: none;
    }
}
/* ------------------- Setting varian màu sắc -------------------- */
/*------------------------------------------------------------------------------*/
/* CART PGAE */
/*------------------------------------------------------------------------------*/
.layout-cart {
    position: relative;
}
.layout-cart .cart--wrap_flush {
    width: 100%;
}
@media (min-width: 992px) {
    .layout-cart .cart--wrap_flush .cart-fix {
        position: absolute;
        right: 40px;
        top: 0;
        width: 300px;
        height: 100%;
    }
}
@media (min-width: 1190px) {
    .layout-cart .cart--wrap_flush .cart-fix {
        width: 320px;
    }
}
#cart-page .layout-cart {
    margin: 25px 0;
}
#cart-page .heading-cart, #cart-page h2 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 15px;
    font-weight: 600;
    color: #222;
}
#cart-page .heading-cart.has-notify, #cart-page h2.has-notify {
    margin-bottom: 5px;
}
#cart-page .list-pageform-cart #cartformpage:after {
    content: "";
    display: table;
    clear: both;
}
#cart-page .cart-row:after {
    content: "";
    display: table;
    clear: both;
}
#cart-page .cart-row .form-control {
    box-shadow: none;
    border-color: #dfe0e1;
    border-radius: 3px;
}
#cart-page .cart-row .heading-cart {
    margin-bottom: 0;
}
#cart-page .cart-row .title-number-cart {
    font-size: 13px;
    margin: 0;
    padding: 10px 0;
}
#cart-page .cart-row .table-cart {
    background: #fff;
    border: 1px solid #f1f1f1;
    margin-bottom: 20px;
}
#cart-page .cart-row .table-cart .cart-group h4 {
    padding: 10px 15px;
    font-size: 14px;
    background: #aac734;
    color: #fff;
}
#cart-page .cart-row .table-cart .item {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    border-bottom: 1px solid #f1f1f1;
}
#cart-page .cart-row .table-cart .item:last-child {
    border-bottom: none;
}
#cart-page .cart-row .table-cart .item .left {
    display: inline-flex;
    width: 21%;
    padding: 0 10px;
}
#cart-page .cart-row .table-cart .item .left .item-img {
    margin: 0 auto;
    text-align: center;
}
#cart-page .cart-row .table-cart .item .left .item-img img {
    border: 1px solid #f1f1f1;
}
@media (max-width: 767px) {
    #cart-page .cart-row .table-cart .item .left {
        display: inline-block;
        width: 20%;
        padding: 0 10px 0 0;
    }
    #cart-page .cart-row .table-cart .item .left .item-img img {
        width: 100%;
    }
}
#cart-page .cart-row .table-cart .item .right {
    width: 79%;
    padding-right: 10px;
    position: relative;
}
#cart-page .cart-row .table-cart .item .right .item-info a {
    text-decoration: none;
    color: #000;
    display: inline-block;
}
#cart-page .cart-row .table-cart .item .right .item-info a .item-desc {
    font-size: 12px;
    color: #777;
}
#cart-page .cart-row .table-cart .item .right .item-info a h3 {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 5px;
}
@media (max-width: 767px) {
    #cart-page .cart-row .table-cart .item .right .item-info a h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: calc(20px * 2);
    }
}
#cart-page .cart-row .table-cart .item .right .item-quan {
    display: flex;
    width: 17%;
    align-items: center;
    margin-top: 5px;
}
#cart-page .cart-row .table-cart .item .right .item-quan .qty-click {
    border: 1px solid #f3f4f4;
    display: flex;
    border-radius: 2px;
}
#cart-page .cart-row .table-cart .item .right .item-quan .qty-click input.item-quantity {
    background: #fff;
    font-weight: 500;
    font-size: 12px;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 35px;
    border: none;
    outline: none;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}
#cart-page .cart-row .table-cart .item .right .item-quan .qty-click button.qty-btn {
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 25px;
    border: none;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}
#cart-page .cart-row .table-cart .item .right .item-quan .qty-click button.qty-btn:focus {
    outline: none;
}
#cart-page .cart-row .table-cart .item .right .item-price {
    margin-top: 5px;
}
#cart-page .cart-row .table-cart .item .right .item-price p {
    margin-bottom: 0;
}
#cart-page .cart-row .table-cart .item .right .item-price span {
    font-weight: bold;
}
#cart-page .cart-row .table-cart .item .right .item-price del {
    font-size: 13px;
    color: #555;
    margin-left: 5px;
}
#cart-page .cart-row .table-cart .item .right .item-total-price {
    float: right;
    margin-top: -27px;
    font-size: 15px;
    font-weight: bold;
}
#cart-page .cart-row .table-cart .item .right .item-total-price div span {
    display: block;
    font-weight: normal;
    color: #777;
}
#cart-page .cart-row .table-cart .item .right .item-total-price div span.text {
    display: none;
    font-size: 13px;
}
#cart-page .cart-row .table-cart .item .right .item-total-price div span.line-item-total {
    font-weight: bold;
    color: #222;
}
#cart-page .cart-row .table-cart .item .right .item-remove {
    display: inline-flex;
    width: 10%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 10px;
}
#cart-page .cart-row .table-cart .item .right .item-remove .remove a {
    display: block;
}
#cart-page .cart-row .table-cart .item .right .item-remove .remove img {
    width: 16px;
}
#cart-page .cart-row .table-cart .item .right .item-remove .remove svg {
    width: 14px;
    height: 14px;
    fill: #000;
    vertical-align: -2px;
}
@media (max-width: 991px) {
    #cart-page .cart-row .table-cart .item .right {
        display: inline-block;
        width: 80%;
        position: relative;
    }
    #cart-page .cart-row .table-cart .item .right .item-info {
        display: block;
        width: 80%;
    }
    #cart-page .cart-row .table-cart .item .right .item-quan {
        width: 33%;
    }
    #cart-page .cart-row .table-cart .item .right .item-quan input.item-quantity {
        height: 20px;
        width: 35px;
    }
    #cart-page .cart-row .table-cart .item .right .item-quan button.qty-btn {
        height: 20px;
        width: 20px;
    }
    #cart-page .cart-row .table-cart .item .right .item-total-price {
        float: none;
        margin: 0;
        position: absolute;
        bottom: 0;
        right: 10px;
    }
    #cart-page .cart-row .table-cart .item .right .item-total-price span.line-item-total {
        display: inline-block;
    }
    #cart-page .cart-row .table-cart .item .right .item-remove span {
        display: none;
    }
}
#cart-page .checkout-notes {
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
    background: #f6f6f6;
}
#cart-page .checkout-notes .note-label {
    font-weight: bold;
    text-transform: uppercase;
}
#cart-page .checkout-notes textarea {
    border-color: #efefef;
    font-size: 12px;
}
#cart-page .checkout-banner {
    margin-bottom: 20px;
}
#cart-page .summary-block .summary-total {
    padding-bottom: 10px;
    border-bottom: 1px dotted #dfe0e1;
    font-weight: 600;
}
#cart-page .summary-block .summary-total:after {
    content: "";
    display: table;
    clear: both;
}
#cart-page .summary-block .summary-total p {
    margin-bottom: 0px;
    line-height: 24px;
}
#cart-page .summary-block .summary-total span {
    font-weight: 800;
    font-size: 18px;
    float: right;
    color: #222;
}
#cart-page .summary-block .note-promo {
    color: #666;
    font-weight: 400;
    text-align: justify;
    font-size: 13px;
    border-bottom: 1px dotted #dfe0e1;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#cart-page .summary-block .note-promo p {
    margin-bottom: 5px;
}
#cart-page .summary-block .note-checkout {
    color: #666;
    font-weight: 400;
    text-align: justify;
    padding: 10px 0;
    border-bottom: 1px dotted #dfe0e1;
    margin-bottom: 0;
}
#cart-page .summary-block .summary-action {
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#cart-page .summary-block .summary-action .summary-btn {
    width: 100%;
}
#cart-page .summary-block .summary-action a.continue {
    width: 100%;
    text-decoration: underline;
}
@media (max-width: 767px) {
    #cart-page .summary-block .summary-action a.continue {
        font-size: 11px;
    }
}
#cart-page .summary-block .summary-action .button {
    padding: 10px 5px;
    outline: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#cart-page .summary-block .summary-action .button.loading {
    position: relative;
    pointer-events: none;
}
#cart-page .summary-block .summary-action .button.loading:after {
    content: '';
    border: 1px solid #fff;
    border-top: 1px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 1px;
    left: 13px;
    z-index: 0;
    opacity: 1;
}
#cart-page .summary-block .summary-action .btn-checkout {
    margin-left: 8px;
    background: #878787;
    border: 1px solid #878787;
    width: 100%;
    font-weight: 500;
    display: block;
}
#cart-page .summary-block .summary-action .btn-update {
    width: 100%;
    background: #fff;
    border: 1px solid #878787;
    color: #878787;
}
#cart-page .summary-block .summary-action .btn-update:hover {
    color: #fff;
    background: #878787;
    border-color: #878787;
}
#cart-page .summary-block .summary-action .total-fix {
    width: 100%;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    justify-content: space-between;
}
#cart-page .summary-block .summary-action .total-fix label {
    margin: 0 auto;
}
#cart-page .summary-block .summary-action .total-fix label span {
    margin-left: 10px;
}
#cart-page .summary-block .summary-action .total-fix span {
    font-size: 18px;
    font-weight: 800;
    color: #222;
}
@media (max-width: 991px) {
    #cart-page .summary-block .summary-action .summary-submit {
        padding: 8px 5px;
        width: 100%;
        position: fixed;
        z-index: 2;
        bottom: 0;
        left: 0;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
#cart-page .summary-total-cart span {
    font-size: 20px;
    font-weight: 500;
    color: #ec0b0b;
    display: inline-block;
    margin-left: 10px;
}
#cart-page .empty-page-cart {
    margin-top: 15px;
}
#cart-page .expanded-message {
    margin-bottom: 40px;
}
#cart-page .expanded-message svg {
    width: 100px;
    height: 100px;
    display: block;
    margin: 20px auto 30px;
}
#cart-page .expanded-message .link-continue .button{
    background-color: #338dbc;
    border: 1px solid #338dbc;
}
#cart-page .expanded-message .link-continue {
    margin: 15px 0 0;
}
#cart-page .cart-product-list {
    margin-top: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
#cart-page .cart-product-list .product-loop {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
@media (min-width: 992px) {
    #cart-page .cart-product-list .product-loop {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 1200px) {
    #cart-page .cart-product-list .product-loop {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
#cart-page .sale_pr_item {
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#cart-page .sale_pr_item.not_available {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    position: relative;
}
#cart-page .sale_pr_item.not_available button {
    pointer-events: none;
}
#cart-page .sale_pr_item.not_available .sale_pr_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}
#cart-page .sale_pr_item .product-thumb {
    margin-bottom: 12px;
    position: relative;
}
#cart-page .sale_pr_item .product-details h6 {
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 6px;
}
#cart-page .sale_pr_item .price {
    text-align: center;
    margin-bottom: 12px;
}
#cart-page .sale_pr_item .price .price-value {
    display: inline-block;
    font-weight: 700;
    color: #222;
    font-size: 18px;
    margin-right: 4px;
}
#cart-page .sale_pr_item .price del.compare-price {
    display: inline-block;
    font-size: 12px;
}
#cart-page .sale_pr_item .sale_pr_actions {
    display: flex;
    align-items: center;
    justify-content: center;
}
#cart-page .sale_pr_item .sale_pr_actions:not(.allow), #cart-page .sale_pr_item.not_available .sale_pr_actions {
    pointer-events: none;
    opacity: 0.5;
}
#cart-page .sale_pr_item .sale_pr_actions:not(.allow) .sale_pr_btn {
    cursor: not-allowed;
}
#cart-page .sale_pr_item .sale_pr_btn {
    border-radius: 3px;
    font-size: 12px;
    border: 1px solid #878787;
    background: #fff;
    color: #000;
    padding: 4px 6px 4px 6px;
    line-height: 21px;
    outline: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 55px);
}
#cart-page .sale_pr_item .sale_pr_btn svg {
    width: 11px;
    height: 10px;
    margin-right: 4px;
}
#cart-page .sale_pr_item .select_quantity {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 50px;
    height: 31px;
}
#cart-page .sale_pr_item .select_quantity select {
    padding: 4px 10px;
    -webkit-appearance: menulist;
    border: 1px solid #d5d4d4;
    border-radius: 3px;
}
#cart-page .sale_pr_item span.sale {
    right: 0px;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    background: #222;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
}
#cart-page .sale_pr_item span.sale:after {
    width: 0;
    height: 0;
    border-right: 10px solid #222;
    border-top: 10px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    left: -10px;
    text-align: center;
    content: "";
}
#cart-page .sale_pr_item span.sold {
    right: 0px;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    background: #008891;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
}
#cart-page .sale_pr_item span.sold:after {
    width: 0;
    height: 0;
    border-right: 10px solid #008891;
    border-top: 10px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    left: -10px;
    text-align: center;
    content: "";
}
#cart-page .sale_pr_item span.offer {
    left: 0px;
    padding: 4px 4px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    background: #f3ce3a;
    color: #191919;
    font-size: 10px;
    font-weight: 400;
}
#cart-page .sale_pr_item span.offer:after {
    width: 0;
    height: 0;
    border-left: 10px solid #f3ce3a;
    border-top: 10px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    top: 0;
    right: -10px;
    text-align: center;
    content: "";
}
@media screen and (max-width: 991px) {
    #cart-page .separate-mb {
        border-top: 10px solid #f2f2f2;
    }
    #cart-page .summary-block {
        margin-top: 20px;
    }
    #cart-page .summary-block .checkout-notes {
        margin: 0 -10px 10px;
    }
    #cart-page .sale_pr_item span.sold {
        font-size: 10px;
        padding: 8px 23px;
    }
    #cart-page .sale_pr_item span.offer {
        font-size: 10px;
        padding: 8px 23px;
    }
}
.tag-sale {
    width: 100%;
    margin-top: 8px;
}
.tag-sale span {
    display: inline-flex;
    padding: 2px 12px;
    background: #eaeaea;
    color: #000;
    font-size: 12px;
    border-radius: 3px;
}
/*------------------------------------------------------------------------------*/
/* PAGE */
/*------------------------------------------------------------------------------*/
.wrapper-row {
    padding: 40px 0 0;
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    .wrapper-row {
        padding: 0 0 40px;
    }
}
.wrapper-row .page-wrapper {
    padding: 35px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d5d4d4;
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    .wrapper-row .page-wrapper {
        padding: 15px;
        margin-bottom: 35px;
    }
}
.wrapper-row .page-wrapper h1 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 32px;
}
.wrapper-row .page-wrapper h2 {
    font-size: 16px;
    line-height: 22px;
}
.wrapper-row .page-wrapper .headpage--banner img {
    width: 100%;
}
.wrapper-row .sidebar-page {
    /* @media(min-width: 992px){
		 position: relative;
		 position: -webkit-sticky;
		 position: sticky;
		 top: 170px;
	}
	 */
}
.wrapper-row .sidebar-page .group-menu {
    background: #fff;
    border: 1px solid #d5d4d4;
}
.wrapper-row .sidebar-page .group-menu .page_menu_title {
    border-bottom: 1px solid #d5d4d4;
    padding: 10px 15px;
}
.wrapper-row .sidebar-page .group-menu .page_menu_title h2 {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 22px;
    margin: 0;
    color: #222;
}
.wrapper-row .sidebar-page .group-menu .layered-category {
    padding: 0 15px;
}
.wrapper-row .sidebar-page .group-menu .layered-category ul li {
    display: block;
    line-height: 25px;
    position: relative;
    margin-bottom: 8px;
}
.wrapper-row .sidebar-page .group-menu .layered-category ul li a {
    position: relative;
    overflow: hidden;
}
.wrapper-row .sidebar-page .group-menu .layered-category ul li a:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f178";
    font-size: 10px;
    left: -18px;
    top: -3px;
    opacity: 1;
    position: absolute;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}
.wrapper-row .sidebar-page .group-menu .layered-category ul li.active a {
    color: #222;
}
/*------------------------------------------------------------------------------*/
/* BLOG + ARTICLE */
/*------------------------------------------------------------------------------*/
.blog-layout .post_item {
    margin-bottom: 30px;
}
.blog-layout .post_item .post_featured {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}
.blog-layout .post_item .post_content .post_info {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    color: #777;
}
.blog-layout .post_item .post_content .post_title {
    font-size: 16px;
    line-height: 22px;
    position: relative;
    font-weight: 600;
}
.blog-layout .post_item .post_content .post_title:after {
    position: absolute;
    content: none;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 2px;
    background: #000;
}
.blog-layout .post_item .post_content .post_title a {
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.blog-layout .post_item .post_content .post_descr p {
    margin-bottom: 0;
}
.blog-layout .blog--banner p {
    margin-bottom: 0;
}
.blog-layout .blog--banner img {
    width: 100%;
}
.blog-layout .heading-page h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0 0 40px;
    text-align: center;
    position: relative;
}
.blog-layout .blog-content .alert.empty {
    border: 1px solid rgba(168, 197, 52, 0.4);
    background: rgba(168, 197, 52, 0.3);
}
.blog-layout .blog-content .list-btn-info {
    margin-top: 30px;
}
.blog-layout .blog-content .list-btn-info a {
    display: inline-block;
    text-align: center;
    padding: 4px 10px;
    background: #00447c;
    color: #fff;
    margin-right: 10px;
    border-radius: 20px;
    font-size: 12px;
    text-transform: uppercase;
}
.blog-layout .blog-content .blog-posts {
    padding-top: 40px;
}
.blog-layout .blog-content .blog-posts .heading-page h2 {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .blog-layout .blog-content {
        position: relative;
        overflow: hidden;
        margin-bottom: 40px;
    }
    .blog-layout .blog-content .list-btn-info {
        white-space: nowrap;
        margin: 40px 0 -50px 0;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 50px;
        transition: transform 0.25s ease 0s;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}
@media (min-width: 992px) {
    .sidebar-blog {
        margin-bottom: 30px;
    }
}
.sidebar-blog .sidebarblog-title {
    position: relative;
    padding: 10px 0;
    margin-top: 40px;
    border: 1px solid #f2f2f2;
    border-top: 2px solid #222;
    text-align: center;
}
.sidebar-blog .sidebarblog-title h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-style: normal;
}
.sidebar-blog .sidebarblog-title h2 span {
    display: none;
}
.sidebar-blog .news-latest {
    margin: 0 0 30px;
    position: relative;
}
@media (min-width: 992px) {
    .sidebar-blog .news-latest {
        padding: 0 20px;
    }
}
.sidebar-blog .news-latest .list-news-latest {
    counter-reset: post-ranking 0;
}
.sidebar-blog .news-latest .list-news-latest .item-article {
    border-bottom: 1px #efefef dotted;
    padding: 15px 0;
    margin: 0;
    position: relative;
}
.sidebar-blog .news-latest .list-news-latest .item-article:before {
    position: absolute;
    content: counter(post-ranking);
    top: 15%;
    left: -8px;
    height: 100%;
    width: 32px;
    line-height: 28px;
    text-align: center;
    font-size: 25px;
    counter-increment: post-ranking;
    z-index: 1;
    color: #222;
}
.sidebar-blog .news-latest .list-news-latest .item-article:last-child {
    border-bottom: none;
}
.sidebar-blog .news-latest .list-news-latest .item-article .post-image {
    width: 25%;
    float: left;
    border-radius: 4px;
}
.sidebar-blog .news-latest .list-news-latest .item-article .post-image a {
    display: block;
    overflow: hidden;
}
.sidebar-blog .news-latest .list-news-latest .item-article .post-image img {
    border-radius: 4px;
    transform: scale(1.01);
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sidebar-blog .news-latest .list-news-latest .item-article .post-content {
    width: 75%;
    float: left;
    padding: 0 10px 0 30px;
}
.sidebar-blog .news-latest .list-news-latest .item-article .post-content h3 {
    margin: 0 0 2px;
}
.sidebar-blog .news-latest .list-news-latest .item-article .post-content h3 a {
    font-size: 13px;
    display: -webkit-box;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
}
.sidebar-blog .news-latest .list-news-latest .item-article .post-content span.date {
    font-size: 10px;
}
.sidebar-blog .news-latest .list-news-latest .item-article:hover .post-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.sidebar-blog .menu-blog {
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .sidebar-blog .menu-blog {
        padding: 0 20px;
    }
}
.sidebar-blog .menu-blog .layered-category {
    padding: 10px 20px;
    border: 1px solid #d5d4d4;
    border-top: none;
}
.article-layout .article-banner {
    border-radius: 8px;
    overflow: hidden;
}
.article-layout .box-article-heading .article-title h1 {
    margin: 20px 0 20px;
    font-size: 16px;
    color: #222;
    font-weight: 700;
    text-align: center;
}
.article-layout .box-article-heading .article-meta {
    text-align: center;
    margin-bottom: 20px;
}
.article-layout .box-article-heading .article-meta .article-info-more {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.article-layout .box-article-heading .article-meta .article-info-more li {
    display: inline-flex;
    align-items: center;
}
.article-layout .box-article-heading .article-meta .article-info-more li:not(:last-child) {
    margin-right: 10px;
}
.article-layout .box-article-heading .article-meta .article-info-more li svg {
    margin-right: 2px;
    width: 18px;
    height: 18px;
}
.article-layout .article-tags {
    margin-bottom: 30px;
}
.article-layout .article-tags .info-tags-article {
    font-size: 12px;
    margin-bottom: 20px;
}
.article-layout .article-tags .info-tags-article label {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 6px;
    float: left;
    padding: 5px 5px 0;
}
.article-layout .article-tags .info-tags-article label svg {
    margin-right: 2px;
}
.article-layout .article-tags .info-tags-article ul {
    margin-bottom: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.article-layout .article-tags .info-tags-article ul .item {
    padding: 5px 8px;
    margin: 0 3px 3px 0;
    background-color: #f1f1f1;
    font-size: 12px;
    text-transform: uppercase;
}
.article-layout .article-comment {
    margin-bottom: 30px;
}
.article-layout .article-group {
    margin-bottom: 30px;
}
.article-layout .section-blog {
    padding-top: 0;
    border: none;
}
.article-layout .article-content {
    margin-bottom: 30px;
}
.article-layout .article-content ul {
    list-style: initial;
    padding-left: 20px;
}
.article-layout .article-content ul ul {
    list-style-type: circle;
}
.article-layout .article-content ul ul ul {
    list-style-type: square;
}
.article-layout .article-content ol {
    list-style-type: decimal;
    padding-left: 20px;
}
.article-layout .article-content blockquote {
    font-style: italic;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
    margin: 13px 40px;
}
.article-layout iframe {
    height: 80vh;
    width: 100%;
}
.article-layout .article-group .article-group--title h2 {
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #222;
    font-weight: 700;
}
.article-layout .article-group .collection-list {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-scroll-snap-type: x proximity;
    -ms-scroll-snap-type: x proximity;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    margin: 0 -10px;
    padding-bottom: 0;
}
.article-layout .article-group .collection-list::-webkit-scrollbar {
    display: none;
}
.article-layout .article-group .collection-list .product-loop {
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
}
@media (min-width: 992px) {
    .article-layout .article-group .collection-list .product-loop {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 992px) {
    .article-layout .article-banner {
        border-radius: 0;
        overflow: hidden;
    }
    .article-layout .box-article-heading .article-title {
        padding: 0 100px;
    }
    .article-layout .box-article-heading .article-title h1 {
        font-size: 35px;
    }
    .article-layout .box-article-heading .article-meta {
        margin-bottom: 40px;
    }
}
@media (max-width: 991px) {
    .article-layout .box-article-heading .article-title {
        padding: 15px;
        background: #fff;
        border-radius: 8px;
        margin-top: -35px;
        position: relative;
        z-index: 1;
        margin: -35px 30px 20px;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    }
    .article-layout .box-article-heading .article-title h1 {
        margin: 0;
    }
    .article-layout .article-group, .article-layout .section-blog {
        margin-bottom: 20px;
        border-top: 10px solid #f2f2f2 !important;
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }
    .article-layout .article-group .article-group--title h2, .article-layout .section-blog .article-group--title h2 {
        font-size: 16px;
        line-height: 22px;
    }
    .article-layout .section-blog .article-group--title h2 {
        text-align: center;
    }
}
/*-------------------------------------------*/
/* ACCOUNT */
/*-------------------------------------------*/
.layout-account{
    padding: 130px 0;
    background-size: 100% 100%;
}
.userbox {
    max-width: 660px;
    margin: 0 auto;
    padding: 60px 90px;
    overflow-y: auto;
    background: #fff;
    /*border: 1px solid #111;*/
    border-radius: 4px;
}
.userbox h1, .userbox h2 {
    font-size: 26px;
    margin: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    color: #338dbc;
    font-weight: 700;
}
.userbox .large_form {
    margin-bottom: 10px;
}
.userbox .large_form input[type=email], .userbox .large_form input[type=password], .userbox .large_form input[type=text] {
    width: 100%;
    height: 48px;
    border: 1px solid #eaebf3;
    border-radius: 3px;
    outline: none;
    color: #000;
    padding: 0px 18px;
    font-weight: 500;
    -webkit-appearance: none;
    transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;
}
.userbox .large_form input[type=email]:focus, .userbox .large_form input[type=password]:focus, .userbox .large_form input[type=text]:focus {
    background: #fff;
    border-color: #222;
    box-shadow: 0 0 0 1px #222;
}
.userbox .recover-pass {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.userbox .recover-pass a {
    font-size: 14px;
    text-transform: none;
}
.userbox .action_account_custommer {
    display: flex;
    justify-content: center;
}
.userbox .action_account_custommer .action_bottom, .userbox .action_account_custommer .req_pass {
    display: inline-flex;
    vertical-align: middle;
}
.userbox .action_account_custommer .req_pass {
    margin-left: 10px;
}
.userbox .action_account_custommer .action_bottom {
    padding: 0;
    width: 50%;
}
.userbox .action_account_custommer .action_bottom .btn, .userbox .action_account_custommer .action_bottom a {
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    width: 100%;
    text-align: center;
}
.userbox .action_account_custommer .action_bottom .btn {
    background: #f7941d;
    color: #fff;
    border: 1px solid #f7941d;
}
.userbox .errors ul {
    list-style: none;
    padding: 0;
}
.userbox .errors a {
    color: red;
}
.userbox #gender input[type="radio"] {
    display: none;
}
.userbox #gender input[type="radio"] + label {
    position: relative;
    cursor: pointer;
    padding-left: 28px;
    margin: 10px 0 5px 20px;
}
.userbox #gender input[type="radio"] + label:before, .userbox #gender input[type="radio"] + label:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.userbox #gender input[type="radio"] + label:before {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: #000;
    -moz-box-shadow: inset 0 0 0 18px #efefef;
    -webkit-box-shadow: inset 0 0 0 18px #efefef;
    box-shadow: inset 0 0 0 18px #efefef;
}
.userbox #gender input[type="radio"] + label:after {
    top: 49%;
    left: 9px;
    width: 54px;
    height: 54px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.3);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}
.userbox #gender input[type="radio"]:checked + label:before {
    -moz-box-shadow: inset 0 0 0 4px #efefef;
    -webkit-box-shadow: inset 0 0 0 4px #efefef;
    box-shadow: inset 0 0 0 4px #efefef;
}
.userbox #gender input[type="radio"]:checked + label:after {
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -moz-animation: ripple 1s none;
    -webkit-animation: ripple 1s none;
    animation: ripple 1s none;
}
/* - Social login - */
.social_login {
    border: none;
    box-shadow: none;
    margin: 0;
}
.social_login p{
    color: #7a7a9d;
    font-size: 12px;
    margin: 0;
}
.social_login .list-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.social_login a {
    display: inline-block;
    padding: 0;
    height: 35px;
    line-height: 35px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: auto;
    color: #fff;
    margin: 10px 0 0;
    overflow: hidden;
    position: relative;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.social_login a:before {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 38px;
    font-size: 22px;
    left: 0;
    top: -100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.social_login a:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.social_login a#btn-facebook-login {
    background-color: #3b5998;
    margin-left: 10px;
}
.social_login a#btn-facebook-login:before {
    content: "\f09a";
    font-family: "FontAwesome";
}
.social_login a#btn-google-login {
    background-color: #d34836;
}
.social_login a#btn-google-login:before {
    content: "\f1a0";
    font-family: "FontAwesome";
}
.social_login a span {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 34px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.social_login a:hover:before {
    top: 0;
}
.social_login a:hover{
    color: #fff;
}
.social_login a:hover span {
    -webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
}
/* order ---- account -- address */
.layout-info-account {
    padding: 30px 0;
}
.layout-info-account .box-inner {
    border-radius: 3px;
    border: 1px solid #e1e3e4;
    background: #fff;
}
.layout-info-account .box-inner.accountList {
    padding: 15px 20px;
}
@media (min-width: 992px) {
    .layout-info-account .box-inner.accountList {
        position: relative;
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
    }
}
.layout-info-account .box-inner.accountList ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.layout-info-account .box-inner.accountList ul > li > a {
    display: block;
    position: relative;
    padding: 5px 0px;
}
.layout-info-account .box-inner.accountList ul > li > a:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    vertical-align: 4px;
    width: 12px;
    height: 1px;
    background: #000;
}
.layout-info-account .box-inner.accountList ul > li.current > a {
    color: #222;
}
.layout-info-account .box-inner.accountInfo:not(:last-child) {
    margin-bottom: 30px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--top {
    padding: 15px 20px;
    border-bottom: 1px solid #e1e3e4;
}
.layout-info-account .box-inner.accountInfo .accountInfo--top h1, .layout-info-account .box-inner.accountInfo .accountInfo--top h2 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    line-height: 32px;
    color: #222;
    font-weight: bold;
}
.layout-info-account .box-inner.accountInfo .accountInfo--top h1 span.code-order, .layout-info-account .box-inner.accountInfo .accountInfo--top h2 span.code-order {
    color: #000;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom {
    padding: 20px 25px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail p {
    margin-bottom: 10px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail p span {
    font-weight: 500;
    color: #000;
    display: inline-block;
    margin-right: 10px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail .address {
    margin-top: 20px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail .address #view_address {
    display: inline-block;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail .address #view_address svg {
    position: relative;
    height: 14px;
    width: 14px;
    vertical-align: -2px;
    margin-left: 8px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail .address p {
    margin-bottom: 5px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom #customer_orders table, .layout-info-account .box-inner.accountInfo .accountInfo--bottom #order_details table, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .check_order table {
    width: 100%;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom #customer_orders table th, .layout-info-account .box-inner.accountInfo .accountInfo--bottom #customer_orders table td, .layout-info-account .box-inner.accountInfo .accountInfo--bottom #order_details table th, .layout-info-account .box-inner.accountInfo .accountInfo--bottom #order_details table td, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .check_order table th, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .check_order table td {
    padding: 5px 10px;
    border: 1px solid #eee;
    vertical-align: middle;
    overflow: visible;
    white-space: nowrap !important;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom #customer_orders table .odd:first-child, .layout-info-account .box-inner.accountInfo .accountInfo--bottom #order_details table .odd:first-child, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .check_order table .odd:first-child {
    border-top: 1px solid #eee;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom #customer_orders table .even, .layout-info-account .box-inner.accountInfo .accountInfo--bottom #order_details table .even, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .check_order table .even {
    background: #f4f8fa;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom #customer_orders table img, .layout-info-account .box-inner.accountInfo .accountInfo--bottom #order_details table img, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .check_order table img {
    max-width: 80px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom #customer_orders table thead, .layout-info-account .box-inner.accountInfo .accountInfo--bottom #order_details table thead, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .check_order table thead {
    background: #f4f8fa;
    color: #000;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .colleft .address_title {
    font-size: 14px;
    padding: 10px;
    background: #222;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .colleft .address_title:nth-of-type(2) {
    margin-bottom: 20px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .colleft .address_table {
    margin-bottom: 20px;
    background: #fafafa;
    padding: 15px;
    position: relative;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .colleft .address_table .address_actions {
    right: 10px;
    top: 10px;
    position: absolute;
    z-index: 3;
    margin: 0;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .colleft .address_table .action_edit a {
    color: #000;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .colleft .address_table .view_address p {
    padding: 5px 0;
    margin: 0;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .colright .add-new-address {
    font-size: 14px;
    padding: 7px 10px;
    background: #444;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    text-align: center;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .colright #add_address {
    margin-top: 10px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .large_form {
    margin-bottom: 10px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .large_form:not(.checkbox-df) select, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--address .large_form:not(.checkbox-df) input {
    border: 1px solid #e0e5eb;
    background: #f2f5f8;
    outline: 0;
    line-height: 28px;
    width: 100%;
    font-size: 100%;
    margin: 0;
    padding: 5px 10px;
    border-radius: 2px;
    box-shadow: none;
    height: 40px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_cancelled {
    margin-bottom: 15px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_cancelled p {
    margin-bottom: 0;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_payment, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_shipping {
    margin-bottom: 20px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_payment .text_order h2, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_shipping .text_order h2 {
    margin-bottom: 10px;
    font-size: 16px;
    padding: 10px 0;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: bold;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_payment .text_order .alert-info, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_shipping .text_order .alert-info {
    padding: 10px;
    border: 1px solid transparent;
    font-size: 13px;
    margin: 0;
    border-radius: 0;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_payment .text_order .alert-info span:first-child, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_shipping .text_order .alert-info span:first-child {
    font-weight: bold;
    margin-right: 15px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_payment .text_order .address, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_shipping .text_order .address {
    color: #000;
    background: #fafafa;
    padding: 10px;
    border-radius: 0 0 3px 3px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_payment .text_order .address span:first-child, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_shipping .text_order .address span:first-child {
    font-weight: bold;
    margin-right: 15px;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_payment .text_order .address p:last-child, .layout-info-account .box-inner.accountInfo .accountInfo--bottom .accountInfo--detail-order #order_shipping .text_order .address p:last-child {
    margin-bottom: 0;
}
.layout-info-account .box-inner.accountInfo .accountInfo--bottom .wrap_title h2 {
    margin-bottom: 10px;
    font-size: 16px;
    padding: 10px 0;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: bold;
}
/*--------------------------------------------------------------*/
/* 404 PAGE */
/*--------------------------------------------------------------*/
.pageNot #errorboxoutline {
    margin-bottom: 5%;
    text-align: center;
}
.pageNot #errorboxoutline .error-code {
    font-size: 200px;
    font-weight: 700;
    line-height: normal;
}
.pageNot #errorboxoutline .error-message h2 {
    color: #1f2022;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.pageNot #errorboxoutline .errorboxbody p {
    color: #737373;
    display: block;
    margin: 0 0 30px;
}
.pageNot #errorboxoutline .button-home {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 70px;
    letter-spacing: 1px;
}
.pageNot #errorboxoutline .button-home:hover, .pageNot #errorboxoutline .button-home:focus, .pageNot #errorboxoutline .button-home:active {
    background: #000;
    border-color: #000;
}
@media (max-width: 360px) {
    .pageNot #errorboxoutline {
        margin-top: 20%;
    }
    .pageNot #errorboxoutline .error-code {
        font-size: 150px;
    }
    .pageNot #errorboxoutline .error-message h2 {
        font-size: 24px;
    }
}
/*--------------------------------------------------------------*/
/* SEARCH PAGE */
/*--------------------------------------------------------------*/
#layout-search {
    margin-bottom: 30px;
}
#layout-search .heading-page {
    text-align: center;
}
#layout-search .heading-page h1 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 25px 0;
    font-weight: 600;
}
#layout-search .search-list-results {
    display: flex;
    flex-wrap: wrap;
}
#layout-search .expanded-message {
    text-align: center;
    margin: auto;
    max-width: 500px;
}
#layout-search .expanded-message h2 {
    font-size: 1.5rem;
}
#layout-search .expanded-message .search-field {
    margin: 20px 0;
}
#layout-search .expanded-message .search-field form {
    border: 1px solid #d5d4d4;
    border-radius: 8px;
    position: relative;
    padding-right: 100px;
}
#layout-search .expanded-message .search-field form input {
    height: 40px;
    border: none;
}
#layout-search .expanded-message .search-field form #go {
    background: none;
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #d5d4d4;
}
#layout-search .expanded-message .search-field form .search_box {
    padding: 5px 10px;
    width: 100%;
}
#layout-search .expanded-message .message-txt p {
    margin-bottom: 8px;
}
.pageContact-us .heading-page h1 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    font-weight: 600;
}
.pageContact-us .box-info-contact li {
    margin-bottom: 20px;
}
.pageContact-us .box-info-contact li p {
    margin-bottom: 0;
    color: #666;
    font-weight: 500;
}
.pageContact-us .box-info-contact li p strong {
    font-weight: 600;
    color: #272727;
}
.pageContact-us .box-send-contact h2 {
    font-weight: 600;
    font-size: 20px;
    margin: 40px 0 20px;
}
.pageContact-us .box-send-contact h2:after {
    content: "";
    display: block;
    margin-top: 15px;
    width: 30px;
    height: 3px;
    background: #000;
}
@media (max-width: 991px) {
    .pageContact-us .box-send-contact {
        margin-bottom: 30px;
    }
}
.pageContact-us .contact-form .input-group {
    width: 100%;
    margin-bottom: 20px;
}
.pageContact-us .contact-form .input-group input, .pageContact-us .contact-form .input-group textarea {
    border: 1px solid #e7e7e7;
    box-shadow: none;
    height: 45px;
    font-weight: 500;
    padding: 0 20px;
    background: #fff;
    color: #272727;
    width: 100%;
}
.pageContact-us .contact-form .input-group textarea {
    width: 100%;
    height: 130px;
    padding: 20px 20px;
}
.pageContact-us .contact-form .input-group textarea:focus {
    outline: none;
}
/* . - plugin */
.hook-reviews .starbap-prev-badgetext {
    padding-left: 6px;
    display: inline-block;
}
.starbap-review-widget {
    margin-bottom: 40px;
    border: 1px solid #f5f5f5;
    padding: 15px;
}
.starbap-review-widget .starbap-subtab {
    border-bottom: none;
}
.starbap-review-widget .starbap-subtab .starbap-subtab__name.starbap--active {
    color: #222;
}
.starbap-review-widget .starbap-histogram {
    border-left: none;
    margin-right: 0;
}
.starbap-review-widget .starbap-all-reviews-widget, .starbap-review-widget .starbap-rev-widg {
    margin: 0;
    border: none;
    padding: 0;
}
.starbap-review-widget .starbap-ask-question-btn, .starbap-review-widget .starbap-write-rev-link {
    width: 125px;
    font-size: 12px;
    padding: 6px;
}
.starbap-review-widget .starbap-ask-question-btn {
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .starbap-review-widget {
        margin-bottom: 20px;
    }
    .starbap-review-widget .starbap-sort-dropdown-wrapper {
        float: left;
    }
}
.chatbot .icon-chatbot {
    position: fixed;
    z-index: 4;
    bottom: 31px;
    top: auto;
    right: 9px;
    width: 42px;
    height: 42px;
    margin: 0px 12px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px 0px;
    background: #fff;
}
.chatbot .fb_dialog.fb_dialog_advanced, .chatbot .fb_dialog.fb_dialog_mobile {
    position: fixed !important;
    z-index: 4 !important;
    background: none !important;
    top: auto !important;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.chatbot .fb_dialog.fb_dialog_advanced {
    bottom: 12px !important;
    right: 1px !important;
}
.chatbot .fb_dialog.fb_dialog_mobile {
    bottom: 57px !important;
    right: 3px !important;
}
@media (max-width: 991px) {
    .chatbot .icon-chatbot {
        bottom: 75px;
    }
    #scroll_up {
        bottom: 125px;
    }
}

.wrapbox-content-account  form ul{
    padding: 0;
    list-style: none;
}
.wrapbox-content-account  form ul li{
    margin-bottom: 10px;
    text-align: center;
}
.wrapbox-content-account  form ul li input{
    width: 100%;
    height: 48px;
    border: 1px solid #eaebf3;
    border-radius: 3px;
    outline: none;
    color: #000;
    padding: 0 18px;
    font-weight: 500;
    -webkit-appearance: none;
    transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;
}
.wrapbox-content-account  form ul li input#btnSubmit{
    background: #338dbc;
    color: #fff;
    border: 1px solid #338dbc;
    border-radius: 4px;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    font-weight: 600;
    text-align: center;
    width: 218px;
    display: inline-block;
}
#formAcount .inputAccount{
    width: 100%;
    height: 48px;
    border: 1px solid #eaebf3;
    border-radius: 3px;
    outline: none;
    color: #000;
    padding: 0 18px;
    font-weight: 500;
    -webkit-appearance: none;
    transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;
    margin-bottom: 10px;
}
.minimal{
    width: 100%;
    height: 55px;
    border: 1px solid #d5d4d4;
    border-radius: 8px;
    outline: none;
    color: #000;
    padding: 0 20px;
    font-weight: 500;
    -webkit-appearance: none;
    transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;
    margin-bottom: 20px;
}
.wrapperBtnSignin .btnUpdate{
    background: #338dbc;
    color: #fff;
    border: 1px solid #338dbc;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
}
.wrapperBtnSignin .historyBack{
    background: #000;
    color: #fff;
    border: 1px solid #000;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 600;
    width: 49%;
}
.form-group .btnAcess{
    background: #338dbc;
    color: #fff;
    border: 1px solid #338dbc;
    display: block;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
}
.section-title{
    font-size: 36px;
    font-weight: bold;
    color: #333;
    display: block;
    width: 100%;
    clear: both;
    text-transform: uppercase;
    margin: 20px 0;
}
.section-title a {
    color: #333;
}
.section-title a:hover{
    /*color: #9ccd54;*/
    text-decoration: none;
}
.interlist{
    margin-bottom: 25px;
}
.inter-title{
    font-size: 24px;
    font-weight: bold;
    color: #545454;
    padding-bottom: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #545454;
}
.inter-info a{
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}
#btnSignIn{
    height: 48px;
    line-height: 48px;
    display: block;
    width: 100%;
    background: #338dbc;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: unset;
    padding: 0;
}

@media (min-width: 1200px) {

}
@media (max-width: 768px) {
    .layout-account{
        padding: 0;
    }
    .layout-account .container{
        padding: 0;
    }
    .layout-account .container .userbox{
        padding: 50px 15px;
    }
    .action_bottom{
        text-align: right;
    }
    .action_bottom a{
        display: block;
        margin-bottom: 6px;
        color: #7A7A9D;
    }
    .userbox .recover-pass a{
        text-align: center;
        border: 1px solid #7A7A9D;
        line-height: 48px;
        margin-bottom: 20px;
        border-radius: 4px;
        color: #7A7A9D;
        font-size: 16px;
        text-transform: uppercase;
        display: block;
        width: 100%;
        font-weight: 600;
    }
}