@charset "utf-8";

@font-face {
    font-family: 'UTM_Avo';
    src: url('../media/css/font/utm_avo/UTM Avo.eot');
    src: url('../media/css/font/utm_avo/UTM Avo.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Avo.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Avo.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Avo.svg#UTM Avo') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cambria';
    src: url('../media/css/font/utm_avo/18_7454_CAMBRIAZ.eot');
    src: url('../media/css/font/utm_avo/18_7454_CAMBRIAZ.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/18_7454_CAMBRIAZ.woff') format('woff'),
         url('../media/css/font/utm_avo/18_7454_CAMBRIAZttf') format('truetype'),
         url('../media/css/font/utm_avo/18_7454_CAMBRIAZ.svg#18_7454_CAMBRIAZ') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM_Helve';
    src: url('../media/css/font/utm_avo/UTM Helve.eot');
    src: url('../media/css/font/utm_avo/UTM Helve.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Helve.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Helve.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Helve.svg#UTM Helve') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SVN_Ae_Script';
    src: url('../media/css/font/utm_avo/SVN-Aaron Script.eot');
    src: url('../media/css/font/utm_avo/SVN-Aaron Script.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/SVN-Aaron Script.woff') format('woff'),
         url('../media/css/font/utm_avo/SVN-Aaron Script.ttf') format('truetype'),
         url('../media/css/font/utm_avo/SVN-Aaron Script.svg#SVN-Aaron Script') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM_Betas';
    src: url('../media/css/font/utm_avo/UTM Bebas.eot');
    src: url('../media/css/font/utm_avo/UTM Bebas.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Bebas.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Bebas.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Bebas.svg#UTM Bebas') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Caviar';
    src: url('../media/css/font/utm_avo/UTM Caviar.eot');
    src: url('../media/css/font/utm_avo/UTM Caviar.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Caviar.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Caviar.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Caviar.svg#UUTM Caviar') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM_Apima';
    src: url('../media/css/font/utm_avo/UTM Aptima.eot');
    src: url('../media/css/font/utm_avo/UTM Aptima.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Aptima.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Aptima.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Aptima.svg#UTM Aptima') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM_Avobold';
    src: url('../media/css/font/utm_avo/UTM AvoBold.eot');
    src: url('../media/css/font/utm_avo/UTM AvoBold.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM AvoBold.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM AvoBold.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM AvoBold.svg#UTM AvoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensan';
    src: url('../media/css/font/utm_avo/OpenSans-Regular.eot');
    src: url('../media/css/font/utm_avo/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/OpenSans-Regular.woff') format('woff'),
         url('../media/css/font/utm_avo/OpenSans-Regular.ttf') format('truetype'),
         url('../media/css/font/utm_avo/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'opensan_semibold';
    src: url('../media/css/font/open-sans/OpenSans-Bold.eot');
    src: url('../media/css/font/open-sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/open-sans/OpenSans-Bold.woff') format('woff'),
         url('../media/css/font/open-sans/OpenSans-Bold.ttf') format('truetype'),
         url('../media/css/font/open-sans/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensanbold';
    src: url('../media/css/font/open-sans/OpenSans-Semibold.eot');
    src: url('../media/css/font/open-sans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/open-sans/OpenSans-Semibold.woff') format('woff'),
         url('../media/css/font/open-sans/OpenSans-Semibold.ttf') format('truetype'),
         url('../media/css/font/open-sans/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eremitage';
    src: url('../media/css/font/UTM Eremitage.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VNI-Extreme';
    src: url('../media/css/font/vni.addon.VSWISEB.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'VNI-Rush';
    src: url('../media/css/font/vni-rush.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VNI-Kun';
    src: url('../media/css/font/vni-kun.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

a
{
    text-decoration: none!important;
}
a:focus
{
    outline: none!important;
}
.numbertext {
    display:  none;
}
h1,h2,h3
{
    margin: 0;
    padding: 0;
    /*font-family: UTM_Avo;*/
    font-family: 'Eremitage';
}
ul {
    list-style: none;
}
.show{
    display: block!important;
}
.khung-menu-logo {
    width: 1200px;
    margin:  auto;
}
.khungmotangansp {
    float:  left;
}
.icontk {
    width: 27px;
    cursor:  pointer;
    float: right;
}
div#timkiem {
    float:  left;
    margin-top: 30px;
}

p.motangansp {
    padding: 0 10px;
    font-size: 12px;
    color: blue;
}
.anhdaidien img {
    width:  280px;
    height:  172px;
}

p.tensp3 {
    background:  blue;
    width:  100%;
    font-size: 13px;
    padding:  10px 0;
    color: white;
}

#wrapper
{
    width: 100%;
    height: auto;
    font-family: UTM_Avo;
}

#header {
   width: 100%;
   position: relative;
}

.address-hotline{
float:  right;
font-size: 15px;
}
.icon-mxh img {
    width:  100%;
}
.hinhsp1 img {
    width:  100%;
}
.khung-logo {
    float:  left;
    width: 37%;
    padding-top: 15px;
}

.search-form{
    width: 100%;
    height: auto;
    display: none;
    float:  left;
}
.marginsp a:hover .khungchitietsp{
    display: block;
}

.containerbig{
    width: 100%;
    position:  absolute;
}

.tenspowl{
    float:left;
    width:  100%;
    text-align:  center;
}

.facebook_like {
    width: 130px!important;
}

.twetter {
    float:  left;
    width: 79px!important;
}

.addthis_toolbox.addthis_default_style {
    float:  left!important;
}

.background-header{
    position: relative;
    height: auto;
    float: left;
    width:  100%;
    margin-bottom: 20px;
}

.background-header img {
    width:  100%;
}
.menu2{
    display: none;
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    padding: 15px 0 0 10px;
    float:  left;
    z-index:  10000;
}
.container-1 {
    width: 93%;
    height: auto;
    margin-top: 12px;
    margin-bottom: 5px;
}

.menu {
    height: 78px;
    float:  left;
    width: 63%;
}

.google {
    width: 34px!important;
}
.noidung a img {
    width: 100px;
    margin-top: 4px;
    margin-left:  32px;
}

.background-menu,.background-menu img{
    position: relative;
    float: left;
    height:  auto;
}

.menu1 {
    float:  left;
    width: 80%;
    padding:  0;
    margin:  auto;
}

.menu1 li a{
    color: white;
    float:  left;
    font-size:  13px;
}

.fb_iframe_widget_fluid span {
    /* width:  100%!important; */
}
.baiviet p a {
    color:  midnightblue;
}
.menu1 li{
    height: auto;
    float:  left;
    padding: 30px 13px;
    text-transform:  uppercase;
    font-family: UTM_Avo;
}

ul {
    display:  inline-flex;
    padding:  0;
}

.container-2 {
    width: 100%;
    padding: 0px 84px;
    height: 20px;
    position: absolute;
}

.logo{
    float: left;
    width: 50%;
    height: 100px;
}
.container-3-1{
 display: none;
 }

.logo img {
  
    /* top: -12px; */
    float:  left;
    width: 100%;
}

.sanpham:hover .menu2{
    display: block;
    background: white;
  
}


.menu2 li a{
    color:black;
    width:  100%;
}

.tuvan:hover .menu3{
    display: block;
    background: white;
}

.menu3{
    position: relative;
    width: 100%;
    display:  inline-block;
}
.menu3 li a{
    color:black;
    width: 100%!important;
}

.menu2 li {
    width: 11%;
    height: auto;
    float:  left;
    padding-top: 5px!important;
    padding-right:  0!important;
    font-family:  UTM_Avo;
    text-transform:  none;
    text-align: left;
}

.sanpham1{
    float: left;
    height: 215px;
}

.sanpham3{
    float: left;
    height: 420px;
    font-size: 17px;
    width:  25%;
}
iframe {
    /* width:  100%!important; */
    /* margin-right:  0; */
}

.menu2 p{
    font-style: bold;
    font-size: 14px;
    margin-top:  5px;
}

.sanpham1:hover p{
    color: red;
}

#content{
    float: left;
    height: auto;
    width: 100%;
}

.vechungtoi{
    float: left;
    width:  100%;
    margin-bottom:  20px;
}

.noidung{
    width: 50%;
    padding-left: 125px;
    font-size: 16px;
    float:  left;
    text-align:  justify;
}

.baiviet p{
    text-align: justify; 
    color: midnightblue;
}

.title
{
    width: 100%;
    float: left;
    text-align: center;
    background: url(../img/line.png) no-repeat bottom center;
    padding-bottom: 5px;
}
.title span
{
    font-size: 40px;
    font-family: UTM_Betas;
    text-transform: uppercase;
    word-spacing:  5px;
}

.timkiem {
    float:  left;
    height: 28px;
    width: 3%;
    margin-top: 26px;
}

.container-3{
    padding: 0px 75px;
    float: left;
    margin-top: 25px;
    width:  100%;
}

.sanpham3 p {
    text-align:  center;
    margin-top:  20px;
    font-size: 16px;
    float:  left;
    width:  100%;
}

.sanpham2{
    float:left;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.mausac {
    float:  left;
    margin-bottom: 30px;
    width:  100%;
}

.giasp span {
    color:  red;
    text-transform:  uppercase;
    font-size: 19px;
}

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

.xem-them {
    float:  left;
    margin-left:  60px;
    margin-top:  20px;
}

.slideshow{
    float: left;
    width:100%;
}

.hinhanh img {
    width:  100%;
}

.video-tintuc{
    float: left;
    width:  100%;
}

form {
    width: 100%;
    float:  left;
    height:  100%;
    border-bottom: 1px solid #ccc;
}

.video-youtube{
    float:  left;
    width: 49%;
    height: 455px;
    margin-right: 20px;
}
.cot {margin-bottom:  20px;}

.tieude {
    float: left;
    font-size: 16px;
    margin-left: 20px;
    word-wrap: break-word;
    width: 61%;
    font-family:  UTM_Avo;
    text-transform:  uppercase;
    color:dodgerblue;
}

.tieudecon {
    margin-bottom:  20px;
}

#hinhanh_hoatdong {
    width:  100%;
    height:  100%;
}

.motangan {
    float:  left;
    width: 61%;
    margin-left:  20px;
    height: auto;
    margin-right: 6px;
    word-wrap: break-word;
    font-family: UTM_Avo;
    margin-top:  10px;
    text-align:  justify;
}

.khung-giatensp {float:  left;}

.khung-giatensp a img {margin-left: 70px;margin-top: 20px;}


.container-4 {
    float: left;
    width: 100%;
    padding:  70px;
    background: lightgray;
}

.left_info.border_radius_5px {
    float:  left;
    width: 48%;
    height:  100%;
    background: white;
}

.video-youtube iframe {
    width:  100%;
    height:  100%;
}

#result {
    height:  100%;
}

.doctiep {
    font-size: 12px;
    color: red;
    width: 20;
    float: left;
    margin-left: 20px;
}

select{
    width: 100%;
    margin-top: 10px;
    font-family:  UTM_Avo;
}

.footer {float:  left;width:  100%;height: auto;padding-top: 40px;padding-bottom: 10px;}

.container-5 {
    width: 1200px;
    margin:  auto;
}

.container-6 {
    float:  left;
    width: 23%;
    height:  100%;
    margin-right: 2%;
}

.design {
    float: left;
    margin-top:  32px;
    width:  100%;
}

p.chucvu {
    text-transform:  uppercase;
    color:  cornflowerblue;
    margin-top:  20px;
    margin-bottom:  0;
}

p.congty {
    text-transform:  uppercase;
    color: white;
}

.thongtinlienhe {
    float:  left;
    width: 23%;
    margin-right:  2%;
    height: 100%;
    /* padding-bottom: 55px; */
    font-size: 15px;
}
.spcungloai a,.spcungloai a img {
    float:  left;
    color:  black;
}

.lienhefooter {
    float:  left;
    color: white;
    width:  100%;
}

.thongso {
    float: left;
    margin-top: 120px;
    color: white;
    width:  100%;
    text-align:  center;
}
.mySlides img {
    width:  60%;
    height: 200px;
}
.lienhefooter p {}

.lkmxh {
    float: left;
    width: 24%;
    height: 100%;
    color: white;
    font-size: 15px;
    /* margin-bottom:  30px; */
    /* padding-bottom: 40px; */
}
.icon-mxh {
    float:  left;
    margin-left: 7px;
}

.mangxh {
    margin-bottom:  20px;
    float:  left;
    width:  100%;
}

.form-dangky-tin {
    float:  left;
    width: 100%;
    margin-bottom: 3px;
}

input#txtGuiThu {
    width: 72%;
    height:  40px;
    margin-right:  0;
    float:  left;
    color:  black;
}

input#btn_guiemail {
    height:  40px;
    float:  left;
    width: 70px;
    background: darkorange;
    border:  none;
    font-size: 14px;
}

form#frmSend {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 26px;
}

.mangxh p {
    float:  left;
    font-size: 12px;
}

.baiviet {font-family:  UTM_Avo;border-left: 12px solid dodgerblue;padding-left:  20px;}

.video option {
}

#hinhanh_hoatdong td {
    font-family:  UTM_Avo;
    padding-right:  20px;
}
.motangan p {
    margin-bottom: 0;
}

.address-hotline p {
    font-family: opensan_semibold;
    margin-bottom:  0px;
}

.marginsp {
    margin-right: 10px;
}

.sanpham3 img {
    width:  100%;
    height: 180px;
}
.khung-giatensp a {
    width:  100%;
    float:  left;
}

.sanpham2 p {
    font-size: 15px;
}

.container1 {
    width:  100%;
    padding-left: 70px;
    padding-right:  40px;
    float:  left;
    margin-bottom: 40px;
}

.tieudetintuc {
    margin-bottom: 20px;
    font-family:  opensans;
    font-size: 23px;
}

.danhsachtintuc {
    width:  100%;
    float:  left;
    height:  auto;
}

.cot {
    float:  left;
    width: 100%;
    margin-right: 3%;
}

.hinhtin {
    width: 16%;
    margin-bottom: 20px;
    float:  left;
}

.cotleft {
    float:  left;
    margin-left:  2%;
    max-width: 70%;
}

.tentintuc b {
    font-size: 17px;
    font-family: UTM_Avo;
    text-transform:  uppercase;
}

.ngaytao {
    float:  left;
    width:  100%;
}

.ngaytao span {
    margin-right: 10px;
    font-size:  15px;
}

.noidungtintuc {
    font-family:  UTM_Avo;
    font-size:  20px;
    word-wrap:  break-word;
    float:  left;
    margin-bottom: 20px;
}

.xemthem {
    float: left;
    font-family:  UTM_Avo;
}

.hinhtin img {
    height: 200px;
    width:  100%;
    float:  left;
}
.icon-mxh a {
    float:  left;
    width:  100%;
}
.danhsachtintuc{
    font-family: UTM_Avo;
}

.container {
    font-family:  UTM_Avo;
}

.tinlienquan {
    background: #ebedf0;
    height: auto;
    float:  left;
    width:  100%;
    font-family: UTM_Avo;
}

.tieude2 {
    color: cornflowerblue;
    margin-left:  0;
    height: 35px;
}

.tienlienquan p {
    margin-left:  20px;
}

.tinlienquan p {
    margin-left:  30px;
    font-size:  18px;
}

.tieude2 p {
    margin-left:  0;
    font-size: 22px;
}
.chiase1 {
    float:  left;
    width:  100%;
    background: #ebedf0;
    margin-bottom:  10px;
    margin-top: 10px;
}

.chiase1 b {
    float:  left;
    margin-right:  20px;
    width:  75px;
    height:  30px;
    text-align:  center;
    padding-top:  4px;
}

.tieudetintuc{
    font-family: UTM_Avo;
}

.marginsp {
    margin-right: 10px;
    width: 100%;
}
.marginsp .thumbnail.hinhsp {
    height: auto;
}

.noidungtintuc p {
    width:  100%;
    word-wrap: break-word;
    font-size:  15px;
    margin-bottom:  0;
}

.comment {
    float:  left;
    width:  100%;
}

.tentintuc a:hover {
    color: red;
}
.cot{
    transition: all 0.25s linear;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.tentintuc {word-wrap:  break-word;width:  100%;float:  left;margin-bottom:  10px;}

span.ngay {
    color:  lightgray;
}

.tinlienquan a:hover {
    color:  red;
}

.itemsp h3 {
    font-size: 16px;
    font-family: UTM_Avo;
    padding:  0;
    text-align:  center;
    width:  100%;
}

.menu1 li a:hover{
    color:yellow;
}
.chitietsanpham {
    font-size: 40px;
    font-family:  UTM_Avo;
    text-transform:  uppercase;
}

.hinhanhsp {
    float: left;
    width: 50%;
}

.noidungsanpham {
    width:  100%;
    float:  left;
}

.tensp {
    width: 45%;
    float: left;
    font-family:  UTM_Avo;
}

.sanphamcungloai {
    float:  left;
    width:  100%;
}

.sanpham4 {
    float:  left;
    width:  100%;
}

.spcungloai {float:  left;font-family: UTM_Avo;text-align:  center;width: 25%;margin-bottom: 20px;}

.tensp p {
    padding-bottom: 10px;
}

.tensp .motangan {
    margin:  0;
    width:  100%;
    margin-bottom:  20px;
    padding-bottom: 10px;
}

p.tensp1 {
    font-size:  23px;
    font-weight:  bold;
    text-align: center;
}

p.giasp1 {
    color: blue;
    font-size: 18px;
    text-transform:  uppercase;
    font-weight:  bold;
}

.chiase {
    float:  left;
    width:  100%;
    display:  none;
}
.spowl.marginsp .hinhsp img {
    width: 100%;
    height: 210px!important;
}
.chiase span {
    float:  left;
}
.container4 {
    float:  left;
    width: 75%;
}
.tieude3 {
    font-family:  UTM_Avo;
    text-orientation: bold;
    text-transform:  uppercase;
    font-size: 18px;
    font-weight:  bold;
}

.tab {}

p.tenspcungloai {
    font-weight: bold;
    float:  left;
    padding:  0;
    margin-top: 0;
    width:  100%;
}
.tab{
    font-weight: bold;
}

.row1{
    float: left;
    width: 100%;
    text-align:  center;
}
.khung-img img {
    width:  100%;
}

.khung-img {
    width:  100%;
    float:  left;
}

.khung-giatensp span.giamoi {
    color:  red;
    margin-left:  100px;
    font-size: 15px;
    text-transform:  uppercase;
    margin-right: 50px;
    width:  100%;
    font-family:  UTM_Avo;
}

.khung-giatensp h3 {
    font-size: 15px;
    text-align:  center;
    font-family:  UTM_Avo;
    margin-bottom:  20px;
}

.col-md-6.paging_0px {
    width:  100%;
    text-align:  center;
    margin-top: 30px;
    float: left;
}

.container {
    float:  left;
    width:  100%;
    padding:  0;
}

.itemsp.col-md-3.col-sm-6.col-xs-6 {
    width: 23%;
    float:  left;
    padding:  0;
    margin-bottom:  20px;
    margin-right: 2%;
    height: 460px;
}

a.btn.btn-xs.btn-default {
    font-size:  20px;
    color:  black;
}

.hinhsp{
    border:none;
    float:  left;
    width:  100%;
    height: auto;
    text-align:  center;
    position: relative;
}
.images_spcat img {
    width: 50%;
}
.stickytooltip{
    display: none;
    position: absolute;
    z-index: 10;
    width: 17%;
    height: auto;
    border: 2px solid blue;
    background: white;
}
.tieude:hover {
    color:red;
}

div#hinhanhhoatdong tr {
    margin-top: 10px;
}

.background-header1 {
    width: 50%;
    float:  left;
}

.marginsp:hover .stickytooltip{
    display: none;
}

p.khungnoidung {
    float: left;
    font-size:15px;
    margin: 5px;
}

p.khungtitle {
    font-weight:  bold;
    font-size: 13px;
    background:  dodgerblue;
    color: white;
    margin:  5px;
}

div#slider-main {
    position: relative;
    z-index:  -1;
}
div#slider-main1 {
    position: relative;
    z-index:  -1;
}

