@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/tp/T0340/font/Montserrat/Montserrat-Medium.ttf');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('/tp/T0340/font/Montserrat/Montserrat-Bold.ttf');
}
body{
    color: #000;
}
a{
    color: #000;
}
a:hover{
    color: #2d2d2d;
    text-decoration: none;
}
img{
    max-width: 100%;
}
ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
input,button{
    outline: none !important;
    box-shadow: none !important;
}
img.lazyloading {
    opacity: 0.01;
}
img.lazyloaded {
    opacity: 1;
}





/*             */
header{
    padding: 10px 15px;
    background-color: #000;
}
header.scroll{
    background-color: #000 !important;
    transition: all 0.3s;
}
.top-bar{
    height: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.logo{
    max-width: 130px;
}
.logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.logo-footer img{
    max-width: 50%;
}
.block-menu{
    flex: 1;
}
.lv_1 ul{
    display: none;
}
.header-groupAction>div:not(:first-child){
    margin-left: 15px;
}
.header-groupAction>div>a{
    color: #fff;
    font-size: 18px;
}
header .formSearch{
    padding: 8px;
    background: rgba(255,255,255,0.35);
    top: 100%;
    right: 0;
    display: none;
    z-index: 2;
}
header .formSearch input{
    border: 1px solid #e5e5e5;
    font-size: 14px;
    padding: 1px 25px 1px 5px !important;
    width: auto;
}
header .formSearch.active input{
    width: 182px;
}
header .formSearch button{
    top: 50%;
    right: 1px;
    transform: translateY(-50%);
    font-size: 13px;
    width: 25px;
    text-align: center;
    background: #fff;
}
.banner-main{
    color: #fff;
}
.banner-main .infor-banner{
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 405px;*/
}
.banner-main .infor-banner>*{
    color: #fff;
    letter-spacing: 0.5px;
}
.banner-main .infor-banner>a{
    background: rgb(175,20,26);
}
.banner-main .owl-dots{
    position: absolute;
    bottom: 0;
    margin: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.banner-main.owl-theme .owl-dots .owl-dot span{
    width: 10px;
    height: 10px;
}
.banner-main.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    border: 2px solid rgb(175,20,26);
    background: #fff;
}

.product-infor .name{
    font-size: 15px;
}
.product-infor .box-price .old-price{
    text-decoration: line-through;
    margin-left: 5px;
}
.product-infor .box-price .price{
    color: red;
}
.new-product .product-item{
    margin-bottom: 20px;
}
.new-product .owl-theme .owl-dots{
    padding: 50px 0;
    margin: 0 !important;
}
.new-product>h2{
    font-size: 30px;
}


.banner-bottom img{
    width: 100%;
}
.banner-bottom .name{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 30px;
}
.banner-cate img,.bannerCate img{
    width: 100%;
}
.banner-cate .name{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 28px;
    letter-spacing: 0.75px;
}
.nameCate-Detail h1{
    background: #fff;
    z-index: 1;
    font-size: 36px;
    line-height: initial;
}

.left-page{
    font-size: 13px;
}
.left-page,.right-page{
    padding: 0 15px;
}
.left-page>div{
    border-bottom: 1px solid;
}
.head-left span{
    font-size: 15px;
}
.title-filter span{
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding-left: 10px;
    cursor: pointer;
}
.title-filter.active span i::before,.lisCate-lv1.active span i::before{
    content: '\f068' !important;
}
.content-fill{
    display: none;
}
.content-fill i{
    margin-left: 1px;
}
.lisCate-lv1 span{
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.listCate-childs{
    display: none;
}
.product-infomation .pro-price {
    font-size: 18px;
    margin-bottom: 13px;
}
.product-infomation .pro-price>del{
    font-size: 15px;
}
#slider-range{
    margin: 0 .4em 0.8em .5em;
}
.productDetail-Page{
    padding-top: 70px;
}
.productDetail-Page .product-info{
    font-size: 15px;
}
.productDetail-Page .product-info .product-quantity{
    display: flex;
    align-items: center;
}
.product-infomation{
    padding-top: 40px;
}
.product-infomation>h1{
    font-size: 28px;
    margin-bottom: 13px;
}
.description-pro{
    border-top: 1px solid #d9d9d9;
    padding: 13px 0;
}
.product-selection{
    border-top: 1px solid #d9d9d9;
}
.color.req .color-list a{
    width: 35px;
    height: 35px;
    padding: 1px;
    border-radius: 50%;
    line-height: 26px;
    border: 1px solid #b0b0b0;
}
.color.req .color-list img{
    width: 27px;
    height: 27px;
    border-radius: 50%;
}
.req.size .list-size>a{
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #cbcbcb;
    font-size: 13px;
    margin-right: 8px;
    overflow: hidden;
}
.req.size .list-size>a.active,.color.req .color-list a.active{
    border-color: #000;
}
.req.size .list-size>a.active{
    background-color: #000;
    color: #fff;
}
.req.size .list-size>a.deactive{
    background-color: #e6e6e6;
}
.color.req .list-size>a.deactive{
    background: #e6e6e6;
    opacity: 0.5;
    cursor: no-drop;
}
.product-quantity span {
    border: 1px solid #ccc;
    font-size: 18px;
    color: #3f4140;
    width: 40px;
    height: 30px;
    line-height: 24px;
    cursor: pointer;
    user-select: none;
}
input#quantity {
    border: 1px solid #ccc;
    padding: 4px 0;
    font-size: 14px;
    height: 30px;
    width: 45px;
}
input#quantity::-webkit-outer-spin-button,
input#quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.product-selection label {
    width: 100px;
    line-height: 25px;
    color: #5b5b5b;
    font-size: 14px;
}
.btn-addCart{
    width: 100%;
    color: #fff !important;
    font-size: 14px;
    background-color: #000;
}

