:root {
    --primary-color: #E08E1E;
}

table, th, td {
    border: 1px solid #dddddd;
}

table tr td:nth-child(1) {
    padding-left: 8px;
}
#search .search_box {
    border: 1px solid;
}
.main-article {
    background: white;
}
.box-article-heading .background-img img {
    width: 100%;
}
.article-pages img {
    margin: 15px 0;
}
.article-pages
.article-info-more {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.subtext-result {
    margin-bottom: 15px !important;
}
.searchPage .content-product-list .pro-loop{
    margin-bottom: 0 !important;
}
.search-list-results {
    background: #fff;
}
.searchPage .content-product-list {
    margin-bottom: 30px;
}

.searchPage .pagination-box {
    margin: 0px 0px !important;
}
body{
    overflow-x: hidden
}
button.btn-addtocart[disabled] {
    opacity: 0.6;
}
.swatch .swatch-element.soldout:not(.color) label:before {
    width: 16px;
    height: 16px;
}
.select-swatch {
    padding-left: 0px !important;
}

.swatch .header {
    font-size: 16px;
    font-weight: bold;
}

.swatch .swatch-element {
    margin-bottom: 12px !important;
}

.swatch .swatch-element label {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 1;
    padding: 10px;
}
.swatch .swatch-element.color label {
    width: 36px;
    height: 36px;
}

.form-control {
    height: 36px;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover, a:focus {
    color: #d28011 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

.product-detail-main {
    margin-bottom: 60px;
}

.pro-loop .product-img a {
    margin-top: 32px
}
.pro-loop a {
    padding: 20px;
}
.main-header:not(.hSticky-nav) .wrap-logo a img {
    display: inherit;
}
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.topbar .mySwiper {
    color: #000;
    height: 25px;
    background: #e3e1e4;
    line-height: 25px;
    width: 100%;
    text-align: center;
}
.header-upper-middle {
    background: #000;
    padding: 21px;
}

.header-form {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    cursor: text;
    color: #777;
}

.header-form svg {
    margin-right: 10px;
    color: #fff;
}

.header-wrap-icon .header-action svg {
    color: #fff;
}

.header-wrap-icon .header-action {
    margin-left: 24px;
}

.header-action_cart .count-holder .count {
    width: 21px;
    height: 21px;
    position: absolute;
    background: #fff;
    color: #000;
    border-radius: 50%;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -10px;
    right: -12px;
}
.header-menu-desktop {
    background: #000;
}

.header-menu-desktop .navbar-mainmenu {
    border-top: 1px solid rgb(38, 38, 38);
}

#nav nav.main-nav > ul > li > a {
    font-size: 16px;
    color: #fff !important;
    padding: 12px 0;
    margin: 0 14px;
    font-weight: normal;
}

#nav .main-nav > ul>li>a:before {
    bottom: auto;
    top: 30px;
    border: 0;
    transform: scaleX(0);
    height: 1px;
    background: #fff;
}
.mega-menu {
    --mega-menu-column-gap: 48px;
    --mega-menu-image-gap: 24px;
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    color: rgb(40, 40, 40);
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
.mega-menu::after {
    content: '';
    position: absolute;
    height: calc(100vh - 100% - 155px);
    width: 100%;
    left: 0;
    top: 100%;
    background: rgb(0 0 0 / 30%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease-in-out;
}

#nav .main-nav>ul>li:hover .mega-menu{
    visibility: visible;
    opacity: 1;
}

.mega-menu__inner {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    grid-column-gap: 64px;
    column-gap: 64px;
    padding-top: 48px;
    padding-bottom: 48px;
    overflow: auto;
    z-index: 1;
}

.mega-menu__images-wrapper {
    display: grid;
    grid-auto-flow: column;
    align-items: flex-start;
    grid-gap: 24px;
    gap: 24px;
}

.mega-menu__images-wrapper--tight {
    gap: 20px;
}

.mega-menu__image-push {
    width: 180px;
    text-align: center;
}

.mega-menu__image-push:only-child {
    width: 200px;
}

.mega-menu__image-wrapper {
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 0;
    z-index: 0;
}


img {
    height: auto;
}

.mega-menu__images-wrapper span {
    color: #5a5a5a;
}

.mega-menu .container {
    width: 100%;
    padding: 0;
}

.mega-menu::after {
    opacity: 1;
}


/*============================================================================
Get font-families from theme settings
==============================================================================*/







/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/


/* Browser Resets */
.oc-banner7-container .flex-container a:active,
.oc-banner7-container .flexslider a:active,
.oc-banner7-container .flex-container a:focus,
.oc-banner7-container .flexslider a:focus  {outline: none;}
.oc-banner7-container .slides,
.oc-banner7-container .flex-control-nav,
.oc-banner7-container .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.oc-banner7-container .flexslider {
    margin: 0;
    padding: 0;
}
.oc-banner7-container .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative;
}
/* Hide the slides before the JS is loaded. Avoids iocge jumping */
.oc-banner7-container .flexslider .slides img {
    display: block;
    height: auto !Important;
}
.oc-banner7-container .flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.oc-banner7-container .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .oc-banner7-container .slides {display: block;}
* html .oc-banner7-container .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, ocke sure you
* include js that eliminates this class on page load */
.no-js .oc-banner7-container .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.oc-banner7-container .flexslider {
    margin: 0 0 0px 0;
    position: relative;
    zoom: 1;
}
.oc-banner7-container .flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.oc-banner7-container .loading .flex-viewport {
    max-height: 300px;
}
.oc-banner7-container .flexslider .slides {zoom: 1;}

.oc-banner7-container .carousel li {
    margin-right: 5px
}

/* Control Nav */
.nivo-controlNav {
    text-align:center;
    padding:0;
}
.nivo-controlNav a {
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}
.oc-banner7-container .flex-control-nav,
.nivo-controlNav {
    width: 100%;
    position: absolute;
    bottom: 4%;
}
.oc-banner7-container .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    display: inline;
}
.oc-banner7-container .flex-control-paging li a,
.nivo-controlNav a {
    width: 11px;
    height: 11px;
    display: block;
    background: #aaa;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;.thongso-table table
-o-border-radius: 100%;
    border-radius: 100%;
    /* box-shadow: inset 0 0 3px rgba(0,0,0,0.3); */
    z-index: 9;
}
.oc-banner7-container .flex-control-paging li a:hover,
.oc-banner7-container .flex-control-paging li a.flex-active,
.nivo-controlNav a:hover,
.nivo-controlNav a.active {
    cursor: pointer;
    height: 10px;
    line-height: 10px;
    width: 10px;
}
.oc-banner7-container .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.oc-banner7-container .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.oc-banner7-container .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.oc-banner7-container .flex-control-thumbs img:hover {opacity: 1;}
.oc-banner7-container .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.oc-nivoslider {
    /*overflow: hidden;*/
}
.nivoslider {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%;
}
.nivoslider img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.nivo-controlNav {
    padding: 0px 0;
    text-align: center;
}
.nivo-controlNav a {
    background-color: #ffffff;
    border: 0 none;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    line-height: 8px;
    margin: 0 3px;
    position: relative;
    text-indent: -9999px;
    width: 8px;
}
.banner7-caption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: none repeat scroll 0% 0% transparent;
    color: #FFF;
    font-size: 16px;
    z-index: 8;
}
@-webkit-keyframes timeloading {
    from {width: 0;}
    to {width: 100%;}
}
@keyframes timeloading {
    from {width: 0;}
    to {width: 100%;}
}
.timeloading{
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    height: 5px;
    animation: ease-in-out 0s normal none 1 running timeloading;
}
.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
.banner7-content {
    height: 100%;
    position: relative;
}
.banner7-content .text-content {
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 60%;
    text-align: left;
    padding: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner7-content.slider-2 .text-content {

}
.banner7-content .title1 {
    font-size: 16px;
    color: #E08E1E;
    font-weight: 300;
    text-transform: capitalize;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0;
    /*   font-family: "Rubik", "HelveticaNeue", "Helvetica Neue", sans-serif; */
    font-family: "Light Original";
}
.banner7-content.slider-2 .title1 {

}
.banner7-content .sub-title {
    font-size: 60px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 3px;
    margin-top: 0;
}
.banner7-content.slider-2 .sub-title {

}
.banner7-content .banner7-des:first-letter{
    text-transform: uppercase;
}

.banner7-content .banner7-des p{
    font-size: 16px;
    margin: auto;
    padding: 0;
    color: #777777;
    text-transform: capitalize;
    font-weight: 300;
    line-height: 24px;
}
.banner7-content .banner7-des p:last-child {
    margin-top: 30px;
}
.banner7-content .banner7-des p span {
    margin-bottom: 10px;
    font-weight: bold;
    color: #E08E1E;
    font-size: 30px;
}
.banner7-readmore{
    position: relative;
    z-index: 10;
}

.banner7-readmore a{
    font-size: 13px;
    color: #E08E1E;
    line-height: 46px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    padding: 0 45px;
    margin-top: 50px;
    border: 2px solid #E08E1E;
    border-radius: 3px;
    background: transparent;
}
.banner7-readmore a:hover {
}
.slider-2 .banner7-readmore a {

}
.banner7-readmore {
    display: none;
}
.banner7-content.slider-1 .banner7-readmore{
    animation: slideInUp 0.5s linear alternate;
    -webkit-animation: slideInUp 0.5s linear alternate;
    -moz-animation: slideInUp 0.5s linear alternate;
}
.banner7-content.slider-2 .banner7-readmore{
    animation: slideInUp 0.5s linear alternate;
    -webkit-animation: slideInUp 0.5s linear alternate;
    -moz-animation: slideInUp 0.5s linear alternate;
}
.banner7-content.slider-3 .banner7-readmore{
    animation: slideInUp 0.5s linear alternate;
    -webkit-animation: slideInUp 0.5s linear alternate;
    -moz-animation: slideInUp 0.5s linear alternate;
}
.banner7-content.slider-2 .title1{
    animation: zoomIn 1s linear alternate;
    -webkit-animation: zoomIn 1s linear alternate;
    -moz-animation: zoomIn 1s linear alternate;
}
.banner7-content.slider-1 .title1{
    animation: rollIn 1s linear alternate;
    -webkit-animation: rollIn 1s linear alternate;
    -moz-animation: rollIn 1s linear alternate;
}
.banner7-content.slider-3 .title1{
    animation: fadeInLeft 1s linear alternate;
    -webkit-animation: fadeInLeft 1s linear alternate;
    -moz-animation: fadeInLeft 1s linear alternate;
}
.banner7-content.slider-1 .banner7-des {
    animation: slideInDown 2s linear alternate;
    -webkit-animation: slideInDown 2s linear alternate;
    -moz-animation: slideInDown 2s linear alternate;
}
.banner7-content.slider-2 .banner7-des{
    animation: bounceIn 2s linear alternate;
    -webkit-animation: bounceIn 2s linear alternate;
    -moz-animation: bounceIn 2s linear alternate;
}
.banner7-content.slider-3 .banner7-des{
    animation: fadeInRight 1.5s linear alternate;
    -webkit-animation: fadeInRight 1.5s linear alternate;
    -moz-animation: fadeInRight 1.5s linear alternate;
}.banner7-content.slider-1 .sub-title  {
     animation: slideInDown 2s linear alternate;
     -webkit-animation: slideInDown 2s linear alternate;
     -moz-animation: slideInDown 2s linear alternate;
 }
.banner7-content.slider-2 .sub-title {
    animation: bounceIn 2s linear alternate;
    -webkit-animation: bounceIn 2s linear alternate;
    -moz-animation: bounceIn 2s linear alternate;
}
.banner7-content.slider-3 .sub-title {
    animation: rotateInDownRight 2s linear alternate;
    -webkit-animation: rotateInDownRight 2s linear alternate;
    -moz-animation: rotateInDownRight 2s linear alternate;
}
/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
}
.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:8;
    display:none;
    background:white;
    filter:alpha(opacity=0);
    opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 7;
}
.nivo-caption .container{

}
.nivo-caption p {
    padding:5px;
    margin:0;
}

