@font-face {
    font-family: 'Champagne-LimousinesVN-Regular';
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: local('Champagne'),
    url('../fonts/Champagne&LimousinesVN-Regular.otf');
}

@font-face {
    font-family: 'Champagne-LimousinesVN-Bold';
    font-style: normal;
    font-display: block;
    font-weight: 600;
    src: local('Champagne'), local('Champagne'),
    url('../fonts/Champagne&LimousinesVN-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Champagne-LimousinesVN-Italic';
    font-style: italic;
    font-display: block;
    font-weight: 500;
    src: local('Champagne'), local('Champagne'),
    url('../fonts/Champagne&LimousinesVN-Italic.otf') format('opentype');
}

body{
    /*font-family: "Moks";*/
    font-family: "Champagne-LimousinesVN-Regular";
    outline: none;
    color: #000;
}
.full{
    width: 100%;
}
.overflow{
    overflow: hidden;
}
.hid{
    display: none;
}
.relative{
    position: relative;
}
a, .table-customize>tbody>tr>td{
    color: #000;
}
/*********************** Common *********************************/
header .top a, .product-name a, .news-title a {
    color: #222;
}
.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}
#bannerMobile {
    min-height: 360px;
}
#bannerDesktop {
    min-height: 491px;
}
#bnAdv {
    min-height: 330px;
}
.product-name a:hover, .news-tabs a:hover, .news-title a:hover, .footer__menu a:hover, .menu-mobile a:hover,
header .top a:hover, .dropdown-menu > li > a:hover, .menu-top > li .coll-icon:hover .title-main-menu {
    color: #ccc;
}

.menu-top > li > a, .menu-top > li .coll-icon:hover .title-main-menu {
    text-decoration: none;
}

.breadcrumb > li {
    /*font-weight: bold;*/
}

.breadcrumb > li a {
    text-decoration: underline;
}

.breadcrumb > li.active a {
    text-decoration: none;
}

.breadcrumb > li.active, .breadcrumb > li.active a, .breadcrumb > li a.active {
    /*color: #adadad;*/
}

/*********************** End Common *********************************/


/*********************** Header *********************************/
header .top {
    background: #fff;
    padding: 0 0 5px 0;
}

header .logo {
    margin: 0 20px;
}

header .logo img {
    max-height: 90px;
}
.gnav.fixed .gnav-bar .logo img{
    max-height: 56px;
}

.search-collection {
    border: 2px solid #d5d5d5;
    position: relative;
    border-radius: 16px;
    width: 100%;
}

.search-collection form {
    position: relative;
}

.search-collection form #text-product {
    padding: 10px;
    border: 0;
    height: 30px;
    margin-left: 5px;
    background: 0;
    width: calc(100% - 45px);
    font-size: 16px;
    color: #000;
    transition: border .3s;
    outline: 0;
    font-family: "Champagne-LimousinesVN-Regular";
}
.search-collection form #text-product::placeholder {
    text-transform: unset;
    color: #000;
}

.search-collection form #submit-search {
    position: absolute;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 0;
    color: #fff;
    right: 5px;
}

.search-collection form #submit-search i {
    font-size: 16px;
    color: #666;
}


/*============ search-results ===============*/
.search-results {
    display: block;
    width: 345px;
    margin: 0 auto 0;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 3px 0 #7d7d7d;
    -webkit-box-shadow: 0 1px 3px 0 #7d7d7d;
    -moz-box-shadow: 0 1px 3px 0 #7d7d7d;
    background: #fff;
    position: absolute;
    z-index: 99999;
    left: 170px;
}

.search-results li {
    display: block;
    background: #fff;
    overflow: hidden;
    list-style: none;
    border-bottom: 1px dotted #ccc;
    float: none;
}

.search-results li:first-child {
    border-top: 0;
}

.search-results li a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 6px;
}

.search-results li a .thumbnail {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 6px 0 0;
}

.search-results li span.title {
    display: block;
    width: 72%;
    line-height: 1.3em;
    color: #000;
    font-size: 14px;
    text-align: left;
    margin-top: 10px !important;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-results li a .price {
    font-size: 14px;
    margin-top: 8px;
    color: #e32124;
}

/*============ End search-results ===============*/

.boardTopRight {
    line-height: 40px;
    position: relative;
}

.boardTopRight, .boardTopRight p {
    display: inline-block;
}

.boardTopRight img {
    max-height: 35px;
    margin-right: 5px;
}

.boardTopRight.shrink-cart img {
    max-height: 22px;
}

.boardTopRight .count {
    position: absolute;
    top: -7px;
    right: -14px;
    background: #8e8e8e;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
}

/*================== Menu Top ==================*/
#fix-top-menu {
    background: #f7f7f7;
}

#fix-top-menu.is {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 50;
}

.menu-top {
    /*padding: 5px 0 0;*/
}

.menu-top > li {
    padding: 8px 0 5px;
    display: inline-block;
    float: left;
    position: relative;
    border-right: 1px dashed #ddd;
    width: calc(100% / 11);
}

.menu-top > li > a {
    display: block;
    -moz-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    -o-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    z-index: 12;
    position: relative;
}

.menu-top > li .coll-icon {
    padding: 0;
    text-align: center;
}

.menu-top > li a img {
    max-width: 35px;
    opacity: .5;
    transition: all 250ms;
}

.menu-top > li a:hover img {
    opacity: 1;
    transition: all 250ms;
}

.coll-icon .ico-top {
    position: relative;
    text-align: center;
    margin-bottom: 3px;
}

.coll-icon .ico-top .img-second {
    display: none;
}

.coll-icon span {
    color: #696969;
    font-size: 13px;
}

.drop-menu {
    border-radius: 0;
    border: 0;
    background: #d9d9d9;
    margin: 0;
    left: -1px;
    padding: 15px 0;
    z-index: 999;
}

.dropdown-menu.drop-menu {
    top: 100%;
    width: 550px;
    border-radius: 0 0 5px 5px;
}

.dropdown-menu.drop-menu.first {
    left: 0;
}

.dropdown-menu.drop-menu li {
    width: 30%;
    float: left;
}

.dropdown-menu.drop-menu li.double-down a {
    color: #ff7427;
    font-size: 13px;
}

.dropdown-menu.drop-menu li.double-down i {
    color: #ff7427;
    font-size: 13px;
}

.dropdown-header, .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    line-height: 1.42857143;
    white-space: nowrap;
}

.drop-menu > li > a {
    font-size: 13px;
    margin: 0 15px;
    padding: 3px 0;
}

