@charset "utf-8";

html, body {
    height: 100%;
}

/* Áp dụng font mặc định cho toàn bộ trang */
body {
    font-family: "Play", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color:#f3f3f3;
}

/* Khi cần font đậm (bold) */
strong, b, .bold, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

@media (min-width: 1200px) {
    .container {
        width: 1650px;
    }

    .is-mobile {
        display: none;
    }

    .is-pc {
        display: block;
    }
}

.box-sp{
    padding:10px 15px;
    border:1px solid #ffffff7a !important;
    font-size:16px !important;
}

.hotline-support *{
    color:#fff;
}

.hotline-support a:hover{
    color:#fff;
}

.item-top.left-top{
    /* line-height: 15px; */
}

.page-change-password{
    margin:5px 0 30px 0;
}

.page-change-password .login_button{
    margin-top: 15px;
    height:39px;
}

.sidebar{
    padding:20px 15px;
    background:#fff;
    border-radius:15px;
}

.nav-main-content{
    padding:20px 25px;
    background:#fff;
    border-radius:15px;
}

.home-row-product{
    padding:0;
    background:transparent !important;
    /*padding: 0 10px;*/
}

.page-article-catalogues{
    margin:20px 0 0px 0px;
}

.product-image .zoomWrapper{
    position:relative;
}

.title-page-detail h1{
    margin:0 0 20px 0;
    font-size:25px;
    font-weight:600;
}

.inner-page-detail{
    /* background: #fff; */
    /* padding: 20px 25px; */
}

.container-box-category{
    padding:0 0 15px 0;
}

.left-product{
    overflow:vhi;
}

.content-product{
    background:#fff;
}

.home-row-product .content-product{
    margin:25px 0 0 0;
    /* padding: 20px 25px; */
}

.owl-carousel{

    z-index:0 !important;
}

td, th{

    padding:5px 10px !important;
    border:1px solid #ccc !important;
    font-family:'Roboto', sans-serif !important;

}

input,
button,
select,
textarea{
    outline:none;
}

img{
    max-width:100%;
}

a:hover,
a:focus{
    text-decoration:none;
}

a{
    color:#333;
}

.owl-theme .owl-nav{
    margin-top:0px !important;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{
    /*margin:0px !important;*/
    /*padding:0px !important;*/
    display:none;
}

.owl-prev,
.owl-next{
    margin:0px !important;
    border-radius:0px !important;
}

.fl-left{
    float:left !important;
}

.fl-right{
    float:right !important;
}


/* css main slider */

#slider-home .owl-prev{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
}

#slider-home .owl-next{

    position:absolute;

    top:50%;

    right:0;

    transform:translateY(-50%);
}

#slider-home .owl-nav .fa{
    background-color:rgba(51, 51, 51, 0.6);
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    color:#fff;
}

.hc-nav-trigger.hc-nav-1{
    display:none !important;
}

.second-nav{
    display:none;
    z-index:9999;
}

.top-header .item-top ul{
    display:inline-block;
    margin:0;
    padding:0;
}

.top-header .item-top ul i{
    color:#fff;
}

.top-header .item-top ul li{
    display:inline-block;
    float:left;
}

#header-site{
    /* background: -webkit-radial-gradient(center center, circle farthest-side, #ffffff -107%, #000 100%); */
    background:#DB0214;
}

.top-header .item-top ul li a{
    color:#fff;
    font-size:14px;
    /* border-right: 1px solid #fff; */
    padding:0 7px 0 7px;
    /* border-right: 1px solid #fff; */
    position:relative;
}

.top-header .item-top.left-top ul li a{
    padding:0px 15px;
    line-height:26px;
    background:repeating-linear-gradient(to right, #ff990f 0%, #fe532e 50%, #ff990f 100%);
    background-size:200% auto;
    background-position:0 100%;
    animation:gradient 2s infinite;
    animation-fill-mode:forwards;
    animation-timing-function:linear;
    display:inline-block;
    margin:0 10px 0 0;
    font-size:13px;
}

.top-header .item-top.left-top ul{position:relative;top:2px;}

.top-header .item-top ul li a:after{content:"";height:74%;width:1px;background:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);display:none;}

.top-header .item-top ul li a:hover{
    color:#ffd504;
}

.top-header .item-top ul li:last-child a{
    border-right:0;

}
.top-header .item-top ul li:last-child a:after{
    content:unset;
}


.top-header .item-top.right-top{
    text-align:right;
    position:relative;
    top:5px;
}

.clearfix{
    clear:both;
}

.product-tabs > .tab-content > div > h3{
    padding:10px 0 10px 0;
}

.search-shop-holine .search input[type=submit]{
    position:absolute;
    height:40px;
    line-height:40px;
    right:0;
    top:0;
    /* background: -webkit-radial-gradient(center center, circle farthest-side, #f2e386 50%, #c8ab5a 100%); */
    padding:0 18px;
    font-size:14px;
    text-transform:uppercase;
    /*border: 1px solid #ffd504;*/
    border:unset;
    outline:unset;
    background:#0f1424;
    color:#FFF;
    font-weight:700;
}

.search-shop-holine .search input[type=text]{
    width:100%;
    height:40px;
    border:1px solid #ddd;
    padding-left:10px;
    font-size:14px;
}

.search-shop-holine .cart{
    width:50px;
    height:50px;
    /* background: -webkit-radial-gradient(center center, circle farthest-side, #f2e386 50%, #c8ab5a 100%); */
    line-height:40px;
    text-align:center;
    background:#fff;
    border-radius:50%;
    color:#FFF;
    font-weight:700;
    position:relative;
}

.search-shop-holine .cart img{
    padding-right:8px;
}

.search-shop-holine .holine .title-holine{
    font-family: "Play", sans-serif;
    font-size:12px;
    display:inline-block;
    width:100%;
    text-transform:uppercase;
    color:#fff;
}

.search-shop-holine .holine .phone-holine{
    font-family:'UTM Impact';
    font-size:20px;
    color:#ffd504;
}

.search-shop-holine .holine{
    position:relative;
    padding-left:36px;
}

.search-shop-holine .holine:before{
    content:url('../images/icon-phone.png');
    position:absolute;
    top:7px;
    left:0;
}

.main-logo-shop {
    padding: 20px 0;
}

.search form{
    position:relative;
}

.search-shop-holine{
    /*margin-top:48px;*/
}

#main-menu{
    background:#252565;
    position:relative;
    z-index:1;
}

#main-menu > .container > ul{
    /* display: inline-block; */
    padding:0;
    margin:0;
}

#main-menu > .container > ul > li{
    display:inline-block;
    float:left;
    position:relative;
}

#main-menu > .container > ul > li > a{
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    display:inline-block;
    padding:10px 15px;
}

#main-menu > .container > ul > li > a:hover{
    background:#515185;
}

#main-menu > .container > ul > li.active > a{
    background:#515185;
}

.slider-large .item img{
    height:348px;
    object-fit:cover;
}

.slider-large img{
    max-height:440px;
    height:auto !important;
}

.slider-large .owl-prev{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
}

.slider-large .owl-next{
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}

.slider-small a{
    display:inline-block;
    width:100%;
    color:#fff;
    text-align:center;
    position:relative;
}

.slider-sale .row{
    margin-left:-5px;
    margin-right:0px;
}

.slider-sale .container{
    padding:0;
}

.slider-sale .row .col-md-3{
    padding-left:0px;
    padding-right:0px;
}

.slider-sale .row .col-md-9{
    padding-left:5px;
    padding-right:5px;
}

.slider-large .owl-nav i{
    display:inline-block;
    width:37px;
    height:37px;
    background:#224d84;
    text-align:center;
    line-height:37px;
    font-size:26px;
    color:#97b3d8;
}

.slider-sale .sale img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.title-primary .title1{
    display:inline-block;
    font-size:18px;
    text-transform:uppercase;
    padding:18px 15px;
    position:relative;
    margin:0;
    bottom:-2px;
    color:#0f1424;
    font-weight:bold;
}

.title-primary{
    border-bottom:3px solid #0f1424;
    position:relative;
}

.title-primary .read-more{
    font-size:14px;
    color:#666666;
    float:right;
    display:inline-block;
    margin-top:10px;
}

.title-primary .read-more:hover{
    color:#1b76bd;
}

.item-product .image{
    position:relative;
}

.item-product .image{
    text-align:center;
}

.item-product .image .thubmail-img img{
    width:100%;
    height:179px;
    -webkit-transition:all 0.7s ease;
    transition:all 0.7s ease;
    object-fit:contain;
}

.owl-prev, .owl-next img{
    display:none;
}


img{

    -webkit-transition:all 0.7s ease;
    transition:all 0.7s ease;
}

.bo-cong-thuong img{
    height:50px;
    object-fit:contain;
}

.item-product .image .new-pr{
    position:absolute;
    top:0;
    right:0
}

.item-product .image .sale-pr{
    position:absolute;
    top:35px;
    right:0;
}

.top-0{
    top:0 !important;
}

.item-product .price{
    font-size:16px;
    font-family:'RobotoCondensed-BoldItalic';
    text-shadow:1px 1px #b2b2b2;
    display:inline-block;
    margin:0;
    padding:9px 0;
}

.item-product .price .gia-moi{
    font-size:17px !important;
    color:#DB0214;
    display:block;
}

.item-product .price .gia-cu{
    text-decoration:line-through;
}

