@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovaextrabold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovaextrabolditalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovasemibolditalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovasemibold.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovablackitalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovablack.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovaregular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovabolditalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovabold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovathinitalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovathin.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovaitalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovalight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "SVN-Proxima";
    src: url("svn-proximanovalightitalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

* {
    ;
    margin: 0;
    padding: 0;
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

.fa {
    font-family: 'FontAwesome' !important;
}

html,
body {
    border: 0;
    background-color: #fff;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
}

img {
    max-width: 100%;
}

body {
    line-height: 21px;
    font-size: 14px;
    color: ;
    font-family: , sans-serif;
    overflow-x: hidden;
    background: #fff;
    position: initial;
}

/* 1.2 - HTML5 Elements */

article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* 1.4 - Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: ;
    margin: 0 0 13px 0;
    font-weight: 500;
    line-height: 1.2
}

ul,
li {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
    color: #000;
}

#home-slider .action-slide {
    position: absolute;
    bottom: 50px;
}

#home-slider .action-slide {
    width: 250px;
    margin: 0px calc(50% - 125px);
}

#home-slider .action-slide a {
    display: block;
    padding: 10px 0px;
    text-align: center;
    background: #FFF;
    margin-bottom: 15px;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    border: 2px solid #000;
    text-decoration: none;
}

#home-slider .owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #FFF;
    display: inline-block;
    margin: 0px 10px;
    border: 2px solid #000;
}

#home-slider .owl-controls {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

#home-slider .owl-dots {
    width: 250px;
    margin: 0px auto;
}

#home-slider .owl-dot.active {
    background: #f7f700 !important;
}

</style><style>.mg-50 {
    margin: 50px 0px;
}

.item-info {
    margin-top: 15px;
    text-align: center;
}

.item-info .action {
    display: inline-block;
    border: 2px solid rgba(0, 0, 0, 0.6);
    padding: 8px 35px;
    font-weight: bold;
    font-size: 18px;
}

.bg-yellow {
    padding: 30px 0px 50px;
    background: #f7f70d;
}

.index-title {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 35px;
}
.main-title{
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 35px;
    line-height: 28px;
}
.shop-now {
    margin: 0;
}
.shop-now a {
    display: inline-block;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #656565;
}
.info{
    background: #4D4D4D;
    text-align: center;
    padding: 8px 10px;
    color: #fff;
}
.product-item .info h3 a{
    color: #fff;
}
.product-item h3 a:hover {
    color: #b37c0a!important;
}
.products-item .item,
.gallery-item .item,
.recently-lists .item {
    /*padding: 0px 5px;*/
}

.featured-images-content .owl-controls .owl-nav div,
.products-item .owl-controls .owl-nav div,
.gallery-item .owl-controls .owl-nav div,
.recently-lists .owl-controls .owl-nav div,
.list-news-latest .owl-controls .owl-nav div {
    position: absolute;
    top: calc(50% - 18px);
    font-size: 0;
    color: #5c5c5c;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    line-height: 0;
    width: 15px;
    height: 36px;
}

.products-item .owl-next,
.gallery-item .owl-next,
.recently-lists .owl-next,
.list-news-latest .owl-next {
    right: -25px !important;
    color: #000;
}

.products-item .owl-prev,
.gallery-item .owl-prev,
.recently-lists .owl-prev,
.list-news-latest .owl-prev {
    left: -25px !important;
    color: #000;
}

/*.owl-next {
    right: 10%;
    transform: rotateY(180deg);
    position: absolute;
}*/

.product-item {
    text-align: center;
    position: relative;
}

.product-item .product-image {
    position: relative;
    overflow: hidden;
}
.product-item .product-image img{
    transition: all 0.3s;
}
.product-item .product-image img:hover{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.product-item .product-image .soldout {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    padding: 5px 10px;
    z-index: 2;
    opacity: 0.5;
}

.product-item .info h3 {
    font-size: 15px;
    font-weight: 300;
    margin: 10px 0px 7px;
}

.product-item .info h3 a {
    color: #fff;
}

.product-item .info h3 a:hover {
    color: #111;
}

.product-item .prices {
    color: #fff;
    font-size: 14px;
    /*text-transform: uppercase;*/
    line-height: 1.4;
    font-weight: bold;
}

.product-item span.tag {
    color: #f7f700;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.product-item .prices del {
    font-weight: 500;
    color: #ababab;
    font-size: 13px;
    margin-left: 5px;
}

.products-content .view-more a {
    display: inline-block;
    background: #FFF;
    padding: 10px 35px;
    margin-top: 5px;
    border: 2px solid #000;
    font-weight: bold;
    font-size: 18px;
}

.featured-images-content .owl-controls .owl-nav div svg,
.products-item .owl-controls .owl-nav div svg,
.gallery-item .owl-controls .owl-nav div svg,
.recently-lists .owl-controls .owl-nav div svg {
    fill: #000;
    stroke: #000;
    stroke-width: 2px;
}

.index-title span {
    display: block;
    font-size: 15px;
    margin-top: 3px;
}

.mg-bottom-15 {
    margin-bottom: 15px;
}

.products-show-index {
    margin-bottom: 0px;
}

footer {
    /*padding: 35px 0px 0px;*/
}
footer .col-item{
    border-top: 1px solid #ccc;
    padding: 18px 0;
}
footer ul li.footer-title{
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
footer ul li{
    text-transform: uppercase;
    margin-bottom: 16px;
}
footer .top-section{
    font-size: 16px;
}

.register-footer {
    color: #bdbdbd;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 40px;
    margin-bottom: 50px;
}

a.register-bottom {
    padding: 10px 30px;
    background: #f7f70d;
    margin-left: 35px;
}

.footer-link h3 {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: bold;
}

.footer-item h2 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 20px;
}

.footer-link {
    color: #bdbdbd;
    padding-left: 10px;
    font-size: 13px;
    margin-bottom: 40px;
}

.footer-link p {
    margin: 0px;
    font-size: 12px;
}

.footer-link ul li {
    list-style: none;
    color: #bdbdbd;
    margin-bottom: 2px;
}

.footer-link ul li a {
    color: #bdbdbd;
}

.footer-link ul li a:hover {
    color: #cfcfcf;
}

.title-collection h2 {
    margin: 30px 0px 28px;
    text-transform: uppercase;
}

.breadcrumb {
    padding: 0px 5px;
    background: initial;
    margin-bottom: 5px;
}

.mg-50 {
    margin-bottom: 50px;
}
.mg-30 {
    margin-bottom: 30px;
}

body,
* {
    font-family: "SVN-Proxima";
}

.title-collection h2,
.item-info h2 a,
.item-info .action,
.index-title a,
.products-content .view-more a,
.product-item span.tag,
.footer-item h2,
#home-slider .action-slide a {
    font-weight: 500;
}