.nivo-html-caption {
    display:none;
}
/** ocslideshow **/

.banner7 {
    position:relative;
    z-index: 6;
}
.nivo-directionNav i{
    font-size: 12px;
    line-height: inherit;
}
.oc-banner7-container .flex-direction-nav a,
.nivo-directionNav a {
    width: 60px;
    height: 60px;
    margin: -30px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    font-size: 0;
    z-index: 9;
    background: rgba(255,255,255,0.3);
    border-radius: 100%;
    line-height: 60px;
    text-align: center;
    color: #3e3e3e;
}
.oc-banner7-container .flex-direction-nav .flex-next,
.oc-banner7-container .nivo-directionNav a.nivo-nextNav {
    opacity: 0;
    transition: all 0.3s ease-out;
    right: 10px;
}
.oc-banner7-container .flex-direction-nav .flex-prev,
.oc-banner7-container .nivo-directionNav a.nivo-prevNav {
    left: 10px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.oc-banner7-container:hover .nivo-directionNav a{opacity: 1;}
.oc-banner7-container .flexslider .flex-next:hover,
.oc-banner7-container .nivo-directionNav a.nivo-nextNav:hover,
.oc-banner7-container .flexslider .flex-prev:hover,
.oc-banner7-container .nivo-directionNav a.nivo-prevNav:hover {color: #fff;background: #a8741a;}
.oc-banner7-container .flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter:alpha(opacity=30);
    cursor: default;
}

.oc-banner7-container .flex-direction-nav a:hover::before,
.oc-banner7-container .nivo-directionNav a:hover::before{

}
.oc-banner7-container .nivo-controlNav a {
    display: inline-block;
    vertical-align: top;
    height: 8px;
    margin: 5px;
    font-size: 0;
    width: 8px;
    cursor: pointer;
    position: relative;
    z-index: 9;
    border-radius: 100%;
    line-height: 10px;
    position: relative;
}
.oc-banner7-container .nivo-controlNav a.active,
.oc-banner7-container .nivo-controlNav a:hover {
    height: 12px;
    width: 12px;
    background: url(../../dot.png) no-repeat;
    background-size: 70%!important;
    background-position-x: 2px!important;
    transform: scale(1.8);
}

/** /ocslideshow **/
/* responsive */
@media(min-width:1600px) {
    .oc-banner7-container .flex-direction-nav .flex-prev, .oc-banner7-container .nivo-directionNav a.nivo-prevNav {
        left: 70px;
    }
    .oc-banner7-container .flex-direction-nav .flex-next,
    .oc-banner7-container .nivo-directionNav a.nivo-nextNav {
        right: 70px;
    }
}
@media(max-width:1199px){

    .banner7-content .title1 {
        font-size: 1.6vw !important;
    }
    .banner7-content .sub-title {
        font-size: 5vw !important;
    }
    .banner7-content .banner7-des p {
        font-size: 1.6vw !important;
        line-height: 1.3;
    }
    .banner7-content .banner7-des p:last-child {
        margin-top: 1.5vw;
    }
    .banner7-content .banner7-des p span {
        font-size: 2.4vw !important;
    }
    .banner7-content .text-content {
        max-width: 60% !important;
    }
    .banner7-readmore a {
        font-size: 1.3vw !important;
        line-height: 3vw;
        margin-top: 2.5vw;
        padding: 0 1.5vw;
    }

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

}
@media(max-width:767px){
    .nivo-directionNav{
        display: none;
    }

    .oc-banner7-container .flex-control-nav, .nivo-controlNav {
        bottom: 2%;
    }
    .banner7-content .title1 {
        font-size: 1.8vw !important;
    }
    .banner7-content .sub-title {
        font-size: 4vw !important;
    }
    .banner7-content .banner7-des p {
        font-size: 1.8vw !important;
    }
    .banner7-content .banner7-des p:last-child {
        margin-top: 1.5vw;
    }
    .banner7-content .banner7-des p span {
        font-size: 2.4vw !important;
    }
    .banner7-content .text-content {
        max-width: 60% !important;
    }
    .banner7-readmore a {
        font-size: 1.3vw !important;
        line-height: 3vw;
        margin-top: 2.5vw;
        padding: 0 1.5vw;
    }
}
@media(max-width:479px){
    .banner7-content .title1 {
        font-size: 2vw !important;
    }
    .banner7-content .sub-title {
        font-size:3.5vw !important;
        margin: 0;
    }
    .banner7-content .banner7-des p {
        font-size: 2vw !important;
    }
    .banner7-content .banner7-des p:last-child {
        margin-top: 1vw;
    }
    .banner7-content .banner7-des p span {
        font-size: 2.4vw !important;
    }
    .banner7-content .text-content {
        max-width: 60% !important;
    }
    .banner7-readmore a {
        font-size: 1.8vw !important;
        line-height: 3vw;
        margin-top: 2.5vw;
        padding: 0 1.5vw;
        border-width: 1px;

    }
}
.list-collections__item-list {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    margin: 0 auto;
    margin-top: 100px;
}
@media (min-width: 1400px){
    .list-collections__item-list {
        width: 75%;
    }
}
.list-collections__item-list a {
    width: 22.8%;
    margin: 10px 10px;
    transition: transform 200ms ease-in-out;
    background: #fff;
}
.list-collections__item-list a:hover {
    transform: scale(1.02)
}

.list-collections__item-info p {
    color: #5a5a5a;
    font-weight: normal;
    padding-left: 20px;
}

body {
    background: #eee;
}

body.product {
    background: #fff;
}

.list-collections__item-info span {
    display: block;
    padding-left: 20px;
    margin-bottom: 15px;
    font-weight: normal;
}

.list-collections__item-list p, .list-collections__item-list span {
    transition: all 300ms ease-in-out;
}
.list-collections__item-list span {
    color: #9a9a9a;
}
.list-collections__item-list a:hover p, .list-collections__item-list a:hover span {
    color: #E08E1E;
}
@media (min-width: 1200px){
    .container {
        width: 1180px;
        margin: 0 auto;
    }
}
.static-about {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
}
.static-about h3 {
    font-size: 40px;
}
.static-about h1 {
    font-size: 18px;
    text-align: center;
}

.collage {
    display: grid;
}

@media (min-width: 750px) {
    .collage {
        grid-auto-flow: column;
        grid-column-gap: var(--grid-desktop-horizontal-spacing);
        grid-row-gap: var(--grid-desktop-vertical-spacing);
        grid-template-columns: repeat(4,minmax(0,1fr));
        width: 80%;
        margin: 0 auto;
    }
    .collage__item--left:nth-child(3n - 2) {
        grid-column: 1 / span 2;
        grid-row: span 2;
        padding-bottom: 14px;
    }
    .collage__item--left:nth-child(5) {
        grid-column: span 4!important;
        grid-row: span 1!important;
        grid-column-start: 1;
        padding: 0 0 14px 14px;
    }
    .collage__item--left:nth-child(3n - 1), .collage__item--left:nth-child(3n) {
        grid-column-start: 3;
        padding: 0 0 14px 14px;
    }
    .collage__item--left:nth-child(4) {
        grid-column: span 3;
        grid-row: span 1;
        padding: 0 0 14px 14px;
    }
}

.collage-pr-item {
<!--background: url(../../flower_7abfdeb80b6448df84c589eb51c76e9a.png) center center no-repeat; -->
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
    z-index: 0;
    background: white;
}
.collage-pr-img {
    padding: 24px;
}
.collage-pr-text a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
    min-height: 56px;
}