.old-price{font-size:14px;margin:0;}

.old-price span{
    font-size:16px;
    font-weight:bold;
    text-decoration:line-through;
}

.item-product .price-c{
    text-align:right;
}

.item-product .title{
    border:none;
    /*font-weight: bold;*/
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:22px;
    -webkit-line-clamp:2;
    height:44px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    font-size:16px;
    margin:5px 0;
}

.item-product .add-cart a{
    font-size:13px;
    /* text-transform: uppercase; */
    /* background: -webkit-radial-gradient(center center, circle farthest-side, #5f5a5a 14%, #000 100%); */
    color:#333333;
    /* padding: 8px 11px; */
    display:inline-block;
    /* line-height: 23px; */
    webkit-transition:all 0.7s ease;
    transition:all 0.7s ease;
    cursor:pointer;
}

.item-product .add-cart a.button-single-cart{height:28px;line-height:28px;}

.content-product .nav-product .add-cart a.is-stock span.icon-is-stock{
    color:#43a047;
}

.content-product .nav-product .add-cart a.is-stock span.icon-none-is-stock{
    color:#ef053c;
}

.content-product .nav-product .add-cart a.is-stock span.icon-coming-in-stock{
    color:#d0ac01;
}

.content-product .nav-product .add-cart a.is-stock{
    padding:5px 0 5px 0px;
}

.item-product .add-cart a:hover{
    /* background: #252565; */
}

.item-product .add-cart a.mh{
    background:-webkit-radial-gradient(center center, circle farthest-side, #f2e386 14%, #ccb05e 100%);
    color:#000;
}

.item-product .add-cart a.mh:hover{
    background:#ffd504;
}

.item-product .add-cart{
    margin-top:8px;
}

.left-product .nav-product{
    margin-top:15px;
}

.left-product .content-product{
}

.right-new .title-primary .title1{
    width:100%;
}

.top-content{
    margin-top:30px;
}

/*.top-content .row{
  margin-left: -7px;
  margin-right: -7px;
}*/
.top-content > .top-content > .row > .col-md-3{
    padding-left:5px;
    padding-right:5px;
}

.top-content > .top-content > .row > .col-md-9{
    padding-left:14px;
    padding-right:14px;
}

.nav-product > .row{
    margin-left:-10px;
    margin-right:-10px;
}

.nav-product > .row > .col-md-3{
    padding-left:10px;
    padding-right:10px;
}

.nav-right-new .item .image{
    width:30%;
    display:inline-block;
    float:left;
}

.nav-right-new .item .nav-img{
    width:70%;
    display:inline-block;
    float:right;
    padding-left:10px;
}

.nav-right-new .item .nav-img .title{
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:22px;
    -webkit-line-clamp:2;
    height:43px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    font-size:14px;
}

.nav-right-new .item .image img{
    width:100%;
    height:51px;
}

.nav-right-new .item .image{
    overflow:hidden;
}

.nav-right-new .item:hover .image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}

.nav-right-new{
    padding-top:14px;
}

.nav-right-new .item{
    border-bottom:1px solid #ececec;
    padding-bottom:10px;
    margin-bottom:10px;
}

.nav-right-new .item:last-child{
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
}

.sidebar .item-sb .title-sb{
    position:relative;
    font-family: "Play", sans-serif;
    font-size:14px;
    text-transform:uppercase;
    margin:0;
    border-bottom:1px solid #DDD;
    background:#E30019;
    padding:15px 10px;
    color:#fff;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
}

.sidebar .item-sb .title-sb:after{
    content:'';
    position:absolute;
    height:2px;
    width:73px;
    left:0;
    bottom:0;
}

.main-content{
    margin:30px 0 25px 0;
}

.title-primary ul{
    margin:0;
    padding:0;
    list-style:none;
    display:inline-block;
    position:absolute;
    right:0;
    top:18px;
    width:78%;
    height:25px;
    overflow:hidden;
}

.title-primary ul li{
    display:inline-block;
    float:left;
}

.title-primary ul li a{
    font-size:14px;
    color:#666666;
    padding:0 16px;
    font-weight:bold;
    position:relative;
}

.title-primary ul li:last-child a::after{
    content:unset;
}

.title-primary ul li a:after{
    content:'';
    width:1px;
    height:14px;
    position:absolute;
    right:0px;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
    background:#444444;
}

.title-primary ul li a:hover{
    color:#1b76bd;
}

.nav-main-content .nav-product{
    padding-top:20px;
}

.nav-main-content .nav-product .item-product{
    padding:10px 15px 25px 15px;
}

.banner{
    position:relative;
    overflow:hidden;
    margin-bottom:28px;
    padding-top:9px;
}

.banner a:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, 0.5);
    content:'';
    -webkit-transition:-webkit-transform 0.6s;
    transition:transform 0.6s;
    -webkit-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0);
    transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 300%, 0);
}

.banner a:hover:before{
    -webkit-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0);
    transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -300%, 0);
}

.banner-boder-zoom:hover a:before{
    opacity:1;
}

.banner img{
    width:100%;
    height:90px;
    object-fit:cover;
}

i{
    font-family:fontawesome;
    font-style:inherit;
}

.sidebar .nav-product-sb .item .image{
    width:35%;
    display:inline-block;
    float:left;
}

.sidebar .nav-product-sb .item .nav-image{
    width:65%;
    display:inline-block;
    float:right;
    padding-left:15px;
}

.sidebar .nav-product-sb .item .nav-image .title{
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:20px;
    -webkit-line-clamp:2;
    height:41px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    font-size:14px;
    font-family: "Play", sans-serif;
    margin-top:5px;
}

.sidebar .nav-product-sb .item .price{
    font-family: "Play", sans-serif;
    color:#c80000;
    font-size:16px;
    padding-top:6px;
}

.sidebar .nav-product-sb .item .price span{
    font-size:12px;
    font-family: "Play", sans-serif;
    color:#999999;
    padding-left:10px;
}

.sidebar .nav-product-sb .item .readmore{
    font-size:14px;
    color:#999;
}

.sidebar .nav-product-sb .item .readmore:hover{
    color:#c80000;
}

.sidebar .nav-product-sb .item .readmore i{
    padding-left:7px;
}

.sidebar .nav-product-sb{
    padding-top:15px;
}

.sidebar .nav-product-sb .item .image img{
    width:100%;
    height:108px;
    object-fit:contain;
}

.sidebar .nav-product-sb .item .image{
    overflow:hidden;
}

.sidebar .nav-product-sb .item:hover .image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}

.sidebar .nav-product-sb .item{
    border-bottom:1px solid #ececec;
    padding-bottom:15px;
    margin-bottom:15px;
}

.bottom-content .row{
    margin-left:-11px;
    margin-right:-11px;
}

.bottom-content .row .col-md-3{
    padding-left:11px;
    padding-right:11px;
}

.bottom-content .item{
    background:-webkit-radial-gradient(center center, circle farthest-side, #efdf83 11%, #c6a757 100%);
    padding:15px;
}

.bottom-content .item .icon{
    width:18%;
    display:inline-block;
    float:left;
}

.bottom-content .item .nav-icon{
    width:82%;
    display:inline-block;
    float:right;
    padding-left:10px;
}

.bottom-content .item .nav-icon .title{
    font-family: "Play", sans-serif;
    font-size:14px;
    text-transform:uppercase;
    margin:0;
    padding-bottom:4px;
    color:#000;
}

.bottom-content .item .nav-icon .desc{
    margin:0;
    font-size:14px;
}

.bottom-content{
    background:-webkit-radial-gradient(center center, circle farthest-side, #ffffff -150%, #000 100%);
    margin-top:10px;
}

.title-footer{
    color:#ead87e;
    font-size:18px;
    font-family: "Play", sans-serif;
    text-transform:uppercase;
    padding-bottom:8px;
    color:#000;
}

.top-footer .item{
    /* width: calc((100% - 60px) / 5); */
    /* margin-right: 15px; */
    display:inline-block;
    float:left;
    overflow:hidden;
}

.top-footer .item:nth-child(5){
    margin-right:0;
}

.top-footer .item .nav-item-adress ul{
    list-style:none;
    margin:0;
    padding:0;
    display:inline-block;
}

.top-footer .item .nav-item-adress ul li{

    padding-bottom:10px;
}

.top-footer .item .nav-item-adress ul li a{
    color:#000;
}

.top-footer .item .nav-item-adress ul li a:hover{
    color:#E30019;
}

.top-footer .item .nav-item-adress ul li i{
    color:#fff;
    padding-right:8px;
}

.top-footer{
    padding-top:34px;
}

.top-footer .item .nav-item-adress{
    font-size:16px;
}


.top-footer .social-footer li{
    display:inline-block;
    float:left;
    margin-right:10px;
}

.top-footer .item .nav-item-adress ul.social-footer li i{
    width:30px;
    height:30px;
    background:#9b9b9b;
    color:#fff;
    display:inline-block;
    text-align:center;
    line-height:22px;
    padding-right:0;
    border-radius:50%;
    margin-right:5px;
    color:#fff;
}

.top-footer .item .title{
    color:#fff;
    font-size:14px;
    font-family: "Play", sans-serif;
    padding-top:13px;
}

.slider-logo .item{
    height:100px;
    position:relative;
    text-align:center;

}

.slider-logo .item img{
    width:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.slider-logo .owl-prev{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    left:0;
}

.slider-logo .owl-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    right:0;
}

.slider-logo{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding:7px 30px;
    margin-top:38px;
}

.footer-bottom{
    padding:35px 0;
}

.footer-bottom .title-footer{
    margin-top:10px;
}

.footer-bottom .nav-bottom p{
    color:#000;
    font-size:16px;
    margin-bottom:5px;
}

.footer-bottom .nav-bottom p span{
    color:#000;
    font-weight:bold;
}

.map-footer iframe{
    width:100%;
    height:154px;
    padding:4px;
}

.holine-footer{
    background:#ea4335;
    display:inline-block;
    padding:6px 2px 6px 13px;
    border-radius:4px 4PX 0 4PX;
    position:fixed;
    bottom:52px;
    left:57px;
    z-index:999;
}

.holine-footer .title-holine{
    display:inline-block;
    width:100%;
    color:#fff;
}

.holine-footer .holine-phone{
    font-family: "Play", sans-serif;
    font-size:20px;
    color:#ffff00;
    display:inline-block;
    width:100%;
}

.page-body-buong{
    position:relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#main {
    flex: 1;
}

.holine-footer1{
    position:relative;
    padding-left:46px;
}

.holine-footer1:before{
    content:url('../images/holine.png');
    position:absolute;
    top:5px;
    left:0;
}

.holine-footer1:after{
    content:url('../images/icon6.png');
    position:absolute;
    bottom:-19px;
    right:-2px;
}

#btn-top{
    position:fixed;
    bottom:50px;
    right:50px;
    cursor:pointer;
    width: 60px;
    display: none;
}

#btn-top button {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #E30019;
    border-color: #fff;
}