.menu2 img {
    height: 100px;
    width: 150px;
}

.container-10 {
    float:  left;
    width: 80%;
    font-family:  UTM_Avo;
    margin:  auto;
}

.hinhsp a img {
    width: 226px;
    height: 270px;
    margin:  auto;
}
.nivo-directionNav a {
    display:  none;
}
.menu3 li {
    width: 100%!important;
    padding-top: 20px;
    margin-right:  0!important;
    text-align:  left;
    padding: 0;
    text-transform:  none;
}
.menu3 p {
    width:  100%;
}
ul.slides li {
    width:  100%;
}
.slides{
    width: 100%;
}
div#wrap_menu_res {
    display:  none;
}
.headerresponse{
    display: none;
}
.logoresponse {
    text-align:  center;
}
.sliderresponse{
    display:none;
}

/* nâng cấp */

p.baotest1tuan
{
    margin: 0;
    margin-bottom: 3px;  color: #f00;
    font-size: 16px;
}
p.bh1nam
{
    margin: 0;
    margin-bottom: 5px;
    color: #f00;font-size: 16px;
}
.quantity {
    position: relative;/* margin-bottom: 15px; */    width: 100%;
    float: left;
    margin: 10px 0;
}
.quantity, .quantity * {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}
.quantity label {
     font-size: 14px;
    padding-right: 5px;
    font-weight: 300;color: #000;
}
.quantity .input-text {
    width: 50px;
    height: 50px;
    border: none;
    text-align: center;
    font-size: 14px;
border: solid 1px #dfe1e6;
}
.quantity p {
    padding: 10px 0 10px 0;
    border-top: dotted 1px #ddd;
    font-size: 18px;
    text-transform: uppercase;
}
.quantity .minus, .quantity .plus {
  position: absolute;
    bottom: 0px;
    left: 50px;
    width: 30px;
    height: 24px;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    background: #333;
    line-height: 19px;
}
.quantity .minus {
    font-size: 25px;
}
.quantity .plus {
    bottom: 26px;
}
.quantity a {
    position: relative;
    height: 50px;
    line-height: 52px;
    position: absolute;
    /* float: left; */
    /* right: 0; */
    /* bottom: -1px; */
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 18px 0 50px;
    color: #fff;
    border: solid 1px #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    background: #004394;
    margin-left: 50px;
}
.quantity a:hover {
    color: #fff;
    background: #365899;
}.detailcall-1 {
        margin: 15px 0;
    padding: 15px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 30px;
    background: #fd6e1d;
    /* box-shadow: 0 -3px 0 0 #248c50 inset; */
    text-align: center;
    width: 100%;
    float: left;
}
.detailcall-1 h3 {
    color: white !important;
    font-size: 20px;
    margin-top: 0px;

    font-weight: 300;
}
.detailcall-1 span {
    display: block;
    margin-top: 0px;
    color: white;
}
.order_default {
    max-width: 600px;margin: 0 auto;width: 100%
}