.product-item .info h3 {}

ol.breadcrumb.breadcrumb-arrows strong {
    font-weight: normal;
    color: #000;
}

/* css Store */

.floatleft {
    float: left !important;
}

#layout-page {
    text-align: left;
    border-bottom: 1.2px solid #eee;
    padding: 40px 0px;
}

.store-text {
    margin: 30px 0px;
}

.content-page-store {
    padding: 20px 0px;
}

.icon-store-text div {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 50%;
}

.icon-store-text {
    display: flex;
}

/* css Store */

/* css News Product */

.content-page-newsproduct {
    padding-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.content-page-newsproduct .newsproduct-content {
    position: absolute;
    top: 50%;
    right: 20px;
    max-width: 280px;
    width: 100%;
    transform: translateY(-50%);
    background: rgba(41, 38, 38, 0.6);
    color: #fff;
    text-align: justify !important;
    padding: 20px 8px;
    font-size: 16px;
}

.fontsize35 {
    font-size: 35px;
}

.fontsize20 {
    font-size: 20px;
}

.fontsize15 {
    font-size: 15px;
}

.style-bold {
    font-weight: 600 !important;
    font-style: normal !important;
}

.page-collect {
    margin: auto;
    background: #F8F8F8;
    border-bottom: 1px solid #ddd;
    padding: 20px 100px 20px;
}

.page-collect h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.padding10-0 {
    padding: 10px 0px;
}

.padding15-0 {
    padding: 15px 0px;
}

.padding30-0 {
    padding: 30px 0px;
}

.padding20-0 {
    padding: 20px 0px;
}

.style-black-italic {
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
}

#slider-newproduct .products-item .owl-prev {
    left: 30px !important;
}

#slider-newproduct .products-item .owl-next {
    right: 30px !important;
}

/* css News Product */

/* css Size */

.content-size {
    padding-top: 30px;
    margin-bottom: 70px;
}

.content-page {
    margin-bottom: 70px;
}

/* css Size */

/* css login */

.login-left {
    border: 1px solid #000 !important;
    border-radius: 0px !important;
    margin: 0px !important;
    border-radius: initial !important;
}

.div-login .active .login-left {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
    border-radius: initial !important;
}

.login-left p {
    margin-bottom: 0px;
}

.login-right p {
    margin-bottom: 0px;
}

.login-right {
    float: right;
    padding: 5px 20px;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}

@media (min-width:768px) {
    .div-login {
        width: 36%;
    }
}

.div-login {
    background-color: #fff;
    padding: 20px;
    margin: 0 auto;
}

#menu1 .padding15-0,
#menu2 .padding15-0 {
    padding: 10px 0;
}

#menu1 .padding15-0 p,
#menu2 .padding15-0 p {
    margin: 0;
    font-weight: 500 !important;
}

.form-page-login {
    width: 80%;
    margin: auto;
}

.form-page-login input[type=password],
.form-page-login input[type=email],
.form-page-login input#first_name {
    width: 100%;
    padding: 5px;
}

.form-page-login label {
    font-weight: 500;
    font-size: 13px;
}

.form-page-login input.btn.style-bold {
    text-align: center;
    padding: 7px;
    margin: 15px 0px;
    width: 100%;
    background-color: #000;
    color: #fff;
}

.div-login ul.nav.nav-tabs li {
    width: 50%;
}

.div-login ul.nav.nav-tabs li a {
    text-align: center;
}

.button-login a {
    color: #fff;
}

.bg-color-gray {
    background-color: #eee;
}

.last-login {
    margin-top: 10px;
    position: relative;
}

.last-login p {
    background-color: #fff;
    width: 60%;
    margin: 0 auto;
    font-weight: 500 !important;
}
form#create_customer .register-month,
select.register-month {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 38%;
    float: left;
    margin: 0px 3%;
}

form#create_customer .register-year,
.register-date,
select.register-date,
select.register-year {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    width: 28%;
    float: left;
}

form#create_customer .input-radio {
    display: flex;
}

form#create_customer .input-radio input {
    margin-right: 5px;
}

form#create_customer .input-radio div {
    padding-right: 20px;
}

form#create_customer label {
    margin: 5px 0px;
}

form#create_customer select,
form#create_customer input:not('type=[radio]') {
    margin-bottom: 5px;
    height: 35px;
}

form#create_customer select,
form#create_customer input {
    margin-bottom: 5px;
}

form#customer_login .errors {
    text-align: center;
}

/* css login */

/* css register */

.form-page-register-info {}

.form-page-register-info input[type=text] {
    width: 100%;
    padding: 5px;
}

.register-info {
    background-color: #fff;
    padding: 30px;
}

.color-orange {
    color: #ff6823;
}

/* css register */

/* css cart */

.form-page-delivery input[type=text] {
    width: 100%;
    padding: 5px;
}

.page-delivery {
    background-color: #fff;
    padding: 30px;
}

.form-delivery-city {
    padding: 5px;
    width: 90%;
    margin-right: 10px;
}

.method-delivery {
    width: 100%;
    position: relative;
    border: 1.1px solid;
    height: 150px;
}

.method-delivery p {
    position: absolute;
    bottom: 0px;
}