#btn-top button i {
    color: #fff;
    font-size: 20px;
}

#footer-site{
    /* background: -webkit-radial-gradient(center center, circle farthest-side, #ffffff -150%, #000 100%); */
    background:#fff;
}

/*.logo img{*/
/*    width:120px;*/
/*}*/

.nav-product .item-product .image{
    position:relative;
    overflow:hidden;
}

.nav-product .item-product:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}

.logo-footer img{
    width:50%;
}

#main-menu ul li .sub-menu{
    position:absolute;
    background:#252565;
    z-index:22;
    width:200px;
    margin:0;
    padding:0;
    list-style:none;
    top:50px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 0.7s ease;
    transition:all 0.7s ease;
}

#main-menu ul li:hover .sub-menu{
    top:40px;
    visibility:visible;
    opacity:1;
}

#main-menu ul li .sub-menu li{
    border-bottom:1px solid #0e0e5a;
}

#main-menu ul li .sub-menu li:last-child{
    border-bottom:0;
}

#main-menu ul li .sub-menu li a{
    color:#fff;
    padding:6px 15px;
    display:inline-block;
    width:100%;
}

#main-menu ul li .sub-menu li a:hover{
    background:#515185;
}

.main-slider{
    position:relative;
    z-index:0;
}

.bres ul{
    display:inline-block;
    margin:0;
    padding:0;
}

.bres ul li:first-child a{
    padding-left:0;
}

.bres ul li{
    display:inline-block;
    color:#9a9a9a;
    padding-right:5px;
}

.bres ul li a{
    color:#9a9a9a;
    padding:0 10px;
}

.bres{
    padding-top:14px;
}

/* css product*/
.filter-sb .title-primary{
    bottom:0;
}

.filter-sb .title-primary .title1{
    border:0;
    width:100%;
    background:#252565;
    font-family: "Play", sans-serif;
}

.filter-sb .title-primary .title1:before{
    top:-7px;
}

.filter-sb .title-primary .title1:before{
    content:url('../images/icon7.png');
}

.filter-sb .nav-filter{
    border:1px solid #ddd;
    padding:0 15px;
}

.filter-sb .nav-filter .item-filter{
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    margin-bottom:10px;
}

.filter-sb .nav-filter .item-filter .title{
    font-family: "Play", sans-serif;
    text-transform:uppercase;
    font-size:14px;
    margin:0;
    padding-bottom:9px;
    padding-top:10px;
}

.filter-sb .nav-filter .item-filter ul{
    padding:0;
    margin:0;
    list-style:none;
}

.filter-sb .nav-filter .item-filter ul input[type=checkbox]{
    margin-right:8px;
    display:inline-block;
    float:left;
    margin-top:3px;
}

.filter-sb .nav-filter .item-filter ul li{

    padding-bottom:7px;
}

.filter-sb .nav-filter .item-filter:last-child{
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
}

.sidebar .item-sb{
    margin-bottom:15px;
}

.support{
    text-align:center;
    border:1px solid #ddd;
    margin-top:15px;
}

.support .images{
    margin-top:-13px;
}

.support .holine .icon{
    width:24%;
    display:inline-block;
    float:left;
}

.support .nav-icon{
    width:76%;
    display:inline-block;
    float:right;
}

.support .nav-icon .sp1{
    display:inline-block;
    width:100%;
    font-family: "Play", sans-serif;
    color:#666666;
    font-size:14px;
    text-transform:uppercase;
}

.support .nav-icon .sp2{
    font-size:16px;
    /* font-family: 'NokiaKokia'; */
    color:#ff0000;
    font-family:'UTM Nokia';
    /* font-weight: bold; */
}

.support .problem{
    border-top:1px solid #ddd;
    margin-top:6px;
    padding-top:8px;
    text-align:center;
    display:inline-block;
}

.support .problem .item{
    margin-bottom:9px;
}

.problem h4{
    font-size:14px;
    margin-bottom:8px;
}

.support .problem ul li{
    display:inline-block;
    float:left;
    margin-right:5px;
}

.support .holine{
    padding:6px 0;
}

.support .problem .item ul{
    display:inline-block;
    margin:0;
    padding:0;
}

.main-product .main-content{
    margin-top:15px;
}

/*pagenavi */
.pagenavi{border-top:1px dashed #dddddd;padding-top:26px;margin-top:13px;margin-bottom:30px;}

.pagenavi ul{
    padding-left:0;
}

.pagenavi ul li{
    display:inline-block;
}

.pagenavi ul a{
    height:27px;
    display:inline-block;
    background:#f2f2f2;
    text-align:center;
    line-height:27px;
    border:1px solid #dddddd;
    padding:0 10px;
}

.pagenavi ul a.active{
    background:#1b76bd;
    color:#c5eaf8;
}

/* css detail product*/
.slider-large .item{
}

.slider-small a{
    border:1px solid #ddd;
    display:inline-block;
    padding:7px 0;
}

.slider-small{
}

.slider-large .owl-prev{
    background:#eee;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    left:0;
    font-size:23px;
    text-align:center;
    line-height:30px;
    transform:translateY(-50%);
}

.slider-large .owl-next{
    background:#eee;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    right:7px;
    font-size:23px;
    text-align:center;
    line-height:30px;
    transform:translateY(-50%);
}

.content-detail-product .name-product{
    font-size:24px;
    font-weight:bold;
    color:#2f383d;
    margin-top:0;
    /* font-family: 'Noto Serif', serif; */
    /*font-family: 'Roboto-Bold';*/
}

.content-detail-product #ProductPrice{
    display:inline-block;
    padding-top:0;
    font-weight:bold;
    color:#ff2f00;
    margin-top:0px;
    font-size:30px;
    font-family:'RobotoCondensed-BoldItalic';
    text-shadow:2px 2px #b2b2b2;
}

.p-short-description ul{
    padding-left:22px;
}

.p-short-description ul li{
    padding-bottom:3px;
    font-size:16px !important;
}

.slider-small1 a{
    border:1px solid #ddd;
    display:inline-block;
    width:100%;
    padding:5px;
}

.slider-small1 a img{
    height:90px;
}

.slider-large1 .item img{
    height:370px;
}

.slider-small1{
    margin-top:10px;
}

.price-container{
    font-size:15px;
    border-bottom:1px dashed #ddd;
    margin-bottom:10px;
}

.bd-r{
    border-right:1px solid #000;
    padding-right:10px;
}

.price-container .ComparePrice{
    color:#666;
    padding-left:10px;
}

.nav-img-detail .js-qty{
    display:inline-block;
    margin-right:10px;
}

.nav-img-detail .quantity-selector{
    width:100%;
}

.nav-img-detail .js-qty input[type=number]{
    width:106px;
    height:31px;
    padding-left:10px;
}