.collage-pr-text {
    padding: 20px;
}

.collage-pr-item:hover a {
    text-decoration: underline;
    color: #E08E1E;
}

.collage-pr-text p {
    margin: 0;
    font-size: 20px;
    color: #c50000;
}


.collage-pr-img img {
    transform: scale(1);
    transition: 0.3s;
    width: 97%;
}

.collage-pr-item:hover .collage-pr-img img {
    transform: scale(1.03);
}
.banner-statics {
    display: flex;
    margin: 0 -14px;
}

.banner-static-item {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 14px;
}

.banner-static-item .image {
    margin-top: 30px;
    background: #fff;
}

.banner-static-item a {
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    vertical-align: top;
    border-radius: 4.4px;
    padding: 50px 0;
}

.banner-static-item img {
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.banner-static-item a:before {
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.banner-static-item span {
    font-size: 24px;
    display: block;
    text-transform: capitalize;
    text-align: center;
    color: #E08E1E;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.banner-static-item:hover a:before {
    opacity: 1;
}

.banner-static-item:hover img {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}

.banner-static-item:hover span {
    -webkit-animation: fadeInUp 600ms ease-in-out;
    -moz-animation: fadeInUp 600ms ease-in-out;
    -ms-animation: fadeInUp 600ms ease-in-out;
    animation: fadeInUp 600ms ease-in-out;
    color: #ffc667!important;
}
.banner-statics.brand-story {
    width: 70%;
    margin: 0 auto;
}

.banner-statics.brand-story .banner-static-item {
    flex: 0 0 50%;
    max-width: 50%;
}

.brand-story .banner-static-item a {
    padding: 0;
}
.video-iframe iframe {
    width: 100%;
    height: 700px;
}
footer {
    margin-top: 60px;
}
.pre-footer + footer {
    margin-top: 0;
}
.footer-top {
    padding: 60px 0;
    background: #1f1f1f
}
.footer-hotline{
    font-size: 15px;
    color:#fff;

}
.footer-hotline a{
    color:#fff;font-weight: bold;
    text-decoration: underline;
    font-size:17px;
}
footer .col-footer {
    margin-bottom: 20px;
    position: relative;
    padding-left: 0px;
}
.footer-title>h5 {
    margin-bottom: 15px!important;
    color: #f6f6f6;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 20px;
    padding: 0 15px;
}
.footer-content {
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 15px;
}
.footer-content ul li {
    padding-bottom: 5px;
    color: #f6f6f6;
}
footer .list-unstyled.text-content li a {
    color: #f6f6f6;
    display: block;
    font-weight: 400;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;

}
.footer-content ul li a {
    color: #f6f6f6;
}
footer .list-unstyled.text-content li a:hover {
    color: #E08E1E;
    padding-left: 7px;
}

.footer-form .input-group {
    margin: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c3c3c3;
    position: relative;
}

.footer-form .input-group button {
    height: 20px;
    width: 23px;
    background: transparent;
    border: 0;
}

.footer-form .input-group button svg {
    width: 20px;
    height: 20px;
    cursor: pointer;
    fill: #f6f6f6
}

.footer-form .input-group input {
    background: transparent;
    border: 0;
    padding-left: 0;
    height: 32px;
    outline: 0;
    font-weight: normal;
    color: #f6f6f6
}
.footer-form .input-group input::placeholder {
    color: #ddd
}
.share-right {
    text-align: left;
    margin-top: 10px;
}
.follow label {
    display: none;
}
ul.link-follow {
    vertical-align: top;
    overflow: hidden;
    display: flex;
}
ul.link-follow li {
    margin-right: 10px;
    margin-top: 10px;
}
ul.link-follow li a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #f6f6f6;

    font-size: 0;
    line-height: 40px;
    text-align: left;
    padding: 0;
    width: 40px;
    height: 40px;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
ul.link-follow li a img{
    max-height:100%;
}
ul.link-follow li a:before {
    font-size: 24px;
}
ul.link-follow li a:hover {
    color: #fff;
}
.footer-contact li {
    padding: 3px;
    font-size: 16px;
}
.footer-bottom {
    text-align: center;
    padding: 20px 0 0;
}
.footer-bottom .container-inner {
    padding: 10px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.footer-copyright {
    margin-bottom: 17px;
    margin-bottom: 17px;
}
.footer-copyright p {
    font-size: 14px;
    line-height: 20px;
    background: none;
    text-transform: capitalize;
    font-weight: 400;
    margin: 0;
}
.footer-bottom .footer-copyright a {
    color: #E08E1E;
}
.back-to-top {
    top: auto !important;
    bottom: 85px;
    background: linear-gradient(156.45deg, #AF6600 -0.97%, #EDAE2D 31.41%, #FCD38C 53.05%, #DFA951 74.58%, #C3882E 92.69%);
    border-radius: 1.98047px;
    width: 55px;
    height: 55px;
    line-height: 65px;
    color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100;
    transform: rotate(-45deg);
    right: 30px;
}

.back-to-top a i {
    font-size: 18px;
    line-height: 1;
    transform: rotate(45deg);
    color: #fff;
}
.ion-chevron-right {
    font-size: 0;
}

.ion-chevron-right:before {
    content: "\f105";
}

.nivo-directionNav a i:before {
    font-size: 20px;
    font-family: FontAwesome;
}

i.ion-chevron-left:before {
    content: "\f104";
}
.image-overlay__image-wrapper img {
    width: 100%;
}
.search-modal {
    position: fixed;
    width: 500px;
    top: 0 !important;
    left: -500px;
    background: #fff;
    z-index: 999;
    height: 100vh;
    transition: 0.3s;
}

.search-modal .searchform {
    position: relative;
    padding: 24px;
}

.search-modal .searchform .icon-search {
    position: absolute;
    top: 36px;
    left: 40px;
}

.search-modal form.searchform input.searchinput {
    padding-left: 50px;
    padding-right: 0;
    background: transparent;
    border: 0;
}

button.drawer__close-button {
    position: absolute;
    right: 28px;
    top: 39px;
    z-index: 99;
    background: transparent;
    border: 0;
    height: 14px;
}

.search-modal.active {
    left: 0;
}
.site-overlay{
    z-index: -1

}
footer{
    width: 100%;
    overflow-x: hidden
}
.site-overlay.active {
    opacity: 1;
    visibility: visible;
    z-index: 100
}
@media (max-width: 991px) {
    .list-collections__item-list a {
        width: 33.333%;
        margin: 0;
        padding: 10px;
        background: transparent;
    }

    .list-collections__item-info.text-container.text-container-background {
        background: #fff;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .list-collections__item-info p {
        margin-top: 0;
        font-size: 16px;
    }
    .list-collections__item-info span {
        font-size: 12px;
    }
    .banner-static-item span {
        position: static;
    }

    .banner-static-item a {
        padding: 15px 0;
    }

    .banner-statics.brand-story {
        width: 100%;
    }
    .header-form span {
        display: none;
    }
    .menu-search {
        display: flex;
        align-items: center;
    }

    .show-menu-mb-click {
        color: #fff;
        margin-right: 10px;
        display: flex;
        align-items: center;
    }
    .menu-mobile {
        max-width: 400px;
        width:100%;
        position: fixed;
        top: 0 !important;
        left: -400px;
        z-index: 9999;
        background: #fff;
        height: 100vh;
        transition: 0.3s;
    }

    .menu-mobile nav.main-nav.text-center {
        text-align: left;
    }

    #nav nav.main-nav > ul > li > a {
        color: #000 !important;
        line-height: 1.2;
        font-size: 20px;
        padding: 21px 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #nav nav.main-nav > ul > li {
        display: block;
        border-bottom: 1px solid #ddd;
    }

    #nav .main-nav > ul>li>a:before {
        display: none;
    }
    .animated-plus {
        position: relative;
        width: 10px;
        height: 10px;
    }
    .animated-plus:before, .animated-plus:after {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(-90deg);
        background-color: currentColor;
        transition: transform .4s ease-in-out,opacity .4s ease-in-out;
    }
    .animated-plus:before {
        width: 20px;
        height: 3px;
        opacity: 1;
    }
    .animated-plus:after {
        width: 3px;
        height: 20px;
    }

    a.has-megamenu.active .animated-plus:after {
        transform: translate(-50%,-50%) rotate(90deg);
    }

    a.has-megamenu.active .animated-plus:before {
        opacity: 0;
    }

    .menu-mobile-close {
        padding: 24px;
        max-height: 90px;
    }

    .has-megamenu.active+.mega-menu {
        opacity: 1;
        visibility: visible;
        display: block;
    }

    .mega-menu {
        position: static;
        display: none;
    }

    .mega-menu__inner {
        padding: 0;
        padding-bottom: 30px;
    }
    .menu-mobile.active {
        left: 0;
    }
}

@media (max-width: 767px) {
    .thongso-table table td {
        font-size: 12px !Important;
        justify-content: center;
    }
    .list-collections__item-list {
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .list-collections__item-list a {
        width: 50%;
    }

    .static-about {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .static-about h3 {
        font-size: 24px !important;
        font-weight: normal;
    }

    .static-about h1 {
        width: 90%;
        margin: 0 auto;
    }

    .collage.collage--mobile {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -5px;
    }

    .collage__item.collage__item--image {
        width: 50%;
        padding: 0 5px;
    }

    .collage__item.collage__item--image:nth-of-type(1) {
        width: 100%;
        padding: 0 5px;
        margin-bottom: 20px;
    }

    .collage__item.collage__item--image:nth-of-type(4), .collage__item.collage__item--image:nth-of-type(5) {
        display: none;
    }
    .banner-statics {
        overflow-x: scroll;
    }
    .banner-statics::-webkit-scrollbar {
        display: none;
    }
    .banner-static-item {
        flex: 0 0 70%;
        max-width: 80%;
    }
    .video-iframe iframe {
        height: 200px;
    }
    footer {
        margin-top: 40px;
    }

    footer .col-footer {
        margin: 0;
    }

    .footer-title>h5 {
        margin: 0 !important;
        font-size: 18px;
        font-weight: normal;
        padding: 15px;
        position: relative;
    }

    .footer-content {
        display: none;
    }
    .footer-last-child .footer-content {
        display: block;
    }
    .footer-last-child .footer-title h5:after {
        content: normal;
    }
    footer .col-footer:nth-of-type(4) .footer-content {
        display: block;
    }

    ul.footer-contact {
        text-align: center;
    }

    .footer-title>h5:after {
        content: "\f107";
        font-family: FontAwesome;
        font-size: 24px;
        position: absolute;
        right: 15px;
    }

    .footer-title.active h5:after {
        content: "\f106";
    }

    .footer-title.active+.footer-content {
        display: block;
    }
    .back-to-top {
        width: 40px;
        height: 40px;
    }

    .footer-top {
        padding-bottom: 0;
    }
    footer .col-footer:nth-of-type(4) h5:after {
        display: none;
    }
}
.breadcrumb>.active {
    color: #E08E1E;

}
.wrap-collection-title h1.title {
    font-size: 30px;
    margin: 0;
    margin-top: 20px;
}
@media (max-width: 767px) {
    .wrap-collection-title h1.title {
        font-size: 24px !important;
        margin: 15px 0px !important;
    }
}
.wrap-collection-title .heading-collection {
    margin: 20px 0;
    padding: 8px 0px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    border: 1px solid #a4a4a4;
    border-radius: 3px;
}

.option .custom-dropdown .custom-dropdown__select {
    border-bottom: 0;
    padding: 0 10px;
    border-radius: 3px
}
.option .custom-dropdown::after {
    top: 7px;
    right: 7px;
}
.option.browse-tags .lb-filter {
    font-weight: normal;
    margin-right: 12px;
}
.option.browse-tags {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.product-image-detail {
    margin-bottom: 25px;
}

.product-gallery__thumbs-container {
    max-width: 85%;
    margin: 0 auto;
}

.product-gallery__thumbs-container a {
    border-radius: 5px;
    overflow: hidden;
}
.owl-carousel .owl-item img {
    padding: 5px;
}
.product-gallery__thumbs .owl-nav button {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    font-size: 90px !important;
    color: #c6c6c6 !important;
}

.product-gallery__thumbs {
    position: relative !important;
}

.product-gallery__thumbs .owl-nav button.owl-prev {
    left: -30px;
}

.product-gallery__thumbs .owl-nav button.owl-next {
    right: -30px;
}
.soldold-box {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}

.soldold-box span {
    color: #E08E1E;
}

.product-title {
    border: 0;
}

.product-title h1 {
    font-size: 30px;
    margin: 0 !important;
}
.product-price span.pro-price {
    color: #be1e2d;
    opacity: 1;
    font-size: 24px;
    font-weight: bold;
}

.product-price {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-price-disabled {
    margin-bottom: 0;
}

.swatch {
    border: 0;
}

.pr_style_03 button.btn-addtocart {
    display: none;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 16px;
    background: #2f333a;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-weight: normal;
    transition: transform 200ms ease-in-out;
}
.pr_style_03 button.btn-addtocart:hover {
    transform: scale(1.01);
    background: #000
}

.pr_style_03 button.btn-addtocart#buy-now {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 3.3px;
    border: 1.3px double transparent;
    background-image: linear-gradient(97.02deg, #A86001 0.76%, #E5A629 20.41%, #FDD69D 46.6%, #F8CD81 68.51%, #DFA851 78.98%, #B17215 98.76%),linear-gradient(45deg,#F6DAAC,#F9CF8C, #F7DB96);
    background-origin: border-box;
    background-clip: padding-box,border-box;
    font-weight: 600;
    font-size: 16px;
    color: #1d1d1d;
}
.pr_style_03 button.btn-addtocart#buy-now .cart-icon {
    width: 22px;
    height: 22px;
}
.pr_style_03 button.btn-addtocart#buy-now .cart-icon img {
    width: 100%;
}
.pr_style_03 button.btn-addtocart#buy-now:hover {
    background-color: #000;
}

.delivery_returns {
    margin-top: 15px;
}

.delivery_returns .panel-default>.panel-heading {
    background: transparent;
    border: 0;
    padding: 10px 0;
}

.delivery_returns .panel-group .panel {
    border: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}

.delivery_returns .panel-title a {
    position: relative;
    font-size: 18px;
    display: block;
}

.delivery_returns .panel-title a svg {
    margin-right: 10px;
}

.delivery_returns .panel-title a i {
    position: absolute;
    right: 5px;
    font-size: 28px;
}

.delivery_returns .panel-default>.panel-heading+.panel-collapse>.panel-body {
    background: #fff;
}
.product-tab-review ul.nav.nav-tabs {
    border: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.product-tab-review .nav-tabs>li>a {
    font-size: 22px;
    color: #5a5a5a;
    text-transform: capitalize;
    border-radius: 0;
    border: none !important;
    padding: 7px 30px;
    margin: 0;
    background: none;
    position: relative;
}

.product-tab-review .nav-tabs>li.active>a,
.product-tab-review .nav-tabs>li.active>a:focus,
.product-tab-review .nav-tabs>li.active>a:hover {
    color: #000 !important;
    background: none !important;
    font-weight: bold;
    border-bottom: 5px solid transparent!important;
    border-image: linear-gradient(90.07deg, #B3690E 0%, #F1B438 21.36%, #FDD798 52.34%, #F5C66C 81.69%, #C5832F 102.49%)!important;
    border-image-slice: 1!important;
    width:100%;
}

.product-tab-review .description-content {
    background: #fff;
}
.swatch .tooltip {
    text-align: center;
    background: gray;
    color: #fff;
    bottom: 100%;
    padding: 10px;
    display: block;
    position: absolute;
    width: 100px;
    left: -23px;
    margin-bottom: 15px;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgb(0 0 0 / 28%);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.28);
    -ms-box-shadow: 2px 2px 6px rgba(0,0,0,.28);
    -o-box-shadow: 2px 2px 6px rgba(0,0,0,.28);
    box-shadow: 2px 2px 6px #00000047;
    z-index: 10000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.swatch .tooltip:before {
    bottom:-20px;
    content:" ";
    display:block;
    height:20px;
    left:0;
    position:absolute;
    width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
    border-left:solid transparent 10px;
    border-right:solid transparent 10px;
    border-top:solid gray 10px;
    bottom:-10px;
    content:" ";
    height:0;
    left:50%;
    margin-left:-13px;
    position:absolute;
    width:0;
}
.swatch .swatch-element:hover .tooltip {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0);
}
.select-swatch {
    padding-left: 0px;
}
.product-image-detail ul{

}
/* tooltip */
.tooltip.top .tooltip-arrow {
    border-top-color: #E08E1E;
}
.tooltip.top-left .tooltip-arrow {
    border-top-color: #E08E1E;
}
.tooltip.top-right .tooltip-arrow {
    border-top-color: #E08E1E;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #E08E1E;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #E08E1E;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #E08E1E;
}
.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #E08E1E;
}
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #E08E1E;
}
.tooltip-inner{
    background: #E08E1E;
}
.quantity-area {
    margin: 0;
    display: flex;
    align-items: center;
    border: 1px solid #555;
}
.tooltip-inner {white-space: nowrap;}
.quantity-wishlist {
    display: none;
    margin-bottom: 20px;
}
#onAppWishList_btn_wishlist {
    margin-left: 20px;
}
.btn-wishlist {
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    border: 0;
    padding: 12px 15px;
    background: #E08E1E;
    border-radius: 2px;
    color: #fff;
}
.btn-wishlist i {
    margin-right: 5px;
}
.pr_style_03 .product-content-desc {
    position: relative;
}
.content-product-list.owl-carousel.owl-theme .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.content-product-list.owl-carousel.owl-theme .owl-nav button span {
    font-size: 60px;
    color: #E08E1E;
}

.content-product-list.owl-carousel.owl-theme .owl-nav button.owl-prev {
    left: -30px;
}

.content-product-list.owl-carousel.owl-theme .owl-nav button.owl-next {
    right: -30px;
}

.list-productRelated {
    margin-top: 80px;
}

.heading-title h2 {
    text-align: center;
    margin: 0;
    padding-bottom: 15px;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 56px;
}
.video-full iframe {
    width: 100%;
    height: 717px;
}
.messageBox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.messageBox>div {
    width: 50%;
}

.message-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-text .content {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.message-text .content .title {
    font-size: 40px;
}

.message-text .content .messsage {
    font-size: 14px;
}
.content-page p {
    margin: 0;
}
@media (min-width: 768px){
    .messageBox:nth-of-type(2n) .message-image {
        order: 2;
    }
}
@media (max-width: 767px){
    .messageBox>div {
        width: 100%;
    }
    .messageBox .message-image {
        order: 2;
    }
}
.header-page-contact:after {
    display: none;
}

.header-page-contact h1 {
    text-align: center;
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
}

.box-info-contact {
    display: flex;
    flex-wrap: wrap;
}

.box-info-item {
    width: calc(100%/3);
    text-align: center;
}

.heading--small {
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 10px !important;
}

.text-with-icons__content-wrapper p {
    margin: 0;
    word-break: break-all;
    font-weight: normal;
}

.box-info-contact+.box-info-contact {
    margin-top: 40px;
}

.text-with-icons__icon-wrapper img {
    max-width: 40px;
}

.text-with-icons__content-wrapper a {
    text-decoration: underline;
    text-decoration-color: currentcolor;
    text-underline-offset: 2px;
    margin-top: 10px;
    display: inline-block;
}

.text-with-icons__content-wrapper a:hover {
    color: #E08E1E;
}

.box-send-contact h2:after {
    display: none;
}

.box-send-contact h2 {
    font-size: 18px;
    border-bottom: 1px solid #333;
    font-weight: normal;
    margin-bottom: 10px;
}
.box-send-contact .input-group {
    display: flex;
    align-items: center;
}

.box-send-contact .input-group label {
    width: 16.66667%;
    text-align: right;
    padding-right: 15px;
    font-weight: normal;
    margin: 0;
    font-size: 13px;
}

.box-send-contact .input-group input, .box-send-contact .input-group textarea {
    height: 34px;
    padding: 6px 12px;
    border-radius: 4px !important;
    border: 1px solid #333;
    font-size: 13px;
}

.box-send-contact .input-group textarea {
    height: 185px;
}

.sitebox-recaptcha {
    display: none !important;
}
.input-group.input-group-message {
    align-items: flex-start;
}
.box-send-contact button {
    border: none;
    font-weight: normal;
    background: #2e2e2e;
    padding: 0px 25px;
    text-transform: capitalize;
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.box-send-contact button:hover {
    color: #fff;
    background-color: #E08E1E;
    border-color: #E08E1E;
}
.userbox h4 {
    font-size: 18px;
    margin: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}

.large_form {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.large_form label {
    width: 16.6666%;
    text-align: right;
    color: #000;
    font-weight: normal;
    margin: 0;
    font-size: 13px;
    padding-right: 15px;
    position: relative;
}

.userbox .large_form input {
    height: 34px;
    padding: 6px 12px;
    border-radius: 4px !important;
    border: 1px solid #333;
    font-size: 13px;
    background: #fbfbfb;
    color: #252a2b;
}

.large_form label:before {
    content: '* ';
    color: #F00;
}

.userbox .action_bottom button {
    border: none;
    background: #2e2e2e;
    padding: 0px 25px;
    text-transform: capitalize;
    color: #fff;
    line-height: 44px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    font-size: 13px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.userbox .action_bottom button:hover {
    color: #fff;
    background-color: #E08E1E;
    border-color: #E08E1E;
}

.clearfix.action_account_custommer {
    display: flex;
}

.action_account_custommer a.come-back {
    margin-top: -0;
}

.action_account_custommer .req_pass {
    margin-left: 5px;
}
.userbox .action_bottom {
    padding: 0;
    margin-right: 10px;
}
.well {
    border-color: #333;
    background: transparent;
}

.well h2 {
    font-size: 27px;
    margin-top: 20px;
    font-weight: normal;
    margin-bottom: 13px;
}

.well h5 {
    margin: 0;
    font-size: 14px;
    margin-bottom: 10px;
}

.btn-account {
    border: none;
    background: #2e2e2e;
    padding: 0px 25px;
    text-transform: capitalize;
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.btn-account:hover {
    color: #fff;
    background-color: #E08E1E;
    border-color: #E08E1E;
}

#customer-login .large_form {
    flex-direction: column;
    align-items: flex-start;
}

#customer-login .large_form p {
    margin-bottom: 2px;
}

#customer-login .action_account_custommer {
    margin-top: 10px;
}
.pro-loop .product-img .quick-view {
    display: none;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.pro-loop .product-block:hover .quick-view {
    opacity: 1;
}

.pro-loop .product-img .quick-view span {
    font-size: 12px;
    color: #eee;
    text-transform: capitalize;
    background: #5c5c5c;
    opacity: .7;
    width: 100%;
    font-weight: 400;
    display: block;
    padding: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.pro-loop .product-img .quick-view span:hover {
    background: #E08E1E;
    color: #fff;
}

.pro-loop .product-block {
    position: relative;
}
.pro-loop .product-img picture {
    transition: none;
}
.product-img picture:nth-of-type(2) {
    transition: transform 200ms ease-in-out;
}
.pro-loop:hover .product-img picture:nth-of-type(2) {
    padding: 20px;
    transform: scale(1.05);
}
.pro-loop .product-block:before {
    content: "";
    left: -15px;
    right: -15px;
    top: -15px;
    bottom: -15px;
    position: absolute;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.pro-loop .product-block:hover:before {
    opacity: 1;
}

.pro-loop .product-img {
    background: #fff;
    border-radius: 4px;
}

.pro-loop .product-detail {
    position: relative;
    padding: 15px !important;
}

.pro-loop .product-detail h3 {
    display: block;
    margin-top: 0;
    padding-bottom: 9px;
    margin-bottom: 0;
    background: url(../../line_5196e02d2482478e9f1b7bb2eca410ab.png) bottom center no-repeat;
    text-align: center;
}

.product-detail .box-pro-detail {
    padding: 0 5px;
    padding-bottom: 20px;
}

.pro-loop .product-detail h3 a {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #000;
    padding: 0;
}

p.pro-price {
    color: #E08E1E;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    margin-top: 10px;
}
.action-links {
    padding: 0 40px;
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 100%;
}

.action-links .action-icon {
    line-height: 35px;
    height: 35px;
    width: 35px;
    font-weight: normal;
    font-size: 0;
    padding: 0;
    border-radius: 3px;
    text-align: center;
    color: #545454;
    border: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.action-links .action-icon i {
    font-size: 20px;
}

.action-links .ajax_add_to_cart_button {
    letter-spacing: 0;
    font-size: 12px;
    padding: 0;
    text-transform: capitalize;
    background: #2e2e2e;
    opacity: .65;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #545454;
    border-radius: 3px;
}

.action-wishlist {
    position: absolute;
    left: 0;
    top: 0;
}

.action-info {
    position: absolute;
    right: 0;
    top: 0;
}

.box-hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    right: 0;
    top: 95%;
    margin-top: -39px;
    z-index: 5;
    padding: 3px 5px 5px 5px;
    border-top: 0;
    border-radius: 3px;
    background: #e7e7e7;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: none;
}

.pro-loop .product-block:hover .box-hover {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.action-links .ajax_add_to_cart_button:hover {
    background: #E08E1E;
    color: #fff;
}

.action-links .action-icon:hover {
    background: #E08E1E;
    color: #fff;
}
.products.quickview-produc {
    padding: 15px;
}

.quickview-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #ddd;
    color: #918e8e;
}

#detail-product2 h1 {
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 20px;
}

#price-preview2 {
    padding: 0;
    margin-bottom: 12px;
    border: 0;
    color: #E08E1E;
    font-size: 18px;
    font-weight: bold;
}

#add-item-form2 .select-quantity label {
    display: none;
}
.qv-readmore a {
    text-decoration: underline;
    color: #42414f;
    display: inline-block;
    margin-bottom: 40px;
}

.products.quickview-product {
    padding: 15px;
}

.select-quantity {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 20px;
    padding: 0 0 38px;
}

.select-quantity #quantity2 {
    height: 40px;
    text-align: center;
    width: 60px;
    border: 1px solid #ddd;
}

#add-to-cart2 {
    background: #E08E1E none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: left;
    height: 40px;
    margin-left: 15px;
    padding: 0 70px;
    text-transform: uppercase;
    transition: all .3s ease 0s;
    font-weight: normal;
}

h3.widget-title-modal {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    color: #42414f;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 5px;
    text-align: left;
    text-transform: none;
    width: 100%;
    font-weight: normal;
}

ul.social-icons {
    display: flex;
    margin: 0;
    gap: 10px;
}

ul.social-icons li a {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    color: #909295;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 40px;
}
.pro-loop .product-img .sold-out{
    color: #fff;
    font-weight: 400;
    text-align: center;
    min-width: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    z-index: 3;
    line-height: 23px;
    padding: 0 10px;
    background: #E08E1E;
    border-radius: 3px;
    bottom: auto;
}
.pagination-box {

    padding: 15px 0;
    text-align: center;
}

#pagination .page-node, #pagination .next, #pagination .prev {
    margin: 0;
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 400;
    padding: 0 4px;
    width: 32px;
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: none;
    background-color: #fff;
    opacity: 1;
}