.style-extrabold {
    font-weight: 700;
    font-style: normal;
}

/* css cart */

.fontsize18 {
    font-size: 18px;
}

.template-article .article-detail .author-date {
    color: #bfbfbf;
}

.template-article .article-detail .author-date ul {
    display: flex;
}

.template-article .article-detail .author-date ul li {
    float: left;
    margin-right: 5px;
}

.template-article .article-detail .author-date ul li span {
    float: left;
}

.cart-price {
    font-size: 20px;
    padding: 25px;
    font-weight: 700;
}

.item-last-cart {
    display: flex;
}

.item-cart-right h3 {
    margin-bottom: 5px;
}

.item-last-cart div {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #eee;
}

.item-cart-left {
    width: 20%;
    float: left;
    margin-right: 15px;
}

.sluong-cart {
    border: none;
    font-size: 18px;
    font-weight: 700;
}

.close-cart {
    position: absolute;
    font-weight: 800;
    right: 0px;
    font-size: 20px;
}

.content-cart-right {
    border: 1px solid #eee;
    padding: 30px;
}

.cart-right div {
    padding: 10px;
}

.cart-total {
    display: flex;
}

.button-total {
    background-color: #f7f700;
    font-weight: 600;
    padding: 10px 15px;
    border: 2px solid #000;
}

/*.shop-cart:hover .shop-cart-view {
display:block !important;
}*/

.shop-cart-view {
    position: absolute;
    display: none;
    width: 350px;
    right: 0px;
    z-index: 100;
    background: #FFF;
}

.shop-cart-item {
    background-color: #fff;
}

.shop-cart-item img {
    max-width: 85px;
    float: left;
    margin-right: 15px;
}

.shop-cart-item th {
    padding: 20px 0px 20px 20px;
    border-bottom: 1px solid #eee;
}

.cart-item-right p {
    font-weight: 400;
    margin: 0px !important;
    font-style: normal;
}

.content-variant span.variant_title {
    position: relative;
    top: -1px;
}

.cart-item-right span {
    font-size: 12px;
    font-weight: 600;
    padding-right: 5px;
}

.shop-cart-total {
    background-color: #fff;
    padding-top: 10px;
}

.shop-cart-total th {
    padding: 10px;
}

.check-shop-cart {
    background-color: #eee;
}

.check-cart-view {
    padding: 10px;
    float: right;
}

tr.shop-cart-item h3.style-bold.fontsize15 {
    margin-right: 20px;
}

tr.shop-cart-item .cart-item-right {
    margin-left: 97px;
}

.check-cart-pay {
    padding: 0px 10px 10px 10px;
    float: right;
}

.check-cart-view a {
    background-color: #fff;
    border: 2px solid #000;
    text-align: center;
    padding: 5px 50px;
    margin-bottom: 5px;
    display: inline-block;
}

.check-cart-pay a {
    background-color: #f7f700;
    border: 2px solid #000;
    text-align: center;
    padding: 5px 56px;
    display: inline-block;
}

.close-shop-cart {
    position: absolute;
    font-weight: 700;
    right: 20px;
    margin-top: 10px;
    font-size: 20px;
}

.close-item-cart {
    position: absolute;
    right: 20px;
    top: -3px;
    font-size: 14px;
    font-weight: 700;
}

.back-to-top {
    color: #fff;
    width: 60px;
    font-size: 30px;
    border-radius: 50%;
    z-index: 999;
    right: 25px;
    bottom: 90px;
    height: 60px;
    background-color: #000;
    position: fixed;
}

.featured-images-content .owl-prev {
    left: 10px;
}

.featured-images-content .owl-next {
    right: 10px;
}

.product-images .thumbnail {
    border: 0px;
    padding: 0px;
    margin-top: 20px;
}

form#add-item-form {
    margin-bottom: 15px;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .8;
}

#pagination a.page-node.current {
    background: #000;
    color: #FFF;
}

.content-filter {
    max-height: 286px;
    overflow-y: auto;
}

.content-filter::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.content-filter::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.content-filter::-webkit-scrollbar-thumb {
    background-color: #333;
}

.item-last-cart>div {
    padding-left: 0px;
}

.product-quantity {
    margin-bottom: 10px;
}

.policy-item.icon {
    cursor: pointer;
}

span.icon-show i.fa.fa-angle-down.show:before {
    content: '\f106';
}

span.icon-show {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 5px;
}

#topbar {
    background: #f3f3f3;
    font-size: 12px;
}

#topbar p {
    padding: 4px 0;
    margin-bottom: 0;
}

.topbar-hotline {
    text-align: right;
    margin: 3.5px 0 0;
}