.dropdown-menu > li > a {
    clear: both;
    font-weight: 700;
    color: #000;
    font-size: 14px;
}

.dropdown-menu.drop-menu li a .fa {
    color: #666;
    padding-right: 10px;
}

.dropdown-menu.drop-menu li.menu-hover-li {
    position: relative;
    top: 0;
    right: 0;
    float: right;
    width: 70%;
}

li.menu-li.hasChild:hover ul.dropdown-menu {
    display: block !important;
}

.menu-back-new {
    text-align: center;
    padding-bottom: 10px;
}

.menu-title-new {
    text-transform: uppercase;
    color: #ff7427;
    font-weight: 700;
    background: #f7f7f7;
    padding: 5px;
    z-index: 99;
}

.field-sale-1, .field-sale-2 {
    position: absolute;
    top: 28px;
    z-index: 99;
    right: 11px;
}

.menu-hover-li .field-sale-2 {
    top: 10px;
}

.field-sale-2 span {
    background: #FFF;
    padding: 5px 10px;
    font-size: 11px;
    letter-spacing: -0.4px;
    color: #242424;
    text-transform: uppercase;
}

.menu-content-new {
    line-height: 15px;
    padding: 5px 5px 5px 10px;
    margin-top: 10px;
    text-align: center;
}

.menu-content-new a {
    font-size: 14px;
    padding: 10px 15px;
    background: #ff7427;
    color: #fff;
    display: inline-block;
    clear: both;
    border-radius: 5px;
    text-transform: uppercase;
}

.menu-tilte-pr {
    color: #000;
    margin-bottom: 5px;
    line-height: 1.3;
    font-weight: bold;
}

.menu-price-pr {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    /* padding-bottom: 9px; */
    text-align: center;
    padding: 10px 0;
}

/*=============== End Menu Top ==================*/

/*********************** End Header *********************************/


/*********************** Header Mobile *********************************/

.mm-user {
    /*width: 50%;*/
    /*float: left;*/
    /*font-weight: bold;*/
}

.mm-listview > li > a, .mm-listview > li > span {
    font-size: 16px !important;
}

#mm-blocker {
    background: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

header .top#mobile-menu {
    padding: 26px 0;
    display: inline-block;
    width: 100%;
}

#mobile-menu .fixed-nav {
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #eee;
    z-index: 10;
}

#mobile-menu .navbar-toggle {
    padding: 0;
    margin: 0;
    display: block;
    border-radius: 6px;
    position: absolute;
    top: 15px;
    left: 15px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

#mobile-menu .navbar-toggle .icon-bar {
    background: #2b2929;
    display: block;
    width: 32px;
    height: 5px;
    border-radius: 12px;
}

#mobile-menu .logo {
    text-align: center;
    display: inline-block;
}

#mobile-menu .cart-link {
    /*  font-size: 22px;
      color: #666;
      float: right;
      line-height: 31px;
      text-align: center;
      margin-right: 15px;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 13px;
      white-space: nowrap;
      position: relative;*/
    position: absolute;
    right: 15px;
    top: 8px;
}

#mobile-menu .cart-link span {
    position: absolute;
    top: -9px;
    right: 1px;
}

#mobile-menu .cart-link i {
    font-weight: normal;
    padding-top: 9px;
    float: left;
    padding-right: 8px;
}

/*----- Menu mid ------*/
.mid-menu {
    background: #e1e1e1;
    margin: 0;
    padding: 8px 0px;
}

.mid-menu .row {
    margin: 0;
}


.mid-menu.is .subnav.subnav_top {
    margin-top: 0;
}

.subnav__right {
    display: inline-flex;
    /*align-items: flex-end;*/
    justify-content: center;
    /*padding-bottom: 10px;*/
}

.mid-menu-parent {
    transition: all 1s;
}

.mid-menu-parent.is {
    z-index: 210;
    left: 0;
    top: 0;
    width: 100%;
    position: fixed;
    transition: all 1s;
}

.mid-over {
    display: block;
    z-index: 200;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 500ms;
    transform: translateY(-100%);
}

.mid-over.is {
    opacity: 1;
    overflow: visible;
    transition: all 500ms;
    transform: translateY(0%);
}

.onClicktoggle {
    cursor: pointer;
    display: flex;
    /*padding: 15px 0 13px;*/
}

.onClicktoggle img {
    display: inline;
    max-width: 35px;
}

.onClicktoggle[rel="bottom"] img {
    transform: rotate(180deg);
}

.onClicktoggle.is {
    vertical-align: top;
    text-align: center;
    padding: 0;
    display: block;
    font-size: 34px;
    transform: rotate(180deg);
    position: relative;
    border-bottom: 0;
    border-top: 0;
    float: right;
}

.onClicktoggle.is:before {
    left: 0;
    right: unset;
}