#pagination .page-node.current, #pagination .page-node:hover, #pagination .next:hover, #pagination .prev:hover {
    color: #fff !important;
    background: #E08E1E;
}
.list-productRelated .content-product-list .owl-stage-outer {
    padding-top: 0px;
}
.product-gallery__thumbs .owl-nav button span {
    color: #E08E1E;
}
.product-gallery__thumb{
    width: 78px !important;
}
.product-gallery__thumb.flex-active-slide {
    border: 1px solid #E08E1E;
    display: block;
    padding: 5px;
}
.wrap-addcart p {
    text-align: center;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #555;
}
.form-tuvan {
    background: #1d1d1d;
    border-radius: 6.60156px;
    padding: 7.92188px 12.543px 12.543px;
    margin-top: 30px;
}

.form-tuvan h4 {
    display: block;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #EDAE38 29.69%, #FCD699 50.52%, #E8B552 70.83%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    margin: 0;
    margin-bottom: 18px;
    text-align: center;
}

.form-tuvan h4 svg {
    transform: translateY(6px);
}

.form-tuvan-col {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.form-contact-pr input:not('[type="radio"]') {
    height: 42px;
    border-radius: 2px;
}
.form-contact-pr .form-check-input{
    margin: 0
}
label.form-check-label {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0 0;
}
.form-contact-pr .btnSubmit-modal {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    border: 1.3px double transparent;
    background-image: linear-gradient(97.02deg, #A86001 0.76%, #E5A629 20.41%, #FDD69D 46.6%, #F8CD81 68.51%, #DFA851 78.98%, #B17215 98.76%),linear-gradient(45deg,#F6DAAC,#F9CF8C, #F7DB96);
    background-origin: border-box;
    background-clip: padding-box,border-box;
    border-radius: 3.3px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #1d1d1d;
    text-transform: uppercase;
    height: 42px;
    transition: transform 200ms ease-in-out;
}
.form-contact-pr .btnSubmit-modal .sendBtn {
    display: block;
    margin-top: 4px;
}
.form-contact-pr .btnSubmit-modal:hover {
    transform: scale(1.02);
}
.product-thongso {
    background: #fff;
    padding-top: 20px;
}

.product-thongso h4 {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1;
    color: #555;
    border-bottom: 1px solid #555;
    margin-bottom: 20px;
    padding-bottom: 20px;
    justify-content: center;
}

.product-thongso h4 svg {
    margin-right: 10px;
    width: 24px;
}

.thongso-table {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.thongso-table table {
    width: 100% !important;

}

.thongso-table table td {
    border: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding: 10px !important;
}
.thongso-table table tr:nth-child(odd) td {

}
.main-content-cart table tr td, .main-content-cart table tr th {
    padding: 10px !important;
    border-color: #000 !important;
    vertical-align: middle;
}

.main-content-cart table tr th {
    text-align: center;
    font-weight: normal;
}

.main-content-cart table tr th.image {
    width: 125px;
}

.qty-remove a.cart {
    margin-left: 10px;
}

.main-content-cart table {
    border-top: 1px solid #000;
}

.qty-remove {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.cart-buttons button,
.cart-button > a{
    background: #2e2e2e !important;
    padding: 0px 25px !important;
    text-transform: capitalize;
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    text-transform: uppercase;
    border: 0;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.cart-buttons button:hover,
.cart-button > a:hover {
    color: #fff !important;
    background-color: #a8741a !important;
    border-color: #a8741a;
}
.cart-button {
    display: flex;
    justify-content: space-between;
}
.store-box {
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.store-box h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 1.3;
    /* identical to box height */
    color: #E08E1E;
}

.story-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.story-list {
    width: 35%;
}

.story-maps {
    width: 65%;
}

.story-inner > div {
    padding: 0 8px;
}

.story-maps iframe {
    width: 100%;
    height: 615px;
    border-radius: 4px;
    border: 0;
}

.story-list-inner {
    border: 1px solid #555;
    border-radius: 4px;
    overflow-y:scroll;
    max-height: 620px;
}
@media screen and (max-width:780px){
    .story-list-inner {
        max-height: 500px;
    }
}
.story-item.active {
    background: #F3F3F3;
}

.story-item {
    padding: 20px;
    position: relative;
    border-radius: 4px;
}

.story-text h5 {
    margin: 0;
    font-size: 17px;
    color: #151515;
    margin-bottom: 20px;
}

.story-text p {
    font-size: 16px;
    padding-right: 30%;
    line-height: 1.4;
    margin-bottom: 10px;
}

.story-text ul li {
    font-size: 16px;
    margin-bottom: 5px;
}

.story-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 56px;
    right: 15px;
    color: #175AE2;
    font-size: 14px;
    cursor: pointer;
}
.story-image .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.story-image .owl-nav button span {
    width: 40px;
    height: 40px;
    background: #F3F3F3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 28px;
}
.story-item.active .story-image .owl-nav button span {
    background: #fff;
}
.story-image .owl-nav button.owl-prev {
    left: -12px;
}

.story-image .owl-nav button.owl-next {
    right: -12px;
}
.story-item-maps {
    display: none;
}
@media (max-width: 767px){
    .thongso-table {
        flex-wrap: wrap;
        width: 100%;
    }

    .thongso-table table {
        width: 100%;
    }
    .content-product-list.owl-carousel.owl-theme .owl-nav button.owl-next {
        right: 0;
    }
    .content-product-list.owl-carousel.owl-theme .owl-nav button.owl-prev {
        left: 0;
    }
    .store-box h1 {
        font-size: 25px;
        margin: 15px 0;
        line-height: 25px;
    }

    .story-inner > div {
        width: 100%;
    }

    .story-list {
        margin-bottom: 15px;
    }

    .story-text h5 {
        font-size: 18px;
        line-height: 1.2;
    }

    .story-text p {
        font-size: 14px;
    }

    .story-text ul li {
        font-size: 14px;
    }

    .story-icon {
        font-size: 14px;
        top: 60px;
        right: 15px;
    }

    .story-icon svg {
        width: 20px;
        height: 20px;
    }
}
#blog {

    position: relative;
    background:#efefef;
}

.blog-articles {

}

.blog-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:30px 15px;
    margin-bottom: 15px;
}

.blog-item .image {
    width: 100%;
    margin-bottom:10px;
    overflow: hidden;
}
.blog-item .image img {
    max-width: 100%;
    max-height: 100%;
    transition: 0.6s cubic-bezier(0.5, 0, 0.5, 1);
    object-fit: cover;
}
.blog-item .date {
    font-size: 12px;
    margin: 10px 0 0;
}
.blog-item .title {
    font-size: 18px;
    margin-bottom: 10px;
    line-height:1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing:0.09em;
    text-transform: uppercase;
}
.blog-item  p{
    font-size:14px;
}
.blog-swiper .swiper-slide:hover:before {
    opacity: 1;
}
.blog-swiper .swiper-slide:hover .image img {
    transform: scale(1.03);
}
.blog-swiper .cover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 14px;
    display: none;
    overflow: hidden;
}
.blog-swiper:not(.rows) .swiper-slide:hover .cover {
    display: block;
}
.blog-swiper .cover::before {
    background: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    transition: 0.3s cubic-bezier(0.42, 0, 0, 1);
    transform: translateY(100%);
}
.blog-swiper .cover span {
    position: relative;
    color: white;
}
@media (max-width: 1279px){
    .blog-swiper .swiper-slide {
        width: 100%;
        height: auto;
        align-items: center;
        padding: 0;
    }
    .blog-articles {
        padding: 20px;
    }
}
.article__header {
    position: relative;
    display: block;
    background: #eee;
}
.article__header-content {
    padding: 40px 25px;
    padding-left: 5%;
    margin-left: auto;
    margin-right: auto;
    color: rgb(40, 40, 40);
}
.article__image-wrapper,
.article__header-content {
    width: 50%;
}
.article__category {
    font-size: 12px;
    margin: 16px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}

h1.article__title {
    margin: 48px 0 24px;
    font-size: 36px;
}

.article__main {
    padding: 40px 0;
    background: white;
    color: #282828;
}

.article__inner {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    padding: 0 15px;
}
.article__tags {
    display: flex;
    align-items: center;
}
.article__tags-label {
    margin-right: 15px;
}
.article__share-button-list {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 26px;
    gap: 26px;
    list-style: none;
    padding: 0;
}
.article__info {
    padding-top: 30px;
    border-top: 1px solid #ddd;
    display: grid;
    grid-gap: 14px;
    gap: 14px;
}
.article__tags-list .article__category {
    color: rgba(40,40,40,0.7);
    text-decoration: underline;
    font-size: 12px;
}
@media screen and (min-width: 1000px){
    .article__header {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .article__header-content {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    h1.article__title {
        margin-top: 24px;
        margin-bottom: 0;
    }
    .article__main {
        padding: 80px 0;
    }
    .article__inner {
        align-items: center;
    }
    .article__content, .article__info {
        max-width: 668px;
        flex-grow: 1;
        width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .article__inner {
        flex-direction: column;
        min-height: 200px;
    }
    .article__info {
        position: absolute;
        top: 0;
        width: 170px;
        margin-top: 0;
        padding-top: 30px;
        gap: 28px;
    }
    .article__info {
        left: 5%;
    }
    .article__meta {
        display: grid;
        grid-gap: 8px;
        gap: 8px;
        justify-content: flex-start;
    }
    .article__share, .article__tags {
        display: block;
    }
    .article__share-label {
        display: block;
        margin-bottom: 16px;
    }
}

.article__header .breadcrumb-shop {
    position: absolute;
    top: 0;
    left: 2%;
}


ul.article__tags-list {
    list-style: none;
    margin: 0;
}
.article__tags-item {
    display: inline-block;
    margin-right: 12px;
}
.article__content img {
    margin-bottom: 34px;
}
.article__prev-next {
    padding: 64px 0;
}

.article__prev-next h4 {
    text-align: center;
    font-size: 36px;
}
.article-list--scrollable {
    grid-auto-flow: column;
    display: grid;
    grid-gap: 48px 48px;
    gap: 48px 48px;
}
.article-item {
    width: 100%;
}
.article-item__image-container {
    position: relative;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 0;
    z-index: 0;
}
.article__prev-next a {
    font-size: 24px;
}
.article__prev-next a {
    color: #282828;
    text-transform: capitalize;
}
.article-item__arrow {
    position: absolute;
    bottom: 20px;
    right: 20px;
    border: none;
    opacity: 0;
    visibility: hidden;
    transform: scale(.5);
    transition: opacity .15s ease-in-out,visibility .15s ease-in-out,transform .15s ease-in-out;
}
.article-item:hover .article-item__arrow {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.prev-next-button {
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.prev-next-button--next:hover svg {
    animation: prevNextButtonKeyframe .3s ease-in-out forwards;
}
.prev-next-button svg {
    width: 100%;
}
@keyframes prevNextButtonKeyframe {
    0% {
        transform: translateX(0%) scale(var(--transform-logical-flip), 1);
    }

    50% {
        transform: translateX(calc(50% + 10px)) scale(var(--transform-logical-flip), 1);
    }

    51% {
        transform: translateX(calc(-50% - 10px)) scale(var(--transform-logical-flip), 1);
    }

    100% {
        transform: translateX(0%) scale(var(--transform-logical-flip), 1);
    }
}
.blog-swiper .tag {
    position: absolute;
    top: 10px;
    right: 5px;
    transform: rotate(180deg);
    width: 10px;
    writing-mode: vertical-lr;
}
.blog-title {

}
.blog-cate {
    color: white;
    height: 100%;
    padding: 10px 10px 10px 120px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}
.cate-swiper .swiper-slide {
    width: 158px;
    height: 158px;
    border: 1px solid transparent;
    position: relative;
    cursor: pointer;
}
.cate-swiper .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1b1b1b;
    opacity: 0;
    z-index: 2;
    transition: 0.6s cubic-bezier(0.5, 0, 0.5, 1);
    pointer-events: none;
}
.cate-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cate-swiper .swiper-slide p {
    position: absolute;
    bottom: 10px;
    left: 8px;
    color: white;
    margin-bottom: 0;
}
.cate-swiper .swiper-slide:hover::before {
    opacity: 0.4;
}

.blog-cate.active {
    opacity: 1;
    visibility: visible;
}

.blog-title h1 {
    font-size: 22px;

    margin-bottom:35px;
    border-bottom: 1px solid rgb(207, 207 ,207);
    padding-bottom: 15px;
    position: relative;
    display: block;
}

.article__excerpt {
    font-size: 18px;
    margin-top: 10px;
}
.blog-viewmore {
    display: flex;
    color: white;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
}

.blog-viewmore svg {
    margin-left: 15px;
    width: 16px;
    height: 16px;
}
.blog-all .before {
    background: #1b1b1b;
    content: "";
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    z-index: 2;
    transition: opacity 0.6s cubic-bezier(0.5, 0, 0.5, 1);
}
.blog-all.active .before {
    display: block;
}
@media screen and (min-width: 741px) {
    .article__prev-next .article-list--scrollable {
        grid-template-columns: none;
        grid-auto-columns: 310px;
        justify-content: center;
    }
    .article__prev-next .article-item {
        width: auto!important;
    }
}
@media screen and (min-width: 1000px){
    .article__prev-next h4 {
        margin-bottom: 48px;
    }
    .article-list--scrollable {
        --article-list-row-gap: 48px;
        --article-list-column-gap: 48px;
    }
    .article-item__image-container {
        margin-bottom: 24px;
    }
}
@media (max-width: 991px){
    .article__header .breadcrumb-shop {
        display: none;
    }

    h1.article__title {
        margin-bottom: 0;
    }
    .scroller {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    .scroller::-webkit-scrollbar {
        display: none;  /* Hide scrollbar for Chrome and Safari */
    }
    .scroller__inner {
        min-width: min-content;
        padding-left: 24px;
        padding-right: 24px;
        margin-left: auto;
        margin-right: auto;
    }
    .article-list--scrollable .article-item:not(:only-child) {
        width: 81vw;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .article-list--scrollable {
        grid-gap: 40px 24px;
        gap: 40px 24px;
    }

    .article__prev-next h4 {
        margin-bottom: 32px;
    }
}
@media (max-width: 767px){
    .video-full iframe {height: auto;}
    .blog-title {
        position: relative;
        transform: none;
        width: 100%;
    }
    .blog-title h1 {
        margin: 0;
        font-size: 20px;
        flex: auto;
    }
    .article__image-wrapper,
    .article__header-content {
        width: 100%;
    }
    .article__content iframe {
        width: 100%;
        height: auto;
    }
    #onAppWishList_btn_wishlist {
        top: 365px;
    }
    .large_form {
        flex-direction: column;
        align-items: flex-start;
    }

    .large_form label {
        text-align: left;
    }
    .cart-button, .cart-buttons {
        flex-wrap: wrap;
        flex: 1;
    }

    .cart-buttons button, .cart-button > a {
        width: 100%;
        text-align: center;
        font-size: 16px !important;
    }

    .cart-buttons {
        margin-top: 20px;
    }
    #add-to-cart2 {
        padding: 0 40px;
        width: 100%;
    }
    #blog {
        overflow: hidden;
        padding-bottom: 60px;
    }
}


#google-form-mobile.modal.fade.in{
    width: 100%;
    height: 100%;
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 15px;

}
#google-form-mobile .form-tuvan{
    margin:0
}
#google-form-mobile  .modal-dialog{
    width : 100%
}
.form-tuvan{
    width: 100%
}
#google-form-mobile .form-tuvan-col{
    flex-direction: column;
    gap : 15px
}
.quantity-disabled input {
    pointer-events: none;
    cursor: not-allowed;
}