.topbar-hotline a.phone-num .fa {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #000000;
    color: #252a2b;
    border-radius: 50%;
    text-align: center;
    animation: 1s ease-in-out 0s normal none infinite running h-alo-ring-ring;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

@keyframes h-alo-ring-ring {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

.topbar-hotline span.text-phone {
    color: #e00000;
    font-weight: bold;
    letter-spacing: 0.4px;
}

.wrapper-header {
    /*border-bottom:1px solid #333;*/
}

.header-content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.header-content .logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.header-content .header-menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}

header-content .header-action {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
}

ul.content-action li {
    float: left;
    /*margin: 0px 5px;*/
}

.logo svg {
    width: 85px;
    height: 85px;
}

ul.content-action li svg {
    width: 40px;
    height: 40px;
}

.header-menu>ul {
    position: relative;
}

.header-menu ul.menu-lv1 {
    text-align: center;
    width: 100%;
    margin: 10px 0px 0px;
}

.header-menu ul li {
    display: inline-block;
    padding: 0px 20px 10px;
}

.header-menu ul li a {
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
}

.header-menu ul li a i {
    margin-left: 5px;
}

.header-menu ul li {
    display: inline-block;
    padding: 10px 20px 10px;
    position: static;
}

ul.submenu {
    position: absolute;
    left: 0px;
    background: #FFF;
    border: 1px solid #000;
    text-align: left;
    padding: 20px 10px 40px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    box-shadow: 2px 2px 0px rgba(185, 176, 176, 0.5);
    min-width: 700px;
}

ul.submenu .item-submenu li {
    display: block;
    text-align: left;
}

.item-submenu.title-collections li a {
    font-size: 14px;
    font-weight: 500;
}

.item-submenu.title-collections>li>a {
    text-transform: uppercase;
}

.item-submenu li {
    padding: 5px 0px 0px !important;
}

.item-submenu.title-collections {
    padding-top: 33px;
}

.item-submenu:not(.title-collections) li a {
    font-weight: normal;
    font-size: 14px;
}

.title-submenu a {
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}

.title-submenu {
    margin-bottom: 10px;
}

.header-menu>ul>li:hover ul.submenu {
    z-index: 9999;
    opacity: 1;
    visibility: visible;
}

span.total-products {
    margin-right: 5px;
    font-size: 13px;
}

.collection-filter {
    margin: 5px 0px 25px;
}

.filter-items {
    width: 80%;
    margin-left: 5px;
}

.filter-items .title {
    border: 1px solid #DDD;
    padding: 5px 10px;
    cursor: pointer;
    border-left: 0px;
    border-right: 0px;
}

.content-filter {
    display: none;
    position: absolute;
    width: 80%;
    z-index: 100;
    background: #FFF;
    padding: 0px 10px;
    border: 1px solid #DDD;
    padding-bottom: 10px;
    margin-top: -1px;
    padding-top: 10px;
}

.filter-items span.icon {
    float: right;
    margin-left: 10px;
}

.collection-filter .content:nth-child(n+2) .filter-items {
    float: right;
    margin-right: 5px;
}

.check-box-list input[type="checkbox"] {
    display: none;
}

.check-box-list [type="checkbox"]:not(:checked)+label,
.check-box-list [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 0px;
    cursor: pointer;
    font-weight: normal;
    width: 100%;
}

.check-box-list [type="checkbox"]:not(:checked)+label:before,
.check-box-list [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 50%;
}

.check-box-list [type="checkbox"]:not(:checked)+label:after,
.check-box-list [type="checkbox"]:checked+label:after {
    position: absolute;
    content: '';
    height: 8px;
    width: 8px;
    background: #000;
    margin: 9px 0 0 4px;
    right: 3px;
    top: -2px;
    transition: all .2s;
    border-radius: 50%;
}

.check-box-list [type="checkbox"]:checked+label:before {
    border: 1px solid #000;
}

.check-box-list [type="checkbox"]:checked+label:after {
    opacity: 1;
}

.check-box-list [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
}

.filter-items span.icon i {
    font-weight: bold;
    font-size: 16px;
}

#pagination {
    margin: 20px 0px 40px;
    text-align: center;
}

#pagination a {
    width: 38px;
    height: 35px;
    border: 1px solid #DDD;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    font-weight: 500;
}

#pagination a.page-node.active {
    background: #000;
    color: #FFF;
    border: 1px solid #000;
}

#pagination a:last-child {
    border-right: 1px solid #DDD;
}

.saleoff-collection {
    padding-top: 5px;
    border-top: 2px solid #DDD;
    margin-bottom: 40px;
}

.content-cart-left .cart-price {
    padding: 0 0 10px;
    margin-bottom: 0;
}

.cart-conent-info .item-cart {
    position: relative;
}

.content-cart-left .item-cart-right {
    float: left;
    width: 77%;
}

.cart-conent-info.fix-scroll {
    max-height: 450px;
    overflow: hidden;
    overflow-y: scroll;
    margin-bottom: 30px;
}