.over-mid {
    display: none;
    overflow: hidden;
    z-index: 9;
    background: rgba(0, 0, 0, .75);
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

/*----- End Menu mid ------*/

.jas-header-search {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
}

.jas-header-search.flex {
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.jas-header-search .sf-close {
    right: 20px;
    top: 25px;
    position: absolute;
    display: flex;
    align-items: baseline;
}

.jas-header-search .sf-close svg {
    width: 26px;
    height: 26px;
}

.jas-header-search form {
    width: 100%;
}

.jas-header-search form input {
    width: 100%;
    border: 0;
    background: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0;
    font-size: 20px;
    color: #fff !important;
    height: 40px;
    line-height: 36px;
    text-align: center;
}

.jas-header-search form input::placeholder {
    color: #fff !important;
}

.jas-header-search form input, .jas-header-search form input:hover, .jas-header-search form input:focus {
    outline: 0;
}

/*********************** End Header Mobile *********************************/


/*==========================================================================
================================== Index ===================================
==========================================================================*/
.sliderFull {
    margin-bottom: 10px;
}

.sliderFull .owl-nav button.owl-prev, .sliderFull .owl-nav button.owl-next {
    background: #00000078;
    color: #ffffffcf;
    padding: 5px 10px !important;
    font-size: 30px !important;
}

.sliderFull .owl-nav button:hover {
    background: #0000009c;
}

.sliderFull .item {
    position: relative;
}

.banners-full .item .item-infor, .sliderFull .item .item-infor {
    position: absolute;
    left: 50%;
    bottom: 7%;
    z-index: 1;
    text-align: center;
    transform: translateX(-50%);
}

.banners-full .item .item-infor h2, .banners-full .item .item-infor p,
.sliderFull .item .item-infor h2, .sliderFull .item .item-infor p {
    color: #fff;
    text-shadow: 0 0 10px #000;
}

.banners-full .item .item-infor .btn, .sliderFull .item .item-infor .btn {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.banners-full {
    margin: 15px 0 40px 0;
}

.banners-full .item .item-infor {
    text-align: center;
    width: 100%;
    top: auto;
    bottom: 15px;
    /*left: 0;*/
}

.banners-full .row {
    margin-left: -5px;
    margin-right: -5px;
}

.banners-full .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

.banners-full img {
    width: 100%;
}

.section-title {
    margin: 0 0 15px 0;
    display: block;
    width: 100%;
    text-align: center;
    line-height: normal;
    /*padding-bottom: 30px;*/
    /*background: url('../img/bg/bg-sec-title.png') no-repeat center bottom;*/
}

.section-title, .section-title a {
    color: #222;
}

.section-title a {
    font-size: 28px;
    display: block;
}

.anonymous-awe[rel="products-list"] .section-title {
    background: transparent;
    padding-bottom: 20px
}

.anonymous-awe[rel="news"] .section-title, .anonymous-awe[rel="feedback"] .section-title {
    position: relative;
}

.anonymous-awe[rel="news"] .section-title:before, .anonymous-awe[rel="feedback"] .section-title:before {
    position: absolute;
    content: '';
    z-index: 1;
    left: 0;
    top: 17px;
    width: 100%;
    height: 1px;
    background: #a5a5a5;
}

.anonymous-awe[rel="news"] .section-title a, .anonymous-awe[rel="feedback"] .section-title a {
    position: relative;
    z-index: 2;
    background: #fff;
    display: inline-block;
    padding: 0 15px;
}

.section-title .small {
    display: block;
    font-size: 15px;
    margin: 8px 0;
}


/************ Product Item **********/
.gl-badge {
    font-size: 12px;
    text-align: center;
    display: inline-block;
    line-height: 1.1em;
    position: absolute;
    left: unset;
    right: 3px;
    top: 15px;
    max-width: 90%;
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #000;
    color: #fff;
    padding: 5px 15px;
    /*-webkit-transform: translate(-100%) rotate(270deg);*/
    /*transform: translate(-100%) rotate(270deg);*/
    /*-webkit-transform-origin: right top;*/
    /*transform-origin: right top;*/
}
.gl-badge::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    border-right: 7px solid #000;
    border-bottom: 6px solid transparent;
}

.badge-discount {
    background: #b40000;
    font-weight: bold;
}
.badge-discount::after {
    border-right: 7px solid #b40000;
}

.continue-link {
    margin-top: 5px;
}

.continue-link a {
    font-size: 16px;
}

.continue-link i {
    display: block;
    font-size: 34px;
    font-weight: bold;
}

.product-item {
    position: relative;
    margin-bottom: 20px;
}

.products-list .row {
    margin-left: -2px;
    margin-right: -2px;
}

.products-list .product-item {
    padding: 0 2px;
}

.product-thumbnail {
    margin-bottom: 15px;
}

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

.product-info {
    text-align: center;
}

.color-swatches {
    text-align: center;
    margin-bottom: 10px;
}

.color-swatches li {
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}

.color-swatches li:hover, .color-swatches li.active {
    /*box-shadow: 0 0 0 1px #e32124;*/
    border-bottom: 3px solid #666;
    padding-bottom: 1px;
}

.color-swatches img {
    position: relative;
    width: 45px;
    min-height: 45px;
    display: block;
    transition: all .5s ease-in-out;
}

.product-code {
    font-size: 16px;
}

.product-name {
    font-size: 15px;
}

.product-name a {
    text-transform: capitalize;
}

.price-box {
    color: #000;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
}

.price-box .pro-price {
    font-size: 16px;
}

.price-box .pro-price[rel="sale"] {
    color: #f7040f;
}

.price-box .pro-price-old {
    margin-right: 5px;
}
.price-box sup, .price sup {
    top: -.2em;
}
/********* End Product Item **********/

.news-tabs {
    margin: 25px 0;
    text-align: center;
}

.news-tabs a {
    font-weight: bold;
    border-radius: 0;
    padding: 8px 40px;
    font-size: 18px;
    color: #fff;
    margin: 0 5px 5px 5px;
    background: #000;
    display: inline-block;
    text-transform: uppercase;
    transition: all 200ms;
}

.news-tabs a.active, .news-tabs a:hover {
    color: #ccc;
}

.news-tabs a:focus, .news-tabs a:hover {
    outline: 0;
    text-decoration: none;
}

/********* News Item **********/
.news-home-owl .owl-nav {
    display: block !important;
}

.news-home-owl .owl-nav .owl-prev {
    left: -15px;
}

.news-home-owl .owl-nav .owl-next {
    right: -15px;
}

.news-item {
    position: relative;
}

.news-home-owl .news-item.item {
    padding: 0 15px;
}

.news-thumbnail {
    margin-bottom: 10px;
}

.news-thumbnail img {
    width: 100%;
}

.news-title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed;
    line-height: 1.4;
    transition: all 200ms;
}

.news-intro {
    position: relative;
    text-align: justify;

    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/********* End News Item **********/


/********* End feedback-owl **********/
.feedback-owl {
    margin-top: 30px;
}

.feedback-owl.owl-carousel .item, .news-home-owl .owl-carousel .item {
    padding: 0 15px;
}

.feed-item {
    padding: 40px;
    background: #e4e4e4;
    outline: #fff solid 2px;
    outline-offset: -20px;
}

.feed-item .feed-img {
    border-radius: 50%;
    width: 250px;
    height: 250px;
    max-width: 100% !important;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.feed-item img {

}

.feed-item .item-intro {
    text-align: center;
    display: inline-block;
    padding: 20px;
    color: #000;
    font-size: 14px;
}

.feed-item .item-title {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

/********* End feedback-owl **********/


/*================================== Footer ===================================*/
footer .footer {
    background: #000;
}

.desFooter {
    background: #000;
}

footer > .footer:first-child {
    margin-top: 20px;
}

.footer-left {
    padding: 5px 40px;
    text-align: center;
}

.footer-left a.footer-logo {
    display: block;
    margin: 0 auto;
    width: 300px;
}

.footer-left a img {
    width: 100%;
}

.footer-left p {
    color: #d0d0d0;
}

.footer-right {
    border-left: 1px solid #5757575c;
    margin: 15px 0;
    height: 250px;
}

footer .footer p.footerTitle {
    color: #fff;
}

.footer-right p.footerTitle {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.footer-right ul {
    list-style: none;
}

.footer-right ul li {
    line-height: 40px;
}

.footer-right a {
    color: #d0d0d0;
    position: relative;
}

.footer-right.customerSupport a:before {
    content: "\f105";
    font-family: FontAweSome;
    font-size: 8px;
    vertical-align: bottom;
    margin-right: 10px;
}

.footer-right {
    border-left: 1px solid #5757575c;
    margin: 10px 0;
    height: 250px;
}

.socialFooter ul li a span {
    color: #fff;
}

.footer-right li img {
    width: 30px;
    margin-right: 10px;
}

footer div.footer:nth-child(n) {
    border-top: 1px solid #5757575c;
}

.footer_middle {
    padding: 15px;
    text-align: center;
}

.footer_middle ul {
    list-style: none;
    display: inline-block;
    margin: 0;
}

.footer_middle ul li {
    float: left;
    border-left: 1px solid #575757;
}

.footer_middle ul li:nth-child(1) {
    border-left: none;
}

.footer_middle ul li a {
    color: #d0d0d0;
    padding: 0 5px;
}

.footer-mobile {
    padding: 25px 0 0 0;
    border-top: 1px solid #e1e1e1;
}

.footer-mobile .social {
    text-align: center;
}

.footer-mobile .social h3 {
    font-size: 15px;
}

.footer-mobile .social ul {
    margin-top: 15px;
}

.footer-mobile .social li {
    display: inline-block;
}

.footer-mobile .social li a {
    padding: 0 5px;
}

.footer__menu {
    display: block;
    position: relative;
    background: #e1e1e1;
    overflow: hidden;
    margin-top: 20px;
}

.footer__menu a {
    float: left;
    width: 50%;
    display: inline-block;
    color: #070707;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    font-size: 13px;
}

.footer__bar {
    padding: 10px;
    overflow: hidden;
    width: 100%;
    background: #000;
    clear: both;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 60px;
}

.footer__bar a {
    max-width: 33.3%;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.footer__bar a svg {
    max-width: 28px;
    height: auto;
}

.footer__bar a .fa {
    font-size: 30px;
}

.footer__bar a.bar-is-open .fa:before {
    content: "\f00d";
}

.footer__bar.fixd {
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
}

#backtop {
    position: fixed;
    padding: 5px 13px;
    border-radius: 50%;
    color: rgba(255, 255, 255, .8);
    font-size: 20px;
    background-color: #000;
    cursor: pointer;
    display: none;
    z-index: 19;
    line-height: 29px;
    bottom: 100px;
    right: 35px;
    border: 1px solid #5757575c;
}

.menu-bar-ft {
    display: none;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .96);
}

.menu-bar-ft .bar-title {
    color: #cbc6c6;
    font-weight: bold;
    font-size: 48px;
    width: 90%;
    margin: 5%;
    text-align: center;
    display: inline-block;
    clear: bottom;
    padding-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff57;
}

.menu-bar-ft ul {
    margin: auto;
    width: 100%;
    max-width: 90%;
    max-height: 70%;
    overflow-y: auto;
}

.menu-bar-ft ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .3);
    border-radius: 10px;
    /*background-color: #F5F5F5;*/
}

.menu-bar-ft ul::-webkit-scrollbar {
    width: 10px;
    /*background-color: #F5F5F5;*/
}

.menu-bar-ft ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .2);
    background-color: rgba(255, 255, 255, .5);
}