.product-gallery__thumb{
    position: relative
}
.product-gallery__thumb{
    position: relative
}
.product-gallery__thumb .icon-button-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50px!important;
    height: 50px
}


.product-gallery__thumb .icon-button-play svg{
    width: 50px!important;
    height: 50px
}


.product-detail-wrapper {
    padding-top: 40px !important;
}

.collage-box {
    width: 75%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.collage-box > div {
    width: 50%;
}
.collage-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
    padding-left: 14px;
}

.collage-pr-img img {width: 100%;}
.collage-pr-list {
    padding: 0 7px;
    width: 50%;
}
.collage-pr-list:nth-of-type(1), .collage-pr-list:nth-of-type(2) {
    margin-bottom: 14px;
}
.collage-card {
    position: relative;
}
.collage-card img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 767px){
    .collage-box {
        width: 100%;
    }

    .collage-box > div {width: 100%;}

    .collage-card {
        height: auto !important;
        margin-bottom: 14px;
    }

    .collage-card img {
        position: relative;
    }

    .collage-items .collage-pr-list:nth-of-type(3), .collage-items .collage-pr-list:nth-of-type(4) {
        /*display: none;*/
    }

    .collage-pr-list {
        margin-bottom: 0 !important;
    }
    .collage-pr-text a {
        font-size: 14px;
        min-height: 39px;
        margin-bottom: 5px;
    }

    .collage-pr-text {
        padding: 10px;
    }

    .collage-pr-text p {
        font-size: 16px;
        text-align: center;
        font-weight: normal;
    }
}