.collection_index_1 {
    padding: 15px 0;
}
.collection_index_2{
    padding: 15px 0;
    background: #000;
    color: #fff;
}
.col-inner{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border: 2px solid #fff;
    padding: 5px 0;
    cursor: pointer;
}
.col-inner a{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.col-inner:hover, .col-inner:hover a, .col-inner a:hover{
    background: #fff;
    color: #000;
}
.products-show-index-2 {
    background-color: #f7f5f3;
    padding: 30px 0px 35px;
}

.background-register-info {
    background-image: url("background-register-info.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.header-menu ul .current>a,
.item-submenu.title-collections a,
a.current {
    font-weight: none !important;
}

.policy-item h4 {
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

.policy-item .content {
    font-weight: 300 !important;
}

.featured-images-content img:hover {
    cursor: zoom-in !important;
}

.filter-items.has-filter {
    font-weight: bold;
}

.item-last-cart span.variant_title {
    margin-top: 2px !important;
    display: inline-block;
}

.header-menu ul li a:hover {
    color: #d6d6d6 !important;
}

.content-variant div {
    float: left;
    margin-right: 7px;
}

.cart-item-right {
    padding-left: 100px;
}

.shop-cart-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDD;
    padding: 0px 10px 10px 10px;
    position: relative;
}

.content-cart-view {
    max-height: 350px;
    overflow-y: auto;
}

.cart-item-right h3 {
    margin-bottom: 7px;
}

form.form-page-register-info button#submitForm {
    padding: 10px 40px;
    background: #f7f70d !important;
    margin-top: 10px;
    text-transform: uppercase;
    border-radius: 3px;
}

button:disabled,
button[disabled] {
    opacity: 0.5;
}

.input-lg {
    margin-bottom: 5px;
}

.collection-content-products .products-item .mg-bottom-15.product-resize {
    padding: 0px 5px;
}

.product-gallery__thumbs-container {
    width: 46px;
}

.product-gallery__thumbs {
    box-sizing: border-box;
    width: 100%;
    top: 65px;
    padding-bottom: 1px;
}

.product-gallery__thumb a {
    background-color: #f3f3f3;
    display: block;
}

.product-gallery__thumb {
    line-height: 0;
    margin-bottom: 10px;
    border: 1px solid #f7f7f8;
    width: 100%
}

.product-gallery__thumb:last-child {
    margin-bottom: 0
}

.product-gallery__thumb:hover {
    border-color: #a3a5a7
}

.product-gallery__thumb img {
    cursor: pointer;
    background-color: #f7f7f8;
    width: 100%;
    padding: 2px;
}

.product-gallery__thumb *:focus {
    outline: none;
    box-shadow: 0 0 3px 1px #0770CF;
}

.product-gallery__thumb.active,
.product-gallery__thumb.active:hover {
    border-color: #808284
}

.product-gallery__thumb.active img {
    opacity: .9;
    width: 100%
}

.product-gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.product-image-detail {
    width: 91%;
    padding: 0 20px;
    position: relative;
}

.product-gallery-item {
    text-align: center;
    margin-bottom: 10px;
}

.product-image__button {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.product-zoom {
    box-shadow: 0px 0px 5px #e6dede;
    width: 30px;
    height: 30px;
    overflow: visible;
    cursor: pointer;
    top: auto;
    bottom: 48px;
    right: 0;
    left: 0;
    margin: auto;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.product-zoom polyline,
.product-sharing .icon svg {
    fill: #000;
}

.product-zoom polyline {
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    transform-origin: center;
    -ms-transition: transform 150ms linear;
    -webkit-transition: transform 150ms linear;
    transition: transform 150ms linear
}

.product-zoom:hover polyline:nth-child(1) {
    -ms-transform: scale(0.9) translate3d(-2px, -2px, 0);
    -webkit-transform: scale(0.9) translate3d(-2px, -2px, 0);
    transform: scale(0.9) translate3d(-2px, -2px, 0);
}

.product-zoom:hover polyline:nth-child(2) {
    -ms-transform: scale(0.9) translate3d(2px, -2px, 0);
    -webkit-transform: scale(0.9) translate3d(2px, -2px, 0);
    transform: scale(0.9) translate3d(2px, -2px, 0);
}

.product-zoom:hover polyline:nth-child(3) {
    -ms-transform: scale(0.9) translate3d(2px, 2px, 0);
    -webkit-transform: scale(0.9) translate3d(2px, 2px, 0);
    transform: scale(0.9) translate3d(2px, 2px, 0);
}

.product-zoom:hover polyline:nth-child(4) {
    -ms-transform: scale(0.9) translate3d(-2px, 2px, 0);
    -webkit-transform: scale(0.9) translate3d(-2px, 2px, 0);
    transform: scale(0.9) translate3d(-2px, 2px, 0)
}

.product-image__button {
    position: -webkit-sticky;
    position: sticky;
    bottom: 20px;
    z-index: 10;
}

form#add-item-form .choose {
    margin: 0px 0px 15px;
}

.product-detail,
.product-gallery__thumbs {
    position: sticky;
    top: 25px;
}

.header-menu>ul>li>a {
    text-transform: uppercase;
    font-weight: 500;
}

.header-menu ul>li.highlight>a {
    color: red;
}

.quantity-item span,
.item-last-cart div:last-child span {
    margin-left: 10px;
}

ul.content-action li.shop-cart {
    position: relative;
    cursor: pointer;
}

ul.content-action span.count-cart {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    border-radius: 50%;
    top: 6px;
    background: #f7f700;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
}

/*************************VARIANT MAU *****************/

.owl-carousel .product-loop-color {
    height: 80px;
}

.product-loop-color {
    padding: 5px;
    text-align: center;
}

.product-loop-color .list-color {
    margin: 0;
}

.product-loop-color .list-color li {
    display: inline-flex;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

.product-loop-color .list-color li.choise-color span.color-c {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    opacity: 0.5;
}

.product-loop-color .list-color li.choise-color span.tooltip {
    top: 260%;
    margin-top: 10px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid;
    padding: 5px 10px;
    text-transform: uppercase;
    background: #fff;
    opacity: 1;
    display: none;
}

.product-loop-color .list-color li.choise-color span.tooltip:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-bottom: 10.5px solid #333;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom-width: 8px;
}

.product-loop-color .list-color li:hover span.tooltip {
    display: none;
}

.product-loop-color .list-color li.choise-color span.tooltip:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-bottom: 0.5px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom-width: 6px;
}

.product-loop-color .list-color li.choise-color.sd span.color-c {
    opacity: 1;
}

.product-loop-color .list-color li.choise-color span.color-c:after {
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid #c0bbbb;
    top: -2px;
    left: -2px;
}

/*.product-loop-color .list-color li.choise-color.sd span:after{
border-color:red;
}*/

.product-loop-color .list-color li.choise-color.disable {
    opacity: 0.6;
}

.owl-carousel .product-loop-size {
    bottom: 30%;
}

.product-loop-size {
    position: absolute;
    bottom: 20%;
    left: 3%;
    opacity: 0;
    visibility: hidden;
}

.product-loop-size .select-swap {
    width: 120px;
    position: relative;
    background: #fff;
    padding: 2px 0;
    border: 1px solid #191919;
}

.product-loop-size .select-swap.hover-border {
    border-right: none;
    border-left: none;
    border-bottom: none;
}

.product-loop-size .select-swap label {
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
}

.product-loop-size .select-swap i {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 25px;
    line-height: 25px;
}

.product-loop-size .list-size {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0px;
    background: #fff;
    border: 1px solid #191919;
    z-index: 2;
    margin: 0;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.product-loop-size .select-swap:hover {
    border-right: none;
    border-left: none;
    border-bottom: none;
}

.product-loop-size .select-swap:hover .list-size {
    opacity: 1;
    visibility: visible;
}

.product-loop-size .list-size.hover {
    opacity: 1;
    visibility: visible;
}

.product-loop-size .list-size li {
    cursor: pointer
}

.product-loop-size .list-size li {
    height: 21px;
}

.product-loop-size .list-size li.disable {
    opacity: 0.4;
}

.product-loop-size .list-size li:hover {
    background: #e3dfdf;
}

/*Hover*/

.item:hover .product-item .variants-loop {
    opacity: 1;
    visibility: visible;
}

.product-loop-color .list-color li.choise-color span.do {
    background: #ff0000 !important;
}

.product-loop-color .list-color li.choise-color span.vang {
    background: #ffff05 !important;
}

.product-loop-color .list-color li.choise-color span.cam {
    background: #f5b505 !important;
}

.product-loop-color .list-color li.choise-color span.xanh {
    background: #0059ff !important;
}

.product-loop-color .list-color li.choise-color span.xanh-la {
    background: #3cfa08 !important;
}

.product-loop-color .list-color li.choise-color span.nau {
    background: #613737 !important;
}

.product-loop-color .list-color li.choise-color span.xam {
    background: #cccaca !important;
}

.product-loop-color .list-color li.choise-color span.tim {
    background: #b5129a !important;
}

.product-loop-color .list-color li.choise-color span.hong {
    background: #db999b !important;
}

.product-loop-color .list-color li.choise-color span.den {
    background: #000000 !important;
}

.product-loop-color .list-color li.choise-color span.be {
    background: #f0dfbd !important;
}

.product-loop-color .list-color li.choise-color span.reu {
    background: #3b7031 !important;
}

.product-loop-color .list-color li.choise-color span.trang {
    background: #ffffff !important;
}

.product-loop-color .list-color li.choise-color span.xanh-den {
    background: #050563 !important;
}

.product-loop-color .list-color li.choise-color span.xanh-duong {
    background: #4e67cc !important;
}

.product-loop-color .list-color li.choise-color span.xanh-reu {
    background: #20521e !important;
}

.product-loop-color .list-color li.choise-color span.tro-lam {
    background: #b6c0d4 !important;
}

.product-loop-color .list-color li.choise-color span.trang {
    background: #ffffff !important;
}

.product-loop-color .list-color li.choise-color span.xam-den {
    background: #424242 !important;
}

.product-loop-color .list-color li.choise-color span.reu {
    background: #3c593c !important;
}

.product-loop-color .list-color li.choise-color span.cam-dat {
    background: #faa405 !important;
}

.product-loop-color .list-color li.choise-color span.vang {
    background: #ffff05 !important;
}

.product-loop-color .list-color li.choise-color span.cam {
    background: #f5b505 !important;
}

.product-loop-color .list-color li.choise-color span.hong-nhat {
    background: #f5cece !important;
}

.product-loop-color .list-color li.choise-color span.hong-ruoc {
    background: #eb925e !important;
}

.logo-bct {
    padding-top: 10px;
    text-align: right;
}

.logo-bct img {
    width: 150px;
}

.btn-tet.btn-tet a.action-btn {
    width: 100%;
    display: block;
    padding: 10px 0px;
    background: yellow;
    border: 2px solid #000;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.8;
}

@media(min-width: 768px) {
    #topbar {
        padding: 0 50px;
    }
    #report .modal-dialog {
        width: 400px !important;
    }
}

#report .modal-header {
    border-bottom: 0;
}