.order_default .title_order span{
    text-transform: uppercase;
    color: #fff;
    background: #ff4500;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 20px;
}


.form_order {
    padding: 15px 5px 30px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
     border-radius: 10px;-webkit-border-radius:10px;background:#fff;
     width: 100%;
     float: left;
}
.form_order .form-control{height: 40px}
.order-head{border-bottom: 1px solid #dedede;padding-bottom: 10px;margin-bottom: 20px;display: flex;display: -webkit-flex   ;font-size: 14px;}
.order-head div{width: 50%;position: relative;}
.order-head div:first-child{padding-left: 45px;font-size: 14px}
.order-head i{background: url(../images/icon-cart.png) no-repeat;display: inline-block;width: 22px;height: 22px;position: absolute;
top:-2px;left: 9px}
.more-buy{text-align: right;padding-right: 10px}
.more-buy a{color:#199bff;}
.more-buy a:hover{color: #ff4500}
.p_name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;color: #333;line-height: 1.5
}
.price{margin:0;}
.price_total {
    border-top: 1px solid #ebebeb;
    padding-top: 15px;
    overflow: hidden;
    margin-top: 15px;
}
.price_total strong{
    float: left;
}
.price_total span{
    float: right;
    margin-top: 0;
    font-size: 20px;
}
.box-flex{display: flex;display: -webkit-flex}
.box_info_pro {
    margin-bottom: 25px;border-bottom: dashed 1px #ccc
}
.box_info_pro .product-image{ text-align: center;}
.box_info_pro .product-info{ }
.box_info_pro img{max-width: 80px;height: auto;}
.color-list-show {
    display: block;
    overflow: hidden;
    clear: both;
    margin-bottom: 0px;
    padding-bottom: 9px;
}.color-list-show li {
    display: block;
    float: left;
    margin-right: 5px;
    border: 1px solid #acacac;
    border-radius: 3px;
    cursor: pointer;
    padding: 3px 10px;
    margin-bottom: 5px;
    font-size: 13px;
    min-width: 97px;
    position: relative;
    text-align: left;
}
.color-list-show{border:0;padding-bottom: 0}
.color-list-show li.color-active,.color-list-show li{border:0;}
.color-list-show li p{transition:0.3s all;-webkit-transition:0.3s all;  border:1px solid #eee;border-radius: 5px;-webkit-border-radius:5px;margin-bottom: 10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);font-weight: bold;padding:10px 5px;text-align: center;}
.color-list-show li.color-active p{background:#ff4500;color: #fff;font-weight: normal;}
.btn-order {
    background: rgba(255,119,0,1);
background: -moz-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,119,0,1)), color-stop(100%, rgba(255,38,0,1)));
background: -webkit-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
background: -o-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
background: -ms-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
background: linear-gradient(to right, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7700', endColorstr='#ff2600', GradientType=1 )
    
     
     
}
.btn-installment{ background: rgb(39,139,214);
background: linear-gradient(90deg, rgba(39,139,214,1) 0%, rgba(22,152,233,0.8494748241093313) 51%, rgba(2,168,255,1) 100%);}
.btn-order,.btn-installment{color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 250px;
    padding: 10px 0 5px;font-weight: bold;
    border: none;
    font-size: 16px;border-radius: 5px;-webkit-border-radius:5px;}
    .btn-order p,.btn-installment p{display: block;font-size: 13px;text-transform: none;font-weight: normal;}
.cart-label{width: 70%}
.cart-summary{margin-bottom: 15px;border-bottom: 1px dashed #ccc;padding-bottom: 10px;padding-left: 10px;padding-right: 10px}
.cart-summary .price{width: 30%;text-align: right}
.cart-summary .box-flex{margin-bottom: 5px}
.total-cart .cart-label{font-weight: bold;}
.grand-cart .price{color:#000;}
.group-form-input{padding: 0 20px}
.title_cart {
    font-weight: bold;
    color: #000;
    padding-bottom: 10px;font-size: 14px
}
.row_choose_option{margin-bottom: 10px}
.row_choose_option label{color: #288ad6;font-size: 14px}
.row_choose_method{margin:0 0 30px;background:#f0f0f0;padding:10px;border-radius: 5px;-webkit-border-radius:5px;position: relative;display: none;}
.row_choose_method:before{
        content:"";border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f0f0f0;position: absolute;top: -10px;left: 37px;
}
.row_choose_method.active
{
    display: block;
}
.row_city_store:before{left: 150px}
.clear
{
    clear: both;
}
.product-color .tit_color {
    margin-bottom: 5px;
    font-weight: bold;
}.row_input {
    margin-left: 0 !important;
    margin-right: 0 !important;
}.padding-right-20 {
    padding-right: 20px;
}.mt-radio {
    cursor: pointer;
}.mt-radio > input {
    visibility: hidden;
    position: absolute;
}.mt-radio > i {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transition: 0.2s;
    box-shadow: inset 0 0 0 8px #fff;
    border: 1px solid gray;
    background: gray;
}
.mt-radio i {
    margin-right: 5px;
}
.mt-radio > input:checked + i {
    box-shadow: inset 0 0 0 3px #fff;
    background: #ff3300;
    border-color: #ff3300;
}.mt-radio > input:checked + i + span {
    color: #000;
}
.btn-order {
    background: rgba(255,119,0,1);
    background: -moz-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,119,0,1)), color-stop(100%, rgba(255,38,0,1)));
    background: -webkit-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
    background: -o-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
    background: linear-gradient(to right, rgba(255,119,0,1) 0%, rgba(255,38,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7700', endColorstr='#ff2600', GradientType=1 );
}.btn-order, .btn-installment {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
padding: 14px 15px;
    margin-bottom: 15px;
    font-weight: bold;
    border: none;
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}.btn-order p, .btn-installment p {
    display: block;
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
}
.addcart
{
    border: none;
    outline: none;
    background: none;
    width: 100%;
}
/* end nâng cấp */



/*Nâng cấp lần 2*/
#danhmuc_catnb
{
    width: 100%;float: left;
}
.container_1200 {
    width: 1200px;
    margin: auto;
}
  .khungcat1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    /*grid-gap: 3px;*/
}
.item_khungsp img {
    max-width: 100%;
}
.item_khungsp:hover {
    box-shadow: 2px 4px 16px rgb(0 0 0 / 16%);
    transform: scale3d(1.01,1.01,1.01);
}
.item_khungsp {
    width: 100%;
    float: left;
    text-align: center;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    transition: all .3s cubic-bezier(0,0,.5,1);
}
.name_spcat h4 {font-family: 'Eremitage';}

.name_spcat {
/*    width: 100%;
    float: left;
    padding: 10px 0;
*/    width: 100%;
    float: left;
    padding: 10px 0;
   /* display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;*/
}

#tensp_cat {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.name_spcat a {
    color: #000;
}
/*Nâng cấp lần 2*/






@media screen and (max-width: 767px){
    .khungcat1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3px;
}

.box_info_pro {
    display: block;
}.box_info_pro .product-image, .box_info_pro .product-info {
    width: 100%;
}
.order_default,.form_order
{
    padding: 15px;
}
.order-head div:first-child
{
    padding-left: 0;
}
.product-info
{
    position: relative;
}
.item_sub_sp1
{
    position: absolute;
    left: 0;
    top: 0;
}
.color-list-show
{
    display: flex;
    justify-content: space-between;
}
.color-list-show li
{
    width: 49%;
    min-width: 0;
    margin: 0;
    padding: 0;    margin-bottom: 10px;
    text-align: center;
}

}
@media screen and (min-width: 768px){
    .group-button button, .group-button a {
    width: 100%;
}
.product-info .p_name {
    width: 70%;
}.product-info #price {
    width: 30%;
    text-align: right;
}.box_info_pro .product-info {
    width: 74%;
}.product-color, .product-info .top {
    display: flex;
}.product-info .top {
    overflow: hidden;
}
}

@media only  screen and (min-width: 1199px){
    .logo_mobile{
         display: none;
    }
}

@media only  screen and (min-width: 1367px){
    .logo_mobile
    {
        display: none;
    }
    #wrapper{
        width: 1366px;
        margin: auto;
        position: relative;
    }
    .container-2{
        width: 1366px;
    }
    .spcap1{
        display:block;
    }
    .container-3-1{
        display: none;
    }
    div#wrap_menu_res {
    display:  none;
}
.menu2 li {
    margin:  auto;
}
.noidung1 {
    width:  100%;
}