.mainVideo-product{
    display: none;
}
.mainVideo-product.active{
    display: block;
}
.slider-thumb *,#product-related *{
    outline: none !important;
}
.slider-thumb .image-item,.slider-thumb .video-item{
    margin-bottom: 15px;
}
.slider-thumb button{
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 1;
}
#product-related .title{
    font-size: 28px;
}
.ui-tooltip.ui-widget-content{
    background-color: #fff;
    font-size: 13px;
    padding: 5px 8px;
}
#pagination li:not(.round) a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 5px;
}
#pagination li.active a{
    color: #b11010;
}
#pagination li.round a{
    color: #b11010;
}

footer {
    background-color: #000000;
    color: #fff;
}
.footer-content .footer_col{
    font-size: 12px;
}
.footer-content .footer_col:not(:last-child){
    flex: 1;
}
.footer_col:last-child img{
    width: 20px;
}
.footer_col:last-child a:not(:last-child){
    margin-right: 16px;
}
.footer_col:last-child a i{
    font-size: 20px;
}
footer a{
    color: inherit;
}
footer a:hover{
    color: #fff;
}
.footer-content .footer_col>p,.footer-content .footer_col p.title{
    color: #fff;
    font-size: 13px;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.footer-content .footer_col li{
    padding: 3px 0;
}
footer .copy-right{
    border-top: 1px solid #7b7b7b;
}
footer .copy-right p{
    margin: 0;
    padding:8px 0 8px
}
.form-sub>div{
    width: 160px;
}
.form-sub button{
    right: 0;
    top: 0;
    height: 21px;
    background-color: #fff;
    font-size: 14px;
    padding: 0 3px;
}

.form-sub input{
    height: 22px;
    padding: 0 5px;
    font-size: 9px;
}


/*               */
.owl-theme .owl-dots .owl-dot span{
    background: #a5a5a5;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #b11010;
}
.owl-theme .owl-dots .owl-dot span{
    width: 9px;
    height: 9px;
}
/*          */


#product-related .slick-dots{
    margin-top: 24px;
    font-size: 0;
}
#product-related .slick-dots li{
    margin: 0 4px;
    display: inline-block;
}
#product-related .slick-dots li button{
    background-color: #d6d6d6;
    border: 0;
    border-radius: 100%;
    color: transparent;
    cursor: pointer;
    height: 10px;
    outline: 0;
    overflow: hidden;
    padding: 0;
    width: 10px;
}
#product-related .slick-dots li.slick-active button{
    background-color: #d40828;
}
.article_item{
    font-size: 15px;
}
.article_item .blog_post_heading h2{
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.article_item .blog_post_heading h2 a{
    color: #000;
}
.article_item .blog_post_content p{
    line-height: 2;
    font-weight: 500;
    font-size: 14.5px;
    margin-bottom: 0;
}
.policy>p{
    cursor: pointer;
    font-weight: 700;
}
.policy{
    font-size: 14px;
}
.policy .content{
    display: none;
}
.policy .content ul{
    list-style: initial;
    padding-left: 1em;
    margin-block-start: 1em;
    margin-block-end: 1em;
}
.policy .content p{
    margin: 0;
}
.policy>p i{
    font-size: 15px;
    vertical-align: middle;
}
.bannerNews-bottom__descrip p{
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 500;
}
.scrollup {
    position: fixed;
    right: 15px;
    bottom: 95px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 2em;
    z-index: 999999;
}
.image-frame.main-image-product img{
    width: 100%;
}
.product-infor .name a{
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pro-color{
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,.5);
}
.pro-color-list{
    overflow: auto;
}
.pro-color-list a{
    padding: 3px;
    line-height: 1;
    border-color: #000;
}
.pro-color-list a.active{
    border-color: #af141a !important;
}
.pro-color-list img{
    object-fit: scale-down;
}

.sale{
    left: 0;
    top: 0;
    line-height: 1;
    text-align: center;
    width: 50px;
    height: 50px;
    opacity: .9;
    background: #b11f24;
    color: #fff;
}
.sale::before{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    display: inline-block;
    border-top: 5px solid #b11f24;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    width: 25px;
}
.sale>div{
    width: 100%;
}
.sale>div>span:first-child{
    font-size: 15px;
}
.sale>div>span:last-child{
    font-size: 10px;
}
.product-code {
    font-size: 14px;
}


.purchase-c-name, .purchase-p-name{
    font-size: 13px;
    line-height: 20px;
}
.purchase-p-name{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.purchase-content.showP{
    z-index: 9999;
    opacity: 1;
    transition: .5s ease all;
}
.purchase-content {
    box-shadow: 9px 9px 5px -4px rgba(0,0,0,.35);
    left: 15px;
    bottom: 15px;
    margin: 0 -9px;
    overflow: hidden;
    z-index: -1;
    padding: 5px 0;
    background: #fff;
    opacity: 0;
    max-height: 110px;
    border: 1px solid #eee;
}
.purchase-item {
    display: inline-block;
    width: 360px;
}
.purchase-item .close-purchase {
    color: #999;
    font-size: 14px;
    right: 5px;
    top: 1px;
    z-index: 9;
}
.purchase-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.orderLeft{
    padding: 0 5px;
    width: 30%;
    overflow: hidden;
}
.orderLeft>div{
    padding-bottom: 100%;
}
.orderLeft a{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}
.ordeRight{
    flex: 1;
    padding: 0 10px 0 5px;
}



/*.arcontactus-widget.arcontactus-message {*/
/*    transition: all .3s;*/
/*}*/
/*.arcontactus-widget.arcontactus-message {*/
/*    right: 10px;*/
/*    bottom: 75px;*/
/*}*/
/*.arcontactus-widget.arcontactus-message {*/
/*    z-index: 10000;*/
/*    right: 10px;*/
/*    bottom: 140px;*/
/*    position: fixed!important;*/
/*}*/
/*.arcontactus-widget {*/
/*    line-height: 1;*/
/*}*/
/*.arcontactus-widget .arcontactus-prompt.show-messageners-block, .arcontactus-widget .messangers-block.show-messageners-block {*/
/*    -webkit-transform: scale(1);*/
/*    -ms-transform: scale(1);*/
/*    transform: scale(1);*/
/*}*/
/*.arcontactus-widget.md .callback-countdown-block, .arcontactus-widget.md .messangers-block {*/
/*    bottom: 70px;*/
/*}*/
/*.arcontactus-widget .arcontactus-prompt, .arcontactus-widget .messangers-block {*/
/*    background: center no-repeat #FFF;*/
/*    box-shadow: 0 0 10px rgba(0,0,0,.6);*/
/*    width: 235px;*/
/*    position: absolute;*/
/*    bottom: 80px;*/
/*    right: 0;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column;*/
/*    -webkit-box-align: start;*/
/*    -ms-flex-align: start;*/
/*    align-items: flex-start;*/
/*    padding: 14px 0;*/
/*    -webkit-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    border-radius: 7px;*/
/*    -webkit-transform-origin: 80% 105%;*/
/*    -ms-transform-origin: 80% 105%;*/
/*    transform-origin: 80% 105%;*/
/*    -webkit-transform: scale(0);*/
/*    -ms-transform: scale(0);*/
/*    transform: scale(0);*/
/*    -webkit-transition: ease-out .12s all;*/
/*    -o-transition: ease-out .12s all;*/
/*    transition: ease-out .12s all;*/
/*    z-index: 10000;*/
/*}*/
/*.arcontactus-widget.md.right .callback-countdown-block:before, .arcontactus-widget.md.right .messangers-block:before {*/
/*    right: 21px;*/
/*}*/
/*.arcontactus-widget .arcontactus-prompt:before, .arcontactus-widget .messangers-block:before {*/
/*    position: absolute;*/
/*    bottom: -7px;*/
/*    right: 25px;*/
/*    left: auto;*/
/*    display: inline-block!important;*/
/*    border-right: 8px solid transparent;*/
/*    border-top: 8px solid #FFF;*/
/*    border-left: 8px solid transparent;*/
/*    content: '';*/
/*}*/
/*.arcontactus-widget .messanger {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: horizontal;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-direction: row;*/
/*    flex-direction: row;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    margin: 0;*/
/*    cursor: pointer;*/
/*    width: 100%;*/
/*    padding: 8px 20px 8px 60px;*/
/*    position: relative;*/
/*    min-height: 54px;*/
/*    text-decoration: none;*/
/*}*/
/*.arcontactus-widget .messanger span {*/
/*    position: absolute;*/
/*    left: 10px;*/
/*    top: 50%;*/
/*    margin-top: -20px;*/
/*    display: block;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    border-radius: 50%;*/
/*    background-color: #0084ff;*/
/*    margin-right: 10px;*/
/*    color: #FFF;*/
/*    text-align: center;*/
/*    vertical-align: middle;*/
/*}*/
/*.arcontactus-widget .messanger p {*/
/*    margin: 0;*/
/*    font-family: Arial,sans-serif;*/
/*    font-size: 14px;*/
/*    color: rgba(0,0,0,.87);*/
/*    padding: 0;*/
/*}*/
/*.arcontactus-widget .messanger span i, .arcontactus-widget .messanger span svg {*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    vertical-align: middle;*/
/*    text-align: center;*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    margin-top: -12px;*/
/*    margin-left: -12px;*/
/*}*/
/*.arcontactus-widget .arcontactus-message-button .static {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    margin-top: -19px;*/
/*    margin-left: -26px;*/
/*    width: 52px;*/
/*    height: 52px;*/
/*    text-align: center;*/
/*}*/
/*.arcontactus-widget .arcontactus-message-button .static.hidden{*/
/*    display: none;*/
/*}*/
/*.arcontactus-widget .icons.hide, .arcontactus-widget .static.hide {*/
/*    opacity: 0;*/
/*    transform: scale(0);*/
/*}*/
/*.arcontactus-widget .icons, .arcontactus-widget .static {*/
/*    transition: .2s all;*/
/*}*/
/*.arcontactus-widget .arcontactus-message-button .static svg {*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    color: #FFF;*/
/*}*/
/*.arcontactus-widget .arcontactus-message-button p {*/
/*    color: #fff;*/
/*    font-weight: 700;*/
/*    font-size: 10px;*/
/*    line-height: 11px;*/
/*    margin: 0;*/
/*}*/
/*.arcontactus-widget .arcontactus-close {*/
/*    color: #FFF;*/
/*}*/
/*.arcontactus-widget .arcontactus-close.show-messageners-block svg {*/
/*    -webkit-transform: rotate(0) scale(1);*/
/*    -ms-transform: rotate(0) scale(1);*/
/*    transform: rotate(0) scale(1);*/
/*}*/
/*.arcontactus-widget .arcontactus-close svg {*/
/*    -webkit-transform: rotate(180deg) scale(0);*/
/*    -ms-transform: rotate(180deg) scale(0);*/
/*    transform: rotate(180deg) scale(0);*/
/*    -webkit-transition: ease-in .12s all;*/
/*    -o-transition: ease-in .12s all;*/
/*    transition: ease-in .12s all;*/
/*    display: block;*/
/*}*/
/*.arcontactus-widget.md .arcontactus-message-button, .arcontactus-widget.md.arcontactus-message {*/
/*    width: 60px;*/
/*    height: 60px;*/
/*}*/
/*.arcontactus-widget .arcontactus-message-button {*/
/*    width: 70px;*/
/*    position: absolute;*/
/*    height: 70px;*/
/*    right: 0;*/
/*    background-color: red;*/
/*    border-radius: 50px;*/
/*    -webkit-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    text-align: center;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    cursor: pointer;*/
/*}*/
/*.arcontactus-widget .messanger:hover {*/
/*    background-color: #EEE;*/
/*}*/
/*.st0{fill:#fdfefe}.st1{fill:#0180c7}.st2{fill:#0172b1}.st3{fill:none;stroke:#0180c7;stroke-width:2;stroke-miterlimit:10}*/
/*.arcontactus-widget .messanger.zaloIcon span svg{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    margin: 0;*/
/*    border-radius: 50%;*/
/*}*/
/*.arcontactus-widget .messanger.zaloIcon span{*/
/*    background: none;*/
/*}*/

.shopee-fixed-icon {
    position: fixed;
    right: 10px;
    bottom: 70px;
    max-width: 60px;
}
/*.arcontactus-widget.hg .arcontactus-message-button .pulsation{*/
/*    width:114px;*/
/*    height:114px;*/
/*    border-radius:60px*/
/*}*/
/*.arcontactus-widget.md .arcontactus-message-button .pulsation{*/
/*    width:74px;*/
/*    height:74px*/
/*}*/
/*.arcontactus-widget.sm .arcontactus-message-button .pulsation{*/
/*    width:64px;*/
/*    height:64px*/
/*}*/
/*.arcontactus-widget .arcontactus-message-button .pulsation{*/
/*    width:84px;*/
/*    height:84px;*/
/*    background-color:red;*/
/*    border-radius:50px;*/
/*    position:absolute;*/
/*    left:-7px;*/
/*    top:-7px;*/
/*    z-index:-1;*/
/*    -webkit-transform:scale(0);*/
/*    -ms-transform:scale(0);*/
/*    transform:scale(0);*/
/*    -webkit-animation:arcontactus-pulse 2s infinite;*/
/*    animation:arcontactus-pulse 2s infinite*/
/*}*/
/*.arcontactus-widget .pulsation:nth-of-type(2n){*/
/*    -webkit-animation-delay:.5s;*/
/*    animation-delay:.5s*/
/*}*/
/*.arcontactus-widget .pulsation.stop{*/
/*    -webkit-animation:none;*/
/*    animation:none*/
/*}*/
.scrollup{
    right: 18px;
    bottom: 18px;
}
.label-sold{
    border: 1px solid #fff;
    top: 0;
    right: 0;
    font-size: 14px;
    z-index: 1;
    text-transform: uppercase;
}
button#checkout{
    background: #000;
}
#getCoupon, #acceptCheckout{
    border-color: #70bdff ;
    background-color: #70bdff ;
}
#product-related .content .slick-prev{
    top: 35%;
    font-size: 35px;
    background: none;
    left: 0;
    z-index: 1;
}
#product-related .content .slick-next{
    top: 35%;
    font-size: 35px;
    background: none;
    right: 0;
    z-index: 1;
}
#product-related .content .slick-disabled{
    opacity: 0.5;
}
.banner-cate__pc .item{
    padding: 0 4px;
}
.main-menu a{
    font-family: Montserrat;
}
.product-infor .name{
    font-family: Montserrat;
    font-weight: 600;
}
.product-infor .box-price span{
    font-family: Montserrat;
    font-weight: 900;
}
.new-product .content.owl-carousel .owl-nav{
    margin: 0;
}
.new-product .content.owl-carousel .owl-nav button{
    position: absolute;
    top: calc(50% - 60px);
    transform: translateY(-50%);
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    color: #000;
    border: none;
    background: transparent;
    outline: unset;
}
.new-product .content.owl-carousel .owl-nav button:hover,
.new-product .content.owl-carousel .owl-nav button:focus,
.new-product .content.owl-carousel .owl-nav button:active{
    border: none;
    background: transparent;
    outline: unset;
}
.new-product .content.owl-carousel .owl-nav button.owl-prev{
    left: -30px;
}
.new-product .content.owl-carousel .owl-nav button.owl-next{
    right: -30px;
}
@-webkit-keyframes arcontactus-pulse{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    50%{
        opacity:.5
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}


@media (max-width: 767px) {
    body{
        font-size: 14px;
    }
    .banner-main .infor-banner p{
        font-size: 12px;
        margin-bottom: 8px;
    }
    .banner-main .infor-banner>a{
        font-size: 12px;
    }
    .nameCate-Detail h1{
        font-size: 22px;
    }
    .product-infomation>h1{
        font-size: 20px;
        margin-bottom: 0;
        border-bottom: 1px solid #d9d9d9;
    }
    .product-infomation .pro-price{
        margin-bottom: 0;
    }
    #product-related .title{
        font-size: 26px;
    }
    .blog_post_photo,.blog_post_txt{
        padding: 0;
    }
    .article_item .blog_post_content p{
        line-height: 1.75;
    }
    .article_item .blog_post_heading h2{
        margin: 15px 0;
    }
    .banner-main .infor-banner .banner-name {
        font-size: 24px;
    }
    .banner-cate .name{
        font-size: 18px;
    }
    .new-product>h2{
        font-size: 15px;
    }
    .product-infor .name{
        font-size: 14px;
    }
    .product-infor .name a{
        height: 32px;
    }
    .new-product .owl-theme .owl-dots{
        padding: 25px 0;
    }
    .footer-content .footer_col,.form-sub input{
        font-size: 14px;
    }
    .form-sub>div{
        width: 50%;
    }
    .product-infor .name a{
        height: 38px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    #product-related .content .slick-prev{
        left: -6px;
    }
    #product-related .content .slick-next{
        right: -6px;
    }
    .banner-cate__mb .item{
        margin-top: 4px;
    }
    .banner-cate__mb .item:nth-child(2){
        padding-right: 2px!important;
    }
    .banner-cate__mb .item:nth-child(3){
        padding-left: 2px!important;
    }
    .openMenu{
        color: #fff;
        font-size: 18px;
    }
    .header-main .logo{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    .header-main{
        padding: 10px 0;
    }
    .new-product .content.owl-carousel .owl-nav button.owl-prev{
        left: -20px;
        font-size: 25px;
    }
    .new-product .content.owl-carousel .owl-nav button.owl-next{
        right: -20px;
        font-size: 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .nameCate-Detail h1{
        font-size: 30px;
    }
    .banner-cate .name{
        font-size: 24px;
    }
    .new-product>h2,.banner-bottom .name{
        font-size: 26px;
    }
    .banner-main .infor-banner .banner-name{
        font-size: 30px;
    }
}
@media (max-width: 991px) {
    header{
        padding: 0 15px;
    }
    header>div{
        justify-content: space-between;
    }
    .container {
        max-width: 100%;
    }
    header .block-menu{
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        background-color: rgba(0,0,0,0.5);
        transform: translateX(-100%);
    }
    header .block-menu .menu-content{
        width: 300px;
        max-width: 80%;
        background-color: #fff;
        height: 100%;
        padding-top: 88px;
    }
    .main-menu{
        overflow: auto;
        height: 52%;
    }
    .main-menu li a{
        padding: 3px 0;
        font-size: 16px;
        line-height: 30px;
        text-transform: uppercase;
    }
    .main-menu .lv_2>a{
        padding-left: 15px;
        font-weight: 600;
    }
    .main-menu .lv_3>a{
        padding-left: 30px;
    }
    .openChild{
        width: 30px;
        height: 30px;
        position: absolute;
        font-size: 18px;
        top: 3px;
        right: 0;
    }
    .main-menu li.active>.openChild>i::before {
        content: '\f106';
    }
    .main-menu li>span{
        line-height: 30px;
    }
    .menuMb-title{
        top: 48px;
        left: 0;
        right: 0;
    }
    .menuMb-title span{
        line-height: 30px;
    }
    .menuOff{
        transition: 0.3s;
        transform: translateX(100%);
    }
    .menuOn{
        transition: 0.3s;
        transform: translateX(0) !important;
    }
    .bottom-menuMb::before{
        position: absolute;
        content: '';
        height: 1px;
        background: #dadada;
        top: -24px;
        left: 0;
        right: 0;
    }
    .bottom-menuMb a{
        line-height: 30px;
        padding: 3px 0;
    }
    .product-page .product-item:nth-child(2n+1) {
        padding-right: 7.5px;
    }
    .product-page .product-item:nth-child(2n+2) {
        padding-left: 7.5px;
    }
    .image-thumb{
        padding: 0;
    }
    .slider-thumb{
        width: auto;
        margin-right: -7.5px;
        margin-left: -7.5px;
        max-width: none;
        margin-top: 15px;
    }
    .slider-thumb button{
        top: 50%;
        transform: translateY(-50%);
    }
    .slider-thumb button.prev{
        left: 0;
    }
    .slider-thumb button.slick-next{
        right: 0;
    }
    .slider-thumb .image-item,.slider-thumb .video-item,#product-related .product-item{
        padding: 0 7.5px;
        margin: 0;
    }
    #product-related .content{
        margin: 0 -7.5px;
    }
    .right-page{
        width: 100%;
    }
}
@media (max-width: 575px) {
    .pro-color-list li:nth-child(5){
        display: none;
    }
    .pro-color-list img{
        width: 24px !important;
        height: 24px;
    }
}