#report .modal-footer {
    border-top: 0;
}

#report .modal-footer button[data-dismiss="modal"] {
    padding: 6px 25px;
    background: #55b3f5;
    color: #fff;
    border: none;
}

#report .modal-footer button.cancel {
    color: #333;
    background: #e8e3e3;
}

.Boxname-mega {
    margin-top: 5px;
}

#sliderproduct .owl-nav div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotateY(0);
}

#sliderproduct .owl-nav div i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 39px;
    text-align: center;
    color: #ccc;
}

#sliderproduct .owl-nav div.owl-prev {
    left: 0;
}

#sliderproduct .owl-nav div.owl-next {
    right: 0;
}

.page-not {
    padding: 30px 0;
}

.subtext a:hover {
    color: #f7f700;
}

.suggest h2 {
    font-size: 24px;
}

/* Cart view */

.site-nav.style--sidebar.active {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.site-nav.style--sidebar {
    position: fixed;
    width: 480px;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 99999;
    overflow: hidden;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.site-nav.style--sidebar .site-nav-container-last {
    width: calc(100% - 0px);
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 30px 30px 250px;
}

#site-cart {
    display: none
}

#site-nav--mobile.show-cart #site-cart {
    display: block
}

.site-close-handle {
    position: absolute;
    top: 55px;
    right: 60px;
    width: 35px;
    height: 35px;
    z-index: 999;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    -ms-transition: transform 150ms linear;
    -webkit-transition: transform 150ms linear;
    transition: transform 150ms linear;
}

.site-close-handle:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.site-overlay {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms linear;
}

.site-overlay.active {
    opacity: 1;
    visibility: visible;
}

.site-close-handle .hamburger-menu .bar.animate:before {
    bottom: 0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu .bar:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    background: #252a2b;
    -ms-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    -webkit-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
}

.site-close-handle .hamburger-menu .bar.animate:after {
    top: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu {
    width: 27px;
    height: 19px;
    cursor: pointer;
    display: block;
    transition: all 150ms linear;
}

.hamburger-menu .bar:after {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    background: #252a2b;
    -ms-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    -webkit-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
}

.hamburger-menu .bar,
.hamburger-menu .bar:after,
.hamburger-menu .bar:before {
    width: 27px;
    height: 3px;
}

.site-close-handle .hamburger-menu .bar.animate {
    background: transparent;
}

.hamburger-menu .bar {
    position: relative;
    background: #252a2b;
    display: block;
    -ms-transition: all 0ms 100ms, width 150ms linear;
    -webkit-transition: all 0ms 100ms, width 150ms linear;
    transition: all 0ms 100ms, width 150ms linear;
    -ms-transform: translateY(7px);
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
}

.modal-open #site-overlay {
    opacity: 1;
    visibility: visible;
}

.site-nav.style--sidebar .site-nav-container .title {
    font-size: 14px;
    text-transform: uppercase;
    margin: 3px 0 0 0;
    font-weight: 500;
}

.site-nav form.searchform,
.site-nav .main-navbar,
.cart-view {
    margin-top: 10px;
}

.remove-cart {
    position: absolute;
    right: 10px;
}

span.remove_link.remove-cart svg {
    width: 16px;
    height: 16px;
    position: relative;
    right: -11px;
    top: 2px;
}