.noidung {
    font-size: 18px;
}
.thongtinlienhe {
    width: 23%;
    margin-right:  2%;
}

}
@media only  screen and (min-width: 1px) and (max-width: 1366px){
.menu2 li {
    margin-left:  0;
}

.menu1 li a {
    font-size: 13px;
}
#wrapper{
        width: 100%;
        position:  absolute;
    }
    .container-2{
        width: 100%;
    }
}
@media only  screen and (min-width: 1px) and (max-width: 1199px){


#background-header
{
    top: unset!important;
}

.logo_mobile {
    float: left;
    width: 100%;
    text-align: center;
}
.logo_mobile img {
    width: 25%;
}
.container_1200 {
    width: 100%;
}

     div#wrap_menu_res {
    display:  block;
    z-index:  999;float: left;
    width:  100%;
}
div#background-header {
    top:  45px;
}
.nivoSlider img{
    position:unset!important;
}
input#qsearch {
    width:  70%;
    font-size: 14px;
}

button.btnsearch img {
    width: 25px;
}
div#timkiem{
    margin:0;
    text-align:  right;
}
.form-popup {
    padding:  0!important;
}
.tieudecon h1 {
    font-size:  20px;
}
div#timkiem {
    width:  100%;
    text-align: left;
}
.khung-ten-gia-sp {
    width: 42%!important;
    margin-left:  5px!important;
    font-size: 12px;
}