.menu-bar-ft ul li {
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    text-transform: uppercase;
}

.menu-bar-ft ul li a {
    display: inline-block;
    color: #cbc6c6;
    font-weight: bold;
}

.menu-bar-ft ul li span {
    display: inline-block;
}

.menu-bar-ft ul li span img {
    width: 35px;
    object-fit: contain;
}

.menu-bar-ft ul li.bar-user {
    justify-content: start;
}

.menu-bar-ft ul li.bar-user a {
    padding-right: 10px;
}

.menu-bar-ft .bar-close {
    font-size: 30px;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 8%;
    left: 0;
    bottom: 0;
    color: #fdfcfc;
    background-color: #464646;
    background-image: linear-gradient(#464646, #1d1c1c);
}

/*================================== End Footer ===================================*/


/*================================== Childs Products ===================================*/
.cat-head img {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
}

.main-childs {
    padding: 30px 0 10px 0;
}

.coll-accordion {
    color: #464646;
    cursor: pointer;
    padding: 15px 0;
    width: 100%;
    font-size: 15px;
    border-top: 1px dotted #adadad !important;
    position: relative;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.collection-categories .coll-accordion:before {
    position: absolute;
    z-index: 1;
    content: '';
    left: 0;
    bottom: 9px;
    width: 100%;
    height: 3px;
    max-width: 70px;
    background: #000;
}

.coll-accordion:after {
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    top: calc(50% - 9px);
    right: 10px;
    content: "\f068";
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.collection-filter li {
    list-style: none;
}

.collection-filter .panel li a {
    font-size: 14px;
    color: #464646;
}

.collection-filter .panel li ul li {
    padding-left: 15px;
}

.breadcrumb {
    padding: 8px 0;
    background: transparent;
}

.pview-products {
    background: #fff;
}

.pview-products, footer {
    position: relative;
    /*z-index: 11;*/
}

/*================================== End Childs Products ===================================*/


/*================================== Categories Products ===================================*/
.check-square {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    background: url('../img/icons/uncheck.png') no-repeat center center;
    background-size: cover;
}

.check-square.is {
    background: url('../img/icons/checked.png') no-repeat center center;
    background-size: cover;
}

.filter-container .blocktitle, #filters .filter-title {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 10px 0;
    border-bottom: 1px dotted #c8cbcc;
}

.filter-container .selected-filters .filter-item {
    clear: both;
}

.filter-item .filter-item-wrap {
    position: relative;
    line-height: 26px;
    margin-bottom: 15px;
}

.filter-item .item-inner {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding: 0 0 0 35px;
    text-decoration: none;
}

.filter-item .item-inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 26px;
    height: 26px;
    background-color: #c4996c;
    overflow: hidden;
}

.filter-item .filtername {
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
}

.filter-item .item-inner:after {
    content: "\f00d";
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    width: 16px;
    height: 16px;
    font-family: FontAweSome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    font-variant: normal;
}

.sort-wrapper {
    margin-bottom: 20px;
}

.categoryTitle > h1 {
    display: block;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

.sort span.sort {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    /*float: left;*/
    margin: 10px 3px 3px 0;
}

.softBy:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.softBy {
    background: 0 0;
    border: 1px solid #aaa;
    border-radius: 0;
    text-align: left;
}

.dropdown-menu.lstmenuDrd {
    left: auto;
    right: 0;
    border-radius: 0;
    z-index: 1;
}

.lstmenuDrd a {
    display: block;
    padding: 5px 10px;
    cursor: pointer;
}

.category-left {
    /*border: 1px solid #ededed;*/
    margin-bottom: 20px;
}

.filter-container {
    border-bottom: 1px dotted #c8cbcc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.category-head-title {
    margin-bottom: 10px;
}

.category-head-title span.cateTitle {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
}

.category-filter span.attribute i, .category-head-title span.cateTitle i {
    font-size: 20px;
}

.fa.pull-right {
    margin-left: .3em;
}

.list-menu-wrapper ul {
    list-style: none;
    padding: 0;
}

.list-menu-wrapper ul ul {
    padding-left: 25px;
}

.list-lv1, .list-lv2 {
    position: relative;
}

.list-menu-wrapper .list-menu li a {
    padding: 8px 0;
    display: block;
}

.list-brand {
    max-height: 190px;
    overflow-y: auto;
}

ul.list-filter {
    list-style: none;
    padding-left: 0;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

ul.list-filter li a {
    padding: 8px 0;
    display: block;
    color: #000;
}

.category-filter span.attribute {
    font-size: 15px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px dotted #c8cbcc;
    padding: 10px 0;
    margin: 15px 0 0;
}

.filter-value {
    max-height: 400px;
    overflow-y: auto;
}

.filter-value::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
    border-radius: 5px;
    /*background-color: #F5F5F5;*/
}

.filter-value::-webkit-scrollbar {
    width: 10px;
    /*background-color: #F5F5F5;*/
}

.filter-value::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #c1c1c1;
}

.filter-value li:nth-child(2n+1) {
    clear: both;
}

#filter_group_2 li {
    float: left;
    width: 49%;
}