.nav-img-detail .add-cart-detaol{
    background:-webkit-radial-gradient(center center, circle farthest-side, #63625b 14%, #000 100%);
    color:#fff;
    text-transform:uppercase;
    padding:15px 10px;
    border-radius:5px;
    background:#2b8ae0;
}

.nav-img-detail .muahang{
    background:-webkit-radial-gradient(center center, circle farthest-side, #f2e386 14%, #ccb05e 100%);
    color:#000;
    text-transform:uppercase;
    padding:15px 10px;
    margin-right:8px;
    background:#fcaa34;
    color:#fff;
    border-radius:5px;
}

.product-tabs ul li a{
    border-radius:0;
    font-size:14px;
    text-transform:uppercase;
}

.product-tabs ul li:first-child a{
    padding-left:0;
}

.product-tabs ul li a:hover{
    color:#333;
    background:none;
}

.product-tabs ul li.active a{
    background-color:#1b76bd !important;
    position:relative;
}

.product-tabs ul li.active a:before{
    content:url('../images/icon1.png');
    position:absolute;
    right:0;
    top:-7px;
}

.product-tabs .nav-pills{
    border-bottom:2px solid #252565;
}

.product-tabs .tab-pane{
    padding:15px 0;
}

.product-tabs{
    margin-top:30px;
}

.other-product .item-other{
    /* width: calc((100% - 80px) / 4); */
    display:inline-block;
    /*float: right;*/
    /* margin-right: 19px; */
}

.other-product .item-other:nth-child(5n){
    margin-right:0;
}

.other-product{
    padding-top:20px;
    padding-bottom:29px;
}

.other-product .nav-product{
    padding-top:20px;
}

/* css new-home*/
.new-home .item-new .image{
    width:30%;
    display:inline-block;
    float:left;
}

.new-home .item-new .nav-image{
    width:70%;
    display:inline-block;
    float:right;
    padding-left:13px;
}

.new-home .item-new .nav-image .title{
    margin:0;
    font-family: "Play", sans-serif;
    font-size:16px;
    line-height:23px;
    height:48px;
    overflow:hidden;
}

.new-home .item-new .nav-image .desc{
    margin:0;
    font-size:14px;
    line-height:23px;
    height:70px;
    overflow:hidden;
}

.new-video .title1{
    position:inherit;
    left:inherit;
    top:inherit;
    transform:inherit;
    padding-left:0;
    padding-bottom:20px;
}

.new-video{
    margin-top:46px;
}

.new-home .item-new .image img{
    width:100%;
    height:154px;
    object-fit:cover;
}

.new-home .item-new{
    padding-bottom:30px;
}

.new-home .item-new .date{
    font-size:14px;
    color:#9a9a9a;
    margin:2px 0;
}

.other-new .title22{
    padding-top:20px;
    padding-bottom:10px;
}

/*css contact*/
p.thank-you{
    font-size:14px;
    color:#747474;
    font-style:italic;
}

h1.title-contact{
    color:#252565;
    font-size:22px;
    text-transform:uppercase;
    margin-top:0;
}

.adress-contact li{
    font-size:14px;
    list-style:none;
    padding-bottom:7px;
}

.adress-contact li span{
    font-family: "Play", sans-serif;
}

.adress-contact{
    padding-left:0;
}

.map-contact iframe{
    width:100%;
    height:369px;
}

.map-contact{
    border:1px solid #ddd;
    padding:2px;
}

.form-contat p.desc{
    font-size:14px;
    line-height:23px;
}

.form-contat input[type=text]{
    border:1px solid #d5d5d5;
    background:#fafafa;
    width:100%;
    height:30px;
    padding-left:10px;
    border-radius:3px;
    margin-bottom:10px;
}

.form-contat textarea{
    width:100%;
    height:265px;
    background:#fafafa;

    padding-left:10px;
    border-radius:3px;
}

.send-contact .item{
}

.send-contact .item:nth-child(4){
    margin-right:0;
}

.send-contact .item input[type=submit]{
    width:100%;
    height:35px;
    background:#555555;
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    border:1px solid;
    border-radius:3px;
}

.send-contact .item img{
    padding-top:4px;
}

#main-contact{
    /* margin-top: 13px; */
    margin-bottom:30px;
}

/*thêm*/
.up-main{
    /* background: -webkit-radial-gradient(center center, circle farthest-side, #ffffff -107%, #000 100%); */
    background-color:#56585b;
}

.up-main .ho-tro{
    list-style:none;
}

.up-main .ho-tro li{
    position:relative;
    display:inline-block;
}

.up-main .ho-tro a{
    color:#ff0000;
    padding-right:4px;
}

/*thêm menu cạnh slide*/
.title-hh .h2-title{
    margin-bottom:0px;
    height:40px;
    line-height:40px;
    color:#fff;
    background-color:#252565;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    padding-left:10px;
    border-radius:5px 5px 0px 0px;
    margin-top:0;
}

div.list-menu{
    padding:0px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-radius:0 0px 5px 5px;
}

/*.ul-list-menu {
    max-height: 365px;
    overflow-y: scroll;
}*/
.ul-b{
    padding-left:0px;
    margin-bottom:0px;
}

.ul-list-menu li{
    border-bottom:1px dashed #ccc;
    /*white-space: nowrap;*/
    padding:0px 5px;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    position:relative;
    background:#fff;
    /*height: 40px;*/
    line-height:30px;
}

.ul-b li{
    list-style-type:none;
}

.ul-list-menu :hover a{
    color:#fff;
}

.ul-list-menu li:hover{
    background:#252565;
}

.ul-list-menu img{
    width:20px;
    margin-right:5px;
}

/*end menu cạnh slide*/
/*menu trên slide*/
.menu-tren li{
    list-style:none;
    display:inline-block;
    padding:10px;
    background:#252565;
}

.menu-tren a{
    color:#fff;
}

.menu-tren ul{
    padding:0;
}

/*end menu trên slide*/
/*menu cạnh slide mới*/

.relative-category{
    position:relative;
}

.category-menu{
    background:#DB0214;
}

.category-menu .title-category{
    margin:0;
    background:linear-gradient(#caad5c -16%, #f2e386 47%, #caad5c 82%);
    color:#000;
    height:50px;
    line-height:50px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    padding-left:20px;
    padding-right:20px;
    letter-spacing:1px;
    cursor:pointer;
}

.category-menu .title-category .fa-bars{
    float:right;
    padding-top:18px;
}

.relative-category .nav-category-home{
    position:absolute;
    background:#fff;
    z-index:1;
    width:100%;
    display:none;
}

.nav-category-home ul{
    list-style:none;
    margin:0;
    border:1px solid #ddd;
    padding:0;
}

.nav-category-home > ul > li{
    position:relative;
}

.nav-category-home ul li a{
    display:inline-block;
    width:100%;
    padding:7px 15px;
}

.nav-category-home ul li a img{
    display:inline-block;
    float:left;
    padding-right:9px;
    max-width:30px;
}

.nav-category-home > ul > li i{
    float:right;
}

.nav-category-home .vertical-dropdown-menu{
    width:100%;
    position:absolute;
    background:#fff;
    z-index:111;
    left:290px;
    padding:0 20px;
    top:0;
    border:1px solid #ddd;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    z-index:99;
}

.vertical-dropdown-menu .mega-group-header{
    border-bottom:1px solid #E8E8E8;
    font-size:17px;
    margin-bottom:10px;
    display:table;
    width:100%;
}

.vertical-dropdown-menu .mega-group-header span{
    padding-bottom:10px;
    border-bottom:1px solid #FF0000;
    float:left;
    margin-bottom:-1px;
}

.vertical-dropdown-menu .group-link-default{
    border:none !important;
    padding:0;
    margin:0;
    padding-bottom:10px;
}

.nav-category-home ul li:hover .vertical-dropdown-menu{
    visibility:visible;
    opacity:1;
    left:233px;
}

#main-menu1 > ul{
    width:100%;
    margin:0;
    padding:0;
    display:inline-block;
    padding-top:5px;
}

#main-menu1 > ul > li{
    width:calc(100% / 9);
    display:inline-block;
    float:left;
    position:relative;
    margin-right:10px;
}

/*#main-menu1 ul li a {
    color: #4d4d4f;
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'UTM Futura Extra';
    border-right: 1px solid #cacaca;
}*/
/*.main-content .container{*/
/*    padding: 0;*/
/*}*/
.col-edit-1{
    padding-left:0;
    padding-right:0;
}

#main-menu1 ul li:hover{
    background:#0052aa;
}

@media (min-width:1200px){
    .col-edit-1{
        padding-left:0;
        padding-right:0;
        width:20%;
    }

    .col-edit-2{
        padding-left:0;
        padding-right:0;
        width:60%;
    }

    .col-edit-3{
        width:20%;
        padding-right:0;
        padding-left:0;
    }

    .col-edit-4{
        /* width: 80%; */
        padding-right:0;
        padding-left:0;
    }

    .col-edit{
        padding:0;
    }

    .nav-main-content1 > .content-product > .nav-product > .row > .col-md-3{
        /* width: calc(100% / 5); */
    }
}
/* For Tablets */
@media screen and (width: 1440px) and (height: 900px) {
    .content-product .nav-product .item-product .price-c span.tiet-kiem {
        font-size:12px !important;
    }

    .content-product .nav-product .item-product .price-c .gia-cu {
        font-size:12px !important;
    }

    .item-product .add-cart a {
        font-size:12px !important;
    }
}

@media only screen and (max-width:768px){
    .is-mobile{
        display:block;
    }

    .is-pc{
        display:none !important;
    }

    .relative-category .nav-category-home{
        height:auto;
        display:none;
    }

    #main-menu1{
        display:none;
    }

    #btn-top{
        width:35px !important;
    }

    .holine-footer{
        left:7px !important;
        bottom:30px !important;
        padding:6px 2px 6px 6px;
    }

    .holine-footer .holine-phone{
        font-size:15px !important;
    }

    .holine-footer .title-holine{
        width:1em;
        font-size:12px !important;
    }

    .logo-mobile{
        text-align:center;
    }

    .logo-mobile a{
        width:50%;
    }

    .home-button-group{
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        background:#fff;
        padding:8px 16px;
    }

    .home-button-group .mb-icons, .home-button-group .icons{
        display:block;
        background-color:#1988EC;
        width:40px;
        height:40px;
        border-radius:50%;
        margin:auto auto 4px;
    }

    .home-button-group .icon-menu{
        background-position:-80px 1px;
    }

    .home-button-group .icon-bold{
        background-position:-75px -33px;
    }

    .home-button-group .icon-list{
        background-position:-78px -69px;
    }

    .home-button-group .icon-bold{
        background-position:-75px -33px;
    }

    .home-button-group .icon-buildpc{
        background-color:#FF8125;
        background-position:-126px -44px;
    }

    .home-button-group span{
        display:block;
        font-weight:600;
        line-height:20px;
        color:#212A36;
        text-align:center;
    }

    .mb-icons{
        background:url(/images/mb-sprite.png) no-repeat;
        background-size:150px 150px;
    }

    .home-button-group .hc-nav-trigger{
        /*position:relative;*/
    }

    .title-primary{
        border-bottom:none;
    }
}