.closeMenu {
    left: 220px;
    position: absolute;
    top: 48px;
    font-size: 25px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

@media (min-width: 576px) {
    .pro-color-list img{
        width: 28px !important;
        height: 28px;
    }
}
@media (min-width: 768px) {
    .article_item:nth-child(2n+2) .blog_post_txt{
        order: -1;
        padding-top: 20px;
    }
    .article_item:nth-child(2n+2) .blog_post_photo{
        padding-left: 0;
    }
    .article_item:nth-child(2n+1) .blog_post_txt{
        padding-top: 20px;
    }
    .article_item:nth-child(2n+1) .blog_post_photo{
        padding-right: 0;
    }

}
@media (min-width: 992px) {
    header>div{
        padding: 0 22px;
    }
    header{
        padding: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
        position: fixed !important;
    }
    .header-main{
        height: 60px;
    }
    header .formSearch{
        top: -7px;
        right: -10px;
    }
    header .formSearch input{
        width: 25px;
        transition: all 0.3s;
    }
    header .formSearch.active input{
        width: 182px;
    }
    .main-menu{
        height: 100%;
    }
    .main-menu .lv_1{
        display: inline-flex;
        align-items: center;
    }
    .main-menu .lv_1>a{
        margin: 0 25px;
        color: #fff;
    }
    .main-menu .lv_1:hover>a::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        height: 2px;
        background: #fff;
        z-index: 2;
    }

    .banner-main .infor-banner{
        transform: translate(-50%,-45%);
        width: 405px;
    }
    .main-menu a{
        color: #fff;
        font-size: 15px;
        letter-spacing: 0.75px;
    }
    .main-menu li:hover>ul{
        display: block;
    }
    .main-menu li.lv_1 ul{
        border-left: 1px solid #fff;
    }
    .main-menu li.lv_1>ul{
        top: 100%;
    }
    .main-menu li.lv_2 a{
        padding: 10px;
        font-size: 13px;
        transition: all 0.25s;
    }
    .main-menu li.lv_1>ul li:hover>a{
        color: #af141a ;
        padding-left: 15px;
    }
    .main-menu li.lv_2 ul{
        top: 0;
        left: 100%;
    }
    .main-menu li ul{
        position: absolute;
        left: 0;
        min-width: 200px ;
        background: #000;
    }
    .product-page .product-item{
        padding: 0 17.5px;
    }
    .product-page .product-item:nth-child(3n +1){
        padding-left: 0;
        padding-right: 35px;
    }
    .product-page .product-item:nth-child(3n){
        padding-right: 0;
        padding-left: 35px;
    }
    .cateChilds li{
        padding-right: 38px !important;
    }
    .nameCate-Detail h1::before{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 2px;
        border-bottom: 1px solid;
        left: 0;
        right: 0;
        z-index: -1;
    }
    .image-thumb{
        order: -1;
    }
    .slider-thumb button{
        left: calc(50% - 30px);
        transform: translateX(15px);
    }
    .slider-thumb button.slick-prev{
        top: -15px;
    }
    .slider-thumb button.slick-next{
        bottom: 0;
    }
    .productDetail-Page .product-info{
        padding-right: 30px;
    }
    #product-related .product-item{
        padding: 0 26px;
    }
    .article_item:nth-child(2n+2) .blog_post_txt{
        padding-right: 100px;
        padding-top: 60px;
    }
    .article_item:nth-child(2n+1) .blog_post_txt{
        padding-left: 100px;
        padding-top: 60px;
    }
    .left-page{
        width: 20%;
        padding-right: 22.5px;
    }
    .right-page{
        width: 80%;
        padding-left: 30px;
    }
    #pagination li a:hover{
        font-weight: bold;
        color: #b11010;
    }
    .pro-color{
        opacity: 0;
        transition: opacity 0.3s;
    }
    .product-item:hover .pro-color{
        opacity: 1;
    }
}
@media (min-width: 1200px) {
    .product-image.image-lage{
        max-width: 52%;
        flex: 0 0 52%;
    }
    .productDetail-Page .product-info{
        padding-left: 7%;
        max-width: 48%;
        flex: 0 0 48%;
    }
    .image-thumb{
        flex: 0 0 22%;
        max-width: 22%;
    }
    .image-frame.main-image-product{
        flex: 0 0 78%;
        max-width: 78%;
    }
}