.list-filter img {
    width: 20px;
    margin-right: 5px;
    position: relative;
    bottom: 2px;
}

.price-filter, .tags-filter {
    margin: 15px 0 5px 0;
}

.price-filter > a, .tags-filter > a {
    font-size: 19px;
    font-weight: bold;
}


#filter_ran_price {
    padding: 0 25px 0 15px !important;
}

#filterPrice {
    margin: 15px 0;
    height: 3px;
    background: #dae1e8;
    border: none;
    border-radius: 0;
}

#filterPrice .ui-widget-header {
    background: #000;
}


#filterPrice .ui-slider-handle {
    margin-left: -4px;
    cursor: pointer;
    width: 20px !important;
    height: 20px !important;
    top: -9px !important;
    background: #fff !important;
    border: 2px solid #000 !important;
    border-radius: 50% !important;
}
#filterPrice .ui-slider-handle:focus, #filterPrice .ui-slider-handle:active{
    outline: 0;
}

#filterPrice .ui-slider-handle:after {
    content: '';
    background-color: #a6a6a6;
    position: absolute;
    bottom: -3px;
    left: 1px;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none !important;
}
#showPriceLeft, #showPriceRight {
    float: left;
    width: 50%;
}

#showPriceRight {
    text-align: right;
}
#filtercat .sidebar_refine .close___3Wu9o{
    right: 15px;
    display: none;
}
#filtercat .sidebar_refine .close___3Wu9o img{
    width: 15px;
}
.sort__by .sidebar_refine___20PTg span{
    font-size: 18px;
}
.sort__by .sidebar_refine___20PTg img{
    max-width: 20px;
}

#my_cart_modal button.close, #checkoutModal button.close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    background: #000;
    opacity: 1;
    text-shadow: none;
    color: #fff;
    border-radius: 50%;
}


/*====================== Modal my_cart_modal ======================================*/
#my_cart_modal .modal-content {
    padding: 20px;
    /*box-shadow: none;*/
}

#my_cart_modal .modal-content h3 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
}

#my_cart_modal .table-responsive {
    padding-right: 1px;
}

#my_cart_modal .table {
    margin-bottom: 10px;
}

#my_cart_modal thead {
    background: #000;
}

#my_cart_modal thead th:first-child {
    border-radius: 3px 0 0 0;
}

#my_cart_modal thead th:last-child {
    border-radius: 0 3px 0 0;
}

#my_cart_modal thead tr th {
    color: #fff;
    font-weight: normal;
}

#my_cart_modal tr.item, #my_cart_modal tr:last-child.item {
    border-bottom: 1px solid #ddd;
}

#my_cart_modal tr.item td:first-child {
    border-left: 1px solid #ddd;
}

#my_cart_modal tr.item td:last-child {
    border-right: 1px solid #ddd;
}

#my_cart_modal th, #my_cart_modal tr, #my_cart_modal td {
    border: none;
}

#my_cart_modal .item .name {
    font-size: 16px;
}
#my_cart_modal .item .name, #my_cart_modal .item .name a{
    color: #000;
}

/*====================== End Modal my_cart_modal ======================================*/

.my__foot {
    font-size: 17px;
}

.my__foot .txt-reply, .my__foot .txt-total {

}

.my__foot--end {
    margin-top: 15px;
}

.my__foot--end .btn {
    text-transform: uppercase;
    border-radius: 0;
    padding: 8px 20px;
}

.my__foot--end .btn-default {
    background-color: #fff;
    border-color: #000;
    color: #000;
    transition: all 350ms;
}

.my__foot--end .btn-default:hover, .my__foot--end .btn-default:focus, .my__foot--end .btn-default:active {
    background-color: #000;
    border-color: #000;
    color: #fff;
    transition: all 350ms;
}

.sort-mobile {
    padding: 10px 0;
    background: #cac6c3;
}

.sort-mobile .callFilter {
    font-size: 18px;
    padding: 3px 10px;
    width: 100%;
    cursor: pointer;
    display: inline-block;
}

.sort-mobile .dropdown-menu.lstmenuDrd {
    left: 0;
}

.close-filter {
    text-align: center;
    font-size: 19px;
    margin-top: 10px;
    color: #FF9800 !important;
    cursor: pointer;
}

/*================================== End Categories Products ===================================*/


/*================================== Maps ===================================*/