/*Responsive Typo & Spacing*/
@media(max-width:767px){
    .product-title h1 {
        font-size: 24px !important;
        margin-top: 5px;
    }
    .slide_product li.gallery-item, .slide_product li.gallery-item img {
        height: auto;
    }
    .product-image-detail {
        border: none;
    }
    .product-image-detail ul {
        height: 100vw !important;
    }
    .box__product-gallery {
        min-height: 100vw !important;
    }
    .slide_product .flickity-page-dots {
        bottom: 0px;
    }
    .product-price span.pro-price {
        font-size: 20px !important;
    }
    .heading-title h2 {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }
    .delivery_returns .panel-title a {
        font-size: 16px !important;
    }
    .delivery_returns .panel-title a svg {
        width: 20px !important;
    }
    .product-tab-review ul.nav-tabs{overflow-x:scroll;white-space:nowrap;justify-content:start;overflow-y:hidden}
    .product-tab-review .nav-tabs>li.active{}
    .product-tab-review .nav-tabs>li>a {
        font-size: 16px;
    }
    #tskt .tskt-content table{width:100% !important}
    .product-detail-main {
        margin-bottom: 20px !important;
    }
    .product-thongso h4 {
        font-size: 20px !important;
        line-height: 1;
    }
    .product-thongso h4 svg {
        width: 20px !important;
    }
    h1 {
        font-size: 24px !important;
    }
    h2 {
        font-size: 20px !important;
    }
    h3 {
        font-size: 18px !important;
    }
    .footer-title>h5 {
        font-size: 15px !important;
        font-weight: 500;
    }
    .pro-loop a {
        padding: 5px !important;
    }
    .list-productRelated {
        margin-top: 20px !important;
    }
    .pro-loop .product-detail {
        padding: 5px !important;
    }
    .pro-loop .product-detail h3 a {
        -webkit-line-clamp: 2
    }
    .list-collections__item-list {
        margin-top: 5px !important;
    }
    .list-collections__item-list a {
        padding: 5px !important;
    }
    .wrap-collection-title h1.title {
        font-size: 20px !important;
    }
    .product-list .col-xs-6:nth-child(odd) {
        padding-right: 7.5px !important;
    }
    .product-list .col-xs-6:nth-child(even) {
        padding-left: 7.5px !important;
    }
    .pro-loop {
        margin-bottom: 15px !important;
    }
    .pro-loop .product-img .sold-out {
        top: 6px !important;
        right: 0 !important;
    }
    .collage-items {
        padding: 0px !important;
    }
    .banner-static-item .image {
        margin-top: 0 !important;
    }
    .banner-statics.brand-story .banner-static-item {
        flex: 0 0 80% !important;
        max-width: 100% !important;
    }
    .banner-static-item {
        padding: 0 7.5px !important;
    }
}