#cart-view.fix-scroll {
    height: 294px;
    display: inline-block;
    overflow: hidden;
    overflow-y: scroll;
}

.cart-view table {
    width: 100%;
}

table#cart-view tr {
    border-bottom: 1px dotted #bcbcbc;
}

#cart-view tr:last-child {
    border: none;
}

.cart-view table td.img img {
    width: 70px;
    border: 1px solid #ededed;
    margin-right: 10px;
    max-width: none;
}

#cart-view tr td:not(.img) {
    padding: 25px 0;
    position: relative;
    padding-right: 20px;
}

.cart-view table td a.pro-title-view {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

#cart-view .variant {
    font-size: 12px;
    float: left;
    width: 100%;
    margin: 5px 0 12px;
    opacity: 0.66;
    text-transform: uppercase;
}

span.pro-quantity-view {
    position: relative;
    vertical-align: top;
    padding-right: 15px;
    display: inline-block;
    margin-right: 10px;
}

.qty-click input.item-quantity {
    background: #ededed;
    font-weight: 500;
    font-size: 15px;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 35px;
    border: 1px solid #dadbdd;
    border-left: none;
    border-right: none;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}

.qty-click button.qty-btn {
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    color: #abafb2;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 25px;
    border: 1px solid #dadbdd;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}

.qty-click button.qty-btn {
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    color: #abafb2;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 25px;
    border: 1px solid #dadbdd;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}

#site-cart span.pro-quantity-view {
    padding: 0px;
    background: initial;
}

span.pro-quantity-view {
    float: left;
    width: auto;
    background: #ededed;
    text-align: center;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    margin-right: 12px;
}

span.pro-price-view {
    display: block;
    text-align: center;
    float: left;
    line-height: 26px;
    font-weight: 500;
    opacity: 0.7;
}

.remove-cart {
    position: absolute;
    right: 10px;
}

.cart-view .line {
    float: left;
    width: 100%;
    border-top: 2px solid #000000;
    margin: 10px 0px;
}

.cart-view a.linktocheckout,
.cart-view a.linktocart {
    padding: 19px 30px;
    position: relative;
    width: 100%;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 0px;
}

#site-cart td.checkout button#checkout {
    padding: 19px 20px;
    height: 55px;
}

.checkout-note textarea {
    border-radius: 0;
    -webkit-appearance: none;
    background: #ededed;
    resize: none;
    color: #000000;
    font-size: 15px;
    padding: 20px;
    outline: none;
    width: 100%;
    height: 130px;
    font-weight: 500;
    border: 1px solid transparent;
    transition: all 150ms linear;
}

.table-total tr td {
    padding: 10px;
}

.table-total tr td {
    padding-left: 0px;
}

.button.dark {
    position: relative;
    display: inline-block;
    padding: 10px 28px;
    line-height: normal;
    border: 1px solid #ffffff;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    background-color: transparent;
    -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 1;
    color: #000000;
    overflow: hidden;
}

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

.button.dark:hover {
    color: #000000;
}

.button.dark:before {
    position: absolute;
    content: '';
    display: block;
    left: -2px;
    top: 0;
    right: -2px;
    bottom: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: -1;
    background-color: #ffffff;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.button.dark:before {
    background-color: #000;
}

.button.dark:hover:before {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.contentSize select {
    height: 30px;
    text-transform: uppercase;
    font-weight: 600;
}

.tab-content {
    margin-top: 10px;
}

.product-loop-color .list-color li.choise-color span.color-c {
    width: 30px;
}

.product-loop-color .list-color li.choise-color span.color-c:after {
    border: none;
}

.product-item h3 a {
    -webkit-box-orient: vertical;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1.4;
}

.collection-description {
    margin: 15px 0 0;
}

.collection-description-loadmore {
    height: 60px;
    z-index: 1000;
    position: relative;
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, rgba(248, 248, 248, 1), transparent);
    margin-top: -5px;
}

.collection-description-loadmore .loadmore {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: bold;
    outline: none;
}

.collection-description-loadmore .loadmore:before {
    content: 'Xem thêm';
}

.collection-description-loadmore .loadmore.active:before {
    content: 'Thu gọn';
}

.overflow-hidden {
    overflow: hidden;
    height: 55px;
}

.product-gallery__thumbs-container {
    padding: 0;
    background: initial;
}

.mTS-buttons-out .mTSButtonIcon {
    fill: yellow;
}

.mTS-buttons-out .mTSButton {
    margin: 0 0 0 -18px;
}

.button.dark {
    color: #000;
}

.action-product a.action-btn.add-cart:before {
    content: '';
    background: #f7f700 !important;
}

.action-product a.action-btn.buy-now:before {
    content: '';
    background: #f7f700 !important;
}

.button.dark:hover:hover {
    color: #000;
    border-color: #000;
}


#customer_sidebar label {
    width: 130px;
}

.collection-description {
    text-align: justify;
}

@media (min-width: 1200px) {
    .container.wrapper-product {
        max-width: 960px;
    }
}

.product-gallery__thumbs-container {
    height: 370px;
}

.button-index:hover {
    background: #d4d4d4 !important;
    color: #000 !important;
    border-color: #000 !important;
}

.button-index:hover a:hover {
    color: #000 !important;
}

.item-404-best-sell {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
}

.title-collection.text-center.page-collect {
    padding: 0;
}

.item-404-best-sell header,
.item-404-best-sell #topbar,
.item-404-best-sell footer {
    display: none !important;
}

.products-item {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: wrap;
}

.products-item .mg-bottom-15 {
    margin-bottom: 30px;
}

.slider-5-collection .item-info {
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
}

.slider-5-collection .item-info h2 {
    color: #fff;
}