i{
    font-family:fontawesome;
    font-style:inherit;
}

/*end menu cạnh slide mới*/
#main-menu1{
    /* background: linear-gradient(#caad5c -16%, #f2e386 47%, #caad5c 82%); */
    /* overflow: hidden; */
    padding:0 0 10px 0;
}

#main-menu1 .nav_horizontal_item{
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.nav_horizontal_text{
    padding-left:10px;
}

.nav_horizontal_text .newBigText{
    font-weight:bold;
    font-size:14px;
    color:#FFF;
}

.nav_horizontal_text p{
    margin:0;
    padding:0;
    color:#000;
    line-height:18px;
    text-transform:uppercase;
    font-size:12px;
}

#main-menu1 ul li:hover p{
    color:#333;
}

#main-menu1 ul li:hover{
    background:#fff;
}

.header .search .form{
    position:relative
}

.header .search .form .searchResult{
    display:none;
    position:absolute;
    width:100%;
    padding:15px 10px 10px;
    background:#fff;
    box-shadow:0 0 3px rgba(0, 0, 0, .25);
    left:0;
    top:100%;
    z-index:1000
}

.searchResult .result-item{
    margin-bottom:10px
}

.searchResult .product{
    padding:0;
    border-bottom:1px solid #d5d5d5;
}

.searchResult .product .thumb{
    width:100%;
    height:70px;
}

.searchResult .product .info{
    /*float:right;
    width:-moz-calc(100% - 80px);
    width:-ms-calc(100% - 80px);
    width:-webkit-calc(100% - 80px);
    width:-o-calc(100% - 80px);
    width:calc(100% - 80px);*/
    padding-left:15px
}

.searchResult .product .title{
    margin:0;
    font-size:15px;
    line-height:18px;
    height:36px;
    font-weight:400;
    overflow:hidden;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}

.image.img-cover img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.searchResult .product .title a{
    color:#333
}

.searchResult .product .price .new{
    color:red;
    font-weight:700;
    font-size:13px
}

.searchResult .product .price .old{
    color:#898989;
    font-size:13px;
    text-decoration:line-through
}

.searchResult .viewmore{
    padding:10px 0 0;
    text-align:right;
    font-size:12px;
    line-height:18px
}

.searchResult .viewmore a{
    color:#333
}

/*responsive search*/
@media (max-width:767px){
    .searchResult .product{
        display: flex;
    }

    .searchResult .product .price .new, .searchResult .product .price .old {
        font-size: 11px;
    }

    .searchResult .product .title {
        font-size: 12px;
    }

    .searchResult .product .thumb{
        height:auto;
        width: 30%;
    }

    .searchResult .product .info{
        height:auto;
        width: 70%;
    }
}

@media (min-width:768px){
    .searchResult .product{
        display: flex;
        padding: 5px;
    }

    .searchResult .product .thumb{
        height:80px;
        width: auto;
    }

    .searchResult .product .info{
        display: flex;
        width: 100%;
    }

    .searchResult .product .title{
        width: 100%;
    }
}

.up-main .ho-tro .ht-child{
    display:none !important;
    position:absolute;
    padding:0;
    background:#fff;
    z-index:9;
    min-width:375px;
}

.up-main .ho-tro li:hover .ht-child{
    display:block;
}

.sale-pr img{
    width:30px;
}

.new-pr img{
    width:30px;
}

.mua-hang a{
    float:left;
    font-size:10px;
    width:44%;
    text-align:center;
}

.mua-hang a span{
    text-align:center;
    font-size:20px;
    font-weight:600;
}

@media (max-width:768px){
    .mua-hang a{
        width:100%;
    }
}

#dPro table table{
    width:200px;
}

#product-sale-home .owl-next, #product-sale-home-2 .owl-next{
    position:absolute;
    top:50%;
    right:0px;
    display:block;
}

#product-sale-home .owl-prev, #product-sale-home-2 .owl-prev{
    position:absolute;
    top:50%;
    left:0px;
    display:block;
}

#product-sale-home .owl-prev i, #product-sale-home .owl-next i, #product-sale-home-2 .owl-prev i, #product-sale-home-2 .owl-next i{
    display:inline-block;
    width:37px;
    height:37px;
    text-align:center;
    line-height:37px;
    font-size:16px;
    color:#333;
}

#product-sale-home .owl-prev i:hover, #product-sale-home .owl-next i:hover, #product-sale-home-2 .owl-prev i:hover, #product-sale-home-2 .owl-next i:hover{
    color:#333;
}