img#img-icontk {
    width:  20px;
}

.khung-lkweb img {
    width: 23px;
}
.sliderresponse{
    display:block;
}
img.imgslider {
    width:  100%;
}
div#content {
    margin-top: 60px;
}
div#khung-popup {
    top: 39px;
    height:  400px;
    left:  0;
}
.btnclose {
    right: 10px!important;
    top: 0!important;
}

.form-popup {
    padding:  0;
}

div#khung-popup {
    left: 0;
    height: 200px!important;
}

input#qsearch {
    width: 79%;
    font-size: 12px;
    height: 31px;
}

button.btnsearch img {
    width: 17px;
}
.form-popup {
    padding:  0 10%;
}

.tieudetintuc {
    text-align:  center;
}
.container-3 {
    padding:  0 30px;
}
.box-slide {
    width:  100%;
    position: inherit;
}

img.nivo-main-image {
    width:  100%;
}

.headerresponse{
    display: block;
    width:  100%;
    padding:  20px;
}
.containerbig{
    display: none;
}
.noidung {
    height: 400px;
    overflow:  hidden;
}
.hotline-rp.blink {
    width: 92%;
}
.container-3-1{
    display: block;
        padding: 0px 75px;
    float: left;
    margin-top: 25px;
    font-family:  UTM_Avo;
    width:  100%;
}
.container-5 {
    padding-left: 20px;
    width:  100%;
}
.lkmxh {
    width: 23%;
}
.noidung {
    padding-left: 23px;
}
.mxhresponse {
    width: 20%;
    height: 20px;
    float:  left;
}