.box-chinhanh {
    height: 438px;
    overflow-y: scroll;
    border: solid 1px #f1f1f1;
    padding: 10px;
}

.box-chinhanh ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
}

.lstChiNhanh .cn_tenchinhanh a {
    display: block;
    padding: 5px;
    margin-left: 10px;
    border-bottom: dotted 1px #ccc;
}

.lstChiNhanh .cn_tenchinhanh a:hover {
    background-color: #ddd;
}

h1.title-news {
    font-size: 22px;
    font-weight: 500;
}

.head-store-maps {
    padding: 15px;
}

.wrapper-store-maps {
    padding-bottom: 40px;
}

/*================================== End Maps ===================================*/

/*================================== End Album ===================================*/
h1.head_promotion {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    color: #000;
    margin-bottom: 20px;
}

.main-album .album-item {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 20px;
}

.main-album .album-item:nth-child(2n+1) {
    clear: both;
}

.main-album .album-item-wrapper {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.main-album .album-item .album-image {
    height: auto;
    position: relative;
}

.main-album .album-image img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}

.main-album .album-info {
    display: inline-table;
}

.main-album .album-info h2 {
    /*height: 24px;*/
    overflow: hidden;
    margin: 5px 0;
    text-align: center;
}

.main-album .album-info h2 a {
    font-size: 16px;
    color: #000;
    line-height: 25px;
    font-weight: 600;
    transition: all 300ms;
}

.main-album .album-description {
    height: 65px;
    margin-bottom: 10px;
    overflow: hidden;
}

.main-album .album-info span {
    color: #5b5b5b;
}

.main-album .album-info .album-more {
    display: block;
    text-align: center;
}

.main-album .album-info .album-more a {
    display: inline-block;
    color: #000;
    border-bottom: 1px solid #000;
    transition: all 300ms;
}

/**** album view *****/
.album-head-detail .album-view-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 40px;
}

.album-content {
    line-height: 1.6;
    text-align: justify;
}

.album-content li {
    list-style-position: inside;
}

.album-content li h1, .album-content li h2, .album-content li h3, .album-content li h4,
.album-content li h5, .album-content li h6 {
    display: inline-block;
}

.album-content iframe, .album-content div, .album-content span, .album-content strong,
.album-content b, .album-content i, .album-content img, .album-content table {
    max-width: 100% !important;
}

.album-content img {
    height: auto !important;
}

.album-images {
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 20px 0 40px 0;
}

.album-images .row {
    margin-right: -5px;
    margin-left: -5px;
}

.album-images .row .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.album-images .fancybox-album {
    margin-bottom: 10px;
    display: block;
}

/*================================== End Album ===================================*/

/*================================== Childs All ===================================*/
#loadmore {
    background-color: #000;
    border-color: #000;
}

#loadmore:hover, #loadmore:active, #loadmore:focus {
    background-color: #111;
    border-color: #111;
}

/*================================== End Childs All ===================================*/

.loadings {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

.loadings.is {
    display: flex;
}


/*================  Header  ====================*/
.gnav {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1000;
    font-size: 16px;
    line-height: 1.5em;
    width: 100%;
    min-width: 768px;
}
.gnav-bar {
    display: table;
    width: 100%;
    /*background-color: #E5E5E5;*/
    min-width: 768px;
}
/*.gnav-bar>* {*/
    /*display: table-cell;*/
/*}*/
.gnav-bar--home {
    text-align: center;
    vertical-align: middle;
    width: 58px;
}
.gnav-member-bar a, .gnav-bar a {
    color: #8D8D8D;
    text-decoration: none;
    outline: 0;
}
.gnav-bar--home a, .gnav-bar--home a:visited, .gnav-bar--home a:hover {
    color: black;
}
.gnav-bar--home-logo {
    font-size: 70px;
    height: 68px;
    width: 58px;
}
.gnav-bar--sections {
    text-align: center;
}
.gnav-bar--sections .gnav-root {
    display: inline-block;
    /*border-bottom: 2px solid transparent;*/
    padding: 0 20px;
    font-size: 16px;
}
.gnav-bar--sections .gnav-root:hover {
    /*border-bottom: 2px solid #000;*/
}
.gnav-bar--sections .gnav-root>a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
}
.gnav-bar--sections a {
    color: #111;
    display: inline-block;
}
.gnav-bar--sections a.gnav-a {
    padding: 16px 0;
}
.gnav-bar--sections>li{
    padding: 0 !important;
}
.gnav-bar--sections>li>a{
    padding: 16px 20px !important;
    transition: all 250ms;
}
.gnav-bar--sections>li:hover>a, .gnav-bar--sections>li>a:hover {
    background: #000;
    color: #fff !important;
    transition: all 250ms;
}


/*----- Menu con ----*/
.gnav--menu {
    position: absolute;
    background-color: #FFF;
    top: 100%;
    left: 0;
    width: 100%;
    visibility: visible;
    box-shadow: 0 1px 3px rgba(0,0,0,.55);
}
.gnav-root:hover .gnav--menu, .gnav-root.active .gnav--menu {
    visibility: visible;
}
.gnav--menu .subnav-container {
    display: none;
    padding: 20px 0;
    border-bottom: 1px solid #E5E5E5;
    text-align: left;
    font-size: 0;
    margin: 0 auto;
    max-width: 1170px;
}
.gnav .gnav-root.is-active .gnav--menu .subnav-container,
.gnav .gnav-root:hover .gnav--menu .subnav-container{
    display: block !important;
}
.subnav-column {
    width: 100%;
    padding-right: 52px;
    font-size: 16px;
    /*float: left;*/
}