.reveal{
    position: relative;
    transform: translateY(100px);
    opacity: 0;
    transition: 1s all ease;
}

.reveal.active{
    transform: translateY(0);
    opacity: 1;
}
.divzoom_main .product-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
}
.description-productdetail a {
    color: #ffde32 !important;
}

.product-gallery .flex-direction-nav li a {opacity: 1 !important;width: 50px;height: 50px;background: transparent;border-radius: 50%;margin: 0;font-size: 0;display: flex;align-items: center;justify-content: center;}
.product-gallery .flex-direction-nav li a::before {font-family: FontAwesome;text-shadow: none;font-size: 60px;color: #E08E1E;}
.product-gallery .flex-direction-nav li a.flex-next::before {content: "\f105";}
.product-gallery .flex-direction-nav li a.flex-prev::before {content: "\f104";}
.product-gallery .flex-direction-nav li a.flex-next,
.product-gallery #carousel .flex-direction-nav li a.flex-next {
    right: -30px !important;
}
.product-gallery .flex-direction-nav li a.flex-prev,
.product-gallery #carousel .flex-direction-nav li a.flex-prev {
    left: -30px !important;
}
.product-gallery #carousel .flex-direction-nav li a {
    margin-top: -20px;
    background: transparent;
}
.product-gallery #carousel .flex-direction-nav li a:before {
    color: #E08E1E;
    font-size: 50px;
}
.product-gallery #carousel .flex-direction-nav li a.flex-next::before {content: "\f105";}
.product-gallery #carousel .flex-direction-nav li a.flex-prev::before {content: "\f104";}
.product-gallery #carousel .flex-direction-nav li a.flex-next {
    right: -50px !important;
}
.product-gallery #carousel .flex-direction-nav li a.flex-prev {
    left: -50px !important;
}
@media (min-width: 992px){
    #slider {
        height: 555px;
    }
}
.ega-icon {
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}
.toc-wrapper {
    padding: 10px;
    border: 2px solid rgba(51,51,51,0.95);
    border-radius: 7px;
    margin-bottom: 30px;
    background: #f8f8f8;
}
.toc-title {
    position: relative;
    font-weight: bold;
    cursor: pointer;
    font-size: 18px;
    display :none;
}
.toc-title.active{
    display :flex;
    gap: 10px;
    align-items: center;
}
.toc-title svg{
    position: absolute;
    right: 0;
    transition: transform .3s ease-out;
}
.toc-title.open svg{
    transform: rotate(90deg);
}
li.toc-list-item + li.toc-list-item{
    margin-top: 8px
}
.toc-link::before{
    content: none!important
}
a.toc-link{
    color: var(--link-color)!important;
    font-weight: normal!important
}
a.toc-link:hover {
    color: var(--primary-color)!important;
}
ol.toc-list  {
    padding-top: 10px;
    counter-reset: section;
    list-style-type: none;
}

