/*



          ==============================================================



                   Reset CSS



          ==============================================================



*/







html, body, div, span, applet, object, iframe,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,



dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,



menu, output, ruby, section, summary,time, mark, audio, video {    margin: 0;    padding: 0;    border: 0;    font-size: 100%;    font: inherit;    vertical-align: baseline;}



/* HTML5 display-role reset for older browsers */



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



body {     font-family: 'Be Vietnam', sans-serif; font-size: 14px; }



ol, ul {    list-style: none;}



blockquote, q {    quotes: none;}



blockquote:before, blockquote:after,



q:before, q:after {    content: '';    content: none;}



.clear {    clear: both;}



table {    border-collapse: collapse;    border-spacing: 0;}



a:hover { text-decoration: none; }



strong { font-weight: 600; }



/*



          ==============================================================



                   Main CSS



          ==============================================================



*/



/*-----------HEADER-----------*/







.header-logo { padding: 9px 0 3px 0; background: #fff; height: 65px }



.logo { float: left; margin: -1px 60px 0 15px; }



.top4 ul { display: flex; }



.top4 ul li { display: inline-block; color: #5a5a5a; width: 25% }

.top4 ul li a{color: #5a5a5a;}

.text-top4 p { font-weight: 600; font-size: 18px; text-transform: uppercase; }



.text-top4 span { font-weight: normal; font-size: 12px;margin-top: -2px;display: block; }



.icon-top { float: left; margin-right: 10px; margin-top: 5px; }



.icon-top i { font-size: 24px; margin-top: 5px;}



.text-top4 { float: left; }







.header-main { background: #fed700; height: 75px; padding: 10px 0; }



#sticky_navigation {    width: 100%;      -moz-box-shadow: 0 0 5px #999;    -webkit-box-shadow: 0 0 5px #999;    box-shadow: 0 0 5px #999; z-index: 999}







.category { padding-top: 15px; }



.category a { color: #000; font-size: 16px; font-weight: 600; }



.category .fa-bars { margin-right: 6px;font-size: 17px; }



.category .fa-chevron-down { font-size: 10px;     position: absolute;    margin: 6px 7px; }



.col-cate { padding-right: 0; width: 21% }







.search-form .form-control { height: 42px;  }



.search-form .input-group-btn>.btn { padding: 9px 12px; background: #000; color: #fff;     border: 2px solid #000; }



.col-search { padding-right: 0; width: 37%}







.tag-search { display: flex; margin-top: 2px; }



.tag-search a { margin-right: 15px; font-size: 12px; color: #000; }







.hotline .fa-phone { color: #000; font-size: 18px; }



.hotline p { color: #000; font-size: 15px; font-weight: 600; display: inline-block; }







.col-cart { display: flex; }



.cart { border: 2px solid #000; padding: 9px; border-radius: 3px; margin-left: 17px; }



.cart span { background: #e00d0a; color: #fff; padding: 4px 8px; border-radius: 3px; font-size: 13px; font-weight: 700; }



.cart a { color: #000; }



.cart p { display: inline-block; }







/*----------SLIDER-----------*/


.category-mobile img { width: 50%; display: inline-block !important; }










/*-----------MENU-----------*/







.category p { display: inline-block; }



.width50 { width: 50% !important; }



.cd-dropdown-gallery { left: 0 !important; }



.cd-dropdown-content .cd-dropdown-gallery { box-shadow: none !important; padding: 0 !important; }



.cd-dropdown-gallery .go-back a { margin-top: 50px; }



.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { font-size: 14px; color: #656565; margin: 0; height: 40px; }



.cd-dropdown-item img { float: left; margin-right: 10px !important; }



.star-rate { display: block; color: #464646; }



.star-rate .fa-star { color: #f5a623; }



.star-rate .fa-star-o { color: #dedfe0; }



.star-rate p { font-weight: 700; font-size: 13px; }



.star-rate span { font-weight: 400; font-size: 13px; } 



.price-main { font-size: 16px !important; color: #df322f !important; margin: 0 10px 0 0 !important; }



.price-main sup { font-size: 10px; }



.price-goc { color: #7e7e7e !important; text-decoration: line-through; font-size: 13px !important; margin-bottom: 0 !important }



.price-goc sup { font-size: 8px; }



.pdh { height: 385px !important; }



.has-children i { color: #c60909;  width: 20px; text-align: center;}
.cd-dropdown-content li:last-child a { padding: 0 ; }


.is-active i { color: #fff; }







.link-more-cate { position: relative; width: 100% !important; height: 25px !important; margin-top: 0px !important;}



.link-more-cate ul {  display: flex; margin-left: 55%; }



.link-more-cate ul li { padding: 0 20px; border-right: 1px solid #ad0000; }



.link-more-cate ul li:last-child { border: 0 none }



.link-more-cate a { color: #ff0000 !important;  padding: 0 !important; }



.link-more-cate a:hover { text-decoration: underline; }



.cd-dropdown-content .cd-secondary-dropdown a:hover { color: #c60909  }



.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item:hover > h3 { color: #c60909 }







/*-----------BANNER-----------*/




.banner {overflow: hidden; width: 100% ; max-width: 100%;}
.flexslider {max-width: 1140px; width: 1140px; margin: 0 auto !important}
.flex-viewport {overflow: visible !important}



.banner .owl-dots { bottom: 20px;    z-index: 9;    position: absolute;    left: 0;    right: 0; }



.banner .owl-item { position: relative !important;  }



.banner .owl-nav { position: absolute; z-index: 2; left: 0; right: 0; top: 42% ;  }







.banner .owl-carousel .owl-nav button.owl-prev { left: 10px; position: absolute; font-size: 33px;    border-radius: 100%;    padding: 0px 23px 7px 19px !important;    background: #2e3038;    color: #fff; }



.banner .owl-carousel .owl-nav button.owl-prev:hover { background: #ccc; color: #000 }



.banner .owl-carousel .owl-nav button.owl-next:hover { background: #ccc; color: #000 }



.banner .owl-carousel .owl-nav button.owl-next { right: 10px; position: absolute;font-size: 33px;    border-radius: 100%;    padding: 0px 19px 7px 23px !important;    background: #2e3038;    color: #fff; }







.voucher { margin: 10px 0; }

.voucher div { text-align: center; }





/*-----------PRODUCT-----------*/







.bg-product { background: #efefef; padding-bottom: 50px; }



.box-product { background: #fff; margin-top: 10px; display: inline-block; width: 100%;}



.bg-title { background: linear-gradient(225deg, transparent 32px, #fed700 0) top right;color: #000 !important; float: left;padding: 10px 60px 10px 21px; font-size: 18px; text-transform: uppercase;  font-weight: 600; }



.title-product { display: inline-block; width: 100% }



.title-product span { border-left: 6px solid #000;float: left;position: absolute;height: 27px;left: 8px;top: 7px;}



.view-all { float: right; color: #000; margin: 19px 15px; font-weight: 600; }



.title-product h2 { padding: 0; margin: 10px 5px 5px 5px; position: relative;  display: inline-block;}







.product-main { border: 1px solid #ebebeb; text-align: center;  position: relative;}



.product-main img { text-align: center; display: inline-block !important; max-width: 200px; max-height: 150px; min-height: 150px; min-width: 200px;}



.product-main .discount { position: absolute; top: -1px ;right: 10px; color: #fff; display: flex; font-size: 13px;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;margin: 1px 0px 0px;



padding-bottom: 9px;color: rgb(255, 255, 255);font-weight: 500;width: 40px;height: 36px;background-image: url(../img/deal-tag.png);background-size: 40px 36px;background-position: 0px 0px; }







.box-product .nav-tabs { border: 0 none }



.info-product { color: #202020;  display: inline-block; text-align: left; padding: 10px; min-height: 112px; }
.name-in-pro { max-height: 42px; min-height: 42px;  }
.info-product p:first-child {   display: inline-flex; overflow: hidden;}



.info-product .star-rate { margin-bottom: 1px; display: inline-block;    width: 100%; }



.info-product .price-main { font-weight: 600; float: left; }



.info-product .price-goc { float: right; } 







.group-product .slick-prev { left: 0; z-index: 1;  }



.group-product .slick-next { right: -2px;width: 26px; height: 18px; z-index: 1 }







.group-product .slick-next::before { content: '›';background: #fff;z-index: 2;color: #2e3038;opacity: 1;box-shadow: 0 0 8px rgba(0,0,0,.15);border-top-left-radius: 48px;border-bottom-left-radius: 48px;padding: 0px 2px 8px 10px; font-size: 22px !important; font-family: unset; } 







.group-product .slick-prev::before { content: '‹';background: #fff;z-index: 2;color: #2e3038;opacity: 1;box-shadow: 0 0 8px rgba(0,0,0,.15);border-top-right-radius: 48px;border-bottom-right-radius: 48px;;padding: 0px 10px 8px 2px; font-size: 22px !important; font-family: unset; } 



.group-product .slick-prev::before,.group-product .slick-next::before { font-size: 40px; color: #3e3e3e; }



.group-product .slick-prev, .group-product .slick-next { top: 49%; }







.group-product .star-rate { margin-bottom: 6px; }







.pLeft .group-product { position: relative; }



.pRight .group-product { position: relative;}



.pRight .banner-product { float: right; }



.pLeft .banner-product { float: left; }



.left-tab{display: flex;}



.right-tab{display: flex;}



.tab-content, .group-product{width: 100%;}







.prd-tab .tab-content>.tab-pane {display: block;visibility: hidden;}



.prd-tab .tab-content>.tab-pane.active {visibility: visible;}



.prd-tab .tab-content{position: relative;}



.prd-tab .tab-pane:not(:first-child){position: absolute;width: 100%;height: 100%;top: 0;left: 0;}











.link-product-more { display: inline-table; }



.link-product-more li { display: inline-block; padding: 0px 20px 4px 20px ;  }







.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: transparent; }



.nav-tabs > li > a:hover { border: 0;}



.nav > li > a:focus, .nav > li > a:hover { background: 0; }







/*-----------NEWS-----------*/







.block-news { margin-top: 10px; }



.title-news h2 { font-size: 24px; text-transform: uppercase; font-weight: 700; }



.title-news span { border-bottom: 8px solid #c60909;margin-bottom: 10px;height: 10px;width: 121px;display: block; }



.title-news .faq { width: 280px }



.news-block { border-right: 1px solid #ccc; padding-right: 15px }



.bdNone { border: 0 none }



.news-block ul li { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; display: inline-block;width: 100%; }



.news-block ul li:last-child { border: 0 none }



.box-news img { float: left; margin-right: 10px; max-height: 62px; max-width: 86px; min-width: 86px margin-top: 7px; }



.content-news a { font-weight: 600; color: #202020;font-size: 15px }



.box-news:hover > .content-news > a { color: #c60909;  }



.content-news p { font-weight: 400; color: #616161; font-size: 14px }



.content-news span { font-size: 12px; color: #898989; }



#tab-baiviet img { display: block;max-width: 100%;height: auto !important; }  



/*-----------FOOTER-----------*/







.footer1 { background: #5a5a5a; padding: 20px 0 }



.title-footer { color: #ffea00; font-size: 18px; text-transform: uppercase; margin-bottom: 20px; font-weight: 600; }



.title-footer2 { color: #ffea00; font-size: 18px; text-transform: uppercase; margin: 20px 0 10px 0; font-weight: 600; }



.footer1 ul li { color: #fff; line-height: 30px; display: flex; }



.footer1 ul li a { color: #fff; }



.footer1 p { display: inline-block; }

.break-email p { word-break: break-all; }

.footer1 i { width: 18px; text-align: center; color: #ffea00 ;font-size: 16px;     margin-top: 8px;    margin-right: 8px; }



.payment li { display: inline-block !important; margin-right: 10px }



.logo-footer { margin-top: 20px }







.footer2 { padding: 15px 0; }



.reg-email i { float: left; margin-right: 20px; font-size: 50px; color: #fed700; font-weight: 700; }



.form-email .form-control { height: 50px;  }



.form-email .btn { padding: 11px 24px; font-size: 18px; font-weight: 600; text-transform: uppercase; background: #fed700; color: #000;height: 50px; }







.footer3 { background: #060606; padding: 10px }



.footer3 a { color: #ccc; padding: 0 10px; border-right: 1px solid #4d4d4d; font-size: 11px;  }



.footer3 a:last-child { border: 0 none } 



.text-right-email p { color: #060606; font-size: 24px; font-weight: 600; }







#back-to-top {    position: fixed;    bottom: 190px;    right: 40px;    z-index: 9999;    width: 32px;    height: 32px;    text-align: center;    line-height: 30px;    background: #fed700;



    color: #000;    cursor: pointer;    border: 0;    border-radius: 2px;    text-decoration: none;    transition: opacity 0.2s ease-out;    opacity: 0;}



#back-to-top:hover {    background: #fed700;}



#back-to-top.show {    opacity: 1;}











/*



          ==============================================================



                   CATEGORY CSS



          ==============================================================



*/







.breadcrumb { background: #fff; margin-bottom: 0; }



.breadcrumb > li + li::before { content: "›" }



.box-category .container { display: flex; }



.box-category .box-filter-cate { width: 285px; border-right: 1px solid #efefef; padding:10px; display: inline-block; background: #fff; border-radius: 5px; margin-top: 20px;  }







.box-category .box-filter-cate h3 { font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; margin-top: 10px; }



.box-category .box-filter-cate h4 { font-size: 14px; font-weight: 600;   }



.box-category .box-filter-cate ul li { margin-left: 10px; }



.box-category .box-filter-cate ul li a { color: #5d5d5d; margin: 10px 0 10px 20px; display: block; }



.box-category .box-filter-cate ul li a:hover { color: #d9534f; }



.box-category .box-filter-cate ul a span { margin: 5px 5px 5px 0; display: inline-block; width: 18px;height: 18px;border-radius: 100%;}







.box-category .box-list-product { width: 855px;  padding:10px; display: inline-block; background: #fff; border-radius: 5px; margin-top: 20px;  }



.box-category .box-list-product h3,.box-category .box-list-product h1{ float: left; margin-top: 5px; font-size: 20px; font-weight: 600; }



.box-category .box-list-product .filter-right { float: right; margin: 5px; }



.box-category .box-list-product .filter-right p { display: inline-block; }



.box-category .box-list-product .filter-top { border-bottom: 1px solid #efefef; padding-bottom: 10px; display: inline-block; width: 100% }



.box-category .box-list-product .list-product ul { display: inline-block; }



.box-category .box-list-product .list-product ul li { width: 25%; float: left; margin-bottom: 20px; }







.list-product .product-main { display: inline-block; text-align: center; border: 0 none}



.list-product .product-main .info-product a { color: #000; display: block; }



.list-product .product-main .info-product a:hover { color: #c60909; }



.list-product .product-main .button-product { display: flex; width: 100% }



.list-product .product-main .button-product a { color: #fff; text-transform: uppercase; border-radius: 3px; font-weight: 600; padding: 5px 12px; margin: 0px 8px; transition: 0.5s }



.list-product .product-main .button-product a:hover { opacity: .7; }



.list-product .product-main .btn-buy { background: #c60909; float: left; }



.list-product .product-main .btn-detail { background: #707070; float: right; }







.tag-cate { background: #fff; padding: 10px;  }



.tag-cate h3 { color: #ed1c24; font-size: 16px; font-weight: 600; margin-top: 10px;  }



.tag-cate ul li { display: inline-block; margin-right: 15px; }



.tag-cate ul li:after { content: '►'; margin-left: 10px; font-size: 10px; color: #606060; }



.tag-cate ul li:last-child:after { display: none; }



.tag-cate ul li a { color: #7a7a7a; font-size: 12px; }







/*



          ==============================================================



                   DETAIL CSS



          ==============================================================



*/







.product-detail {background: #fff; border-radius: 5px; margin-top: 20px; display: inline-block; width: 100%; padding: 10px;}







.video-wrapper {  position: relative; padding-bottom: 56.25%; /* 16:9 */  padding-top: 25px;  height: 0;}



.video-wrapper iframe { position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;}



.block-img-left { width: 500px; display: inline-block;  text-align: center; }



.slider-nav { float: left; }



.slider-nav div { width: 70px; height: 70px }



.slider-nav .slick-list { height: 432px !important; }



.slider-for { float: right; width: 428px;  }



.slider-for img { border: 0 none !important; }



.block-img-left img { border: 1px solid #ececec; max-width: 99% !important; border-radius: 2px; margin-bottom: 5px; margin-top: 13px; }



.block-img-left .slick-current img { border: 1px solid #189eff;}



.txt-load-img { display: inline-block; margin-top: 50px; }







.block-info-pro-right { float: right; width: 610px; }



.block-name { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 10px 0; display: inline-block;}







/*set a border on the images to prevent shifting*/



#gallery_01 img{border:1px solid white;}



 







#gallery_01 { float: left; width: 80px;}



.zoomWrapper { float: right; }

.zoomWrapper img { max-width: 410px !important; }





.detail-ul ul a span { margin: 5px 5px 5px 0; display: inline-block !important; width: 18px;height: 18px;border-radius: 100%;}



.zoomWindow { width: 630px !important; height: 550px !important ;}







.block-img-info-product, .block-buy-relate { display: inline-block; width: 100% }



.block-info-pro-right .block-name h3, .block-info-pro-right .block-name h1 { font-size: 22px; font-weight: 600; line-height: 30px; margin-top: 0; min-height: 56px; max-height: 56px; }



.block-info-pro-right .block-name ul { line-height: 27px; }



.block-info-pro-right .block-name ul li { display: inline-block;  border-right: 2px solid #868686; padding-right: 5px; margin-right: 5px;  }



.block-info-pro-right .block-name ul li:last-child { border: 0 none }



.block-info-pro-right .block-name ul li p { display: inline-block; font-weight: 600; }



.block-info-pro-right .block-name p { display: inline-block; font-weight: 600; margin-right: 5px; float: left; }







.block-price .block-price-left { width: 400px; float: left; }



.block-price .block-price-left ul li { line-height: 30px; }



.block-price .block-price-left ul li p { width: 35%; float: left; font-weight: 700; }



span.main-price-detail { font-size: 30px; font-weight: 700; color: #e90530; }



span.main-price-detail sup { font-size: 16px; }



span.normal-price-detail sup { font-size: 10px; }



span.discount-pricde-detail { font-size: 20px; font-weight: 700; color: #e90530 }



ul.detail-ul li { display: inline-block; width: 100%; }



ul.inner-option { display: inline-block; width: auto; float: left; }



ul.inner-option li { float: left; display: inline-block; width: auto; }



.price-ul { margin-bottom: 10px; }



.detail-ul { border-top: 1px solid #ccc; padding-top: 20px; }



.option-size { font-weight: 600; padding: 2px 6px; border: 1px solid #d7d7d7; border-radius: 3px; margin: 0 5px; font-size: 13px; color: #333333; }



.option-size:hover { border: 1px solid #ef1942; }







.soluong .input-group { width: 30%; }



.soluong .input-group .form-control { z-index: 0; text-align: center; }



.soluong .input-group .btn-primary { color: #000; background: #fff; border: 1px solid #ccc }



.soluong .input-group .bootstrap-touchspin-up { background: #dcdcdc; z-index: 0 }



.btn-ul { display: flex; margin-top: 20px; }



ul.btn-ul li:first-child { padding-left: 0; padding-right: 5px } 



ul.btn-ul li:last-child { padding-right: 0; padding-left: 5px;    display: inline-grid; }



ul.btn-ul li a, ul.btn-ul li button { text-transform: uppercase; color: #fff; text-align: center; font-weight: 700; }



ul.btn-ul li a.buy-now-detail , ul.btn-ul li button.buy-now-detail { background: #d40008; border-radius: 3px; padding: 10px 45px; font-size: 20px; transition: 0.5s; border:none; }



ul.btn-ul li a.buy-now-detail:hover, ul.btn-ul li button.buy-now-detail:hover { background: #ff646a }



ul.btn-ul li a.cart-now-detail{ background: #00aeef; border-radius: 3px;padding: 10px 18px; font-size: 16px;  transition: 0.5s}



ul.btn-ul li a.cart-now-detail:hover { background: #5dc4ea }



.block-camket { float: left;width: 195px;    margin-left: 10px; font-size: 13px }



.block-camket ul { border: 1px solid #efefef; padding: 10px 5px 5px 5px; border-radius: 3px; margin-bottom: 10px; min-height: 90px; }



.block-camket ul li { padding-bottom: 10px; }



.block-camket ul li i { color: #2185c2 }



.block-camket ul li p { font-weight: 600 ; color: #2185c2; display: inline-block; margin-left: 4px;  }



.block-camket ul li span { display: inline-block; }



.reg-ctv { color: #fff; background: #189eff; padding: 5px; border-radius: 3px; font-size: 12px; display: inline-block; }



.share-facebook  {display: inline-block; text-align: center;}







.block-buy-relate { border-top: 1px solid #ccc; margin-top: 20px; padding: 20px 0; }



.block-buy-relate p { font-size: 18px; font-weight: 600; color: #555; }



.block-buy-relate ul.block-img-relate { display: flex; margin: 20px 0; float: left; }



.block-buy-relate img { border: 1px solid #ccc; padding: 5px; border-radius: 3px; margin-right: 10px; }



.block-buy-relate img:hover { border: 1px solid #2185c2 }



.block-buy-relate label { display: inline-block; }



.block-buy-relate span { font-weight: 600;}



.block-buy-relate sup { font-size: 10px; }



p.total-price-relate-detail { display: inline; font-size: 14px; margin-top: 10px; font-weight: 400; }



span.total-price-relate-detail  { color: #ff313d; font-weight: 700; font-size: 16px }



a.buy-all-detail{ color: #fff; background: #ff313d; padding: 5px; border-radius: 3px; margin-top: 10px; display: inline-block; }







.block-product-relate { border-top: 1px solid #ccc; padding-top: 20px;margin-top: 20px; }



.block-product-relate p {font-size: 18px; font-weight: 600; color: #555; margin-bottom: 20px;   }



.block-product-relate .product-main {    display: inline-block;    text-align: center;    border: 0 none; }



.block-product-relate .product-main .button-product {     display: flex;    width: 100%;}



.block-product-relate .product-main .button-product a { color: #fff;text-transform: uppercase;border-radius: 3px;font-weight: 600;padding: 5px 12px;margin: 0px 6px;transition: 0.5s; width: 100%; }



.block-product-relate .product-main .btn-buy {    background: #c60909;    float: left;}



.block-product-relate .product-main .btn-detail {    background: #707070;    float: right; }







.block-product-relate .slick-prev { left: -9px; z-index: 1;  }



.block-product-relate .slick-next { right: -13px;width: 26px; height: 18px; z-index: 1 }







.block-product-relate .slick-next::before { content: '›';background: #fff;z-index: 2;color: #2e3038;opacity: 1;box-shadow: 0 0 8px rgba(0,0,0,.15);border-top-left-radius: 48px;border-bottom-left-radius: 48px;padding: 0px 2px 8px 10px; font-size: 22px !important; font-family: unset; } 







.block-product-relate .slick-prev::before { content: '‹';background: #fff;z-index: 2;color: #2e3038;opacity: 1;box-shadow: 0 0 8px rgba(0,0,0,.15);border-top-right-radius: 48px;border-bottom-right-radius: 48px;;padding: 0px 10px 8px 2px; font-size: 22px !important; font-family: unset; } 



.block-product-relate .slick-prev::before, .block-product-relate .slick-next::before { font-size: 40px; color: #3e3e3e; }



.block-product-relate .slick-prev, .block-product-relate .slick-next { top: 49%; }







.product-info {     background: #fff;    border-radius: 5px;    margin-top: 20px;    display: inline-block;    width: 100%;    padding: 10px; }



.tab-prod ul { margin-bottom: 10px; border-bottom: 2px solid #337ab7; padding-bottom: 5px; font-size: 16px }



#tab-baiviet img { border: 0 none !important;}



#tab-baiviet h4 { font-weight: 600; }



#tab-baiviet strong { font-weight: 700; }



.btn-gia-san-pham { padding: 20px 0; text-align: center; }



.btn-gia-san-pham .btn-icon-page {    display: inline-block;    padding: 8px 12px;    font-size: 15px;    background: #444;    color: #fff;    font-weight: 500;    border-radius: 3px 0 0 3px;}



.btn-gia-san-pham .buy-now-detail {    background: #d40008;    border-radius: 3px;padding: 8px 40px;    font-size: 15px;    transition: 0.5s;    color: #fff;    text-transform: uppercase;}



.tab-contents h3 {     border-bottom: 5px solid #0c7fbf;    width: 25%;    padding: 10px 0;}



.tab-prod .nav-pills>li >a { font-weight: 700; background: #fff; color: #000; }



.tab-prod .nav-pills>li >a:hover {    color: #fff;    background-color: #337ab7;}



.tag-relate { display: flex; }



.tag-relate i { margin: 2px 5px; color: #337ab7; font-size: 20px; float: left; }



.tag-relate a { margin-right: 10px; }







.box-qa { border-bottom: 1px solid #ccc; padding-bottom: 10px; }



.question-sp .hoi { font-weight: 700; display: table-cell;    min-width: 50px; font-size: 16px }



.detail-hoi { display: table-cell;    min-width: 50px; }



.detail-hoi span { color: #ccc; font-style: italic; }







.urh-left {    width: 20%;    text-align: center;    float: left;}



.number-big-rate {    font-size: 72px;    font-weight: bold;   color: #fe302e;}



.star-big-rate {    display: inline-block;}



.star-rate {    float: left;    margin-right: 5px;}



.star-big-rate i {    font-size: 20px;}



.co-or {    color: #f5a623;}



.count-rate {    margin-top: 5px;    font-weight: bold;}



.urh-right {    width: 55%;    float: left;    margin: 20px 0; border-left: 1px solid #ccc;  border-right: 1px solid #ccc; padding: 0 30px;}



.urh-write { width: 25%; float: right; text-align: center; padding: 30px 0 }



.urh-write a { color: #000; background: #fdd22f; padding: 10px; width: 70%; display:  inline-block; border-radius: 5px; margin-top: 10px;  font-weight: 600; }



.u-rate-f1-progress {    width: 76%;    float: left;    height: 20px;}



.u-rate-f1-star {    width: 15%;    float: left;    margin: 0 10px;}



.u-rate-f1-num {    width: 5%;    float: left;}







.box-rate { display: inline-block; width: 100%; }



.box-user-rate { display: inline-block; width: 100%; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; } 



.box-user-rate .inner-rate { padding: 10px; display: inline-block; border-bottom: 1px dashed #eee; padding-bottom: 10px; width: 100%; }



.box-user-rate .inner-rate:last-child { border: 0 none; }



.box-user-rate .inner-rate .avatar-rate { width: 20% ;  float: left; margin-right: 20px; text-align: center; }



.box-user-rate .inner-rate .avatar-rate img { width: 50%; display: inline-table; }



.box-user-rate .inner-rate .comment-rate { float: left; width: 77%; }



.box-user-rate .inner-rate .comment-rate .block-rate { display: inline-block; width: 100%; }



.box-user-rate .inner-rate .comment-rate .block-rate p { display: inline; font-size: 16px }



.confirm-buy { color: #36a250 }



.confirm-buy i { float: left; margin: 6px 6px 6px 0; }



.user-write p { display: inline-block; margin-bottom: 10px; }



.user-write ul {  border: 0 none  }



.user-write ul li { display: inline-block; margin-right: 5px;}







.product-seen {   background: #fff;    border-radius: 5px;    margin-top: 20px;    display: inline-block;    width: 100%;    padding: 10px; }



.product-seen ul li { display: inline-block; }



.product-seen ul li img {    border: 1px solid #ccc;    padding: 5px;    border-radius: 3px;    margin-right: 10px;} 



.product-seen ul li img:hover { border: 1px solid #2185c2 }



.product-seen p  {     font-size: 18px;    font-weight: 600;    color: #555; margin-bottom: 20px; }







.write-review h4 {  font-weight: 600; }



.write-review p { font-size: 14px; font-weight: 600; }



.write-review ul { border: 0 none }



.write-review ul li { width: 100%; display: inline-block; }



.write-review button { margin-top: 20px; display: block;}







/*







          ==============================================================



                   BLOG Css



          ==============================================================



*/







.nav-blog { margin: 0; }



.nav-blog i { color: #c60909 }



.nav-blog a { color: #333; }



.nav-blog .navbar-brand { padding: 15px 0; }



.blog-new {  padding: 50px 0 50px 0; }



.blog-new h1 { font-size: 30px; color: #fff; font-weight: bold;  }



.blog-new p { font-size: 30px; }



.blog-new span { display: block; color: #fff; }



.u-blog-new-menu .navbar { margin-bottom: 0; }



.u-blog-new-menu .navbar-brand { padding: 21px 15px; color: #f26c4f }



.u-blog-new-menu .navbar-nav > li > a { padding-top: 22px; color: #000; }



.dropdown-menu > li > a:hover { background: #ccc; }











.u-blog-new-menu .nav .open > a, .u-blog-new-menu .nav .open > a:hover, .u-blog-new-menu .nav .open > a:focus {  background-color: transparent;  border-bottom: 3px solid #f26c4f !important;}







.u-blog-new-content { background: #eff0f2; padding: 20px 0; }



.box-slider-blog {     position: relative;    max-height: 360px;    overflow: hidden; }



.box-slider-info { position: absolute;    z-index: 9;    left: 0;    right: 0;    bottom: 0;    background-color: rgba(0, 0, 0, 0.5);    padding: 16px 23px 25px 23px; }



.box-slider-info .title {     font-size: 24px;    color: #fff;    display: inline-block;    margin-bottom: 8px;    font-weight: 700;}



.box-slider-info p {    color: #d9d9d9;    font-size: 12px;    margin-bottom: 0; margin-right: 5px;}



.box-slider-info a { color: #fff; font-size: 24px; margin-bottom: 10px; font-weight: bold}



.box-slider-info a:hover { text-decoration: underline; }



.box-slider-info p > a { font-size: 12px; font-weight: normal;}



.box-slider-info i {   width: 15px; text-align: center; margin-right: 5px;}







.sub-blog { background: #fff;    border: 1px solid #e6e5e5;    position: relative;    margin-top: 30px;  border-radius: 5px;}



.sub-blog .thumb-image {    border-radius: 5px;    display: block;    position: relative;    overflow: hidden;    margin: 0 0 10px;}



.sub-blog .view {    position: absolute;    z-index: 9;    background: rgba(0,0,0,0.72);    left: 0;    bottom: 0;    right: 0;    height: 40px;    line-height: 40px;    font-size: 12px;    color: #fff;    padding: 0 15px;}



.view i { color: #f26c4f; }



.sub-blog-title { font-size: 22px;    font-weight: bold;    color: #333;    padding: 22px 20px 20px 0; }



.sub-blog-title i { color: #f26c4f; margin-right: 10px; }



.interested-post {      margin-left: 30px !important;    padding-bottom: 27px !important; }



.sub-blog span { margin-right: 5px; }



.sub-blog .swiper-pagination-bullet-active { background: #f26c4f; }







.news-today {     background: #fff;    border-radius: 5px;    border: 1px solid #e6e5e5; }



.news-today .title {    font-size: 22px;    font-weight: bold;    color: #333333;        padding: 18px 29px;    line-height: 24px;}



.news-today .title i { color: #f26c4f; }



.news-today .list-post {    padding: 0 20px 5px;    overflow-y: scroll;    max-height: 630px;}



.news-today .item {    border-top: 1px solid #ebebeb;    padding: 15px 0;    font-size: 0;}



.news-today .item .thumb-image {      display: inline-block;    vertical-align: top;    margin-right: 15px;    border-radius: 6px;    overflow: hidden;}



.news-today .item .thumb-info {    display: inline-block;    vertical-align: top;    width: calc(100% - 95px);    font-size: 14px; }



.news-today .item .thumb-info a {    display: block;    font-size: 15px;    line-height: 22px;    font-weight: bold;    color: #333333;    margin: 0 0 7px;}



.news-today .item .thumb-info a:hover { text-decoration: underline; }



.news-today .item .thumb-info span {    display: block;    font-size: 13px;   color: #9e9e9e;    line-height: 22px;}



.news-today .list-post::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  background-color: #F5F5F5;  border-radius: 3px;}



.news-today .list-post::-webkit-scrollbar {  width: 6px;  background-color: #F5F5F5; }



.news-today .list-post::-webkit-scrollbar-thumb {   background-color: #cacaca;   border-radius: 3px; }







.box-item-blog .post-item {    margin-bottom: 35px;    background: #fff;   border: 1px solid #e6e5e5;    border-radius: 5px;    /*! min-height: 445px; */    overflow: hidden;}



.box-item-blog .post-item .post-thumb {    position: relative;    /*! border-bottom: 2px solid #f26c4f; */width: 100%;float: left;}



.box-item-blog .post-item .post-thumb a.img-thumb {    height: 209px;    overflow: hidden;    display: block; }



.box-item-blog .post-item .post-thumb .cate-post {    display: inline-block;    position: absolute;    bottom: -11px;    left: 25px;}



.box-item-blog .post-item .post-thumb .cate-post ul {    margin: 0 0;    padding: 0 0;    list-style: none;}



.box-item-blog .post-item .post-thumb .cate-post ul li {    margin: 0 0;    padding: 0 0;}



.box-item-blog .post-item .post-thumb .cate-post a {    display: inline-block;    font-size: 13px;    color: #fff;    background: #f26c4f;    padding: 2px 15px;    border-radius: 4px;}



.box-item-blog .post-item .post-thumb .cate-post a:hover { text-decoration: underline; }



.box-item-blog .post-item .post-info {    font-size: 13px;    color: #aaa;    padding: 10px 25px 10px; display: inline-block;width: 100%;}

.post-publish { float: left; }
.post-view  { float: right; }





.box-item-blog .post-item a.title {overflow: hidden; max-height: 68px;min-height: 68px;    display: block;    font-size: 20px;    font-weight: 700;    color: #3e3d3c;    padding: 8px 25px;    background: #fff;    /*! margin-bottom: 20px; */}







.box-item-blog .post-item .desc {padding: 8px 25px; overflow:hidden; max-height: 54px; text-align: justify;min-height: 54px;}



.box-item-blog .post-item .desc .excerpt-read-more {    display: none;}







.box-item-blog .post-item .desc p { font-size: 13px; }



.topic-hot {  background: #057bd2;  border-radius: 5px;  margin-bottom: 30px;  position: relative;}



.topic-hot .swiper-pagination {  top: 30px;  right: 15px;}



.topic-hot .swiper-pagination .swiper-pagination-bullet {  background: #fff;  margin-right: 5px;  opacity: 1;  }



.topic-hot .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  opacity: 1;  background: #f26c4f;}



.topic-hot .title {    font-size: 22px;    font-weight: bold;    color: #fff;    padding: 22px 20px 0 30px;}



.topic-hot .title i { color: #f26c4f; margin-right: 10px; }



.topic-hot .swiper-container {    padding: 25px 0 30px 30px;}



.topic-hot .topic-item .thumb-image {  display: block;  position: relative;  border-radius: 4px;  overflow: hidden;  box-shadow: 0 0 10px 5px #141414;}



.topic-hot .topic-item .thumb-image img {  max-width: 100%;}



.topic-hot .topic-item .thumb-image:hover .topic-info {  display: block;}



.topic-hot .topic-item .thumb-image:hover img {  opacity: 0.3;}



.topic-hot .topic-item .topic-info {  position: absolute;  right: 0;  left: 0;  text-align: center;  top: 50%;  transform: translateY(-50%);  z-index: 1;  display: none;}



.topic-hot .topic-item .topic-info .type {  display: block;  font-size: 16px;  font-weight: 700;  color: #fff;}



.topic-hot .topic-item .topic-info .title {  display: block;  font-size: 16px;  text-transform: uppercase;  color: #fff;  border-bottom: 1px solid #fff;  margin: 10px 60px 0;  padding: 0 0 10px;  font-weight: 300;}



.topic-hot .swiper-button-prev, .topic-hot .swiper-button-next {    width: 33px;    height: 68px;    background: #fff;    top: 50%;    margin-top: -34px;}



.topic-hot .swiper-button-prev {    background: url(../images/long-arrow-left.png) no-repeat center center;    left: 30px;}



.topic-hot .swiper-button-prev:hover {    background: url(../images/long-arrow-left-hv.png) no-repeat center center;    left: 30px;}



.topic-hot .swiper-button-next {    background: url(../images/long-arrow-right.png) no-repeat center center;  right: 0;}



.topic-hot .swiper-button-next:hover {    background: url(../images/long-arrow-right-hv.png) no-repeat center center;}



.topic-hot .swiper-button-prev.swiper-button-disabled, .topic-hot .swiper-button-next.swiper-button-disabled {    opacity: 1;    cursor: pointer;    pointer-events: auto;}



@media (max-width: 767px) {  .topic-hot {    border-radius: 0;  }  .topic-hot .swiper-container {    padding-left: 0;  }  .topic-hot .swiper-button-prev {    left: 0;  }}







.post-content .post-image-feature {    position: relative;    max-height: 400px;    overflow: hidden;    width: 100%;}



.post-content .post-image-feature .shadow {    position: absolute;    left: 0;    right: 0;    background: #000;    opacity: 0.7;    height: 100%;}



.post-content h1 {    font-size: 40px;    font-weight: 700;    line-height: 48px;    margin-bottom: 20px;    color: #fff;    position: absolute;    bottom: 45%;    padding-bottom: 24px;    margin-top: 0;}



.post-content h1:after {    content: "";    width: 318px;    height: 1px;    background: #f26c4f;    position: absolute;    bottom: 0;    left: 15px;}



.post-content .post-info {    font-size: 16px;    color: #8b8b8b;    position: absolute;    bottom: 26%;}



.post-content .post-info .post-publish {    margin-right: 35px;    color: #fff;}



.post-content .post-info i {    color: #fff;}







.post-content .post-info .post-cate {    color: #fff;}



.post-content .post-info .post-cate ul {    padding: 0 0;    margin: 0 0;    list-style: none;    display: inline-block;    margin-right: 35px;}



.post-content .post-info .post-cate ul a {    color: #fff;}



.post-content .post-info .post-view {    color: #fff;}







.post-content .related-post {    padding: 30px 0;    margin: 0 0 20px;}



.post-content .related-post .title {    font-size: 22px;    font-weight: 700;    margin: 0 0 20px;    text-align: left;    text-transform: uppercase;    line-height: 24px;}



.post-content .related-post .title i {    margin-right: 5px;    background: url(https://www.sapo.vn/blog/wp-content/themes/ver2018/images/icon-blog-related.png) no-repeat;    width: 25px;    height: 24px;    display: inline-block;    vertical-align: top;}



.post-content .related-post .relate-item {    text-align: left;}



.post-content .related-post .relate-item a.thumb-image {    display: block;    position: relative;    overflow: hidden;    border-radius: 5px;}



.post-content .related-post .relate-item img {    max-width: 100%;    height: auto;    width: 100%;    border-radius: 5px 5px 0 0;    transition-duration: 1s;}



.post-content .related-post .relate-item a.thumb-image .view {    position: absolute;    z-index: 9;    background: rgba(0,0,0,0.72);    left: 0;    bottom: 0;



    right: 0;    height: 40px;    line-height: 40px;    font-size: 14px;    color: #fff;    padding: 0 15px;}



.post-content .related-post .relate-item a.thumb-image .view .fa {    color: #f26c4f;}



.post-content .related-post .relate-item .post-title {    font-size: 15px;    font-weight: 500;    line-height: 24px;    color: #3e3d3c;    margin-top: 10px;    display: block;    height: 48px;    overflow: hidden;}



.post-content .related-post .relate-item .post-title:hover { color: #f26c4f; }



.post-content .related-post .relate-item img:hover {    -webkit-transform: scale(1.2);    -moz-transform: scale(1.2);    -ms-transform: scale(1.2);    -o-transform: scale(1.2);    transform: scale(1.2);}



.sub-blog .thumb-image img { min-height: 148px;}



.sub-blog .thumb-image { height: 147px;}



.box-slider-blog img { width: 100%; }
.box-slider-info {     padding: 16px 10px 25px 10px;  }



.post-content .related-post .relate-item a.thumb-image { height: 180px; } 



.post-content .related-post .relate-item { margin-bottom: 30px;     background: #f6f7f9;    padding: 7px;} 



.post-content .related-post .relate-item img { height: 183px;}



.blog_content img{max-width: 100%;     margin: 10px 0;    display: inline-block;}



.blog_content .tag .label { background: #ccc; }



.blog_content strong { margin: 10px 0; display: inline-block; font-weight: bold;}







.postDetail { background: #f3f3f3; }



.postDetail a { color: #333; margin-top: 10px; display: block; text-align: left; }



.related-post .post-title { max-height: 45px;    overflow: hidden;    min-height: 45px;line-height: 21px;    padding: 0px 10px 10px 10px;    display: inline-block;    width: 100%; }



.postDetail:hover a { color: #f26c4f; }



.postDetail img { max-width: 100%;     min-height: 156px;     max-height: 156px;width: 100%; margin-top: -10px; }











.content-blog { background: #fff; padding: 10px; margin-top: 20px; }



.content-blog h3 { margin-top: 0; }

.content-blog img { display: block;    max-width: 100%;    height: auto;  }





.content-blog .product-main {  display: inline-block; margin-bottom: 20px; border: 0 none }



.content-blog .product-main .button-product a {    color: #fff;    text-transform: uppercase;    border-radius: 3px;    font-weight: 600;    padding: 5px 12px;    margin: 0px 8px;    transition: 0.5s;}



.content-blog .product-main .btn-buy {    background: #c60909;    float: left;}



.content-blog .product-main .btn-detail {    background: #707070;    float: right;}



.new-detail-relate {     background: #fff;    border-radius: 5px;    margin-top: 20px;    display: inline-block;    width: 100%;    padding: 10px; }







/*



          ==============================================================



                   404 CSS



          ==============================================================



*/







.product-404 {     background: #fff;    border-radius: 5px;    margin-top: 20px;    display: inline-block;    width: 100%;    padding: 10px; }



.product-404 .block-product-relate { border: 0 none }



.noti-404 { background: #fff; text-align: center; display: inline-block; width: 100%; margin-top: 20px; padding-bottom: 30px; }



.noti-404 h3 { text-transform: uppercase; font-weight: 600; font-size: 30px; color: #7a7a7a; }



.noti-404 ul li { display: inline-block;}



.noti-404 ul li a { color:  #000; background: #fed700; margin: 10px; padding: 10px 20px; border-radius: 3px; }



.link-404 { text-align: center; background: #fff;    text-align: center;    display: inline-block;    width: 100%;    margin-top: 20px;  }



.link-404 p { font-size: 16px; font-weight: 600;padding: 20px 0 } 



.link-404 ul { border-top: 1px solid #ccc; padding: 20px 0 }



.link-404 ul li { display: inline-block; margin: 0 5px ; width: 100px}



.link-404 ul li i { border-radius: 100%; background: #5a5a5a;     font-size: 30px;    width: 63px;    height: 63px;   line-height: 60px; margin-left: 15px;    overflow: hidden;    position: relative; color: #fff ;display: block; }



.link-404 ul li a { color: #c60909; font-size: 12px; }



.link-404 span { display: block;     max-height: 37px;    min-height: 37px;    overflow: hidden;}







/*



          ==============================================================



                   POPUP + NOTI CSS



          ==============================================================



*/







.popup10s .modal-content {  background: transparent; box-shadow: none; border: 0 none; text-align: center; }



.popup10s .modal-header { border: 0 none }



.popup10s .modal-header .close { font-size: 30px; opacity: 1; background: #464646; border: 3px solid #fff; border-radius: 100%; color: #fff;width: 35px;height: 35px;  }



.popup10s .modal-header .close span { display: block; margin-top: -8px; }







#myAlert {  display: block;  position: fixed;  bottom: 0;  left: 0;  width: 30%;  margin: 20px; z-index: 9999 }







/*



          ==============================================================



                   CART CSS



          ==============================================================



*/



.cart-left { background: #fff; padding: 10px; display: inline-block; width: 100%; margin-top: 20px; border-radius: 3px; }



.cart-right { background: #fff; padding: 10px; display: inline-block; width: 100%; margin-top: 20px; border-radius: 3px; }



.title-cart { margin-bottom: 20px; }



.title-cart p { font-size: 18px; font-weight: 600; color: #555; }



.title-cart span { font-size: 14px; color: #939393; }



.cart-left .img-cart { width: 13%; float: left; }



.cart-left .info-cart { width: 87%; float: left; }



.cart-left .info-cart p { font-size: 15px; font-weight: 600; }



.cart-left .info-cart span { font-size: 12px;  }



.cart-left ul li { display: inline-block; padding-top: 15px; border-top: 1px solid #ccc; width: 100%; }



.price-cart-page ul li { border: 0 none }



.price-cart-page .price-mcart { font-weight: 600; color: #c60909; font-size: 16px; }



.price-cart-page .price-gcart { font-size: 13px; text-decoration: line-through; color: #ccc; margin: 0 10px ; }



.price-cart-page .price-dcount { background: #c60909; padding: 2px 5px; border-radius: 5px; color: #fff; font-size: 10px }



.price-cart-page sup { font-size: 70%; }



.option-cart { float: right; margin: 10px }



.delete-cart { float: right; font-size: 20px;margin-left: 10px; }



.option-cart .soluong .input-group { width: 40%; float: right; }







.cart-page { display: inline-block; width: 100%; }



.price-cart-info ul li { display: inline-block; width: 100%; line-height: 30px; }



.price-cart-info ul li p { width: 30%; float: left; color: #9b9b9b; }



.price-cart-info ul li span { float: right; font-size: 16px; }



.price-cart-info sup { font-size: 70% }



.coupon-box span { float: unset !important; }



p.total-price { font-weight: 600; color: #000 !important; }



span.total-price-s { font-weight: 600; color: #df322f; }



.line-total { border-top: 1px solid #ccc; padding-top: 10px; }



.price-cart-info ul li a { color: #fff; background: #df322f; padding: 10px; border-radius: 5px; width: 100%; text-align: center; display: block; margin: 30px 0; font-size: 18px; font-weight: 600; transition: 0.5s }



.price-cart-info ul li a:hover { background: #860200; }



.coupon-box button { margin-top: -1px; }







.price-cart-page ul li { display: inline; }



.cart-empty { background: #fff; padding: 10px; display: inline-block; width: 100%; margin-top: 20px; border-radius: 3px;  }



.content-empty { text-align: center; }



.content-empty p { margin: 20px 0; }



.content-empty a { border-radius: 5px; background: #df322f; padding: 10px 30px ; font-size: 16px; text-transform: uppercase; color: #fff; font-weight: 600; margin-bottom: 30px; display: inline-block; transition: 0.5s }



.content-empty a:hover { background: #860200 }







/*



          ==============================================================



                   PAYMENT CSS



          ==============================================================



*/







.form-payment label { font-size: 13px; }



.form-payment span { color: #f00 }



.form-payment a,.form-payment button {   color: #fff;    background: #df322f;    padding: 10px;    border-radius: 5px;    width: 100%;    text-align: center;    display: block;    margin: 30px 0;    font-size: 18px;    font-weight: 600;    transition: 0.5s;}



.list-cart-prod { border-bottom: 1px dashed #ccc; display: inline-block;width:100%; }



.list-cart-prod p { width: 50%; float: left;  }



.list-cart-prod span { width: 50%; float: right; text-align: right; }



.list-cart-prod ul li { font-size: 12px; }



.list-cart-prod ul li:last-child { font-size: 14px; font-weight: 600; }







.unica-order-cart { background: #fff  }



.style-box { height: 80px;padding: 20px 0 20px 60px;border-radius: 7px;border: solid 3px #f26c4f;background-color: #fff;display: flex;flex-direction: column;cursor: pointer;position: relative; }



.col-cart-table .tab button { width: 49%; border: 3px solid #ccc; border-radius: 10px; text-align: left; font-size: 14px; padding: 20px 10px; }



.col-cart-table .tab button:first-child { margin-right: 15px; }



.col-cart-table .tab { border: 0; background: none; }



.col-cart-table .tabcontent { border-top: 1px solid #ccc; border-radius: 5px;  margin: 20px 0; }



.col-cart-table .tab button.active { background: #fff; border: 3px solid #f26c4f; border-radius: 10px;  }



.col-cart-table img { width: 40px; float: left; margin-right: 15px; }



.col-cart-table .tab button p { font-weight: bold; }



.col-cart-table .tab button span { font-size: 12px; }







.col-cart-table .tabcontent p { font-weight: bold; font-size: 14px; }



.col-cart-table .tabcontent span { font-size: 12px; }



.col-cart-table .tabcontent ul li:first-child { margin-top: 10px; }



.col-cart-table .tabcontent ul li { display: inline-block; width: 100%;  margin-bottom: 15px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; }



.col-cart-table .tabcontent ul li:last-child { border-bottom: 0; margin-bottom: 0; }



.bt-mg { margin-bottom: 20px }



.col-cart-table .conner {  display: block;  position: relative;  padding-left: 35px;  margin-bottom: 12px;  cursor: pointer;  font-size: 22px;  -webkit-user-select: none;



  -moz-user-select: none;  -ms-user-select: none;  user-select: none; line-height: 20px;}







/* Hide the browser's default radio button */



.col-cart-table .conner input {  position: absolute;  opacity: 0;  cursor: pointer;}







/* Create a custom radio button */



.col-cart-table .checkmark {  position: absolute;  top: 10px;  left: 0;  height: 25px;  width: 25px;  background-color: #eee;  border-radius: 50%;}







/* On mouse-over, add a grey background color */



.col-cart-table .conner:hover input ~ .checkmark {  background-color: #ccc;}







/* When the radio button is checked, add a blue background */



.col-cart-table .conner input:checked ~ .checkmark {  background-color: #2196F3;}







/* Create the indicator (the dot/circle - hidden when not checked) */



.col-cart-table .checkmark:after {  content: "";  position: absolute;  display: none;}







/* Show the indicator (dot/circle) when checked */



.col-cart-table .conner input:checked ~ .checkmark:after {  display: block;}







/* Style the indicator (dot/circle) */



.col-cart-table .conner .checkmark:after {  top: 9px;  left: 9px;  width: 8px;  height: 8px;  border-radius: 50%;  background: white;}







.payment-method p { font-size: 15px; font-weight: 600; }



.payment-method span { font-size: 14px; font-weight: 400; }



.btn-payment { float: right; }



.btn-payment button { font-size: 18px; padding: 10px 20px; }







.noti-success {background: #fff;text-align: center;display: inline-block;width: 100%;margin-top: 20px;padding-bottom: 30px;}



.noti-success h3 {    text-transform: uppercase;    font-weight: 600;    font-size: 30px;    color: #007aec;}



.block-noti { width: 60%; text-align: center; display: inline-block; }



.block-noti p { font-weight: 600; font-size: 18px;  line-height: 25px; margin-bottom: 15px}



.block-noti span { line-height: 25px; display: block; margin-bottom: 15px; }



.info-product a{min-height: 42px; max-height: 42px; overflow: hidden; display: inline-block;}



.formLable a{line-height: 40px; font-size: 17px;}



.zoomProduct img{max-width: 411px !important;}
.block-img-left .slick-list { height: 450px !important;padding: 80px 0px;} 
.color_0 > a { background:  #c60909 !important; color: #fff !important; }


/*



          ==============================================================



                   EDIT CSS



          ==============================================================



*/
.textLogin i { font-size: 16px; }
.hotline { margin-top: 1px }
.nav-blog .navbar-nav { margin-left: 20px; } 
.bdNone .content-news a {
    display: inline-block;
    margin-top: 12px;
}
.zoomWindow{max-width: 409px !important; max-height: 356px !important;}
.zoomProduct{max-height: 356px !important; width: 409px !important;}
.notfound{width: 100%;display: block;}
.notfound .noti-404 h3{width: 100%;}
.notfound .noti-404 ul{margin-top: 30px;display: inline-block;}
.notfound .btn-buy {    padding: 5px 10px !important;}
.notfound .block-product-relate{padding:0; margin:0;}
/*



          ==============================================================



                   Responsive CSS



          ==============================================================



*/











@media (min-width:1921px) and (max-width:2560px) {}



@media (min-width:1601px) and (max-width:1920px) {}



@media (min-width:1366px) and (max-width:1600px) {
  .box-item-blog .post-item a.title{min-height: 68px;}
}



@media (min-width:1200px) and (max-width:1365px) {}



@media (min-width:992px) and (max-width:1199px) {



  .logo {     margin: 10px 25px 0 15px; }



  .text-top4 span { font-size: 9px }



  .col-cate { width: 23%; }



  .col-search { width: 37% }



  .col-cart { padding-right: 0; width: 26% }



  .tag-search a {     overflow: hidden;    height: 18px; }



  .hotline p { font-size: 14px; }



  .hotline { width: 52%; }



  .cart { padding: 7px 3px;     margin-left: 0px; }


  .textLogin { padding: 0; width: 14%; } 
 



  .box-category .box-list-product .list-product ul li { width: 33.33333333333333%; }







  .block-info-pro-right { width: 410px }



  .block-camket { display: none; }



  .zoomWindow { width: 400px !important; height: 400px !important ;}



  



  .urh-right { padding: 0 10px; }



  .u-rate-f1-progress { width: 70% }



  .u-rate-f1-star { width: 18%; }



  .urh-write a { width: auto; }







  .box-user-rate .inner-rate .comment-rate { width: 76% }



  .content-blog .product-main .button-product a {     margin: 0px 3px; }







}



@media (min-width:768px) and (max-width:991px) {



  .col-cate { width: 6% }



  .tag-search a {     overflow: hidden;    height: 18px; }



  .link-product-more li {     padding: 0px 5px 4px 5px; }



  .text-right-email { margin-bottom: 15px; }



  .bg-cate { display: none; }



  .width50 { width: 100% !important; }



  .cd-dropdown-content a, .cd-dropdown-content ul a { font-size: 14px !important; }



  .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { height: 25px; color: #fff }



  .star-rate {    float: left;    height: 20px; }



  .col-cart { width: 39% }



  .box-category .box-list-product .list-product ul li { width: 33.33333333333333%; }



  .list-product .product-main .button-product a {     padding: 5px 6px;     margin: 0px 4px; }



  .list-product .star-rate { margin-top: 0; }







  .block-info-pro-right { width: 100%; }



  .tab-contents h3 { width: 40% }



  .urh-right { padding: 0 10px; }



  .u-rate-f1-progress { width: 65%; }



  .u-rate-f1-star { width: 23%; }







  .content-blog .product-main .button-product a {     margin: 0px 5px; }



  .option-cart .soluong .input-group { width: 28%; }



  .price-cart-info ul li p { width: 40%; }



  .price-cart-info ul li span { font-size: 15px; }



}



@media (max-width:767px) {
  .flexslider img{height: 160px !important; max-width: 100% !important;}
  .flexslider{border:none !important;}
  .flexslider .slides img{width: auto!important;}
.flex-direction-nav .flex-prev{display: none;}
  #gallery_01 img{max-height: 90px !important; min-height: 90px !important;}
  .tab-contents table, .content-blog table{width: 100% !important;}
  .product-main img{min-width: 150px; max-width: 150px; min-height: 150px; max-height: 150px;}
  .info-product{min-height: 130px; max-height: 130px;}
  .btn-fixed-block .buy-now-detail{border:none;}
  .info-product .price-main { width: 100% }
  .info-product .price-goc { float: left;}
  .is-active i { color: #c60909; }
  .block-img-left .slick-list { height: unset !important; } 
  .total-Price { min-height: 42px; display: inline-block; }
  #myAlert { width: 88%; }
  .payment li { display: inline-block !important;  }
  .product-detail { margin-top: 0px }
  .cart-right { margin-top: 5px }
  .box-slider-blog img { width: 100%; max-height: 160px}
  .post-content .post-image-feature { margin-top: 5px }
  .post-title { max-height: 57px; display: inline-block; overflow: hidden; }
  .width50 { width: 100% !important; }
  .name-in-pro { min-height: 42px ;max-height: 42px; overflow: hidden; display: inline-block; }
  .tab-prod .nav-pills > li { width: 24%; margin-right: 1%;}
  .tab-prod .nav-pills > li > a { padding: 10px 0; background: #c60909;color: #fff; }
  .tab-prod .nav-pills > li + li { margin: 0; margin-right: 1%; }
  
.box-item-blog .post-item .post-thumb { width: 50%; }

.box-item-blog .post-item .post-thumb a.img-thumb { max-height: 84px;}
.box-item-blog .post-item a.title {overflow: hidden; max-height: 44px;     }
  .bg-cate { display: none; }



  .c_header__search-wrapper {    height: 44px;    padding-top: 12px; }



  .c_header__mobile-bt {    background: transparent;    border: none; }



  .c_header__mobile-bt i {    color: #000;    font-size: 22px;    padding-top: 2px; }



  .c_header__search {    background: #000;    display: none;    border-top: none;    bottom: 0;    box-shadow: 0 2px 1px #dedfe0;    left: 0;    padding: 10px 15px 15px;    position: absolute;



    right: 0;    top: 55px;    visibility: visible;    z-index: 2;    height: 80px !important;  }



    .sm-form {    font-size: 13px;    font-style: italic;    height: 40px;    width: 99% !important;  }



  .sm-btn-search {    position: absolute;    right: 15px;    top: 5px;    background: none;    color: #ed1944;    font-size: 22px;}



  .cart p { display: none; }



  .col-cate { width: auto; }



  .category { float: left; }



  .logo-mobile { float: left;    margin: 17px 0px 0 10px; }



  .cart { border: 0 none; padding: 0; margin: 15px 12px 15px 14px }



  .cart i { font-size: 22px; }



  .cart span {     padding: 0px 5px 1px 5px;    border-radius: 100%;    font-size: 10px;    font-weight: 700;    position: absolute; top: 8px }



  .login-mobile {    float: right;    height: 44px;    padding-right: 7px;    padding-top: 7px;    position: relative;}



  .ava-img {    display: inline-flex;    vertical-align: middle;    align-items: center;    justify-content: center;    width: 40px;    height: 40px;   font-size: 22px;



    background-repeat: no-repeat;    background-position: center center;    background-size: cover;    overflow: hidden;    cursor: pointer;}



  .ava-img .fa {    color: #000;}



  .login-mobile .user-login-panel {    top: 55px;    right: 0;    left: auto;    box-shadow: 4px 4px 14px 2px rgba(0,0,0,0.06) !important;    border-radius: 3px;    border: none !important;    padding: 10px;}



  .popover-content {    padding: 9px 14px;}



  .popover .popover-content .btn {    color: #464646;    border: 1px solid #E1E5EA;    font-weight: 400;    line-height: 1.9;    width: 200px;    font-family: Roboto, sans-serif; }



  .btn-white {    background: white;    border: solid 1px #E4E4E4;    color: #464646;    border: 1px solid #E1E5EA;    font-weight: 400;    line-height: 1.9;    min-width: 200px;    font-family: Roboto, sans-serif;}



  .header-main { height: auto; padding: 0}



  .col-cart { padding-left:  40px }



  .c_header__search .tag-search {   display: inline-block;  height: 20px;    overflow: hidden;  }



  .c_header__search .tag-search a { color: #38b5df;  }



  /*-.bg-product { margin-top: 80px; }-*/
  .bg-product { padding-bottom: 0 }


  .banner-product { display: none; }



  .bg-product .col-lg-12 { padding: 0 }



  .link-product-more { display: none; }



  .text-right-email p { font-size: 22px }



  .text-right-email { margin-bottom: 10px; }



  .bg-title {     color: #000 !important;    padding: 10px 10px 10px 15px; background: 0; font-size: 15px }



  .title-product span { border-left : 6px solid #fed700;     left: 4px; }



  .view-all { font-size: 13px ;    margin: 19px 7px;  color: #777; font-weight: 400; }



  .news-block { border: 0 none; padding: 0 }



  .voucher {  margin-bottom: 0; }
  .category-mobile h3 { margin-top: 0 ; text-align: center;}


  .multiple-items div { text-align: center; }



  .voucher img { display: inline-block !important; text-align: center; }



  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {    top: 52% !important;  }







  .box-category .container { display: block; padding: 0; }



  .col-filter { margin-top: 10px; }



  .filter .form-control {    float: left;    width: 48%;    margin-right: 5px;    margin-bottom: 5px;}



  .box-category .box-list-product { width: 100%; }



  .box-category .box-list-product .list-product ul li { width: 50%; border-bottom: 1px solid #ccc; padding-bottom: 15px; }



  .list-product .product-main .button-product a {padding: 5px 9px;margin: 3px 0px;width: 100%;} 



  .box-category .box-list-product .filter-right p { display: block; }



  



  .block-img-left { width: 100%; }



  .block-info-pro-right { width: 100%; }



  .block-info-pro-right .block-name h3 { min-height: auto; max-height: unset; }



  .tag-relate { display: inline-block; }



  .btn-ul { display: none; }



  .product-detail { padding: 0;  }



  .breadcrumb { display: none; }



  #gallery_01 { width: 100%;    margin-top: 18px;} 



  .zoomWrapper { width: 300px !important; float: left; }



  .zoomContainer { width: 300px !important; }



  .txt-load-img { margin: 0 }



  .block-name { margin:0 15px }



  .bg-product { background: #fff; }



  .block-info-pro-right .block-name h3 { font-size: 18px }



  .block-price .block-price-left { width: 95%; float: right; }



  .soluong .input-group { width: 40%; }



  ul.btn-ul li a.buy-now-detail {     width: 96%;    display: inline-block; margin-bottom: 10px; }



  ul.btn-ul li a.cart-now-detail {     width: 94%;    display: inline-block;     padding: 10px 18px; }



  ul.btn-ul li:last-child { padding: 0 }



  .block-camket { display: none; }



  .zoomWindowContainer { display: none; }



  .block-product-relate .slick-prev, .block-product-relate .slick-next { display: none !important; }



  .block-buy-relate { padding: 10px; }



  .block-product-relate { padding: 10px; }



  .button-product { display: inline-block !important ;  width: 96% !important;}



  .block-product-relate .product-main .button-product a { margin: 5px 0; }



  .tab-contents h3 { width: 100% }



  .box-rate .urh-left { width: 25%; }

.number-big-rate{font-size: 50px;}
.star-big-rate i{font-size: 12px;}
.progress{height: 15px;margin-bottom: 10px;}
  .box-rate .urh-right { width: 75%; padding: 0; border: 0 none }

.count-rate{font-size: 12px;}

  .box-rate .urh-write { width: 100%; }



  .urh-right .u-rate-f1-progress { width: 46% }



  .urh-right .u-rate-f1-star { width: 37%; }



  .box-user-rate .inner-rate .comment-rate { width: 72%; }



  .product-seen { background: #efefef; }



  .btn-fixed-block {     background-color: #fff;    position: fixed;    bottom: 0;   left: 0;    width: 100%;    padding: 10px;    -webkit-transform: translateZ(0);    transform: translateZ(0);



    z-index: 10;   border-top: 1px solid #ddd;    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.24);    box-shadow: 0 0 1px 0 rgba(0,0,0,.24);  text-transform: uppercase; text-align: center;}



  .btn-fixed-block .buy-now-detail { background: #d40008;    border-radius: 3px;   padding: 10px ;    font-size: 14px;    transition: 0.5s;   color: #fff;  width: 48%; margin: 0 3px;  }



  .btn-fixed-block .cart-now-detail { background: #0086d4;  border-radius: 3px;   padding: 10px 0 ;    font-size: 14px;    transition: 0.5s;   color: #fff;  width: 48%; margin: 0 3px; text-transform: uppercase; }







  .sub-blog { background: none; border: none; }



  .interested-post { margin-left: 0 !important; }



  .interested-post .swiper-pagination { display: none; }



  .u-blog-new-menu .navbar-toggle .icon-bar { background: #000; }



  .post-content .post-image-feature img { height: 150px; }



  .post-content h1 { font-size: 16px; line-height: 25px; margin: 10px; }



  .post-content .post-info {     bottom: 10%;    margin: 10px;  font-size: 14px;}



  .box-slider-info a { font-size: 16px; max-height: 46px; display: inline-block; overflow: hidden; }
  .box-slider-info {     padding: 16px 10px 4px 10px; }



  .post-content .post-info .post-publish {margin-right: 25px;}



  /*-.swiper-button-prev, .swiper-button-next { display: none; }-*/



  .box-slider-info p { display: none; }



  .swiper-button-prev { left: 4px !important; }



  .sub-blog-title {     padding: 0 0px 20px 0; }



  .sub-blog { margin-top: 0; }



  .post-content h1:after { display: none; }



  .blog_content { margin-bottom: 10px; }



  .post-content .pdNoneb { padding: 0; }



  .u-blog-new-menu .navbar-brand {       padding: 21px 5px 21px 0;    font-size: 12px; }



  .blog_content p { margin: 10px 0 !important; line-height: 26px; }



  .u-blog-new-menu .navbar-toggle {     margin-right: 15px;    padding: 10px 0px;    margin-top: 15px; }



  .box-cate-list-blogs p { width: 67%; }



  .box-item-blog .post-item a.title {      font-size: 14px;      font-weight: 600;      color: #555555;      padding: 0 10px;  width: 50%;}



  .box-item-blog .post-item .post-info {      padding: 0px 10px 0px;  display: grid; }



  .box-item-blog .post-item{    margin-bottom: 25px;  }



  .text-mobi{text-align: center;width: 100%;}



  i.fa.fa-chevron-right {    font-size: 12px;}



  .u-blog-new-content .no-padding-xs { padding: 0 10px; }



  .nav-blog { display: none; }



  .u-blog-new-content { margin-top: 5px; }



  .box-item-blog .post-item { /*! min-height: 345px; */ }



  .content-blog { background: #f3f3f3; padding: 5px }



  .content-blog .product-main { border-bottom: 1px solid #ccc !important; padding-bottom: 10px; }



  .content-blog .product-main:last-child { border: 0 none }



  .col-cart { float: right; }







  .noti-404 { margin-top: 60px }



  .noti-404 ul li a { display: block; }



  .cart-left { padding: 0 }



  .option-cart .soluong .input-group { width: 45%; }



  .btn-payment button { font-size: 14px; padding: 6px 12px }



  .block-noti { width: 100%; }



  .noti-success { margin-top: 60px; }



  .cart-page { margin-top: 60px; }



  .title-footer { font-size: 15px; }



  .reg-email i { height: 55px; }



  .footer1 .col-xs-6 { padding: 5px }

  #back-to-top{bottom: 160px;}


}

@media (min-width:414px) and (max-width:767px) {

.zoomWrapper img { max-width: 410px !important; }
.bdNone .content-news a {
    display: inline-block;
    margin-top: 12px;
}
}


@media (min-width:375px) and (max-width:413px) {

.zoomWrapper img { max-width: 375px !important; }
.btn-gia-san-pham .buy-now-detail{    padding: 8px 35px;}

.bdNone .content-news a {
    display: inline-block;
    margin-top: 12px;
}
.flexslider img{height: 150px !important;}
.flex-direction-nav .flex-prev{display: none;}
}





@media (min-width:321px) and (max-width:374px) {

.bdNone .content-news a {
    display: inline-block;
    margin-top: 12px;
}

  .list-product .product-main .button-product a {     width: 100%;    margin-bottom: 10px !important; }

.zoomWrapper img { max-width: 370px !important; }
.btn-gia-san-pham .buy-now-detail{    padding: 8px 35px;}
.block-info-pro-right .block-name h1{font-size: 17px;}
}

@media (max-width: 320px) { 
.bdNone .content-news a {
    display: inline-block;
    margin-top: 12px;
}
.zoomWrapper img { max-width: 320px !important; }
.btn-gia-san-pham .buy-now-detail{    padding: 8px 35px;}
.block-info-pro-right .block-name h1{font-size: 17px;}
}
.zalo-chat-widget{bottom:13%!important;right:20px !important;}