.column66{
    width: 77%;
}
.column33{
    width: 23%;
}
.subnav-column:first-child {
    padding-left: 0;
}
.subnav-column.show-left-border {
    border-left: 1px solid #E5E5E5;
    padding-left: 15px;
    padding-right: 15px;
}
.subnav-column.show-left-border .subnav-item{
    border: none;
}
.subnav-column.show-left-border .subnav-item .price-box {
    margin-top: 0;
}
.subnav-column:last-child {
    padding-right: 0;
}
.subnav-item {
    display: inline-block;
    width: 20%;
    padding-bottom: 15px;
    padding-left: 15px;
    /*border-right: 1px solid #e5e5e5;*/
}
.subnav-item.subnav-product-block {
    border-left: 1px solid #ccc;
}
.subnav-item:first-child, .subnav-item:nth-child(5n+1) {
    border-right: none;
}
.subnav-column.column66 .subnav-item {
    display: inline-block;
    float: right;
    width: 20%;
}
.subnav-item a{
    display: inline-block;
    width: 100%;
    clear: both;
    padding: 3px 0;
    font-size: 17px;
}
.subnav-item a:hover {
    color: #8D8D8D;
    text-decoration: underline;
}
.subnav-item ul{
    display: inline-block;
    width: 100%;
    clear: both;
}
.subnav-item ul li{
    list-style: none;
}
.subnav-item .product-item img{
    display: inline;
    /*max-height: 280px;*/
    /*object-fit: cover;*/
}
.itemheader{
    color: #000;
    font-weight: bold;
}
.nsg-text--dark-grey, .nsg-text--dark-grey:link, a.nsg-text--dark-grey:active, a.nsg-text--dark-grey:hover, a.nsg-text--dark-grey:visited {
    color: #222;
}
.subnav-block {
    margin-bottom: 6px;
    display: flex;
    justify-content: center;
}
.subnav-block:last-child {
    margin-bottom: 0;
}
/*================ End Header  ====================*/

/*=====================style lam=========================*/
#mobile-menu .logo {
    float: left;
    padding: 2px 0;
    margin: 0;
}
#mobile-menu .cart-link a {
    color: #222;
    font-size: 25px;
}
.mid-menu {
    background: #f6f6f6;
}
.anonymous-awe[rel=products-list] .section-title {
    padding-top: 10px;
    height: 60px;
}
@media (max-width: 767px) {
    .products-list .row {
        margin-left: -13px;
        margin-right: -13px;
    }
    .product-thumb-control .btn{
        display: none;
    }
    .pview-products .products-list .row {
        margin: 0;
    }
}
.footer_sup_infor {
    float: left;
    width: 100%;
    background: #f8f8f8;
}
.footer_sup_infor li{
    float: left;
    list-style-type: none;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    width: 100% !important;
    border: 0px !important;
    line-height: 30px !important;
    padding: 0px 15px !important;
}

.footer_sup_infor  a {
    float: left;
    width: 100%;
    text-align: left;
    padding: 5px 0;
    border: none;
}
.color-swatches {
    display: none;
}
.products-list .product-item{
    position: relative;
}
.products-list .product-item .item_content:hover .color-swatches{
    display: block;
}
nav.gnav .logo{
    display: none;
}
nav.gnav.fixed .logo{
    display: inline-block;
    float: left;
}
/*nav.gnav.fixed .gnav-bar--sections>li>a {
    line-height: 3.5;
}*/
nav.gnav.fixed .gnav-bar {
    display: table;
    width: 100%;
    background-color: #000;
}
nav.gnav.fixed .gnav-bar--sections a{
    color: #fff;
}
nav.gnav.fixed .gnav-bar--sections .subnav-position a, nav.gnav.fixed .gnav-bar--sections .subnav-item a {
    color: #000;
}
nav.gnav.fixed .gnav-bar--sections .gnav-root:hover a,
nav.gnav.fixed .gnav-bar--sections a:hover{
    color: #000 !important;
    background: #fff !important;
}
nav.gnav.hidden-sm.hidden-xs.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    background-color: #000;
}
.subnav__left.float-left {
    padding: 0 5px;
}
.footer_sup_button {
    border-top: 1px solid #bdbdbd94;
    float: left;
    width: 100%;
    border-bottom: 1px solid #bdbdbd94;
}
.footer_sup_button a#info_menu {
    border-right: 1px solid #bdbdbd94;
}
#boxMenuLeft {
    z-index: 99;
}
.mm-menu {
    width: 100%;
    background: #000;
}
.mm-listview>li>a, .mm-listview>li>span {
    font-size: 16px !important;
    color: #fff;
}
.mm-menu .mm-listview>li:after, .mm-menu .mm-listview>li .mm-prev:before,
.mm-menu .mm-listview>li .mm-next:after, .mm-menu .mm-listview>li .mm-arrow:after,
.mm-menu .mm-listview>li .mm-prev:after, .mm-menu .mm-listview>li .mm-next:before,
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after ,
.mm-menu .mm-navbar {
    border-color: #dddddd80;
}

.mm-menu .mm-navbar>*, .mm-menu .mm-navbar a {
    color: #fff;
}
/*=======================end==========================*/

.banners-full .item .item-infor .btn, .sliderFull .item .item-infor .btn  {
    padding: 14px 28px;
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
}
/*.banners-full .item .item-infor .btn:after, .sliderFull .item .item-infor .btn:after {*/
    /*content: "";*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*box-shadow: inset 0 0 0 1px #000;*/
    /*-webkit-transform: translate(3px,3px);*/
    /*transform: translate(3px,3px);*/
    /*transition: -webkit-transform .1s cubic-bezier(.3,0,.45,1);*/
    /*transition: transform .1s cubic-bezier(.3,0,.45,1);*/
    /*transition: transform .1s cubic-bezier(.3,0,.45,1),-webkit-transform .1s cubic-bezier(.3,0,.45,1);*/
/*}*/
.formError .formErrorContent, .formError .formErrorArrow div {
    background: #000;
}
.rotate-right {
    transform: rotate(-90deg);
}
.fixed-info-bottom {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 90;
    padding: 10px;
    box-shadow: 0 0 1px 1px #ccc;
}
#breadcrumb .back___28hlc.gl-link {
    background: #fff;
    border: 0;
    display: flex;
    align-items: center;
}
#breadcrumb .back___28hlc.gl-link .gl-icon.back-icon___9qTR7 {
    position: relative;
    top: -1px;
    margin-right: 4px;
    width: 24px;
}

.slideTop {
    background: #f7f7f7;
}
#banner-promo {
    position: relative;
}
.owl-carousel{
    margin: 0;
}
.owl-carousel .item{
    padding: 0;
}
#banner-promo .owl-prev, #banner-promo .owl-next{
    position: absolute;
    top: -14px;
}
#banner-promo .owl-prev{
    left: 15px;
}
#banner-promo .owl-next{
    right: 15px;
}
.home-promotion{
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}
.promo-item{
    padding: 10px 0;
}
.promo-item:last-child{
    border-right: none;
}