.toc-list li::before {
    /* counter-increment: section;
    content: counters(section, ".") ". "; */
}

.fixed-toc{
    position: fixed;
    left: 0;
    top: 50%!important;
    transform: translateY(-50%);
    z-index: 1000;
}

.fixed-toc button.btn.toc-toggle-btn {
    border: 1px solid;
    padding: 5px;
    width: 42px;
    height: 42px;
    line-height: 1;
    margin-left: 10px;
    background: white;
    opacity: 0.6;
    font-size: 20px;
}
.fixed-toc button.btn.toc-toggle-btn:hover{
    opacity: 1

}
.fixed-toc .fixed-toc-content{
    width: 300px;
    background: #ffff;
    position: absolute;
    top: 0!important;
    z-index: 9999;
    padding: 15px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 14px;
    max-height: 75vh;
    overflow-y: auto;
    transform: translateY(-50%) translateX(-100%);
    transition: transform .3s ease-out;
}
.fixed-toc.open .fixed-toc-content {
    transform: translateY(-50%);
}
.pre-footer {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #fbfbfb;
}
.pre-footer h4 {
    font-size: 22px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;

}
.pre-footer h4 img {
    max-height: 50px;
    margin-right: 20px;
    width: auto;
}
.pre-footer__content {
    line-height: 1.8;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
}
.pre-footer__content i {
    width: 16px;
}
.pre-footer__content i.fa-envelope-o {
    font-size: 14px;
}

.pre-footer-column-4  .pre-footer__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.footer-left-content {
    padding: 0
}

@media(max-width:767px){
    .pre-footer {
        padding: 30px 0;
    }
    .pre-footer h4 {
        font-size: 18px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .pre-footer h4 img {
        margin-bottom: 15px;
    }
    .pre-footer__content {
        row-gap: 20px;
        grid-template-columns: 1fr;
        font-size: 15px;
    }
    .footer-content {
        font-size: 15px;
        opacity: 0.8
    }
    .footer-top {
        padding-top: 15px;
    }
    footer .col-footer {
        padding: 0px
    }
    .footer-form .input-group input::placeholder {
        font-size: 15px;
    }
    .footer-bottom {
        padding-top: 10px;
    }
    .footer-copyright {
        margin-bottom: 10px;
    }
}
.ega-pro__seemore {
    position: relative;
}
.ega-pro__seemore:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 17%, #fff 93.12%);
}
.product_getcontent {
    max-height: 400px;
    overflow: hidden;
}
.show.ega-pro__seemore:before{
    display: none;
}

.collection-desc {
    background: white;
    padding: 40px 0
}

div.ega-cr-addon {
    background: #1d1d1d !important;
}


/* Custom CSS CRO Button By ID */
.crbtn-ul {
    gap: 0px !important;
    padding-right: 4px;
}
.crbtn-ul li:nth-child(1) {
    max-width: 72px;
}
.crbtn-ul li:nth-child(2) {
    max-width: 72px;
}
.cro-custom-btn .crbtn__link .crbtn__title{
    white-space: nowrap;
    color: #1d1d1d;
}
#cro-custom-btn .crbtn__link {
    width:100%;
    border-radius: 3.3px;
    border: 1.3px double transparent;
    background-image: linear-gradient(97.02deg, #A86001 0.76%, #E5A629 20.41%, #FDD69D 46.6%, #F8CD81 68.51%, #DFA851 78.98%, #B17215 98.76%),linear-gradient(45deg,#F6DAAC,#F9CF8C, #F7DB96);
    background-origin: border-box;
    background-clip: padding-box,border-box;
}
#d36712f8-8241-4bc9-a768-29073a26ff54 a {
    background: #1d1d1d;
}
#d36712f8-8241-4bc9-a768-29073a26ff54 .crbtn__title {
    background: linear-gradient(180deg, #EDAE38 29.69%, #FCD699 50.52%, #E8B552 70.83%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
li#\31 1b858f0e-96f0-4d85-aac5-3c9f57164d15 {
    margin-right: 4px!important;
}
li#\31 1b858f0e-96f0-4d85-aac5-3c9f57164d15 a {
    background: #1d1d1d;
    transform: translateX(-12px);
}
li#\31 1b858f0e-96f0-4d85-aac5-3c9f57164d15 a .crbtn__title,
.svelte-1hr5n7z  .crbtn__title
{
    background: linear-gradient(180deg, #EDAE38 29.69%, #FCD699 50.52%, #E8B552 70.83%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#f1cb5e00-3266-4d03-ab53-79d5855355f0  {
    max-height: 47px;
    margin-top: 4px;
    margin-right: 6px;
}
#f1cb5e00-3266-4d03-ab53-79d5855355f0 .crbtn__link {
    border-radius: 3.3px !important;
    border: 1.3px solid transparent;
    border-image: linear-gradient(97.02deg, #A86001 0.76%, #E5A629 20.41%, #FDD69D 46.6%, #F8CD81 68.51%, #DFA851 78.98%, #B17215 98.76%);
    border-image-slice: 1;
    width: 100%;
    padding: 4px;
}

.svelte-1hr5n7z .crbtn__link {
    white-space: nowrap !important;
    border-radius: 3.3px !important;
    border: 1.3px double transparent !important;
    background-image: linear-gradient(#1d1d1d,#1d1d1d),linear-gradient(45deg,#F6DAAC,#F9CF8C, #F7DB96),linear-gradient(45deg,#F6DAAC,#F9CF8C, #F7DB96) !important;
    background-origin: border-box !important;
    background-clip: padding-box,border-box !important;
}


.svelte-1hr5n7z {
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    border-radius: 3.3px !important;
    padding-bottom: 1px;
}

.svelte-1hr5n7z .cr-icon {
    padding-bottom: 18px;
    margin-bottom: 6px!important;
}


.svelte-1hr5n7z .crbtn__title {
    font-size: 14px!important;
    white-space: nowrap;
    margin-top: 4px;
}

li#\31 5d0b856-c745-4ce5-aa4c-d509c22f2152 .crbtn__link .crbtn__title{
    color: #f2b737 !important;
}
li#\32 cbc4855-5912-48e9-957d-7fe0c10bae4b .crbtn__link .crbtn__title{
    color: #f2b737 !important;
}


.partner-head{color:#fff;display:block;font-size:17px;margin-bottom:15px}

.article-img{margin-bottom:15px}
@media screen and (max-width:900px){
    .mega-menu__images-wrapper{
        display:flex;overflow-x:scroll;
    }
    .mega-menu__images-wrapper .mega-menu__image-push{min-width:180px}
}
.content-baochi-list {position:relative;}
.content-baochi-list .owl-dots{ display:flex;justify-content:center;margin:10px 0}
.content-baochi-list .owl-dots .owl-dot{margin:0 5px; background-color:rgba(0,0,0,0.7);width:10px;height:10px;border-radius:100%}
.content-baochi-list .owl-dots .owl-dot.active{background-color:red}

.homepage-slider.owl-carousel .owl-item img{padding:0;width:100%}
.homepage-slider .owl-nav {width:100%;top:50%;left:0;text-align:left;transform:translateY(-50%);opacity:0}
.homepage-slider:hover .owl-nav {opacity:1}
.homepage-slider .owl-nav,.homepage-slider .owl-dots{position:absolute;}
.homepage-slider .owl-dots{bottom:10px;left:0;width:100%;text-align:center}
.homepage-slider.owl-theme .owl-nav button{width:40px;height:40px;

    font-size:1.5em;background:rgba(255,255,255,0.65);border-radius:100%;position:absolute}
.homepage-slider.owl-theme .owl-nav  .prev {left:10px;}
.homepage-slider.owl-theme .owl-nav  .owl-next {right:10px;}

.homepage-slider .item-video{height:auto;padding-bottom: 40%; position:relative
}
.homepage-slider .item-video video
{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}