.slider-5-collection .item-info .action {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.slider-5-collection .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 100%;
    margin: 0 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.footer-nav {
    display: inline-block;
    vertical-align: top;
}

.icon-zalopay {
    width: 54px;
    height: 33px;
    background-image: url(//theme.hstatic.net/1000360022/1000624970/14/zalopay.png?v=37);
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.footer-nav .icon {
    width: 54px;
    height: 33px;
    background-image: url(//theme.hstatic.net/1000360022/1000624970/14/logopayment.png?v=37);
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
}

.icon-visa {
    background-position: -198px -155px;
}

.icon-master {
    background-position: -207px -200px;
}

.icon-jcb {
    background-position: -139px -155px;
}

.icon-cash {
    background-position: -264px -104px;
}

.icon-internet-banking {
    background-position: -257px -155px;
}

.footer-nav .icon-vnpay {
    background-image: url(//theme.hstatic.net/1000360022/1000624970/14/logo-vnpay.png?v=37);
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
    background-repeat: no-repeat;
    background-size: 50px 29px;
}

.footer-nav .icon-momo {
    width: 54px;
    height: 33px;
    background-image: url(//theme.hstatic.net/1000360022/1000624970/14/logo-momo.jpg?v=37);
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 992px) .slider-5-collection .slider-5-collection-row {
    margin-top: 30px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    display: -webkit-flex;
    /* NEW */
    -webkit-flex-wrap: wrap;
    /* NEW */
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: wrap;
}

.slider-5-collection .slider-5-collection-item {
    height: 500px;
}

.slider-5-collection .item-image {
    height: 100%;
    width: 100%;
}

.slider-5-collection .item-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slider-5-collection .slider-5-collection-row:last-child {
    margin-bottom: 30px;
}

.menu-lv2,
.menu-lv3,
.menu-lv4 {
    display: none;
    margin-left: 20px !important;
}

.menu-lv1:hover .menu-lv2,
.menu-lv2:hover .menu-lv3,
.menu-lv3:hover .menu-lv4 {
    display: block;
}

#homepage_slider .owl-next {
    transform: initial;
    right: 2%;
    color: #ccc;
    font-size: 35px;
}

#home-slider .owl-controls {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
}

#home-slider .owl-prev {
    color: #ccc;
    position: absolute;
    font-size: 35px;
    top: 0;
    left: 2%;
}

.blog-posts .blog-loop {
    margin-bottom: 25px
}

.blog-posts .blog-loop:nth-of-type(3n+1) {
    clear: both;
}

.blog-posts .blog-post .blog-post-thumbnail {
    display: block;
    overflow: hidden;
    max-height: 220px;
    border-radius: 6px;
    width: 100%;
}

.blog-posts .blog-post .blog-post-thumbnail img {
    -webkit-transition: all 1s ease-in-out 0s;
    -khtml-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.blog-posts .blog-post .blog-post-thumbnail:hover img {
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.blog-posts .blog-post .blog-post-title {
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0
}

.blog-posts .blog-post .blog-post-meta {
    margin-bottom: 15px;
    color: #bfbfbf
}

.blog-posts .blog-post .blog-post-meta>span:after {
    content: '';
}

.blog-posts .blog-post .blog-post-meta>span:last-child:after {
    content: ''
}

.blog-posts .blog-post .blog-post-meta a {
    color: #999
}

.blog-posts .blog-post .blog-post-meta a:hover {
    color: #000000
}

.blog-posts .blog-post .blog-post-meta .author {}

.blog-posts .blog-post .blog-post-meta .date {}

#blog .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.list-news-latest .item-article {
    margin-bottom: 25px;
}

.list-news-latest .item-article .post-image {
    width: 30%;
    float: left;
    border-radius: 6px;
}

.list-news-latest .item-article .post-content {
    width: 65%;
    float: right;
}

.list-news-latest .item-article .post-content .date,
.list-news-latest .item-article .post-content .author {
    color: #bfbfbf;
    font-family: "SVN-Proxima";
}

.list-news-latest .item-article .post-content h3 {
    font-size: 16px;
}

.tree-menu li {
    margin-bottom: 20px;
}

.tree-menu li span i {
    color: #bfbfbf;
    margin-right: 10px;
}

.news-latest .item-article .post-image a {
    display: block;
    overflow: hidden;
    border-radius: 6px;
    width: 100%;
}

#product-recently .sugeest-title {
    margin: 30px 0px 25px;
}

#product-recently .sugeest-title h2 {
    font-size: 23px;
    text-align: center
}

.news-latest .article {
    margin-top: 15px;
}

.sidebar .list-group-item.active,
.sidebar .list-group-item.active:focus,
.sidebar .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.titleStoreModal {
    font-weight: bold;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.boxImgBigStore img {
    border: 1px solid #ddd;
}

.priceProductStore {
    font-weight: bold;
    font-size: 18px;
    margin: 8px 0;
}

#showStore .modal-content .close {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 10000;
}

#showStore .modal-content select {
    border-radius: 0;
    outline: none;
    box-shadow: none;
}

#stock-box {
    overflow-y: scroll;
    height: 179px;
    margin-bottom: 20px;
    width: 100%;
    font-weight: bold;
    color: #333;
    border-color: #dcdbdb;
    position: relative;
    overflow-x: hidden;
    padding: 0 0 20px 0;
    text-align: left;
}

#stock-box .stock {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

#stock-box div .dist {
    float: left;
    width: 100%;
}

#stock-box div .dist img {
    width: 15px;
    margin: 0 5px 0 0;
    display: inline-block;
}

#stock-box .street {
    font-weight: normal;
    float: left;
    width: 100%;
    padding-left: 20px;
}

#stock-box .timeStore {
    font-weight: normal;
    padding-left: 20px;
}

#stock-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#stock-box::-webkit-scrollbar {
    width: 6px;
    height: 0;
    background-color: #F5F5F5;
}

#stock-box::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.buy-now img {
    width: 20px;
    display: inline-block;
    margin-top: -4px;
    margin-right: 5px;
}

.fb-customerchat.fb_invisible_flow.fb_iframe_widget iframe {
    display: none;
}

.fb-customerchat.fb_invisible_flow.fb_iframe_widget iframe.fb_customer_chat_bounce_in_v2 {
    display: block;
}