.menulkmxh {
    margin:  0!important;
    float: right!important;
    width: auto!important;
    margin-right: 35px!important;
}

.hotline-rp.blink {
    text-align: right;
}

.mxhresponse {
    float:  right;
}
div#quick-alo-phoneIcon {
    bottom:-5%!important;
}

}
@media only  screen and (min-width: 1px) and (max-width: 1055px){
.container-6 {
    width: 23%;
    text-align: left;
}
.tieudecon {
    text-align:  center;
}
.itemsp.col-md-3.col-sm-6.col-xs-6 {
    width: 23%;
}
.design {
    margin:  0;
}
.thongtinlienhe {
    width: 23%;
    text-align: left;
    margin-top: 0;
    padding:  0;
}
.column {
    width:  25%;
}
.hinhsp1.thumbnail img {
    width:  auto;
}

.lkmxh {
    width: 23%;
    font-size:  17px;
}

.lienhefooter p {
    font-size: 17px;
}
.giasp span {
    font-size:  15px;
    margin-left: 0;
}

.thongso p {
    font-size:  17px;
}
.thongso {
    margin-top:  20px;
}

input#txtGuiThu {
    width:  253px;
}
.form-dangky-tin {
    text-align:  center;
}

form#frmSend {
    width:  100%;
    float:  left;
}