/* banner home*/
.banner-home{background:#f1f1f1;margin:5px 0 25px 0;padding:0 0 25px 0;}

.banner-home .banner-home-right{width:1325px;float:right;}

.banner-home .banner-home-right .slider-homepage{width:661px;float:left;margin-right:5px;margin-bottom:5px;}

.banner-home .banner-home-right .banner-right-homepage{
    width:659px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.banner-home .banner-home-right .banner-right-homepage .item-n{width:49%;float:left;margin-bottom:5px;border-radius:15px;overflow:hidden;margin-right:5px;}

.banner-home .banner-home-right .banner-right-homepage .item-n:nth-child(2n){margin-right:0px;}

.banner-home .banner-home-bot{width:100%;float:left;}

.banner-home .banner-home-bot .item-n{width:calc(25% - 3.75px);float:left;margin-right:5px;border-radius:15px;overflow:hidden;}

.banner-home .banner-home-bot .item-n:nth-child(4){margin-right:0px;}

.banner-home .banner-home-bot-big{width:100%;float:left;margin-top:15px;}

.banner-home .banner-home-bot-big .item-n{width:calc(25% - 11.25px);float:left;margin-right:15px;border-radius:5px;overflow:hidden;}

.banner-home .banner-home-bot-big .item-n:nth-child(4){margin-right:0px;}

/*menu*/
.header-new-bot-right{width:476px;float:right;height:61px;background:#56585b;}

.header-new-bot-right .hd-hotline{float:left;position:relative;width:190px;margin-top:11px;padding-left:50px;}

.header-new-bot-right .hd-hotline .icons-2020{width:40px;height:40px;float:left;position:absolute;z-index:1;top:0px;left:-20px;background-position:-4px -35px;}

.header-new-bot-right .hd-hotline .hd-txt{float:left;}

.header-new-bot-right .hd-hotline .hd-txt .txt{display:block;float:left;font-size:16px;line-height:1;color:#fff;margin-bottom:5px;font-weight:500}

.header-new-bot-right .hd-hotline .hd-txt .txt2{display:block;float:left;font-size:16px;font-weight:500;line-height:1;color:#fff;}

.header-new-bot-right .hd-buildpc{width:150px;float:left;margin-top:11px;}

.header-new-bot-right .hd-buildpc .icons-2020{width:40px;height:40px;float:left;z-index:1;top:0px;background-position:-58px -35px;margin-right:10px;}

.header-new-bot-right .hd-buildpc .hd-txt{float:left;}

.header-new-bot-right .hd-buildpc .hd-txt span{display:block;float:left;font-size:15px;color:#fff;font-weight:500;clear:both;line-height:20px;}

.header-new-bot-right .hd-cart{float:left;margin-top:11px;position:relative;display:flex;}

.header-new-bot-right .hd-cart .icons-2020{width:40px;height:40px;float:left;z-index:1;top:0px;background-position:-114px -35px;margin-right:10px;}

.header-new-bot-right .hd-cart .hd-txt{float:left;font-size:15px;line-height:40px;font-weight:500;color:#fff;}

.header-new-bot-right .hd-cart .count-cart{width:22px;height:22px;border-radius:50%;line-height:22px;text-align:center;font-size:14px;font-weight:700;color:#fff;background:#fba02d;position:absolute;top:-8px;left:28px;}

.header-new-bot{background:#555555;}

.header-new-bot .list-content{width:100%;float:left;position:relative;}

.header-new-bot .list-content .item-n{padding-bottom:15px;}

.header-new-bot .list-content .item-n.item-n-first{width:205px;float:left;margin-right:5px;border-radius:3px;position:relative;}

.header-new-bot .list-content .item-n.item-n-second{width:240px;float:left;margin-right:5px;text-align:center;border-radius:3px;}

.header-new-bot .list-content .item-n.item-n-other{width:231px;float:left;margin-right:5px;text-align:center;border-radius:3px;}

.header-new-bot .list-content .item-n.item-n-other a{width:100%;float:left;background:#fff;border-radius:5px;}

.header-new-bot .list-content .item-n.item-n-other.item-n-seven{margin-right:0px;}

.header-new-bot .list-content .item-n.item-n-third{position:static;}

.header-new-bot .list-content .item-n.item-n-third{padding-bottom:0px}

.header-new-bot .list-content .item-n.item-n-third .header-brand{width:100%;float:left;padding-bottom:15px}

.header-new-bot .list-content .item-n.item-n-third .header-brand .custom-title{width:100%;float:left;font-size:15px;text-transform:uppercase;line-height:38px;text-align:center;color:#222222;font-weight:700;height:34px;overflow:hidden;background:url(../images/bg-re-oran.jpg) repeat-x;background-size:auto 100%;border-radius:5px;}

.header-new-bot .list-content .item-n.item-n-third .hover-content{display:none;width:100%;float:left;background:#fff;position:absolute;top:100%;left:0px;z-index:999999;padding:10px;}

.header-new-bot .list-content .item-n.item-n-third .hover-content .title-n{width:100%;float:left;margin-bottom:20px;border-bottom:solid 1px #ccc;line-height:40px;font-size:16px;text-transform:uppercase;font-weight:700;text-align:left;}

.header-new-bot .list-content .item-n.item-n-third .hover-content .title-n a{float:right;font-size:14px;text-transform:initial;font-weight:400;color:#222;width:auto;}

.header-new-bot .list-content .item-n.item-n-third .hover-content .hoverlist-brand{width:100%;float:left;padding:0px 50px;display:flex;flex-wrap:wrap;}

.header-new-bot .list-content .item-n.item-n-third .hover-content .hoverlist-brand a{width:20%;float:left;padding:0px 20px;margin-bottom:20px;text-align:center;}

.header-new-bot .list-content .item-n.item-n-third .hover-content .hoverlist-brand a img{max-width:80px;}

.header-new-bot .list-content .item-n.item-n-first a.title-n{width:100%;float:left;font-size:15px;text-transform:uppercase;line-height:38px;text-align:center;color:#222222;font-weight:700;height:34px;overflow:hidden;background:url(../images/bg-re-oran.jpg) repeat-x;background-size:auto 100%;border-radius:5px;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub{width:290px;height:auto;background:#fff;position:absolute;top:25px;left:0px;padding:2.5px 0px;text-align:left;z-index:9;padding-bottom:19px;list-style:outside none; /* display: none; */}

#main-menu1 ul li.menu-item.first-category-box ul.menu-main-sub{
    transform:rotateX(
            90deg);
    transform-origin:center top 0;
    -moz-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
    visibility:hidden;

    border-radius:10px;
}


.header-new-bot .list-content .item-n.item-n-first.nothome .menu-main-sub{visibility:hidden;opacity:0;transition:0.3s;}

.header-new-bot .list-content .item-n.item-n-first.nothome:hover .menu-main-sub{visibility:visible;opacity:1;transition:0.3s;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li{width:100%;float:left;position:relative;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li a{width:100%;float:left;line-height:52px;padding-left:65px;background-position:25px center !important;background-size:20px auto !important;font-size:15px;font-weight:500;color:#222222;position:relative;font-weight:700;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub > li:hover{background:#E30019;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub > li:hover a.itop{color:#fff;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li:hover a.itop::after{content:'';width:0;height:0;border-top:26px solid transparent;border-bottom:26px solid transparent;border-left:19px solid #E30019;position:absolute;top:0px;right:-19px;z-index:99999999;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li .box-sub-cat{width:1330px;float:left;position:absolute;top:0px;left:100%;z-index:999;background:#fff;padding:10px;min-height:100%;visibility:hidden;opacity:0;transition:0.3s;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub li:hover .box-sub-cat{visibility:visible;opacity:1;transition:0.3s;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat{width:20%;float:left;margin-bottom:20px;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat:nth-child(5n + 1){clear:both;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat a.cat2{width:100%;float:left;font-size:15px;line-height:30px;color:#555555;padding:0px;font-weight:600;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat a.cat3{width:100%;float:left;font-size:15px;line-height:30px;color:#222222;font-weight:400;padding:0px;}

.header-new-bot .list-content .item-n.item-n-first .menu-main-sub .box-sub-cat .box-cat .cat3:hover{color:#555555;}

.header-new-bot .list-content .item-n.item-n-second a.title-n{width:100%;float:left;font-size:15px;text-transform:uppercase;line-height:38px;text-align:center;color:#222222;font-weight:700;height:34px;overflow:hidden;background:url(/images/bg-re-oran.jpg) repeat-x;background-size:auto 100%;border-radius:5px;}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub{width:100%;float:left;position:absolute;top:100%;left:0px;z-index:999999;background:#fff;text-align:left;visibility:hidden;opacity:0;transition:0.3s;}

.header-new-bot .list-content .item-n.item-n-second:hover .cs-hd-sub{visibility:visible;opacity:1;transition:0.3s;}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item{width:25%;float:left;padding:10px;}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item .title-n{width:100%;float:left;font-size:15px;text-transform:uppercase;margin-bottom:20px;font-weight:500;line-height:1;position:relative;}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item .title-n::after{content:'';width:50px;height:2px;background:#555555;float:left;position:absolute;left:0px;bottom:-8px;}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item a{width:100%;float:left;font-size:13px;color:#222222;line-height:1.5;margin-bottom:5px;font-weight:300;}

.header-new-bot .list-content .item-n.item-n-second .cs-hd-sub .cs-hd-sub-item a:hover{color:#555555;}

.header-new-bot .list-content .item-n.item-n-other a{width:100%;float:left;font-size:15px;text-transform:uppercase;line-height:34px;text-align:center;color:#222222;font-weight:700;height:34px;overflow:hidden;}

.header-new-bot .list-content .item-n.item-n-other.item-n-third a .icons-2020{width:16px;height:15px;display:inline-block;margin-right:8px;background-position:-114px -4px;position:relative;top:-4px;}

.header-new-bot .list-content .item-n.item-n-other a span.txt{line-height:38px;}

.header-new-bot .list-content .item-n.item-n-other.item-n-four a .icons-2020{width:17px;height:15px;display:inline-block;margin-right:8px;background-position:-146px -4px;position:relative;top:-4px;}

.header-new-bot .list-content .item-n.item-n-other.item-n-five a .icons-2020{width:22px;height:16px;display:inline-block;margin-right:8px;background-position:-181px -5px;position:relative;top:-2px;}

.header-new-bot .list-content .item-n.item-n-other.item-n-six a .icons-2020{width:18px;height:22px;display:inline-block;margin-right:8px;background-position:-221px -5px;position:relative;top:-4px;}

.header-new-bot .list-content .item-n.item-n-other.item-n-seven a .icons-2020{width:25px;height:16px;display:inline-block;margin-right:8px;background-position:-255px -4px;position:relative;top:-1px;}

.menu-main-sub .box-cat{padding:10px;float:left;width:33.33%;}

.quick-view{font-size:0;height:38px;width:42px;display:inline-block;vertical-align:top;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;background:#0d5a94 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAuCAYAAAAyVNlIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAPnSURBVHja7JddiFVVFMd/+5xzPxoNZmy0D3q4EL5MTIJXER+SmyJ9jChDmBV9QEbRo88TPog4jh+DYKjNiyODDxoy1KQyERWlZKHQQ9lLb8akWakNCdf78e/Bdep0Zp+ZOzH1NAs2l7vW2v+19l7/vc7eThLTyCLgWeAp4FEgZ/oa8C0wDrwH3MwCcBkBFgN9wFbAAVeBr4EfgTzwEFAG7geawBDQD/w6BUlSerwq6YakuqQTklaafrGkDZJ6JHWabpWkk+Z7XdLzabzkn7yko7or5yR1mz6UtFdSTX/LHUm7JQXms0zSebMdkZRLB1go6WNJDUnbDTS2HbKJQ5IqNo6Zbl/CL5K0wzDOSGqLA7RJ+kzSpKTnUkvsltSU1O/ZykEDW5rSv2hYZyXlkTQi6XtJT3tA+iTdlrTAY2u3bdvmsfUa5uEAKAJfAGc9bHoQ+Bn4w2O7CfwCLPHYRoEvgfsC4DbwOLDR4/gT8ABwr8fWDnRaAmnZAqwGriKpKGnc9u3ljBoMZNSg7qnB1nQN4kK/b0UbMEbEtoPGmGFJ6yStTbBoT8IvJ+mAYYxKuid9DiLLqinpgnE7Pgc7JVUT56BqlHTmU5Z00ebuT9KcDAZMGENGbDKSOiStt9FhuuWSjpvvhKRNabysXtQOvA28CSwEfgAuAVesNz0MrAAeASaBw8Au4FarzS7ZTbcAG4DHjFECrgHfAGPWTW/MtpvOmQT8xzIfYD7AfID/IYCbzthqG3HOzS7Av+1PvkBBK+C+iT6dd+5MwDOtJssnTiCYTdaz2ZoYcyaUdqAX6AG6Ev4CvgPOAKeA36crcgg0UvpOu76/bv+vAV+lru8r7NIl4F27vv/Wyll4xT6BdeAEsDLxZugBnrEEAFYBJ833un1ep0hov3ngqGV0DuhO2Pfaq0Y27gC7E8ktA86b7UjiJXRXyuVym3PuI9uq7YmgAIds4hBQsXHMdPsSfhGwA2g45z4slUpFACqVStE59wkwGYbh5tTquu2J1O9Z+aAltPQf2xGGLwCTzrmxcrmcAxgGLkdR9KQHpM8uxwsyGFYDtqUNhUJhI3A5CIJ3AqCWy+U+rdfr43N1fa9Wqx+EYfh5s9lsC4CwVqs9USgUeubq+h6G4eZGo7EmiqJbdHV15Z1zp60GL2XUYCCjBnVPDV5L14BSqVR0zo1a0QaMEbEcNMYMA+uAtQkW7Un45YADxqJTf7EoRbNBy/iCcTs+BzuBauIcVI2ScesoAxdt7v4UzadILzBhDBmxyQAdwHobHaZbDhw33wlgU6tftDm7vs8ki4IgeAs4beA1axNXgLEgCN5IrMYrfw4A55yi+TWLtjUAAAAASUVORK5CYII=) no-repeat scroll 9px 12px;position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-21px;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0);}

.quick-view .material-icons{display:none;font-size:20px;margin:7px 10px;color:#fff;}

.nav-product .item-product:hover .quick-view{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);}

.nav-product .item-product .quick-view:hover{background-color:#ffe11b;}

#footer-site .top-footer .item .nav-item-adress ul li .fa-facebook-f{background:#3B5997;}

#footer-site .top-footer .item .nav-item-adress ul li .fa-twitter{background:#00ACF0;}

#footer-site .top-footer .item .nav-item-adress ul li .fa-instagram{background:#447397;}

#footer-site .top-footer .item .nav-item-adress ul li .fa-youtube{background:#D12E2E;}

#footer-site .top-footer .item .nav-item-adress ul li .fa-google{background:#DB4F48;}

.css-icon-plus{padding:10px;position:absolute;right:0px;display:none;top:0px;}

.fillter_bl .content_fillter [class^="group-fillter fill-key-"] .attribute-title{position:relative;}

.fillter_bl .content_fillter [class^="group-fillter fill-key-"] .attribute-title:after{content:"\f067";font-size:13px;font:normal normal normal 14px/1 FontAwesome;position:absolute;right:10px;top:12px;transition:all .3s;}

.fillter_bl .content_fillter [class^="group-fillter fill-key-"] .attribute-title.show:after{content:"\f068";}

.fillter_bl .content_fillter [class^="group-fillter fill-key-"] .attribute-group{display:none;}

@media (max-width:768px){
    .mobile-display-none{display:none;}

    .css-icon-plus{display:block;}

    .vertical-dropdown-menu{display:none;}

    .slider-large .item img{height:auto !important;}

    .slider-large .owl-prev{right:0px;background:transparent;width:27px;height:27px;}

    .slider-large .owl-next{right:0px;background:transparent;width:27px;height:27px;}

    .slider-large .owl-nav i{width:27px;height:27px;line-height:27px;}

    .content-detail-new img{height:auto !important;width:100% !important;}
}

.content-product .nav-product .add-cart{ /* transform: scale(0, 0); *//* position: absolute; *//* bottom: 45px; */width:100%;text-align:center;transition:.3s;display:flex;margin:0;justify-content:space-between;}

.content-product.home-first .nav-product .add-cart{bottom:25px;}

.content-product .nav-product .item-product{display:flex;flex-direction:column;position:relative;}

#product-sale-home .item-product{
    /* border: 1px solid #ddd; */
    padding:10px;
}

.content-product .nav-product .item-product:hover .add-cart{transform:scale(1, 1);}

.content-product .nav-product .item-product:hover .price-c{ /* transform: scale(0, 0); */}

.content-product .nav-product .item-product .price-c .price{padding:0px;}

.content-product .nav-product .item-product .price-c{ /* order: 3; */transition:.3s;text-align:left;  font-family: "Play", sans-serif;;transform:scale(1, 1);}

.content-product .nav-product .item-product .price-c *{font-family: "Play", sans-serif;font-size:20px;text-shadow:0px 0px #b2b2b2;}

.content-product .nav-product .item-product .price-c .gia-cu{font-size:14px;color:rgba(0, 0, 0, .2);  font-family: "Play", sans-serif !important;font-weight:400;}

.content-product .nav-product .item-product .price-c{position:relative;height:52px;}

.content-product .nav-product .item-product .price-c .sale-off-show{position:absolute;top:17px;right:0;background-image:url('/images/sale1.png');background-size:contain;font-size:11px;padding:10px 0px;width:35px;height:35px;text-align:center;display:none;}

#main-menu1 > ul{display:inline;}

#main-menu1 > ul > li{
    padding:5px 0;
    background:#0f1424;
    line-height:40px;
    color:#fff;
}


#main-menu1 ul li.menu-item.first-category-box{
    height:35px;
}

#main-menu1 ul li.menu-item.first-category-box:hover .menu-main-sub{
    opacity:1;
    transform:rotateX(
            0deg);
    visibility:visible;
}

#main-menu1 ul li.menu-item.first-category-box:hover .menu-main-sub{
    opacity:1;
    transform:rotateX(
            0deg);
    visibility:visible;
    /* top: 0; */
}

#main-menu1 ul li:hover{background:linear-gradient(#65562e -16%, #797143 47%, #787142 82%);background:#fb9d2b;}

#main-menu1 li.menu-item:hover > .sub-menu{
    padding-top:15px;
}

#main-menu1 ul li:hover p{color:#fff;}

div.adfloat{top:205px !important;}

.content-product .nav-product .item-product .price-c .css-size-d{font-size:17px;}

.sidebar .nav-product-sb .item .price span.css-price-d{font-size:14px;padding:0px;color:#c80000;font-family: "Play", sans-serif;}

.sidebar .nav-product-sb .item .price{font-size:15px;}

@media (min-width:768px){
    .main-logo-shop > .container > .row > .col-md-2.col-xs-12{text-align:center;}
}

.main-slider .owl-prev, .main-slider .owl-next{background:initial;}

.main-slider .owl-prev{display:block;}

.main-slider .owl-nav i{background:initial;}

.slider-sale .col-md-6.col-sm-6.col-xs-12.col-edit-2{padding-left:3px;}

.hidden-box{display:none !important;}

.content-product .nav-product .item-product .price-c span.tiet-kiem{font-size:13px;color:#ce3333;font-weight:100;font-family:'Roboto', sans-serif !important;}

.content-product.home-first div#product-sale-home{padding:10px;}

.no-result{padding:20px 0;}

.pd-l-r-0{
    padding-left:0;
    padding-right:0;
}

.fixed_bg{
    z-index:9999999;
    position:relative;
}

.content-form-user .form-control, .content-form-user label{
    width:100%;
}

.heading-detail-user{
    font-size:21px;
    font-weight:bold;
    color:#555555;
}

.profile_box .login_button{
    border:unset;
    background:#E30019;
    color:#fff;
    padding:10px 15px;
}

.profile_box{
    margin:15px 0 0 0;
}

.recovery-user-box{
    margin:125px 0;
}

.recovery-user-box .login-box-msg{
    font-size:20px;
    font-weight:bold;
    color:#555555;
}

.main-product-detail .sidebar h3{
    margin-top:0px;
    color:#212A36;
    font-weight:700;
    font-size:20px;
    line-height:24px;
    border-bottom:1px solid #E5EAF1;
    padding-bottom:10px;
    margin-bottom:10px;
}

.main-product-detail .content-thong-so-2 table tr td{
    color:#212A36;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    max-width:300px;
    padding:16px 8px !important;
    text-align:center;
    border:2px solid #fcf6f6 !important;
}

.main-product-detail .content-thong-so-2 table tr:nth-child(odd){
    background:#F5F8FD;
}

.main-product-detail .row-col .col-md-8{
    width:60%;
}

.main-product-detail .row-col .col-md-4{
    width:40%;
}

.sidebar .content-box .viewmore-area{
    position:static;
    height:auto;
    padding-top:30px;
}

.sidebar .content-box .content-thong-so-2{
    height:500px;
    overflow:hidden;
    position:relative;
}

.sidebar .content-box .content-thong-so-2 .readmore-22{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100px;
    padding-top:80px;
    text-align:center;
    border-radius:0 0 5px 5px;
    background:rgba(255, 255, 255, 0);
    background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
    background:-webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .91)), color-stop(55%, #fff));
    background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
    background:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
    background:-ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
    background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, #fff 55%);
}

.sidebar .content-box table{
    width:100% !important;
}

.sidebar .modal-dialog{
    width:800px;
}

.sidebar .modal-dialog .modal-content{
    padding:20px
}

.tlqcontent tr:nth-child(odd){
    background:#F5F8FD;
}

.tlqcontent tr td{
    padding:16px 10px !important;
}

.sidebar .modal-dialog .close{
    position:absolute;
    right:14px;
    top:10px;
    opacity:1;
    font-size:25px;
}

.sidebar .modal-dialog .tlqcontent table{
    width:100%;
    margin-top:24px;
}

.sidebar .readmore{
    text-align:center;
    margin-top:20px;
}

.viewmore-area .viewmore{
    line-height:36px;
    background:#FFF;
    color:#E30019;
    -webkit-box-shadow:0 0 0 1px #E30019;
    box-shadow:0 0 0 1px #E30019;
    border-radius:10px;
    font-size:16px;
    font-weight:600;
    margin:auto;
    max-width:126px;
    width:100%;
    -webkit-transition:.15s all;
    transition:.15s all;
    font-size:13px;
    height:auto;
    margin-top:20px;
    -webkit-transition:.15s all;
    transition:.15s all;
}

.viewmore-area .viewmore:hover{
    background:#E30019;
    color:#fff;
}

@media (max-width:1630px){
    .container{ /* width: 1220px; */padding:0px 10px; /* max-width: 1220px; */}
}

.button-box-recovery{margin:15px 0 0 0;}

.button-box-recovery button{border:unset;background:#555555;color:#fff;padding:7px 15px;margin:0 10px 0 0;}

.button-box-recovery .register_button{border:unset;background:#555555;color:#fff;padding:9px 15px;margin:0 10px 0 0;}

.page-change-password input, .page-change-password label{width:100%;}

.page-change-password input{
    height:32px;
    border:1px solid #ddd;
}

.page-change-password label{
    margin-bottom:8px;
}

.page-change-password .box_title_2{
    font-size:20px;
    font-weight:bold;
    color:#555555;
    margin:0 0 5px 0;
    text-align:center;
}

.top_barr.customers-tabs_{margin:15px 0 5px 0;}

a.logo img{
    padding:20px 0;
}

@media (max-width:1000px){
    .sidebar .modal-dialog{
        width:100% !important;
    }
}

@media (max-width:736px){
    .main-product-detail .row-col .col-md-8{
        width:100%;
    }

    .main-product-detail .row-col .col-md-4{
        width:100%;
    }

    .sidebar .modal-dialog{
        width:800px;
    }

    .sidebar .modal-dialog .tlqcontent table{
        display:inline-block;
        overflow:auto;
    }
}

@media (max-width:768px){
    .container-customer{
        display:none;
    }
}

@media (min-width:1650px){
    .container-customer-review{
        width:1650px;
    }
}

.container-customer-review{
    width:1200px;
    max-width:100%;
    padding:0 10px;
    margin-right:auto;
    margin-left:auto;
}

.phonghacompu-customer{
    display:flex;
    margin-bottom:20px;
    align-items:stretch;
}

.phonghacompu-customer .phonghacompu-customer-img-fix{
    width:25%;
    margin-right:10px;
    background-color:#555555;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.phonghacompu-customer .wrap-phonghacompu-customer{
    width:75%;
    background-color:#555555;
    padding:0 20px 20px;
    border-radius:10px;
}

.phonghacompu-customer .wrap-phonghacompu-customer .phonghacompu-customer-title{
    font-size:28px;
    text-align:center;
    font-weight:600;
    color:white;
    padding:10px 0 20px;
    text-transform:uppercase;
}

.slider-small .owl-item:nth-of-type(odd) > a{
    background:-webkit-radial-gradient(center center, circle farthest-side, #5f5a5a 14%, #000 100%);
}

.slider-small .owl-item:nth-of-type(even) > a{
    background:-webkit-radial-gradient(center center, circle farthest-side, #f2e386 14%, #ccb05e 100%);
    color:black;
}

.img-customer{
    width:100%;
    height:100%;
    object-fit:contain;
}

.item-customer{
    width:100%;
    height:250px;
}

#main-menu1 ul li{
    position:relative;
}

#main-menu1 ul.sub-menu{
    display:none;
    position:absolute;
    width:250px;
    background-color:#333333;
    top:100%;
    z-index:999999;
    margin-top:0px;
    padding-top:0px;
}

#main-menu1 ul.sub-menu i{
    float:right;
    color:#fff;
}

#main-menu1 ul.sub-menu.level3{
    top:0%;
    left:100%;
    display:none !important;
}

#main-menu1 ul.sub-menu li{
    padding:10px 15px;
    border-bottom:1px dashed #333333;
}

#main-menu1 ul.sub-menu li a{
    color:#fff;
}

#main-menu1 ul.sub-menu li{
    width:100%;
}

#main-menu1 li:hover .sub-menu{
    display:block;
    padding-left:0;
    list-style:none;
    background:#555555;
}

#main-menu1 li:hover .sub-menu:hover{
    display:block;
}

#main-menu1 ul.sub-menu li:hover ul.sub-menu.level3{
    display:block !important;
}

.hello{
    display:block !important;
}

.css-icon-plus.cssssss{
    display:block;
}

header .search .form .searchResult{
    display:none;
    position:absolute;
    width:100%;
    padding:15px 10px 10px;
    background:#fff;
    box-shadow:0 0 3px rgba(0, 0, 0, .25);
    left:0;
    top:100%;
    z-index:1000;
}

.side-category .title{
    background:linear-gradient(#caad5c -16%, #f2e386 47%, #caad5c 82%);
    padding:12px 15px;
    font-weight:600;
    margin-bottom:0px;
    background:#555555;
    color:#fff;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
}

.side-category .title i{
    margin-right:7px;
}

.side-category ul{
    background-color:#040404;
    list-style:none;
    padding:0px;
    margin:0px;
}

.side-category ul li{
    color:#fff;
    padding:10px 15px;
    border-bottom:1px dashed #333333;
    background:#fff;
}

.side-category ul li i{
    float:right;
}

.side-category ul li a{
    color:#333;
    text-transform:uppercase;
}

.side-category ul.sub{
    position:absolute;
    width:250px;
    z-index:999;
    left:100%;
    top:0%;
    display:none;
}

.side-category ul li:hover > a, .side-category ul li:hover > i{
    color:#b1a662;
}

.side-category ul li:hover > ul{
    display:block;
}

@media (max-width:600px){
    .side-category ul.sub{
        display:none !important;
    }

    .side-category ul li i{
        display:none !important;
    }
}

.cart .cart-count{
    background:#FA5252;
    width:24px;
    height:24px;
    line-height:24px;
    border-radius:50%;
    text-align:center;
    color:#F5F8FD;
    position:absolute;
    top:-2px;
    right:-1em;
}

.cart-mobile-order{
    /*width:11%;*/
}

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

.label-attribute{
    display:flex;
    font-weight:500;
    margin:0.7em 0;
    align-items:center;
}

.label-attribute input[type=checkbox]{
    margin:0 !important;
}

.label-attribute span{
    margin-left:0.5em !important;
}

.detail-tab{
    background-color:#fff;
    border-radius:10px;
    padding:10px;
    margin-bottom:30px;
}

.contact-custom-form{
    background-color:#fff;
    border-radius:10px;
    padding:10px;
}

.sbm-btn{
    width:100%;
    background-color:#1988EC;
    padding:8px 0;
    font-size:15px;
    color:#fff;
    font-weight:800;
    border:none;
    border-radius:10px;
}

.border-image-namha {
    /*border-image: url('/images/border.png') 11% round;*/
    /*border-width: 2rem;*/
    /*border-style: solid;*/
    /*border-image-repeat: stretch;*/
}

.content-dac-diem a {
    color: #0000ff !important;
    text-decoration:underline !important;
}

/*Tooltip*/
.tippy-box[data-theme~='default'] {
    background-color: #fff;
    color: #000000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.tippy-box {
    border-radius: 10px;
}

.tippy-content {
    margin: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.tooltip-product {
    width: 440px;
    height: auto;
    padding-bottom: 1px;
}

.tooltip-product .tooltip-title {
    background: #E30019;
    color: #fefefe;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 12px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
    font-weight: bold;
}

.tooltip-product .tooltip-content {
    margin-top: 16px;
    display: flex;
    padding: 0 8px;
}

.tooltip-price {
    padding: 0 12px 6px;
}

.tooltip-price p {
    font-weight: 600;
    line-height: 24px;
}

.tooltip-product .tooltip-info {
    margin-left: 80px;
    font-weight: 600;
    line-height: 24px;
}

.tooltip-gift {
    border: 1px solid #E30019;
    padding: 10px;
    margin: 10px;
}

.title-gift {
    box-shadow: unset;
    border-radius: unset;
    padding-left: 10px;
    font-size: 18px;
    background: red;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    width: 100%;
}

@media (max-width: 767px) {
    .tippy-box {
        display: none !important;
    }
}

#main-header-cate-btn {
    display: none;
}

#main-header-cate-btn .header-action_text .banner-home-left {
    display: none;
    position: absolute;
    margin-top: 8px;
}

#main-header-cate-btn .header-action_text .banner-home-left .box-sub-cat {
    width: 1050px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#main-header-cate-btn .header-action_text .banner-home-left .menu-main-sub {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
    #main-header-cate-btn {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #main-header-cate-btn {
    display: block !important;
  }
}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    background: white !important;
    color: #000;
}
.fixed-left{
    position: fixed;
    top: 170px;
    left: 0;
    text-align: left;
    z-index: 2;
}
.fixed-right {
    position: fixed;
    top: 170px;
    right: 0;
    text-align: right;
    z-index: 2;
}
.h-auto {
    height: auto !important;
}

.w-auto {
    width: auto !important;
}
.fixed-left img{
    width: 130px !important;
}
.fixed-right img{
    width: 130px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .fixed-left img{
        width: 120px !important;
    }
    .fixed-right img{
        width: 120px !important;
    }
}

@media (max-width: 767px) {
    .fixed-left img{
        width: 110px !important;
    }
    .fixed-right img{
        width: 110px !important;
    }
}

@media (max-width: 567px) {
    .fixed-left img{
        width: 0px !important;
    }
    .fixed-right img{
        width: 0px !important;
    }
}
/*Profile*/
#profile-tabs li a:hover{
    color: #E30019 !important;
}