#notIndex-fixed-actions{
    overflow: visible!important;
    right: 26px;
    position: fixed;
    z-index: 99800;
    bottom: 170px;
}
.fixed-item{
    position: absolute;
    opacity: 1;
    right: 0;
    width: max-content;
}
.fixed-item a{
    float: right;
    border-radius: 50%;
}
.fixed-item a:hover{
    text-decoration: none!important;
}
.title-fixed{
    position: absolute;
    right: 120%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.72);
    color: #FFFFFF;
    text-align: center;
    border-radius: 5px!important;
    white-space: nowrap!important;
    width: auto!important;
    line-height: 25px!important;
    padding: 5px 10px!important;
    font-size: 12px!important;
    top:5px;
    display: none;
}
.title-fixed::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgba(29, 36, 62, 0.7) transparent transparent!important;
    left: 100%;
    transform: rotateZ(-180deg);
}
.btn-zalo-fixed{
    top: -75px;
}
.btn-phone-fixed{
    top: -10px;
}
.btn-wechat-fixed{
    top: 100px;
    right: -2px;
}
.btn-wechat-fixed img{
    width: 48px;
    height: 48px;
}
.fb_dialog_content iframe{
    bottom: 65px !important;
}
.fb_iframe_widget.fb_invisible_flow iframe{
    bottom: 125px !important;
}
.fixed-item.btn-zalo-fixed img {
    width: 60px;
}

.fixed-item.btn-phone-fixed i {
    font-size: 32px;
    transform: rotate(82deg);
    color: #fff;
}

.fixed-item.btn-phone-fixed {
    padding: 14px 14px;
    background: #a53838;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
.btn-mess-fixed {
    padding: 9px 10px;
    background: #a53838;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.fixed-item.btn-mess-fixed {
    top: 55px;
}

i.fab.ph-messenger-logo {
    color: #fff;
    font-size: 45px;
}
.badge-new {
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 12px;
}