.mangxh {padding-left: 31%;}

.mangxh p {
    font-size:  17px;
}

.fanpage {
    width:  100%;
}
.cot {
    width: 100%;
}

.hinhtin {
    width:  auto;
}

.tentintuc b a {
    font-size: 2vw;
}
.video-youtube {
    width:  100%;
    margin-bottom:  40px;
}


.left_info.border_radius_5px {
    width:  100%;
}
.noidung {
    height: 300px;
    width:  100%;
    font-size:  13px;
    padding-right:  32px;
}
}
@media only  screen and (min-width: 1px) and (max-width: 800px){
    .hotline-rp.blink {
    font-size:  13px;
}
.khung-ten-gia-sp p a {
    width:  100%;
    text-align:  left;
}
button.tablinks {
    width: 31%!important;
}
.ul-thongtinsp .tab button {
    width: 16%;
    font-size: 11px!important;
    height: 35px;
    padding:  0;
}
.mxhresponse {
    width: 25%;
}
.container-6 {
    width:  50%;
}
a.next {
    width:  5%;
}
.itemsp.col-md-3.col-sm-6.col-xs-6 {
    width: 30%;
}
.sanpham3 {
    width: 33%;
}
.word-header {
    top: 100px!important;
}
.container-6 {
    width: 50%;
    margin:  auto;
}
button.tablinks {
    width: 32%;
    height: 70px;
    font-size:  15px!important;
}

.hotrokhachhang {
    width: 48%!important;
    height: 180px;
    margin: auto;
}

.thongtinlienhe {
    width: 48%;
    float:  left;
}

.lkmxh {
    width: 48%;
    margin-bottom: 20px;
}

.container-5 {
    width: 100%;
    float:  left;
    padding-left: 5%;
    margin:  auto;
}
.chitietsanpham {
    font-size: 25px;
}
.spcungloai {
    width:  50%;
}
a.prev {
    width:  5%;
}
.hotline-rp.blink {
    width: 87%;
    float:  left;
}

.container1 {
    padding:  0 20px;
}

.column {margin-right: 10px;width: 25%;}

}
@media only  screen and (min-width: 1px) and (max-width: 600px){
    .column {
    width: 40%!important;
}
button.tablinks {
    width: 27%!important;
}
.mxhresponse {
    width: 36%;
}
.formcauhoi {
    width: 100%!important;
}
input#txtMa {
    width:  60%!important;
}