.promo-item .promo-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
.promo-item .promo-wrapper>div{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 5px 5px 0;
}
.promo-wrapper i, .promo-wrapper>p {
    margin: 0 10px 0 0;
}
.btn-styles {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
}
.btn-styles:hover {
    color: #ccc !important;
}
#post-wrapper .gallery-thumb {
    margin-bottom: 30px;
    text-align: center;
}
#post-wrapper .gallery-thumb .gallery-thumb-image {
    margin-bottom: 10px;
    display: block;
}
.wishlistItems {
    position: absolute;
    right: 68px;
    top: 15px;
    width: 26px;
    height: 23px;
    font-size: 25px;
    line-height: 25px;
    z-index: 1;
    cursor: pointer;
    color: #fff;
}
.wishlistItems:hover, .wishlistItems.active {
    color: #000;
}
.wishlistItems:hover i:before, .wishlistItems.active i:before {
    content: "\f004";
}
.boardTopRight .wishlist{
    position: relative;
    margin-right: 3px;
    font-size: 21px;
}
.boardTopRight .wishlist .number {
    position: absolute;
    top: -12px;
    right: -14px;
    background: #8e8e8e;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
}

.sliderFull .owl-item img{
    min-height: 300px;
}
.home-page img[src="/img/lazyLoading.gif"]{
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: auto;
}



/*-------------  customerorder ----------------*/
.nt-products-suggest {
    background-color: #fff;
    position: fixed;
    -webkit-box-shadow: -1px 2px 6px rgba(30,32,40,.3);
    -moz-box-shadow: -1px 2px 6px rgba(30,32,40,.3);
    box-shadow: -1px 2px 6px rgba(30,32,40,.3);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    left: 20px;
    bottom: 20px;
    width: 320px;
    z-index: 99;
}
.product-suggest {
    display: none;
}
.pa {
    position: absolute;
}
.nt-products-suggest .suggest-close {
    top: 2px;
    font-size: 30px;
    line-height: 1;
    right: 0;
}
.nt-products-suggest .suggest-qv {
    display: block;
    top: 2px;
    width: 30px;
    font-size: 20px;
    line-height: 1;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.nt-products-suggest .suggest-close+.suggest-qv {
    top: auto;
    bottom: 2px;
}
.order-info-wrapper {
    cursor: pointer;
}

.nt-products-suggest .table-cell-top.img {
    width: 100%;
    max-width: 85px;
    max-height: 100%;
}
.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}
.middle-xs {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.center-xs {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}
.w__100 {
    width: 100%;
}
.nt-products-suggest.color-scheme-dark .infors {
    color: #333;
}

.nt-products-suggest .table-cell-top.infors {
    padding: 12px 25px 12px 10px;
    font-size: 13px;
    width: calc(100% - 85px);
}
.nt-products-suggest .product-title {
    letter-spacing: .3px;
    text-decoration: none;
    display: block;
    font-weight: 700;
    font-size: 14.5px;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.minutes-ago, .from-ago {
    font-size: 11px;
}

.mb__5 {
    margin-bottom: 5px;
}
.dib {
    display: inline-block;
}
.product-suggest.showP {
    display: block;
}
/*------------- end customerorder ----------------*/


/*------------- animation ----------------*/
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important
    }
}
/*------------- end animation ----------------*/


.menu-mobile {
    margin-top: 18px;
    padding: 0;
}

.menu-mobile a {
    position: relative;
    display: flex;
    flex-direction: column;
    float: left;
    width: 20%;
    text-align: center;
    color: #111;
    padding: 5px 2px;
    top: 0;
    height: 90px;
    border-bottom: 1px solid #ccc;
    justify-content: center;
    align-items: center;
}
.menu-mobile a:before{
    content: "";
    width: 1px;
    position: absolute;
    height: 100%;
    display: block;
    background: #969595;
    opacity: 0.3;
    right: 0;
    top: 0;
}


.menu-mobile a img {
    max-width: 35px;
    margin-bottom: 5px;
    opacity: .5;
}

.menu-mobile a:hover img {
    opacity: 1;
}

.menu-mobile h3 {
    font-size: 12px;
    line-height: 1.3;
}
.menu-mobile .onClicktoggle{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.menu-end .onClicktoggle{
    transform: rotate(180deg);
}
.menu-end.is .onClicktoggle{
    transform: rotate(0deg);
}
.menu-mobile li{
    width: 20%;
    display: inline-block;
    float: left;
}
.menu-mobile li a{
    width: 100%;
    display: inline-block;
    background: #f6f6f6;
}
.menu-mobile li a.parent{
    background: #000;
    color: #fff;
}
.menu-mobile li a span{
    display: block;
}
.menu-mobile li ul{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    background: gray;
    margin: 0 !important;
    display: none;
}
.menu-mobile li ul.level2.open{
    display: block;
}
.menu-mobile li ul.level2>li>a{
    display: inline-flex;
    align-items: center;
}
.menu-mobile li ul li ul.level3{
    background: orange;
    top: 100%;
    z-index: 50;
    display: none;
}
.menu-mobile li ul li ul.level3.open{
    display: block;
}
.menu-mobile li ul li ul.level3 li{
    width: 100%;
    clear: both;
}
.menu-mobile li ul li ul.level3 li a{
    text-align: left;
    border-top: none;
    height: auto;
    line-height: normal;
    font-size: 14px;
    padding: 10px 15px;
}
.footer-gov{
    padding-top: 85px;
}
.news-item.item img {
    height: 250px;
    object-fit: cover;
}
.news-home-owl .owl-dots{
    bottom: -25px;
}
.menu-end .menu-mobile{
    margin-top: 0;
}
.menu-end {
    margin-top: 15px;
}
.img-chinhanh {
    display: none;
}
.menu-mobile .level1 li a:hover {
    background: #000;
    color: #fff;
}
.btn-viewmore {
    text-align: center;
    margin: 50px 0 10px 0;
}
.btn-viewmore a {
    font-size: 16px;
    padding: 14px 28px;
    color: #fff;
    background-color: #000;
    border-color: #000;
    font-weight: 600;
}
.btn-viewmore a:hover {
    color: #ccc;
}
.cn_tenchinhanh a.active {
    background-color: #ddd;
}
input.updateCart[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}
.wrapper-store-maps {
    margin-top: 15px;
}
.modal-content .policy-out {
    display: none;
}
@media (max-width: 767px){
    .img-chinhanh {
        display: block;
    }
    .img-chinhanh img {
        margin: 20px 0;
    }
    .box-chinhanh {
        height: auto;
    }
}
@media (max-width: 380px){
    .pview-anonymous .nav-tabs li a {
        font-size: 11px;
        font-weight: 600;
        padding: 10px 0px !important;
    }
}
@media (max-width: 320px){
    .pview-anonymous .nav-tabs li a {
        font-size: 9px;
    }
}