@charset "utf-8";
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Condensed.ttf');
   
}
@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoCondensed-Bold.ttf');
   
}
/* CSS Document */
body { font-family: Arial; font-size: 14px; background: #fff; line-height: 1.5em }
table { width: 100%; border-collapse: collapse; line-height: 25px; }
table td { padding: 1px; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: middle; }
a { text-decoration: none !important; color: #101010; }
img { border: 0; }
ul { margin: 0; padding: 0; list-style: none; }
.clearb { clear: both; }
p { margin: 0; padding: 0; }
.aligntop { vertical-align: top; }
.alignbottom { vertical-align: bottom; }
.aligncenter { margin-left: auto; margin-right: auto; }
.align-C { text-align: center; }
.align-J { text-align: justify; }
.align-R { text-align: right; }
.border-img { border: 1px solid #fff; }
.img-left { float: left; margin-right: 15px; border: 1px solid #fff; padding: 1px; }
.ul-list { list-style: url(../images/list.png); margin: 10px 0; }
.ul-list li { padding: 3px 0; }
.padding0 { padding: 0px; }
.padding5 { padding: 0px 5px; }
.padding0_15 { padding: 0px; padding-right: 15px; }
.padding10_0 { padding-left: 10px; padding-right: 0px; }
.floatL { float: left; }
.floatR { float: right; }
.marginL-15 { margin-left: 15px; }
.marginR-15 { margin-right: 15px; }
.main-left { padding-right: 20px; padding-left: 0px; margin-top: 5px; }
.container {    background-color: #fff;
    padding: 5px; }
	
 footer	.container{ background:none}

.tablelienhe1 .input{
	width:80%;
}
.tablelienhe1 .tt_noidung{
width:80%;
}
.sp-item {
 
    padding-left: 10px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
	padding-bottom:10px;
}
.popup_content{
	float:left;
	width:100%;


}
.popup_name{
text-align:center;
float:left;
width:100%;
border-bottom:2px solid #D0D0D0;
 font-family: 'RobotoBold';
 color:#C90706;
 padding-bottom:5px;
 margin-bottom:10px;
}
.popup_info{

}
.ten_supp {
    color: #0054FF;
  font-family: 'Roboto';
  font-size:14px;
}
.popup_hinh{
float:left;
width:100%;
text-align:center;

}
.sp-item .phone {
    background: url(../images/phone-mini.png) no-repeat left 2px;
    font-size: 16px;
    padding-left: 25px;
    margin: 5px 0;
	color:red;

	  font-family: 'Roboto';
}
.sp-item .email {
    background: url(../images/email-mini.png) no-repeat left 4px;
    font-size: 16px;
    padding-left: 25px;
    margin: 5px 0;
	 font-family: 'Roboto';
    word-break: break-all;
}


.hinh-tv{
	height:190px !important;
}
	
.menu-top .container{ padding:0px; background:none}	
.banner-top { position: relative }
.banner-top img { width: 100% }
@font-face { font-family: 'myfont'; src: url('fonts/RobotoCondensed-Bold.eot'); src: local('☺'), url('fonts/RobotoCondensed-Bold.woff') format('woff'), url('fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'myfont1'; src: url('fonts/RobotoCondensed-Regular.eot'); src: local('☺'), url('fonts/RobotoCondensed-Regular.woff') format('woff'), url('fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
nav.menu-top { width: 100%; background: #0165c7 ; display: block; height: 40px; position: relative; }
nav.menu-top ul { margin: 0px; padding: 0px; }
nav.menu-top >div>ul >li { display: inline-block; float: left; display: block; padding: 9px 31px; position: relative }
nav.menu-top >div > ul >li:last-child { background: none; }
nav.menu-top > div> ul >li >a {     font-family: 'Roboto',sans-serif; font-size: 15px; color: #fff; text-transform: uppercase; }
nav.menu-top > div > ul >li:hover >ul { display: block }
nav.menu-top >div > ul >li>ul { width: 250px; position: absolute; display: none; z-index: 9999; background:#C90706; top: 39px; left: 0px; }
nav.menu-top >div >ul >li>ul li { padding-left: 5px; border-bottom: 1px solid #E01110; position: relative; }
nav.menu-top > div > ul >li>ul li a { color: #fff; display: block; padding: 5px 0px; }
nav.menu-top > div >ul >li>ul li:hover { background: #F91E1D; }
nav.menu-top > div >ul >li>ul >li:hover >ul { display: block }
nav.menu-top > div > ul >li>ul >li>ul { position: absolute; top: 0px; width: 250px; background: #11A1EF; right: -250px; display: none; }
.block-about-index { margin-bottom: 15px; float: left; }
.block-about-index span { display: block; width: 100%; text-align: justify; }
.block-about-index h2 { font-size: 24px; font-family: myfont1; color: #ff0000; margin-top:0px; }
.block-img-index img { width: 100% }
.block-img-index { padding-right: 10px; }
.block-menu-left { width: 100%;   box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
.block-menu-left h2 {margin-bottom:10px; background: #ed1f24;margin: 0px;padding-top: 10px; font-size: 18px;     font-family: 'Roboto',sans-serif; color: white;    font-weight: normal; text-transform: uppercase; text-align: center; padding-bottom: 10px; }
.block-menu-left ul li { background:white; margin-bottom: 5px; padding: 7px; transition: all 0.3s;    border-top:1px dashed #dde5ed; }
.block-menu-left ul li:first-child{
 border-top:none;
}
.block-menu-left ul li:hover { padding-left: 15px; background: #D83B0C; box-shadow: 1px 1px 3px #999; }
.block-menu-left ul li:hover a{color:white !important}
.block-menu-left ul li a { color: #0039a3; display: block; font-size: 15px; font-family: 'Roboto',sans-serif; }
.block-menu-left ul li span { font-size:11px;display: block; width: 20px; height: 20px; line-height: 17px; text-align: center; margin-top: 3px; margin-left: 4px; margin-right: 11px; background:white; color:#004f8d; border-radius: 100%; float: left;border:2px solid #004f8d }
.btn-add { float: right; padding: 5px 7px; cursor: pointer; background: #1C3F95; color: #fff; border-radius: 3px; box-shadow: 1px 1px 2px rgba(41, 38, 38, 0.22);    margin-right: 15px; }
.bx-wrapper img { width: 100%; }
.block-left { min-height: 200px; margin-top:12px}
.content-left { padding-right: 15px; }
.content-left h2 { padding-top:10px;font-size: 18px; margin-top:10px;margin-bottom:0px;;font-weight:normal;color:white; text-transform: uppercase; font-family: 'Roboto',sans-serif; text-align: left;  padding-left: 40px; padding-bottom: 10px; width: 100%;background: #0165c7; }

.block-right { margin-top: 15px; }
.products-item { padding: 0px 15px; margin-bottom: 10px; }
.products-item div { background: #eceff4; padding: 5px; border-radius: 5px; }
.products-item img { width: 100%; }
.products-item a.line-sp { display: block; }
.products-item a h2 { font-size: 14px;text-transform: uppercase; text-align: center; margin: 0px; height: 35px; padding: 8px 0px; margin-bottom: 0px; color: #0942CE; font-family: myfont1;    margin-top: 6px; }
.block-video-left select { width: 100%; border: 1px solid #ccc; padding: 5px; float: left; box-shadow: 1px 1px 2px rgba(204, 204, 204, 0.65);  margin: 10px 0px; margin-bottom:15px; }
.block-video-left{
	padding-right:0px !important;
}
.small{
float:left;
}
.small img{
margin-right:10px;
float:left;
}
.xeni{
	float:left;
	width:100%;
}
.item-gallery a h2 { margin-bottom: 0px; }
.btn-detail { background: #C90706; color: #fff;  font-family: myfont; padding: 5px 15px; border-radius: 3px; float: left; box-shadow: 1px 1px 2px #666;    margin-left: 15px; }
.btn-detail:hover { color: #ff0 }
.indet{
  text-align: center !important;
  width: 100% !important;    float: left;
  
}
.indet span{
  font-weight: bold;background: #C90706; color: #fff;  font-family: -webkit-body; padding: 5px 15px; border-radius: 3px;box-shadow: 1px 1px 2px #666; 

}
.hotline { font-size: 16px; font-weight: bold; color: #f00; }
.block-blog { float: left; }
.item-blog { float: left; min-height: 100px; margin-bottom: 15px; border-bottom: 1px solid #ccc;   width: 100%;}
.item-blog img { width: 100%; padding: 2px; border: 1px solid #DDCCAE; }
.item-blog span { display: block; }
.item-blog a.btn_readmore { display: block; float: left; padding: 3px 10px; color: #fff; background: #3E4861; font-style: italic; margin-top: 10px; margin-bottom: 21px; border-radius: 5px; }
.img-news { padding-right: 10px; float: left; margin-bottom: 18px; }
.title-catal { margin: 0px; margin-bottom: 5px; color: #505B6F }
.title-catal a { color: #2194D2; text-transform: uppercase; font-size: 13px; font-weight: bold; }
.title-catal span { display: inline; font-size: 15px; }
.block-httt {  padding: 0px; }
.century{
border: 1px solid #F1ECEC; 
}
.content-right { padding: 0px 5px }
h2.title-right { font-size: 17px; margin-bottom: 10px; float: left; color: #fff; text-transform: uppercase; font-family: myfont; text-align: left; width: 100%; margin: 0px; margin-bottom: 10px;     border-bottom: 2px solid #FC1E1D; }

h2.title-right  span{     background: #C90706;
    /* border-radius: 5px 5px 0px 0px; */
    padding: 5px 10px;
    float: left;
    padding-right: 51px;}

h2.title-right1 { font-size: 17px; margin-bottom: 10px; float: left; color: #fff; text-transform: uppercase; font-family: myfont; text-align: left; width: 100%; margin: 0px; margin-bottom: 10px; padding: 8px; background: #C90706; border-radius: 5px 5px 0px 0px; }

.vntit{
	float:left;
	width:100%;
	background:url(../images/bg-abc.png) repeat-x top;
}
h2.title-right2 { font-size: 17px; margin-bottom: 10px; float: left; color: #ff0000; text-transform: uppercase; font-family: myfont; text-align: left; margin: 0px; margin-bottom: 10px; padding: 8px; background: white; border-radius: 5px 5px 0px 0px; margin-left:30px }

.content-right img { max-width: 100%; height: auto }
.content-right h1 { font-size: 15px; font-weight: bold; color: #2194d2; margin: 0px; padding: 8px 0px; }
.news-other { color: #2194d2; margin-bottom: 10px; }
.news-other ul li { background: url(../images/list-2.png) left 6px no-repeat; padding-left: 18px; margin-left: 15px; }
.news-other ul li a { color: #2194d2; }


#owl-demo .item img{
 width:100%;
}
#owl-demo{ border:1px solid #ccc;}

.view-more{ float:right;color:#f00;  margin-left:10px;
} 
.fan_book {
  margin-bottom: 20px;
}
.
.contact-form { }
#form-inner { margin: 0px; padding: 0px; }
#form-inner { list-style-type: none; }
#form-inner { font-weight: normal; white-space: nowrap; margin-top: 20px; font-size: 14px; margin-bottom: 20px; }
#form-inner input { width: 100%; border: 1px solid #DDDDDD; box-shadow: inset 2px 0px 4px rgba(204, 204, 204, 0.2); line-height: 26px; max-width: 480px;padding: 1px 5px; }
#form-inner textarea { width: 100%; color: #000; box-shadow: inset 2px 0px 4px rgba(204, 204, 204, 0.2); border: 1px solid #DDDDDD; height: 150px }
#form-inner div { float: left; margin-bottom: 10px; }
label { font-weight: normal !important }
footer{
	background:#D92523 url(../images/bg-footer.png);
}
footer .container { color: #fff; }
.btn_menu { width: 39px; height: 37px; background: #15AAFA; /* border-radius: 5px; */ position: absolute; top: 3px; right: 16px; padding-top: 4px; line-height: 39px; font-size: 24px; font-weight: normal; color: #FAFAFA; text-align: center; cursor: pointer; }
.nav-md { max-width: 320px; width: 100%; min-height: 100px; position: absolute; top: 121px; right: 0px; z-index: 99999; background: #1191D7; padding: 5px; padding-bottom: 0px; display: block; top: 40px; }
.nav-md >ul { padding: 0px; }
.nav-md ul>li { list-style-type: none; border-bottom: 1px solid #27A8ED; transition: all 0.5s; }
.nav-md ul>li a { display: block; padding: 5px; color: #fff; font-size: 14px; transition: all 0.5s; }
.nav-md ul>li a:hover { padding-left: 10px; background: #14A1EF; }
.nav-md ul>li >ul { padding: 0px; background: #0C9AE8; display: none; }
.nav-md ul>li >ul >li >ul { background: #0C9AE8; padding-left: 10px; }
.dang_on_l { background: url(../images/dangonline_42.png) no-repeat left center; padding-left: 20px; height: 16px; font-size: 12px; margin-bottom: 5px; color: #fff; margin-left: 20px; }
.counter_day { background: url(../images/online2_46.png) no-repeat left center; padding-left: 20px; height: 16px; margin-bottom: 5px; font-size: 12px; color: #fff; margin-left: 20px; }
.counter_month { background: url(../images/thang_49.png) no-repeat left center; padding-left: 20px; height: 16px; margin-bottom: 5px; font-size: 12px; color: #fff; margin-left: 20px; }
.total_on_l { background: url(../images/total_48.png) left center no-repeat; padding-left: 20px; height: 16px; font-size: 12px; color: #fff; margin-left: 20px; }
.suport-online {  margin-bottom: 10px;
  border: 1px solid #BB0D16;
  padding: 7px 0px;
  border-radius: 3px;
  margin-top: 17px;
  margin-bottom: 20px;}
.block_search { 
  position: absolute;
  width: 196px;
  right: 0px;
  color: #fff;
  background: white;
  top: 5px;
  height: 32px;
  border-radius: 3px;}
.block_search input { outline:none;
}

.list-social li{ display:inline-block; float:left; margin-left:5px;}
.list-social li img{ max-width:25px;}


.block_search ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #C90706;
}
.block_search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #C90706;
   opacity:  1;
}
 .block_search ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #C90706;
   opacity:  1;
}
.block_search :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #C90706;
}

span.btn-search {  width: 29px;
  top: 0px;
  height: 32px;
  position: absolute;
  display: block;
  right: 0px;
  cursor: pointer;}

.block-contact-info{ padding:0px; padding-right:15px;}
.block-contact-form{ padding-right:0px; border-left:1px solid #ccc}
.block-contact-form #form-inner div.col-md-9{ padding-right:0px;}
#map{ margin-top:15px}

span.btn-search img{  width: 26px;background: #C90706;padding: 5px;border-radius: 5px;
  margin-top: 3px;}
.block_search input {   margin: 5px; background:none;  height: 25px;color: red;
 
  border: none;
  /* margin-left: 12px; */
  border-radius: 3px;
  padding: 5px;
  width: 200px;
  font-style: italic;
  margin-top: 3px;}
.btn_menu { display: none; }
.table-products { margin-bottom: 20px; }
.img-product-detail { float: left; margin-bottom: 15px; }
.table-products { max-width: 320px; float: left; margin-left: 10px; }
.table-products tr { border-bottom: 1px solid #ccc; }
.price { font-weight: bold; color: #F00; }
.phantrang { display: block; width: 100%; float: left; margin-bottom: 10px; text-align: center; }
.phantrang span { padding: 3px 8px; color: #ff0000;font-weight:bold }
.phantrang a {  color:#0054ff; padding: 3px 8px;font-weight:bold }
.block-lang { position: absolute; right: 0px; width: 70px; z-index: 999;     bottom: 20px;}
.block-lang ul.list-lang { display: inline-block }
.block-lang ul.list-lang li { float: left; margin: 2px; cursor: pointer; margin-top: 11px; }
.block-lang ul.list-lang li img{}
.block-lang ul.list-lang li img:hover{ opacity:1 !important;}
.acti_mm{
	background:#F91E1D;
}
nav.menu-top >div>ul >li:hover{
	background:#C90706;
}
.btn-send{  background: #f00;
  border: none;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
 box-shadow: 1px 1px 2px #000;
}

#menu{opacity:0; height:0px;overflow:hidden;}
.mm-menu {
  background: #C90706;
  color: #fff; 
}
.mm-menu a{ color:#fff}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a{color: rgba(255, 255, 255, 1);}

.btn_menu {
 width: 39px;
  height: 37px;
  background: #C90706;
  /* border-radius: 5px; */
  position: absolute;
  top: 2px;
  left: 3px;
  padding-top: 4px;
  line-height: 39px;
  font-size: 24px;
  font-weight: normal;
  color: #FAFAFA;
  text-align: center;
  cursor: pointer;
  color: #fff !important;
}

#button-contact-vr {
    position: fixed;
    bottom: 15px;
    z-index: 99999;
}
/*phone*/
#button-contact-vr .button-contact {
    position: relative;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 65px;
    height: 65px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 40px;
    height: 40px;
    top: 20px;
    left: 20px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 24px;
    height: 24px;
    line-height: 24px;
    top: 28px;
    left: 28px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-height: 15px;
    max-width: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
    .phone-bar{display: none;}
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}
#viber-vr .phone-vr-img-circle {
    background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196F3;
}


/*css all in one*/
#gom-all-in-one #phone-vr {
    transition: 0.7s all;
    -moz-transition: 0.7s all;
  -webkit-transition: 0.7s all;
}
#gom-all-in-one #zalo-vr {
    transition: 1s all;
    -moz-transition: 1s all;
    -webkit-transition: 1s all;
}
#gom-all-in-one #viber-vr {
    transition: 1.3s all;
    -moz-transition: 1.3s all;
  -webkit-transition: 1.3s all;
}
#gom-all-in-one #contact-vr {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
  -webkit-transition: 1.6s all;
}
#button-contact-vr.active #gom-all-in-one .button-contact {
    margin-left: -100%;
}
#all-in-one-vr .phone-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    color: #fff;
    padding: 5px 15px 5px 48px;
    border-radius: 50px;
    margin-left: -64px;
    width: max-content;
    cursor: pointer;
}


 @media (max-width:1024px) {
nav.menu-top >ul >li { display: inline-block; float: left; display: block; background: url(../images/bg_line.png) right center no-repeat; padding: 9px 24px; }
.block-lang { position: absolute; right: 245px; width: 60px; }
.block_search { right: 5px; }
nav.menu-top >div>ul >li {
  display: inline-block;
  float: left;
  display: block;
  padding: 9px 15px;
  position: relative;
}
}
 @media (max-width:1000px) {
}
 @media (max-width:800px) {
	 
nav.menu-top ul{ display:none}	 
.block-lang {     position: absolute;
    right: 53px;
    width: 67px;
    bottom: 0px;}
.btn_menu { display: block }
nav.menu-top >ul { display: none; }
.block_search { left: 20px; }
.main-left { display: none; }
.block-right{ padding:5px;}

.block_search {
left:45px;
  width: 290px;
}

}
 @media (max-width:600px) {
 @media (max-width:320px) {
 .hinh-tv{
	height:auto !important;
 }
#form-inner {
  font-weight: normal;
  white-space: nowrap;
  margin-top: 20px;
  font-size: 14px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}	 
 .block_search {
 left:45px;
 width: 270px;
}
.block-lang {
right: 0px;
 top: 10px;
}
 .btn_menu {
right:3px;
}
 #form-inner label {
display:none;
}
 #form-inner div{ margin-bottom:3px;}
  #form-inner div input{ width:100%}

}