.caccauhoi {
    width: 100%!important;
    padding: 0!important;
}
.container-4 {
    padding:  20px;
}
span.giamoi {
    margin-left: 46px!important;
}
.word-header {
    top: 56px!important;
    font-size:  11px;
}

.word-header h1 {
    font-size:  27px;
}

.word-header h3 {
    font-size: 18px!important;
}
.sanpham3 {
    width:  50%;
}
button.tablinks {
    width: 33%!important;
}

.khung-giatensp a {
    height: 54px;
}
.mySlides img {
    height: 200px!important;
}
.noidung1 {
    margin-top: 0!important;
}
.noidung1 p {
    margin-bottom:  0;
    font-size:  15px!important;
}

.noidung a img {
    margin-left:  17px;
    width:  55px;
}

.baiviet {
    padding-left:  5px;
    font-size:  11px;
    border-left: 5px solid dodgerblue;
}
.motangan {
    width:  58%;
    font-size: 10px;
}

.tieude {
    font-size:  12px;
}

.khung-giatensp a img {
    margin: 10px;
    margin-left:  30px;
}
.khung-giatensp h3 {
    font-size:  12px;
    margin:  0;
}

.khung-giatensp span.giamoi {
    font-size:  12px;
    margin:  0;
}

.khung-giatensp a img {
    width: 38%;
}

.container4 {
    width:  70%;
}
.hinhtin {
    width: 26%;
    float:  left;
    text-align:  center;
}

.hinhtin img {height: 150px;text-align:  center;}

.cot {
    height:  auto;
}
.itemsp.col-md-3.col-sm-6.col-xs-6 {
    width: 48%;
    text-align:  center;
}

.tentintuc b a {
    font-size:  13px;}

.ngaytao span {
    font-size: 11px;
}

.noidungtintuc p {
    font-size:  13px;
}
.hotline-rp.blink {
    font-size:  10px;
}

.mangxh {padding-left: 10%;}

input#txtGuiThu {width: 66%;}
}
@media only  screen and (min-width: 1px) and (max-width: 454px){
    .tensp {
    width:  100%;
}
input#qsearch {
    width: 70%!important;
    font-size: 15px!important;
}

button.btnsearch img {
    width: 20px!important;
}.mxhresponse {
    width: 50%;
}
.xem-ngay {
    width:  80px;
    font-size: 8px;
}
.cot {
    width:  100%;
}
input#txtMa {
    width: 100%!important;
    font-size:  10px;
    padding: 5px!important;
    margin-bottom:  10px;
}

input.btnGui {
    width: 50%;
    font-size: 10px;
    padding: 5px!important;
}

.word-header h3 {
    margin-bottom: 10px;
}

.word-header h1 {
    margin-bottom:  10px;
}

.hinhanhsp {
    width:  100%;
}
.container-6 {
    width:  100%;
    margin-bottom: 20px;
}

.hotrokhachhang {
    width: 100%!important;
    height:  auto;
    margin-bottom:  20px;
}

.thongtinlienhe {
    width:  100%;
    margin-bottom:  20px;
}

.lkmxh {
    width:  100%!important
    ;
}


.column {
    width: 28%!important;
    margin-right: 7px!important;
}
.container4 {
    width: 71%;
}

.tab button {
    width: 100%!important;
    height: 50px!important;
}
.sanpham3 {
    width: 100%!important;
}

.spcungloai {
    width:  100%;
}
.noidung {
    height: 129px;
    font-size:  10px;
    width:  95%;
}

.noidung1 {
    height: 121px;
    overflow:  hidden;
    margin-top: 0!important;
}
.noidung1 p {
    font-size: 12px!important;
    margin:  0;
}

.baiviet {
    height: 105px;
    border-left: 3px solid dodgerblue;
    padding-left: 5px;
}
.title span {
    font-size: 16px;
}

.tenspowl h3 {
    width:  100%;
    font-size:  14px;
    text-align:  center;
}
.container-4 {
    padding:  10px;
}

.motangan {
    width: 62%;
    margin:  5px;
    font-size: 12px;
}

.tieude {
    width: 62%;
    font-size:  12px;
    margin-left:  5px;
}

.doctiep {
    margin-left:  5px;
}
.mangxh p {
    width:  100%;
}
}
@media only  screen and (min-width: 1px) and (max-width: 375px){
.container-5 {
    padding-left: 11%;
}
.word-header {
    top: 10px!important;
}
.itemsp.col-md-3.col-sm-6.col-xs-6 {
    width: 100%;
}


}
@media only  screen and (min-width: 1px) and (max-width: 325px){
.container-5 {
    padding-left: 3%;
}

}
.cap2 {
    font-weight: bold;
}