@font-face {
    font-family: 'VNFSheila';
    src: url('../font/VNFSheila.eot');
    src: url('../font/VNFSheila.eot') format('embedded-opentype'),
    url('../font/VNFSheila.woff2') format('woff2'),
    url('../font/VNFSheila.woff') format('woff'),
    url('../font/VNFSheila.ttf') format('truetype'),
    url('../font/VNFSheila.svg#VNFSheila') format('svg');
}
@font-face {
    font-family: 'VNFITCLubalinGraphRegular';
    src: url('../font/VNFITCLubalinGraphRegular.eot');
    src: url('../font/VNFITCLubalinGraphRegular.eot') format('embedded-opentype'),
    url('../font/VNFITCLubalinGraphRegular.woff2') format('woff2'),
    url('../font/VNFITCLubalinGraphRegular.woff') format('woff'),
    url('../font/VNFITCLubalinGraphRegular.ttf') format('truetype'),
    url('../font/VNFITCLubalinGraphRegular.svg#VNFITCLubalinGraphRegular') format('svg');
}
@font-face {
    font-family: 'utm_avoregular';
    src: url('utm_avo.eot');
    src: url('utm_avo.eot?#iefix') format('embedded-opentype'),
    url('utm_avo.woff2') format('woff2'),
    url('utm_avo.woff') format('woff'),
    url('utm_avo.ttf') format('truetype'),
    url('utm_avo.svg#utm_avoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotocondensed-regular';
    src: url('../font/robotocondensed-regular.eot');
    src: url('../font/robotocondensed-regular.eot') format('embedded-opentype'),
    url('../font/robotocondensed-regular.woff2') format('woff2'),
    url('../font/robotocondensed-regular.woff') format('woff'),
    url('../font/robotocondensed-regular.ttf') format('truetype'),
    url('../font/robotocondensed-regular.svg#VNFSheila') format('svg');
}
@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../font/RobotoCondensedBold.eot');
    src: url('../font/RobotoCondensedBold.eot') format('embedded-opentype'),
    url('../font/RobotoCondensedBold.woff2') format('woff2'),
    url('../font/RobotoCondensedBold.woff') format('woff'),
    url('../font/RobotoCondensedBold.ttf') format('truetype'),
    url('../font/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}
@font-face {
    font-family: 'robotobold';
    src: url('../font/roboto-bold.eot');
    src: url('../font/roboto-bold.eot?#iefix') format('embedded-opentype'),
    url('../font/roboto-bold.woff2') format('woff2'),
    url('../font/roboto-bold.woff') format('woff'),
    url('../font/roboto-bold.ttf') format('truetype'),
    url('../font/roboto-bold.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto-regular';
    src: url('../font/roboto-regular.eot');
    src: url('../font/roboto-regular?#iefix') format('embedded-opentype'),
    url('../font/roboto-regular.woff2') format('woff2'),
    url('../font/roboto-regular.woff') format('woff'),
    url('../font/roboto-regular.ttf') format('truetype'),
    url('../font/roboto-regulars.svg#roboto-regulars') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
    font-family: Arial, Helvetica, sans-serif;
    color:#000;
    overflow-x:hidden;
    
}
.clear{ clear:both;}

a{ text-decoration:none !important;}

.full-headerold{
    max-width: 1366px;
    margin: 0 auto;
}
.full-header {
    max-width: 1011px;
    margin: 0 auto;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    background: #fff;
}
.container_new{
    margin-top:200px;
}
.contaislider{
    max-width: 1030px;
    margin: 0 auto;
    margin-top: 5px;
    padding: 0px 10px;
}
.top_home{    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
} 
.red_home{ width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0px 15px;
}
.box_search{
    float: left;
    width: 100%;
    background: #fff;
    height: 35px;
    margin: 7px 0px;
    border: 1px solid #ccc;
}
.text_search{
   float: left;
   width: 98%;
   height: 33px;
   margin-right: 10px;
   background: none;
   border: none;
   color: #000;
   font-size: 12px;
   outline: none;
   margin: 0px;
}
.noidung_news{word-break: break-word;}
.noidung_news img{ max-width:100%; height:auto}
.nut_search {
    float: right;
    width: 16px;
    height: 16px;
    border: none;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 0px;
    background: url(../images/images/search_19.png) no-repeat;
    cursor: pointer;
    outline: none;

}
.slogan-top{
   float: left;
   width: 75%;
   margin-top: 10px;
   font-size: 15px;
   color: #000;
}
.right-home{ float:right; margin-top: 10px;}
.tuvan{ background:url(../images/fone_03.png) left center no-repeat; padding-left:20px; float:left; margin-right:20px; color: #cccccc; font-size:13px;}
.tuvan span{ color:#ff0;font-size:14px;}
.box_lang{ float:left;}
.box_lang a{color: #cccccc;
    font-size: 10px;}
    .vi_1:hover a{ color:#ff0}
    .en_1:hover a{ color:#ff0}
    .box_lang img{ transition:all 1s ease-in-out}
    .vi_1:hover img{ 
       transform:scale(1.25,1.25);
       -moz-transform:scale(1.25,1.25);
       -ms-transform:scale(1.25,1.25);
       -o-transform:scale(1.25,1.25);
       -webkit-transform:scale(1.25,1.25);
   }
   .en_1:hover img{ 
       transform:scale(1.25,1.25);
       -moz-transform:scale(1.25,1.25);
       -ms-transform:scale(1.25,1.25);
       -o-transform:scale(1.25,1.25);
       -webkit-transform:scale(1.25,1.25);
   }
   .vi_1{ float:left; margin-right:5px;}
   .en_1{ float:left;}



   .icon-share{
       position: absolute;
       top: 0px;
       right: 20px;
   }
   .hotline{ 
     background: url(../images/iconhoot_03.png) left center no-repeat;
     float: right;
     padding-left: 45px;
     text-transform: uppercase;
     color: #7a7a7a;
     padding-bottom: 3px;
     padding-right: 10px;
 }
 .textnumber{
    font-family: 'roboto-regular';
    font-size: 13px;
}
.number{
    font-family: 'robotobold';
    font-size: 16px;
}
.number a{
    color: #7a7a7a;
    webkit-animation: my 700ms infinite;
    -moz-animation: my 700ms infinite;
    -o-animation: my 700ms infinite;
    animation: my 700ms infinite;
}

.hotline p{
  margin:0px;
}
.number-hot{
    font-size: 25px;
    font-weight: bold;
}
.slogan-hot{
    font-size: 20px;
    line-height: 12px;
}
.email{
    color: #fff;
    font-family: arial;
    font-size:16px;
}
.email span{
    color:#0d0187;
}
.banner_menu_show{
    max-width: 1200px;
    margin: 0 auto;
}
.box_banner{
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
}
.leftbanner{
    width: 50%;
    float: left;
}
.home{
    float: left;
    padding: 0px 10px;
    line-height: 45px;
}
.banner img{
    max-width: 100%;
}
.logo{
    float: left;
    padding-top: 10px;
    margin-right: 10px;
}
.banner{
    float: left;
    margin-top: 25px;
}

.rightbanner{
   float: right;
   width: 45%;
   margin-top: 20px;
}
.ghtop{
    float: left;
    background: url(../images/kvgiaohang_09.png) left center no-repeat;
    padding-left: 50px;


}
.kvgh{
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
    font-family: 'roboto-regular';
    font-size: 14px;
    padding-top: 3px;
}
.kvgh a{
    color:#7a7a7a;
    
}
.kvgh a span{
    font-family: 'robotobold';
    font-size: 16px;
}
.icon-addcart{
    float: right;
    margin-left: 15px;
    padding-top: 4px;
}
.pic-cart{
    background: url(../images/images/cart_03.png) bottom center no-repeat;
    float: left;
    width: 27px;
    height: 23px;
    text-align: center;
    padding-bottom: 27px;
    padding-left: 6px;
    color:#f00;
    font-weight:bold;
}
.namecart{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}
.namecart a{
    color: #000;
}
.namecart a:hover{ color:#f00;}
.textcart{ color:#cccccc !important;}
.textcart:hover{color:#ff0 !important;}


.menushow{
    background:url(../images/bg_menu_03_03.png) repeat;
}
.menu-top{
    background: url(../images/menu.jpeg);
    background-size: 100% 100%;
    position:relative;
    width:100%;
}
.bosj{ margin:0px -15px;}
.menumb{ display:none;}
.big_menu{
    max-width: 1030px;
    padding: 0px 0px;
    margin: 0 auto;
    height: 45px;
}
.menu-top ul{
    padding: 0px;
    list-style: none;
    width: 100%;
    margin: 0px;
}

.menu-top ul li a:hover{ color:#f00;}
.active{ color:#ff0 !important;}
.img_bong{
    position: absolute;
    text-align: center;
    z-index: 99;
}
.menushow h1{
    margin-left: 10px;
    font-size: 24pt;
    margin-bottom: 12px;

}

.an{ display:none;}
.container_web{
    max-width: 1030px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0px 10px;

}
.mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 35px !important;
    top: 0;
    z-index: 2;
}

.icon-share img{
    transition:all 0.2s ease-in-out;
}
.icon-share a{ text-decoration:none;}
.icon-share img:hover{

  transform: scale(1.25,1.25);
  -moz-transform: scale(1.25,1.25);
  -ms-transform: scale(1.25,1.25);
  -o-transform: scale(1.25,1.25);
  -webkit-transform: scale(1.25,1.25);
}


.header a span{ transition:all 1s ease-in-out; opacity:0;}
.header a:hover span{opacity:1;}
.zoomContainer{ border: 5px solid #fff;}
.mm-menu{ background-color: #d60000 !important; color: #fff !important;}


.menu ul li a:hover{ background-color:#000 !important;}
.mm-menu {
    width: 100% !important;
    min-width: 140px !important;
    max-width: 300px !important;
}
div#tt_filter_btn{
    display: block;
    position: fixed;
    -webkit-transition-property: opacity,visibility;
    -moz-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
    -moz-transition-timing-function: cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1);
    -webkit-transition-duration: .5s,.5s,0;
    -moz-transition-duration: .5s,.5s,0;
    transition-duration: .5s,.5s,0;
    -webkit-transition-delay: 0,0;
    -moz-transition-delay: 0,0;
    transition-delay: 0,0;
    background: rgba(29,29,31,.97);
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    opacity: 0;
    height: 0;
    z-index: 97;
    overflow: hidden;
}
div#show_search{

}
div#tt_filter_btn.show {
    opacity: 1;
    visibility: visible;
    height: auto;
    bottom: 0;
    z-index: 9;
    overflow: auto!important;
    -webkit-transition-property: opacity,visibility;
    -moz-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
    -moz-transition-timing-function: cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1);
    -webkit-transition-duration: .5s,.5s;
    -moz-transition-duration: .5s,.5s;
    transition-duration: .5s,.5s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}
div#tt_filter_btn.none{
    opacity: 0;
    visibility: visible;
    height: auto;
    bottom: 0;
    z-index: -9;
    -webkit-transition-property: opacity,visibility;
    -moz-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
    -moz-transition-timing-function: cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1);
    -webkit-transition-duration: .5s,.5s;
    -moz-transition-duration: .5s,.5s;
    transition-duration: .5s,.5s;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}
div.btn_filter{
    padding: 5px;
    position: fixed;
    z-index: 9;
    right: -8px;
    bottom: -8px;
    text-align: center;
    z-index: 999999999999;
    transition: all 0.5s;
    opacity: 1;
}
.bottom_show{
   position: fixed;
   bottom:0px;
   left:0px;
}
.show_true{ float:left;}
.show_four{ float:left;}
.show_true{ border:1px solid #fff; border-right:none; height:45px; margin-top:0px; overflow:hidden; background-color:rgba(234,234,236,.56);}
.show_four{ border:1px solid #fff; height:45px; margin-top:0px; overflow:hidden;  background-color:rgba(234,234,236,.56);}
.item_true1{ transition:all 0.5s; cursor:pointer; }
.item_true2{ transition:all 0.5s; cursor:pointer;}
.show_true:hover .item_true1{ margin-top:-45px;}
.show_true:hover .item_true2{ margin-top:0px;}
.item_four1{ transition:all 0.5s; cursor:pointer; }
.item_four2{ transition:all 0.5s; cursor:pointer;}
.show_four:hover .item_four1{ margin-top:-45px;}
.show_four:hover .item_four2{ margin-top:0px;}
div.over_btn{
    overflow: hidden;
    width: 110px;
    height: 45px;
}

div.btn_filter.show{
    transition: all 0.5s;
    opacity: 1;
}
div.btn_filter.none{
    opacity: 0;
    z-index: -999;
    transition: all 0.5s;
}
div.btn_filter a{
    background: rgba(234,234,236,.56);
    box-sizing: border-box;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    width: 100px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 40px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight:bold;
}
div.btn_filter .btn1{
    margin-top: 0px;
    transition: all 0.6s;
    color:#000;
}

div.btn_filter .btn2{
    margin-top: 56px;
    transition: all 0.4s
    color:#fff;
}
div.over_btn:hover .btn1{
    margin-top:-56px;
    color:#000;
}
div.over_btn:hover .btn2{
    margin-top:0px;
    background: #000;
    color:#fff;
}
div.btn_apply{
    padding: 5px;
    position: fixed;
    z-index: 9;
    right: -320px;
    bottom: 0px;
    width: 320px;
    opacity: 0;
    text-align: center;
    z-index: 9999;
    transition: all 0.5s;
}
div.btn_apply.show{
    right: 0px;
    opacity: 1;
    z-index: 99999999;
    transition: all 0.5s;
}
div.btn_apply.none{
    right: -320px;
    opacity: 0;
    z-index: 99999999;
    transition: all 0.5s;
}
div.btn_apply a.btn_clear{
    background: rgba(0,0,0,1);
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
    width: 155px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 54px;
    text-transform: uppercase;
    cursor: pointer;
    float: left;
}
div.btn_apply a.btn_apply1{
    background: rgba(255,255,255,1);
    box-sizing: border-box;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    width: 155px;
    color: #333;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 54px;
    text-transform: uppercase;
    cursor: pointer;
    float: left;
}
div#btn_close{
    position: absolute;
    top: 75px;
    right: 0px;
    display: inline-block;
    z-index: 99999999;
    opacity: 0;
    color: #FFFFFF;
    font-size: 14px;
    transition: all 0.5s;
    line-height: 16px;
    cursor: pointer;
}
div#btn_close img{
    margin-right: 10px;
}
div#btn_close.show1{
    right: 30px;
    opacity: 1;
    transition: all 0.5s;
}
div#btn_close.none{
    right: 0px;
    opacity: 0;
    transition: all 0.5s;
}
div.mt{
    margin-top: 10px;
}
ul.danhmuc_item{
    width: 100%;
    float: left;
    list-style: none;
    padding: 0px;
}
ul.danhmuc_item > li{
    width: 20%;
    float: left;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid transparent;
}
ul.danhmuc_item > li h3{
    font-size: 14px;
    color: #F1F1F1;
    cursor: pointer;
    text-align: left;
    width: 100%;
    line-height: 33px;
    margin: 0px 0px 0px;
    padding: 0px;
    float: left;
    text-transform: uppercase;
    margin-bottom: 20px;
}
div.list_danhmuc{
    width: 100%;
    float: left;
}
ul.list_item{
   width: 100%;
   float: left;
   list-style: none;
   padding: 0px;
   margin-top: 0px;
}
ul.list_item > li{
    width: 100%;
    float: left;
    cursor: pointer;
}
ul.list_item > li h4{
    font-size: 13px;
    color: #9C9C9C;
    text-align: left;
    line-height: 33px;
    margin: 0px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    transition: all 0.6s;
}
.line{
    width:1px; height:15px;
    background: #ffd800;
    margin-top: 4px;
}
ul.list_item > li h4 span{
    padding-left: 10px;
}

ul.list_item > li:hover h4{
    margin-left: 20px;
    color: #FFF;
}
ul.list_item > li h4.active{
    color: #FFF;
    font-weight: bold;
}
.topfooter{
    background:url(../images/images/top-footer_07.png) repeat-x;
    height:7px;
    width:100%;
    max-width:1366px;
    margin:0 auto;
    margin-top: 20px;
}
.footer{
    max-width: 100%;
    margin: 0 auto;
    background: url(../images/menu.jpeg);
    background-size: 100% 100%;
    color: #fff;
    position: relative;
    z-index: 1;
}
.footer h3{
    text-transform: uppercase;
    font-size: 15px;
    margin: 0px;
    float: left;
    margin-bottom: 10px;
}



.footer p a{
    color:#fff;
    text-decoration:none;
}
.footer p a:hover{ color:#ff0;}
.icon-left{
  position: absolute;
  bottom: 0px;
}
.icon-od{ padding: 0px;
    float: left;
    margin: 0px;
    border-top: 1px solid #333335;
    border-right: 1px solid #333335;
    width: 89px;
    text-align: center;
    overflow: hidden;
}
.icon-od img{ transition:all 0.7s ease-in-out;}
.icon-od img:hover{ 
   transform:scale(1.25,1.25);
   -moz-transform:scale(1.25,1.25);
   -ms-transform:scale(1.25,1.25);
   -o-transform:scale(1.25,1.25);
   -webkit-transform:scale(1.25,1.25);
}
.contact-left{
    margin-top:20px !important;
}

.MagicThumb-expanded div span{ display:none !important;}
.MagicThumb-buttons span{ display:none !important;}
.deatile_conect{ position:static !important}
.deatile_conect p{     font-size: 16px;
    color: #3e3e3e;
    margin-bottom: 0px;
}
.MagicThumb-caption{ height:50px !important;}
.img-s{ margin-top:20px;}
.name_price{
    position: relative;
    text-align: left;
    z-index: 99999999;
}
.name_price a{ 
    color: #2f0606;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.name_price p{ margin: 0 0 5px !important;}
.img_product{
    position: relative;
    transition: 1s;
    overflow: hidden;
}
.img_product img{
   transition:1s;
}
.img_product:hover img{
   transform:scale(1.15,1.15);
   -moz-transform:scale(1.15,1.15);
   -ms-transform:scale(1.15,1.15);
   -o-transform:scale(1.15,1.15);
   -webkit-transform:scale(1.15,1.15);
}
.img_product img{
   width: 100%;
   max-width:100%;
}
.price1{float:none !important;display:inline-block;}
.price {
  font-family: 'robotocondensed-regular'; color:#c71a1a; font-size:18px;
}
.price_old {
   font-family: 'robotocondensed-regular';
   color: #ccc;
   font-size: 18px;
   text-decoration: line-through;
   margin: 0px;
}
.giamgia {
    background: url(../images/icon_phantram.png) top left no-repeat;
    background-size: 100%;
    width: 45px;
    height: 45px;
    position:absolute;
    bottom: 5px;
    right: 0px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.giamgia:after {
    content:'%';
}
.giamgia:before {
    content:'-';
    padding-left: 0px;
}
.giamgia span {
    font-size: 13px;
    color:#fff;
    text-align:center;
    font-weight:normal;
}
.detaols img{
   max-width: 100%;
   height: auto !important;
}
.price a{
   color:#c71a1a !important;
}
.item-products h3 a {
    font-family: 'robotocondensed-regular';
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
}
.item-products{ margin-right:10px;}
.title_center p{
   float: right;
   color: #f00;
   margin: 0px;
   padding-top: 20px;
}
.title_center p a{
    color: #f00;
}
.red{
    background: url(../images/iconredmore_03.png) top center no-repeat;
    width: 45px;
    height: 50px;
    position: absolute;
    left: 40%;
    top: 0%;
    text-align: center;
    opacity: 0;
    transition: all 0.5s;
    z-index: 999999;
    padding-top: 35px;
    border: 1px solid;
}
.img_product a{ color:#bdb057; font-size:10px; width:45px; height:40px;}
.img_product a:hover{ color:#ff0;}
.img_product:hover .red{
    top: 40%;
    opacity:1;
}
#map_canvas {
    width: 100%;
    min-height: 450px;
    border: 2px solid #000;
    margin-bottom: 20px;
}
.map_title{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ab1f22;
}
input, button, select{
    padding: 0px 12px;
    height: 34px;
}
textarea{
    width: 80%;
    margin-bottom: 10px;
    padding: 0px 10px;
} 
.fusmc{ max-width:750px;}
.button {
    background: #333333;
    min-height: 23px;
    max-width: 90px;
    text-align: center;
    color: #FFF;
    padding: 5px;
}
.button:hover{
    background: #d50000;
    color:#fff;
}
.buttons {
    background: #d50000;
    min-height: 25px;
    max-width: 120px;
    text-align: center;
    color: #FFF;
}
.buttons:hover{
    background: #e43774;
    color:#fff;
}
.product_index{ position:relative;}
.readmore{
    border-bottom: 2px solid #fff;
    height:25px;
}

.readmore p{
   margin: 0px;
   width: 155px;
   height: 25px;
   background-color: #fff;
   float:right;
   text-align:center;
}
.readmore p:hover{background-color: #000;}
.pfg:hover .readmore{border-bottom: 2px solid #000 !important;}
.readmore p a{  line-height:25px; font-style:italic; color:#ccc; text-decoration: none;}
.readmore p:hover a{ color:#fff;}

.name_re{
    text-transform: uppercase;
    font-weight: bold;
    color: #3e3e3e;
    margin-bottom: 0px;
    font-size: 21px;
    margin-top: 10px;
}

.dang_on_l h4{ text-align:center; text-transform:uppercase; margin-top:20px;}
.MagicZoomPlus{ border:5px solid #fff;}
.title_indexs h2{
   text-transform: uppercase;
   margin-left: 15px;
   border-bottom: 2px solid;
   margin-right: 10px;
   font-size: 24px;
   font-weight: bold;
   margin-bottom: 20px;
   margin-top: 30px;
}
.readmore a{ font-size:14px; text-transform:none;}
.content img{ max-width:100%; height:auto;}
.content iframe, .noidung_news iframe {
    max-width: 100%;
    min-height: 300px;
    height: auto;
}
.sale-fix{
    position:fixed;
    right:0px;
    top:50%;
    z-index:999;
}
.title_web{
    background:url(../images/bg_title_03.png) center repeat-x;
    text-align: center;
    margin-bottom: 20px;
}
.title_web h4{
    max-width: 300px;
    margin: 0 auto;
    text-transform: uppercase;
    background: #fff;
}
.center_web{
    background: #ffffff;
    box-shadow: 0px 0px 5px #000;
    padding-top: 15px;
}
.title_left{
    border-bottom: 1px solid #d50000;
    padding-bottom: 5px;
}
.title_left h2{
   margin: 0px;
   color: #d50000;
   font-size: 22px;
   text-transform: uppercase;
   font-family: 'RobotoCondensedBold';
   background: url(../images/images/icondanhmuc_03.png) left center no-repeat;
   padding-left: 25px;
}
.content_left{
    background: #d60000;
    margin-top: 1px;
}
.content_left ul{
    padding: 0px;
    list-style: none;
    margin: 0px;
}
.content_left ul li{
    padding: 8px 10px;
    position: relative;
    border-bottom: 1px solid #fff;
}
.content_left ul li:after{
    content:"";
    background:rgba(0,0,0,0.3);
    width:0%;
    top:0px;
    left:0px;
    height:100%;
    position:absolute;
    transition:0.3s;
}
.content_left ul li:hover:after{
    width:100%;
}
.content_left ul li a{
    background:url(../images/images/iconlileft_03.png) left center no-repeat;
    padding-left:13px;
    color:#fff;
    text-decoration:none;
    width:100%;
    text-transform:uppercase;
    font-family: 'robotocondensed-regular';
    font-size: 15px;
    position:relative;
    z-index:1;
}
.content_left ul >li:hover >a{
    color:#ff0;
}
.catmenu{
    position: absolute !important;
    left: 100%;
    top: 0px;
    display: none;
    background: #d60000;
    width: 250px;
    z-index: 99999999999;
    border-left:1px solid #fff;
}
.content_left ul li:hover .catmenu{
    display:block;
}
.itemmenu{
    position: absolute !important;
    left: 100%;
    top: 0px;
    display: none;
    background: #d60000;
    width: 250px;
    z-index: 99999999999;
    border-left:1px solid #fff;
}
.catmenu li:hover .itemmenu{
    display:block;
}
.support_left{
    border: 1px solid #ccc;
    padding: 10px 20px;
}
.support_left h3{
    text-align:center;
    margin:0;
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    color:#cc205d;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
}
.img_hot{ text-align:center; margin-top:10px;}
.fule_list{
    margin-bottom:20px;
}
.fule_cat{
   border-bottom: 2px solid #969696;
   padding-bottom:20px;
}
.fule_list h3{
  margin:0px;
  border-bottom: 2px solid #ccc;
  padding-bottom:10px;
  margin-bottom:20px;
}
.fule_list h3 a{
    font-size:16pt;
    color:#000;
    text-transform:uppercase;
    text-decoration:none;
}
.fule_cat p{
    margin-left:20px;
}
.fule_cat p a{
    background:url(../images/icon_li_03.png) left center no-repeat;
    padding-left:20px;
    text-transform:none !important;
    color:#000;
    text-decoration:none;
}
.fule_cat p a:hover{background:url(../images/hover_a.png) left center no-repeat; color:#f00;}
.top_container_mid{
   border-top: 1px solid #969696;
   border-bottom: 1px solid #969696;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-bottom: 20px;
   font-family: 'VNFSheila';
   font-size: 20pt;
}
.title_center{
    border-bottom: 3px solid #eeeeee;
    margin-bottom: 15px;
}
.title_center h2{
    margin: 0px;
    color: #fff200;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'robotocondensed-regular';
    background: url(../images/menu.jpeg);
    background-size: 100% 100%;
    padding-left: 30px;
    width: 220px;
    line-height: 50px;
    height: 45px;
    float: left;
}
.readall{
    float: right;
    background: #d50000;
    margin: 0px;
    padding: 4px;
    font-size: 13px;
    transition:0.5s;
}
.readall:hover{ background:#000;}
.readall a{
    color: #fff;
    font-family: 'robotocondensed-regular';
}
.title_center span{ float:right;}
.title_center span a{ color:#6d0227}
.title_center span a:hover{ color:#f00;}

.content-product{margin: 0px -5px;}
.pig-product{
    width: 25%;
    float: left;
    padding: 0px 5px;
    margin-bottom: 1.3%;
}
.pig-product1{
    width: 33.333333%;
    float: left;
    padding: 0px 5px;
    margin-bottom: 1.3%;
}
.item-pero{ width:100%; border:1px solid #ccc; background:#f6f6f6;}
.pig-product:hover h3 a{ color:#d50000}
.name-pice{
    margin: 0px 10px;
    /* background: url(../images/next_03.png) right center no-repeat; */
    padding-right:19px;
    position: relative;
}
.item-pero h3{ 
    margin: 0px;
    height:26px;
    overflow:hidden;
}
.item-pero h3 a{
    font-family: 'robotocondensed-regular';
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
}
.price a{
  font-family: 'robotocondensed-regular';
  color: #000;
  text-transform: uppercase;
  font-size: 18px;
}
.box-gsip h3{ 
    margin: 0px;
    text-align: center;
    height: 26px;
    overflow: hidden;
}
.box-gsip h3 a{
 font-family: 'RobotoCondensedBold';
 font-size:16px;
 color:#3e3e3e;
}
.box-gsip:hover a{ color:#d50000}
.name-detail{
  font-family: 'RobotoCondensedBold';
  font-size:18px;
}
.full-clock{ margin-top: 20px;
    margin: 0px -10px;
}

.full-dos{ padding:0px 30px; border-bottom: 2px solid; margin-bottom:20px;}
.noidung img{ max-width:100%;}
.box-detail h1{
   margin: 0px;
   font-size: 24px;
}
.o_o h3{ font-size:18px; color:#f00; margin-bottom:5px;}
.vispro{ border-bottom:1px solid #ccc; margin-bottom:20px;}
.ttsp{
    font-weight: bold;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    background: #d50000;
    padding: 7px 15px;
    color: #fff;
    margin-bottom: 2px;
}
.pig-product:nth-child(5n+0){
  margin-right: 0%;
}

.addthis_toolbox{ }
.icon-foos img{ transition:all 1s ease-in-out;}
.icon-foos img:hover{
   transform:scale(1.25,1.25);
   -moz-transform:scale(1.25,1.25);
   -ms-transform:scale(1.25,1.25);
   -o-transform:scale(1.25,1.25);
   -webkit-transform:scale(1.25,1.25);
}
.box_product{min-height:300px;}
.hotline_left{
    background: url(../images/icon_hot_07.png) left center no-repeat;
    padding-left: 20px;
    font-size: 14px;
    font-weight:bold;
    margin-top: 20px;
}
.hotline_left span{
    color: #dc0000;
    font-size: 20px;
}
.yahoo-skype-name img{ margin-right:5px;}
.yahoo-skype-name span{
    color:#0a0bce;
    margin-left:7px;
    font-weight:bold;
}
.item-support{
    background:url(../images/bgsup_03.png) top center no-repeat;
    padding-top:10px;
    padding-bottom:10px;
}
.fone_supp{
    background:url(../images/fone_07.png) left center no-repeat;
    padding-left:30px;
    margin:5px 0px;
    font-size:16px; 
    font-weight:bold;
    color:#a22a05;
}
.email_supp{
    background:url(../images/mail_10.png) left center no-repeat;
    padding-left:30px;
    
}
.tracuu h3{
    text-transform: uppercase;
    font-size: 18px;
    color: #cc205d;
    font-weight: bold;
    border-bottom: 2px solid #cc205d;
    padding-bottom: 5px;
}

.doitac_left img{
    border: 1px solid #ccc;
    margin-bottom: 20px;
    max-width: 100%;
}
.doitac_left img:hover{
  border: 1px solid #cc205d;
}
.map_left iframe{ width:100%; height:284px;}
.pice span{
    color:#787878;
}
.box_counter{
    padding-left:30px;
}
.box_counter p{
    font-weight:500;
}
.dangon{
    background:url(../images/online_03.png)  left center no-repeat;
    padding-left:50px;
}
.dayon{
    background:url(../images/ngay_03.png)  left center no-repeat;
    padding-left:50px;
}
.wekon{
    background:url(../images/ngay_03.png)  left center no-repeat;
    padding-left:50px;
}
.monon{
    background:url(../images/ngay_03.png)  left center no-repeat;
    padding-left:50px;
}
.yearon{
    background:url(../images/ngay_03.png)  left center no-repeat;
    padding-left:50px;
}

.totalron{
    background:url(../images/tong_03.png)  left center no-repeat;
    padding-left:50px;
}
.masp-pice{
    margin-top: 5px;
    background: #f3ce03;
    width: 115px;
    margin: 0 auto;
    border-radius: 5px;
    transition:1s;
}
.masp-pice:hover{
    background: #ff0;
}
.masp{
    color: #4c0303;
    margin-bottom: 0px;
    height: 20px;
    overflow: hidden;
    font-weight: bold;
}
.pice{
    color: #f00;
    float: left;
    margin-right: 6px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: bold;
}
.content_right table td {
    padding: 5px 0px;
}
.name_pice{
    height: 18px;
    overflow: hidden;
    text-align: center;
    margin: 5px;
}
.name_pice a{
    color: #3e3e3e;
    font-weight: bold;
}
.red-cart{
    cursor: pointer;
    margin-bottom: 0px;
    background: url(../images/iconcats_03.png)left center no-repeat;
    padding: 5px;
    padding-left: 26px;
    margin-left: 10px;
}
.red-cart a{ color:#000; text-transform:uppercase;}
.cartdetail{
    margin-top: 5px;
    background: #f3ce03;
    width: 115px;
    border-radius: 5px;
    transition:1s;
    margin-bottom:10px;
}
.cartdetail:hover{
  background: #ff0;
}
.picscart{
    cursor: pointer;
    margin-bottom: 0px;
    background: url(../images/iconcats_03.png)left center no-repeat;
    padding: 5px;
    padding-left: 26px;
    margin-left: 10px;
    border-bottom:0px !important;
}
.picscart a{ color:#000; text-transform:uppercase; font-size:14px;}
.bang_dangky{ border:1px solid #ccc; padding:20px;margin-bottom:20px;}
.bang_dangky input{
    border-radius:0px !important;
    border:1px solid #ccc;
}
.bang_dangnhap{ border:1px solid #ccc; padding:20px;margin-bottom:20px;}
.bang_dangnhap input{
    border-radius:0px !important;
    border:1px solid #ccc;
}
.radio_sex1{ float:left;}

.radio{ width:13px !important; height:13px !important; float:left}
.support-kh{
    border: 3px solid #d31e5d;
    padding: 5px;
    overflow: hidden;
}
.support-khcen {
    border:3px solid #d31e5d;
    padding:5px;
    overflow: hidden;
}
.hotrokh{
    background:#d31e5d;
    height:60px;
    position:relative;
}

.supd1 a:before{
  content: "";
  position: absolute;
  left: 9px;
  top: -6px;
  width: 74px;
  height: 76px;
  background: url(../images/hotro_03.png) left center no-repeat;
  padding-left: 30px;
}
.supd2 a:before{
  content: "";
  position: absolute;
  left: 9px;
  top: -6px;
  width: 74px;
  height: 76px;
  background: url(../images/tincuahang_03.png) left center no-repeat;
  padding-left: 30px;
}
.supd3 a:before{
  content: "";
  position: absolute;
  left: 9px;
  top: -6px;
  width: 74px;
  height: 76px;
  background: url(../images/khuyenmai_03.png) left center no-repeat;
  padding-left: 30px;
}
.top_center{ margin-bottom:20px;}
.top_center a{
    padding-left: 90px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 65px;
}
.top_center a:hover{
    color:#ff0;
}
.top_footer{ margin-bottom:20px;}
.box_foo{ border:1px solid #ccc; padding-bottom: 15px;}
.img_tin img{max-height:180px;}
.img_tin{
    border:1px solid #ccc;
}
.box_foo h3{
    text-transform: uppercase;
    font-size: 16pt;
    font-weight: bold;
    color: #cc205d;
    margin: 15px;
    border-bottom: 2px solid;
}
.box_foo img:hover{ opacity:0.8}
.name_tin{ margin:5px 0px;}
.name_tin a{
    font-weight: bold;
    text-decoration: none;
    color: #300606;
}
.name_tin a:hover{
    color:#f00;
}

.item_tin{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.item_tin img{ border-radius:7px; float:left; margin-right:5px;border:1px solid #ccc;}
.item_tin p a{ color:#000;}
.item_tin p a:hover{ color:#f00;}
.box_foo p{ margin:0px 15px;}
.dangky_dangnhap{
    color: #fff;
    float: left;
    padding: 15px 25px;
    margin-left: 0px;
}
.dangky_dangnhap a{
  font-size:15px;
  color:#fff;
  font-weight:bold;
}
.dangky_dangnhap2{
    color: #fff;
    float: left;
    padding: 15px 10px;
}
.dangky_dangnhap2 a{
  font-size:15px;
  color:#fff;
  font-weight:bold;
}

.button2{
    background: #e43774;
    min-height: 38px;
    max-width: 107px;
    text-align: center;
    color: #FFF;
    transition:all 0.6s;
}
.button2:hover{
    background: #000;
}
.cart_menu{
    float: left;
    padding-left: 20px;
    padding-top: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.cart_menu span{
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}
.cart_menu2{
    float: left;
    padding-left: 20px;
    padding-top: 12px;
    color: #fff;
    font-size: 16px;
}
.cart_menu2 span{
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}
.dangkynhantin{
    max-width: 490px;
    margin: 0 auto;
    padding-bottom: 26px;}
    .dangkynhantin input{
        width: 100%;
        height: 35px;
        border-radius: 5px;
        border: 1px solid #ccc;
        color: #ccc;
        margin-bottom: 30px;
    }
    .box_foo p{ margin-bottom:10px;}
    #btn_send_newsletter{
       width:70px !important;
       height:31px !important;
       background:#f11764;
       float:right;
       color:#fff;
   }
   .donhang_full table{ border:1px solid #ccc;}
   .donhang_full tr{ height:25px;}
   .infor_cust h3{ 
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold;
}
.center_footer{
    max-width:1200px;
    margin:0 auto;
    padding-bottom:20px;
}


.sile{
    background:url(../images/hotline-ic_03.png) left center no-repeat;
    padding-left:50px;
}
.muasu{ color:#a39f9f}
.lg_fos{
    margin-top: 50px;
    margin-bottom: 10px;
    float: left;
    margin-right: 30px;
}
.contskm{ float:left;max-width: 545px;}
.gio_left{ 
    background:url(../images/lock_03.png) left center no-repeat;
    padding-left:30px;
    margin-left:30px;
}
.search-tracuu{ border:1px solid #ccc;}
.texttracuu{
    border: 0px;
    border-radius: 0px;
    float: left;
    margin: 0px;
    height: 40px;
}
.buttomtracuu{
    border:0px;
    border-radius:0px;
    background:url(../images/icontracuu_03.png) no-repeat;
    width:36px;
    height:38px;
    float:right;
    margin:0px;
}
.like_facebook{
    position: fixed;
    top:265px;
    right: -230px;
    width: 278px;
    z-index: 9999;
}
.icon_like{
    float: left;
    width: 48px;
    cursor:pointer;
}
.content_like{
    float: left;
    width: 230px;
    background-color: #F7F7F7;
}
.fotorama__arr--next{ display:none !important;}
.fotorama__arr--prev{ display:none !important;}
.fotorama__nav__shaft{ display:none !important;}
.addthis_toolbox{  clear:both;}
.addtocart{
    background: #e43774;
    padding: 8px 15px;
    color: #fff;
    transition:all 0.5s;
    cursor:pointer;
}
.addtocart:hover{
    background: #000;
    color:#fff;
}
.size{ width:120px; border-radius:5px; font-size:13px; height:25px;}
.full_news {
    padding: 0px;
    list-style: none;
}
.full_news .big-news {
    text-align: left;
    transition: all 0.6s;
    margin-bottom:10px;
}
.wrap h3{
   line-height: 15px;
}
.wrap h3 a{
   font-family: 'robotobold';
   font-size: 16px;
}
.wrap h3 a:hover{
    color:#f00;
}
.wrap img{
    float:left;
    border:1px solid #ccc; margin-right:7px;
}
.full_news .big-news img {
    width: 150px;
    height: 130px;
    padding: 5px;
    float: left;
    margin-right:10px;
    border: 1px solid #bebebe;
    transition: all 0.6s;
}
.full_news .big-news img:hover{ border:1px solid #f00;}
.full_news .big-news h3 a {
    text-decoration: none;
    transition: all 0.6s;
    color: #797979;
}
.full_news .big-news h3 a:hover{
    color: #cc205d;
}
.full_news .big-news h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0px;
}
.iconnew{ margin-left:10px;}
.hot-pro{
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 9999;

}
.sale-pro{
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 9999;

}
.dangky_dangnhap a:hover{ color:#ff0;}
.dangky_dangnhap2 a:hover{ color:#ff0;}
.box_dk_dn{
    display:none;
}
/*paging*/
.phantrang {
    text-align: center;
    padding-top: 15px;
    margin-bottom: 10px;
}
.phantrang a {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #636363;
    cursor: pointer;
    font-size: 15px;
    margin: 0 0 0 4px;
    padding: 3px 8px;
    border-radius: 5px;
}
.phantrang a:hover {
 background:#d50000;
 box-shadow: none;
 color: #FFFFFF !important;
 text-decoration: none;
}
.phantrang .paginate_button_disabled {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #000 !important;
    cursor: pointer;
    padding: 3px 15px;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background:#d50000;
    color:#fff;
}
.next{ display:none;}
.previous{ display:none;}
.slidefoo{
   position: relative;
   max-width: 300px;
   margin-top: 20px;
}
.slidefoo:before{
    content:"";
    position:absolute;
    bottom:-13px;
    left:0px;
    background:url(../images/left_de_03.png) no-repeat;
    width:115px;
    height:117px;
    z-index:123;
}
.slidefoo:after{
    content:"";
    position:absolute;
    top:-15px;
    right:0px;
    background:url(../images/top_de_03.png) no-repeat;
    width:115px;
    height:117px;
    z-index:123;
}
.box-sdk{
    margin:0px 15px;
    background:url(../images/line-footer_03.png) top center repeat-x;
    padding-top:20px;
}
.contskm h2{
   text-transform: uppercase;
   font-size: 24px;
   color: #ffff00;
}
.o_o{ margin-bottom:20px;}
.o_o li a{ color:#3e3e3e;}
.o_o li a:hover{ color:#f00;}
.MagicZoom{ border:2px solid #3e3e3e; margin-bottom:10px !important;}
.menumobile{ display:none;}
.menulist{
    max-width: 1200px;
    margin: 0 auto;
    padding: 5px 0px;
    margin-top: 10px;   }
    .header a {
        background: url(../js/menu/demo/menu.png)top center no-repeat;
        display: block;
        width: 50px;
        height: 39px;
        position: absolute;
        top: 3px;
        left: 5px;
        padding-top: 22px;
        font-weight: bold;
        font-size: 10px;
        color: #000;
        box-shadow: 0px 0px 2px #fff;

    }

    #mm-blocker{
       background: rgba(46,46,46,0.5) !important;
   }
   .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(46, 46, 46, 1)!important ;
    color: rgba(255, 255, 255, 1) !important;
}
.aclist{ color:#f00 !important;}
.menu-list{ background:#d60000}
.search-slogan{ background:#eaeaea}
.ful-ship{
    max-width: 1200px;
    margin: 0 auto;
}
.left_slider{     width: 73.268%;
    float: right;}
    .right-slider{ 
       width: 24.753%;
       float: left;
       background: #f0f0f0;
   }
   .title-slider{ background:#d60000;}
   .title-slider h2{
       margin: 0px;
       padding: 10px;
       text-align: center;
       font-family: 'RobotoCondensedBold';
       font-size: 20px;
       text-transform: uppercase;
       color: #fff;
   }
   .content-sup{ padding:15px;}
   .hotls{
       background: url(../images/images/hotline_06.png) left center no-repeat;
       padding-left: 65px;
   }
   .hotls p{ margin:0px;}
   .namehot{    font-family: 'robotocondensed-regular';
   color: #fff;
   font-size: 20px;}
   .numberhot{
    font-family: 'RobotoCondensedBold';
    font-size: 28px;
    color: #fff;
    line-height: 27px;
}
.icon-support{
    margin-top: 3px;
    float:left;
}
.icon-support img{ margin-right:10px; transition:all 0.5s ease-in-out}
.icon-support img:hover{
    transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    -webkit-transform:scale(1.15);
}
.huongdan{
    margin-top: 30px;
    border: 2px dashed #fff;
    padding: 13px;
    text-align: center;
}
.huongdan h3{
    margin:0px;
}
.huongdan h3 a{
    color: #fff200;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
    font-size: 27px;
    text-shadow: 0px 2px 2px #000;
}
.container-left{
    width: 20.834%;
    float: left;
    margin-top: 3px;
}
.pr-left img{
    width:100%;
}
.pr-left img:hover{
    opacity:0.8;
}
.map-left{ border:2px solid #ccc;}
.map-left img{ width:100%;}
.center-web{

}
.container-right{
    width: 20.834%;
    float: right;
    margin-top: 3px;
}
.title_right {
    border-bottom: 1px solid #d50000;
    padding-bottom: 5px;
}
.title_right h2 {
    margin: 0px;
    color: #d50000;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedBold';
    background: url(../images/images/new_06.png) left center no-repeat;
    padding-left: 30px;
}
.content_right{
    background:#fe5045;
    margin-top:1px;
    padding:15px 0px;
}
#cts_partner5{
    width:100%;
    max-width: 230px;
    margin: 0px auto;
    position:relative; 
    height:395px;
    overflow:hidden;
}
.img-pro{ border:1px solid #ccc; background:#fff; padding:5px;}
.img-pro img{ width:100%;}
.name-bew{ text-align:center;}
.name-bew a{
    color:#3e3e3e;
    font-family: 'robotocondensed-regular';
    font-size:16px;
}
.name-bew{ margin:5px 0px;}
.pr-right img{ border:2px solid #ccc; width:100%; height:auto; margin-top:1px;}
.pr-right img:hover{ opacity:0.8;}
.titlevideo{ border-bottom:1px solid #d50000;}
.titlevideo h2{
    background:url(../images/images/iconvideo_03.png) left center no-repeat;
    padding-left:35px;
    margin: 0px;
    color:#d50000;
    text-transform:uppercase;
    font-size: 22px;
    font-family: 'RobotoCondensedBold';
}
.name-video a{ color:#3e3e3e;font-family: 'robotocondensed-regular';}
.img-video{ position:relative;}
.playvideo{
    position:absolute;
    top:30%;
    left:35%;
    z-index:1;
}
.playvideo:hover img{ opacity:1 !important;}
.title-footer{
    font-family: 'robotocondensed-regular';
    font-size:17px;
    color:#fff;
    margin-bottom:5px;
    text-transform: capitalize;
}
.cat2{
    color:#d3d3d3;
    font-family: 'robotocondensed-regular';
    background:url(../images/images/iconlifoo_03.png) left center no-repeat;
    padding-left:10px;
    margin-bottom:5px !important;
}
.cat2 a{ color:#d3d3d3 !important;}
.cat2 a:hover{ color:#fff !important; text-decoration:underline !important;}
.TB-footer{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.content-TB-Foo{
  border-bottom:2px solid #d50000;
}
.TB-footer ul{ margin:0px; list-style:none; padding:0px;}
.TB-footer ul li{
    float: left;
    padding: 10px 20px 10px 0px;
}
.TB-footer ul li a{ color:#fff;font-family: 'robotocondensed-regular'; font-size:15px;}
.TB-footer ul li a:hover{ color:#ff0;}
.active2{ color:#ff0 !important;}
.linefooter{
    background: #b0b0b0;
    height: 12px;
    width: 2px;
    padding: 0px !important;
    margin-top: 14px;
    margin-right: 20px;
}
.Paye{
    max-width: 1010px;
    margin: 0 auto;
    margin-top: 10px;
}

.share-FB{ width:48%; float:right;}
.stMainServices{ height:21px !important;}
.copyright-FT{
    background: #6e0202;
    margin-top: 20px;
}
.contentsd{ margin:0px -15px;}
.content-CPR{
    max-width: 1010px;
    margin: 0 auto;
    font-family: 'robotocondensed-regular';
    padding: 0px 15px;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.content-CPR p{     margin: 0px;
    padding-top: 5px;}
    .left-CPR{ float:left; width:40%;}

    .copyds-RF p{float:right; text-transform:uppercase;}
    .slogan-footer{ float:right; width:60%}
    .name-sevice{
       text-align:left !important;
   }
   .other-video{ margin-top:20px;}

   .img-QP{
       border:1px solid #ccc !important;
       padding:3px !important;
   }

   .containt-tem{ margin:0px -10px;}
   .item-tem{
       width:20%;
       float:left;
       padding:10px;
   }
   .img-tem{
       border: 1px solid #ccc;
       padding: 5px;
   }
   .img-tem:hover{ border: 1px solid #f00;}
   .img-tem:hover img{ opacity:0.8;}
   .item-tem img{ width:100%;}
   .hover-img {
    color: #000;
    background: #fff;
    display: none;
    position: absolute;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #000;
    font-size:11px;
    width: 220px;
    padding:10px; 
    text-align: left;
}
.hover-img h3{ margin:0px;
    font-weight:bold;
    font-size:16px;
    color:#d50000;
}
.hover-img p{ margin:0px; padding:0px; font-size:14px;margin-left:3px;}
.hover-img p span{
  font-weight:bold;
}
.form-search{
    width:60%;
    margin:0 auto;
}
.select-search{
   width: 28%;
   float: left;
   margin-top: 6px;
}
.select-search select{
    border: none;
    border-left: 1px solid #ccc;
    height: 18px;
    background: none;
    width: 100%;
    outline:none;
}

.input-search{ width:55%; float:left;}
.text_searchtem{
    float:left;
}
.iconsearch{ float:right;}
.iconsearch input{ background:#464646; border:none; color:#fff;}
.box_content table td {
    padding: 5px 0px;
}
.button_searchtem{ width:17%; float:left; margin-left:3%}
.pay span{ color:#f00;}
.box-gsip{ margin:0px 5px;}
#demo{
    margin: 0px 20px;
    margin-right: 30px;
}
.owl-pagination{ display:none !important;}
.item .img_product:hover{ border:1px solid #f00}
.table-price td{ border:2px solid;}
.name_news h1{
   margin: 0px;
   margin-bottom: 10px;
   font-size: 22px;
   color: #d50000;
   font-weight:bold;
}
#row_price{ font-size:13px;}
#row_price a:hover{ color:#f00;}
.download-file img{ max-width:100%;}
.view1 ul{width: 690px;background:#900}
.view1 ul li{
  float:left;
  margin:0px 10px !important;
}
.view2 ul{width: 690px;background:#900}
.view2 ul li{
  float:left;
  margin:0px 10px !important;
}
.left-menu{
    float: left;
    width: 24.753%;
    position: relative;
    background: url(../images/menu.jpeg);
    background-size: 100% 100%;
    margin-right: 20px;
}
.left-menu ul{
    position: absolute;
    background: #f0f0f0;
    z-index: 12345;
    top: 45px;
    overflow-y: scroll;
    height: 373px !important;
}
.menusk{
    position:relative;
    width:100%;
    
}
.menusk ul{
    position: absolute;
    background: #f0f0f0;
    z-index: 123;
    top: -5px;
    overflow-y: scroll;
    margin: 0px;
    width: 100%;
    padding: 0px;
}
.hoverulme{
    display:none;
}
.left-menu:hover .hoverulme{ display:block}
.left-menu ul::-webkit-scrollbar {
    width: 3px;
}

.left-menu ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.left-menu ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.left-menu ul li{
    border-bottom: 1px solid #ccc;
    padding-left: 16px;
    position: relative;
}
.left-menu ul li:after {
    content: "";
    background:#c71a1a;
    width: 0%;
    top: 0px;
    left: 0px;
    height: 100%;
    position: absolute;
    transition: 0.3s;
}
.left-menu ul li:hover:after {
    width: 100%;
}
.left-menu ul li:hover a{
    color:#fff;
}
.left-menu ul li span{ position:relative; z-index:123; display:block}
.left-menu ul li a{
    color: #454545;
    font-size: 17px;
    line-height: 51px;
    font-family: 'robotocondensed-regular';
    text-transform: uppercase;
    display: block;
}
.right-menu{ float:left;}
.right-menu ul li{
    float: left;
    margin-top: 1px;
    margin: 1px 2px 0px 2px;
}
.right-menu ul li a{
    color: #fff;
    padding: 10px 13px;
    display: block;
    font-size: 17px;
    font-family: 'robotocondensed-regular';
    text-transform: uppercase;
    position: relative;
}
.right-menu ul li a span{ position:relative; z-index:99999;}
.right-menu ul li a:before{
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0px;
    background: #c71a1a;
    height: 100%;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: 123;
    border-top:2px solid #ff0;
}
.right-menu ul li a:hover:before{
    left:0;
    right:0;
}
.act{ color:#ff0 !important;}
.act span{
  position:relative !important; z-index:99999 !important;
}
.act:before{
    left:0 !important;
    right:0 !important;
}
.right-menu ul li a:hover{
    color:#ff0;
}
.title-menu{
    background: url(../images/icondanhmuc_03.png) left center no-repeat;
    padding-left: 35px;
    text-transform: uppercase;
    line-height: 45px;
    color: #fff;
    cursor: pointer;
    margin-left: 15px;
    font-family: 'robotocondensed-regular';
    font-size: 17px;
}
.box-qc{    margin: 0px -5px;
    margin-top: 10px;}
    .item-qc{ width:50%; float:left; padding:0px 5px;}
    .item-qc img{ width:100%;}
    .item-qc img:hover{ opacity:0.8}
    .boxqcf{ background:url(../images/line-center_03.png) top center no-repeat;
       padding-top:70px;
   }
   .titleyk{margin: 40px 0px 10px 0px;}

   .img-yk{
    float: left;
    margin-right: 20px;
    margin-bottom:20px;
    width: 131px;
    height: 131px;
    border-radius: 50%;
    box-shadow: 0px 0px 7px #ccc;
}
.img-yk img{
    transition:all 1s;
    border-radius:50%;
}
.img-yk img:hover{
    transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    
}
.badlink{/* display:none; */}
.name-des h4{
    margin:0px;
    margin-bottom:10px;
}
.name-des h4 a{
    font-family: 'robotobold';
    color: #262626;
    font-size: 15px;
}
.des{ font-size:13px;}
.name-des h4 a:hover{
    color:#f00;
}
.nex{
  text-align:right;
  font-size:12px;
}
.nex a{
  text-align:right;
  color:#64a113 ;
  font-size:12px;
}
.nex a:hover{ color:#f00;}
.bottom-footer{
    padding-top: 15px;
}
.tin-vip h6{
   font-size: 14px;
   text-transform: uppercase;
   color: #ff0;
}
.tin-vip p{ 
    height: 16px;
    overflow: hidden;
    background: url(../images/iconp_03.png) left center no-repeat;
    padding-left: 10px;
    padding-bottom: 21px;
    margin-bottom: 0px;
}
.tin-vip p a{ font-size:12px;}
.content-news{ margin:0px -15px;}

.pay input{ width:60%;}
.inputcontact textarea{ width:100%;}
.detaols iframe{ max-width:100% !important;} 
@-webkit-keyframes my {
  0% { color: #7a7a7a; } 
  50% { color: #f00;  } 
  100% { color: #7a7a7a;  } 
}
@-moz-keyframes my { 
  0% { color: #7a7a7a;  } 
  50% { color: #f00;  }
  100% { color: #7a7a7a;  } 
}
@-o-keyframes my { 
  0% { color: #7a7a7a; } 
  50% { color: #f00; } 
  100% { color: #7a7a7a;  } 
}
@keyframes my { 
  0% { color: #7a7a7a;  } 
  50% { color: #f00;  }
  100% { color: #7a7a7a;  } 
}

/*cart*/
.box-cart.active {
  color:#FD7605 !important;
  display: block;
}

.box-cart {
    position: fixed;
    top: 50px;
    right: -400px;
    width: 100%;
    max-width: 400px;
    padding: 10px;
    border: solid 1px #FD7605;
    box-shadow: 0 0 3px #CACACA;
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: default;
    display: none;
    z-index: 99999999;
}

.box-cart i.fa {
    padding: 0 5px;
}


.box-cart .box-cart-detail p.title {
    color: #0E9803;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
}

.box-cart .box-cart-detail .box-cart-scroll {
    max-height: 215px;
    overflow: hidden;
    float: left;
    width: 100%;
    overflow-y: scroll;
}

.box-cart .box-cart-detail .table {
    margin: 10px 0;
    border: 1px solid #ddd;
    width: 100%;
    color: #676767;
    text-align: left;
    font-size: 14px;
}

.td_soluong i.fa {
    display: inline-block;
    background: #f68c1f;
    border: 1px solid #fff;
    top: 5px;
    right: 5px;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2px 0;
    cursor: pointer;
}

.box-cart .box-cart-detail .table td {
    border: 1px solid #ddd;
    padding: 5px;
    vertical-align: middle;
    position: relative;
}

.box-cart .box-cart-detail .box-cart-scroll .table td.cart-name {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.box-cart .box-cart-detail .box-cart-scroll .table td.cart-name span{
    text-transform:uppercase;   
}


.box-cart .box-cart-detail .box-cart-scroll .table td.cart-name span {
    color: #474747;
}

.box-cart .box-cart-detail .box-cart-scroll .table td .delete_pro_in_cart_top {
    background: #D04511;
    border: 1px solid #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2px 0;
    cursor: pointer;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.box-cart .box-cart-detail .table tfoot td {
    background: #eee;
    padding: 10px 5px;
}

.box-cart .box-cart-detail .table td {
    border: 1px solid #ddd;
    padding: 5px;
    vertical-align: middle;
    position: relative;
}
.box-cart .box-cart-detail .box-cart-scroll::-webkit-scrollbar {
    width: 3px;
}

.box-cart .box-cart-detail .box-cart-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(254,164,137,1); 
    border-radius: 10px;
}

.box-cart .box-cart-detail .box-cart-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(254,184,163,1); 
}
.wrap p{
    margin:0px;
}
.col_left{width:20%;float: left;border-right: 1px solid #ddd;}
.col_right{width: 80%;float: right;padding-left: 10px;}
.box-sapxep {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.box-sapxep-m{display: none;width: 87%;float: left;margin-bottom: 0;}
.countsp {
    color: #333;
    font-family: 'robotocondensed-regular';
    font-size: 14px;
    /* float: left; */
    margin-top: 5px;
}
.countsp b {
    font-family: 'robotobold';
}
.sapxep {
    color: #333;
    font-family: 'robotocondensed-regular';
    font-size: 14px;
}
.sort_gia {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
}
.sort_gia label {
    font-weight: normal;
    margin: 0 0 0 5px;
}
.sort_gia input {
    margin: 0px 0 0 10px;
}
.list-danhmucsanpham {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.bg-tieude {
    position: relative;
    margin-bottom: 5px;
}
.bg-tieude h2 {
    color: #000;
    font-size: 14px;
    position: relative;
    margin: 0px;
    display: inline-block;
    font-family: robotobold;
    text-transform: uppercase;
}
.noidung-loc {
    margin-bottom: 5px !important;
    padding: 0px 10px 5px 10px !important;
}
.c-tt {
    vertical-align: middle;
    opacity: 0;
    position: absolute;
    /* height: 38px; */
    z-index: 9999;
    width: 16px;
    cursor: pointer;
}
.checkbox{
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap;
    position: relative;
    padding: 1px 0px 0 16px;
    line-height: 38px;
    display: inline-block !important;
    margin-bottom: 11px !important;
}
.checkbox:before {
    content: '';
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0px;
    left: 0;
    border: 1px solid #c0c0c5;
    border-radius: 3px;
}
.checkbox:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 4px;
    background: transparent;
    top: 5px;
    left: 4px;
    border: 2px solid #e5101d;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.c-tt:checked + .checkbox:after {
    opacity: 1;
}
.c-tt:checked + .checkbox:before {
    border: 1px solid #e5101d;
}
.c-tt {
    vertical-align: middle;
    opacity: 0;
    position: absolute;
    /* height: 38px; */
    z-index: 9999;
    width: 16px;
    cursor: pointer;
}
.noidung-loc label{
    margin-left: 5px;
    margin-right: 15px;
    margin-bottom: 0px;
    color: #000;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-size: 12px;
}
.holder {
    margin: 15px 0px 0px 0px;
    text-align: center;
}
.holder a {
    font-size: 12px;
    cursor: pointer;
    margin: 0 4px;
    color: #333;
    border: 1px solid #dddddd;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 7px;
}
.holder a:hover {
    background-color: #de0000;
    color: #fff;
}
.holder a.jp-previous {}
.holder a.jp-next {}
.holder a.jp-current, a.jp-current:hover {
    color: #fff;
    font-weight: bold;
}
.holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
}
.holder a.jp-current, a.jp-current:hover{
    background: #de0000;
}
.holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background: none;
}
.holder span { margin: 0 5px; }
.c1nVRb {
    margin-top: 20px;
    font-size: 24px;
    color: #212121;
}
.c1IhLf {
    margin-top: 10px;
    font-size: 16px;
    color: #757575;
    line-height: 24px;
}
.sticky {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 170px;
    z-index: 9;
}
.loc {
    background: url(../images/menu.jpeg);
    background-size: 100% 100%;
    color: #fff;
    font-size: 24px !important;
    padding: 5px 10px;
    border-radius: 3px;
    position: relative;
    top: 0;
    right: 0;
    z-index: 0;
    display: none !important;
    cursor: pointer;
}
#menu2{background:#fff !important;}
.r_news{padding:0;}
.r_news li{min-height: 215px;}
.nutloc{position: relative;float: right;text-align: center;}
.menu2{color: #000;font-size: 12px;}
#menu2 ul li span.remo{color: #000;}
.box_cart{
    text-align: right;
    margin: 5px 0;
}
.box_cart span{}
.box_cart a{
    color: #fff;
    background: url(../images/menu.jpeg);
    background-size: 100% 100%;
    padding: 6px 8px;
}
.mota_sp{}
.mota_sp h1{margin:0;}
.opencat.open{display: block !important;}