@charset "utf-8";
/* CSS Document */
 
@font-face {
	font-family: 'Conv_UTMAlterGothic';
	src: url('fonts/UTM Alter Gothic.eot');
	src: local('☺'), url('fonts/UTM Alter Gothic.woff') format('woff'), url('fonts/UTM Alter Gothic.ttf') format('truetype'), url('fonts/UTM Alter Gothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'UTM Avo';
	src: url('fonts/UTM Avo.eot');
	src: local('?'), url('fonts/UTM Avo.woff') format('woff'), url('fonts/UTM Avo.ttf') format('truetype'), url('fonts/UTM Avo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Condensed';
	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;
}


*{ box-sizing:content-box}
.menu_giohang{ font-weight:bold}
.thanhtoan input{ padding:5px}
.phuongthucthanhtoan{ padding:5px;}
table {width: 100%; border-collapse: collapse; line-height: 25px;}
table td {padding: 2px; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: middle;/* font-weight: bold; */}
a { text-decoration: none !important; color: #3b3b3b; }
a:hover {color: #006EDC;}
img { border: 0; max-width: 100%;}


.menu-fix{ position:fixed; top:0px; z-index:9999}


.list-lang{ position:absolute;top: 8px;right: 7px;z-index: 9999;/* display: none; */}
.list-lang li{ display:inline-block}

.list-email{ float:left;width: 100%;background: url(../images/bg_title122.png) top center repeat-x;padding-top: 10px;margin-top: 14px;max-width: 248px;}
.list-email li{}
.list-email li img{ float:left; margin-right:10px; margin-top:5px}
.list-email span{}


ul { margin: 0; padding: 0; list-style: none;/* padding: 5px; */ }
.clearb { clear: both; }
p { margin: 0; padding: 0; }
body { margin: 0;font-size: 14px; line-height: 22px;line-height: 1.5em;color: #494949; font-family: Arial;background: #fff;max-width: 1349px;margin: 0px auto;min-width: 1200px;}

.block-gallery{
    width: 250px;
    float: left;
    margin: 10px;
}
.block-gallery img{}
.block-gallery h3{
    margin: 0px;
    margin-top: 5px;
}

#submit_thanhtoan{ float:left; background:#000; color:#fff;padding: 8px !important;border: none;max-width: 110px;text-transform: uppercase;}

.block-about { width: 100%; min-height: 100px; float: left; color: #434343; box-sizing:border-box; padding:10px 0px }
.block-about img.img-about{ float:left; margin-right:10px; width:250px;border: 5px solid #5BBDEC;}

.block-about a> h2{font-size:16px; margin:0px; font-family:'Roboto Condensed';text-transform:uppercase; color:#009ae6}

@font-face {
	font-family: 'SFU DIN';
	src: url('fonts/SFUDinEngAlt.eot');
	src: local('?'), url('fonts/SFUDinEngAlt.woff') format('woff'), url('fonts/SFUDinEngAlt.ttf') format('truetype'), url('fonts/SFUDinEngAlt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.block-about-item { }
.block-about-item h2 { color: #494949; font-size: 16px; margin: 10px 0px; text-transform: uppercase; font-weight: bold; }
/*header*/
#header {background: rgba(2, 2, 2, 0.47);/* margin-bottom: -104px; */position: relative;z-index: 999;/* bottom: -67px; *//* margin-bottom: -94px; */margin-bottom: -106px;width: 100%;height: 96px;}
#header .wrapper { position: relative; }
#header .wrapper div.right { width: 280px; float: right; padding-top: 10px; }
#logo{position: absolute;/* display: none; *//* height: 104px; */background: #FFFEFF;padding: 6px 9px;top: 0px;border-radius: 0px 0px 35px 0px;}

.name_company{font-size: 36px; color:#fff; position:absolute; text-transform:uppercase;top: 35px;padding-left: 18px;font-family: 'SFU DIN';left: 149px;}


.block_hotline{
    position: absolute;
    z-index: 999;
    right: 109px;
    /* bottom: 15px; */
    font-size: 18px;
    color: #f00;
}
.line-top{
    background: #dc0b0b;
    color: #fff;
    /* display: none; */
    /* display: none; */
    /* position: absolute; */
    z-index: 9999;
    width: 100%;
    display: none;
    padding: 2px 0px;
}
.line-hotline{
    float: left;
    margin-right;10px:1;
    margin-right: 10px;
    margin-top: 7px;
    color: #fff;
}

.block-cart a{ color:#fff}

.line-hotline li{
    display: inline-block;
    /* border-right: 1px solid #000; */
    padding: 0px 13px;
    line-height: -8px;
    padding-right: 31px;
}
.line-hotline li:last-child{ border:none}
.line-hotline li img{
    float: left;
    margin-right: 7px;
    margin-top: 2px;
}
.line-hotline li span{
    color: #fff;
    font-size: 16px;
    float: left;
    /* margin-right: 10px; */
}
.line-hotline li span strong{color: #ffff00;font-weight: normal;font-size: 16px;margin-left: 5px;}

.block-san-pham-hot{

width: 100%;

height: 300px;

background: #4dac00;

/* margin-bottom: 10px; */

padding: 10px 0px;

box-sizing: border-box;

/* padding-top: 25px; */

float: LEFT;
}

.product-item-hot{width: 267px;/* border: 1px solid #ccc; */}
.product-item-hot a{}
.product-item-hot h3{
    color: #fff;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 5px;
}
.product-item-hot img{
    border: 1px solid #72ff00;
    padding: 5px;
    border-radius: 3px;
}
.product-item-hot span.price-product{
    color: #fff;
    font-weight: normal;
}
.product-item-hot span.price-product span{
    color: #ff0;
}


.block-about-slider{ background:#f4f4f4}
.wrapper-header { position: relative; background: #fff }
.img-logo { float: left; width: 100%; margin-bottom: 1px; }
.tim-kiem { position: relative; width: 270px; height: 37px; margin: 0 auto; background: url(../images/bgtk.png) no-repeat top left; margin-bottom: 10px; }
.bnt_search { background: url(../images/btn-search.png) no-repeat scroll 0 0 transparent; border: medium none; color: #C9C9C9; cursor: pointer; display: block; float: right; height: 18px; width: 21px; margin-top: 0px; position: absolute; top: 8px; right: 10px; }
.block-quangcao { padding: 10px 0px; border-bottom: 1px solid #ccc; padding-bottom: 0px; }
.block-asd-item { border-right: 1px solid #ccc; }
.block-asd-item h2 { font-size: 16px; font-weight: bold; color: #db0000; margin: 0px; }
.block-asd-item img { float: left; width: 100% }
.info-asd { padding: 0px; padding-left: 5px; }
.main_mtop{/* background: url(../images/bg_mtop.png) top center repeat-x; */width: 100%;/* margin-bottom: -100px; */float: LEFT;}
.main-mtop { background: #b7218c; }

.view_more{ font-weight:bold; float:right;color: #3795F4 !important;}
.block_about_top{background: #F3F3F3;padding: 19px 0px;margin-bottom: 23px;}
.block_about_top h2{margin: 0px;font-size: 26px;color: #0277ee;font-family: 'SFU DIN';font-weight: normal;text-transform: uppercase;margin-top: -5px;margin-bottom: 15px;}
.block_about_top .content_about_index{
    float: left;
    width: 1000px;
    padding-top: 15px;
}

.img_about_home img{
    float: left;
    margin-right: 16px;
}


.top-menu {height: 51px;background: url(../images/bg_mtop.png) top repeat-x;/* border-radius: 6px; */width: 100%;border-top: 5px solid #bff5ff;}
.top-menu >div >ul { margin: 0 auto; transition: all 0.5s;/* margin-top: -2px; */ }
.top-menu >div >ul >li:nth-child(3){/* border:none; *//* box-shadow: none; */}
.top-menu >div >ul >li {
    display: inline-block;
    float: left;
    /* line-height: 74px; */
    /* height: 74px; */
    position: relative;
    padding: 14px 41px;
    /* margin-top: 2px; */
    /* border-right: 1px solid #6DD80D; */
    background: url(../images/bg_line.png) right center no-repeat;
    position: relative;
    /* box-shadow: 2px 0px 2px rgba(33, 33, 33, 0.31); */
}

.top-menu >div >ul> li:hover , .active-mtop{/* background: #098622; */}
.top-menu >div >ul> li:hover::after{/* content:''; */width: 43px;height: 16px;background: url(../images/bg_hover.png) top center no-repeat;position: absolute;top: -5px;left: 35%;}
.active-mtop::after{/* content:''; */width: 43px;height: 16px;background: url(../images/bg_hover.png) top center no-repeat;position: absolute;top: -5px;left: 35%;}
.top-menu >div >ul> li:hover >a{color: #ff0;}
.top-menu >div >ul> li:hover >ul{ display:block;/* padding-top: 27px; */background: #0050A0;}
li.logo{/* position: absolute !important; */z-index: 9999;border-right: 0px !important;box-shadow: none !important;}
li.logo img{
    border: 5px solid #55bd01;
    border-radius: 100%;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
}


.top-menu >div >ul> li >ul{ display:none; position:absolute; z-index:999;background: #0068D0; width:250px;top: 50px;left: 0px;transition: all 0.5s;padding-top: 0px;}
.top-menu >div >ul> li >ul li{padding: 7px 10px; position:relative;box-sizing: content-box;border-bottom: 1px  solid #2886E4;transition: all 0.5s;line-height: 1.5em;background: #006DDA;}
.top-menu >div >ul> li >ul >li >a { color:#fff; font-size:14px; display:block}
.top-menu >div >ul> li >ul >li:hover{background: #0050A0;padding-left: 15px;}
.top-menu >div >ul> li >ul >li:hover ul{ display:block}
.top-menu >div >ul> li >ul >li >ul{ position:absolute; width:250px;background: #098622; right:-250px; top:0px;display: none;}
.top-menu >div >ul> li >ul >li >ul>li{
    color: #fff;
}
.top-menu >div >ul> li >ul >li >ul>li:hover{background: #0A66C1;}
.top-menu >div >ul> li >ul >li >ul >li a{ color:#fff;font-size: 15px;display: block;/* display: none; */}

.top-menu >div >ul >li:last-child{background:none;}
.top-menu >div >ul >li >a{font-size: 22px;color: #fff;font-family: 'Conv_UTMAlterGothic';font-weight: normal;text-transform: uppercase;}
.top-menu >ul >li:hover, .active-mtop {/* background: #e5118a; */color: #fff !important;}
.top-menu >ul >li >a { font-size: 13px; font-family: arial; text-transform: uppercase; white-space: nowrap; font-weight: bold; color: #fff; }
.top-menu >ul >li:hover a, .active-mtop a { color: #fff !important }
.top-menu >ul >li:hover >a { color: #fff; }
.top-menu >ul >li:last-child {/* border: none */ }
.top-menu >ul >li >ul { position: absolute; top: 37px; left: 0px; display: none; width: 215px; background: #b7218c; }
.top-menu >ul >li:hover >ul { display: block; z-index: 9999; }
.top-menu >ul >li >ul >li { padding: 5px 0; line-height: 25px; text-transform: none; border-bottom: 1px solid #FBFBFB; font-size: 14px; transition: all 0.5s; }
.top-menu >ul >li >ul >li:last-child { border-bottom: none; }
.top-menu >ul >li >ul >li a { color: #fff; padding-left: 9px; display: block; }
.top-menu >ul >li >ul >li:hover { background: #e5118a; padding-left: 5px; }
.top-menu >ul >li >ul >li:hover a { color: #fff !important; }
.top-menu >ul >li >ul >li a:hover { color: #fff; display: block; }
.top-menu >ul >li >ul >li { position: relative }
.top-menu >ul >li >ul >li>ul { position: absolute; left: 215px; top: 0px; width: 215px; background: #b7218c; display: none }
.top-menu >ul >li >ul >li:hover ul { display: block; }
.top-menu >ul >li >ul >li >ul >li { padding: 7px 0; line-height: 20px; text-transform: none; ; border-bottom: 1px solid #dcd9b0; }
.top-menu >ul >li >ul >li >ul >li:hover { background: #e5118a; }

.block-search{background: #DC0B0B; position:absolute; right:10px;height: 30px;top: -34px;border: 1px solid #fe3232;width: 277px;/* box-shadow: inset 1px 1px 0px #fe3232; */}
.block-search input{ margin:0px 10px;margin-top: 4px;width: 178px;font-style: italic;padding: 3px;float: left;border: none;padding-bottom: 2px;box-sizing: border-box;background: none;outline: none;color: #fff;}

.block-search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}

.block-search ::-moz-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}


:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:     #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:     #999;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:     #999;
}
.block-search button{
    background: #fe3232 url(../images/bgnbtn_search.png)left center no-repeat;
    width: 30px;
    height: 28px;
    outline: none;
    border: none;
    float: right;
    cursor: pointer;
    color: #fff;
    text-align: left;
    /* padding-left: 33px; */
    margin-top: 0px;
    margin-right: 0px;
}


input{width: 250px;/* position: absolute; *//* right: 10px; *//* height: 35px; *//* top: 3px; */}


.amazingslider-bottom-shadow-1{ display:none !important}
 
 .amazingslider-car-left-arrow-1{ left:-5px !important} 
 .amazingslider-car-right-arrow-1{
    right: -13px !important;
    /* background-color: #00A115 !important; */
} 
.block_slider{width: 950px;float: LEFT;border: 1px solid #ccc;box-sizing: border-box;padding: 0px 6px;height: 366px;margin-top: 7px;}

.news_hot{ float:left;width: 240px;margin-left: 10px;margin-top: 6px;}
.title_news_hot{ background:url(../images/bg_ttile1.png) top center repeat-x;height: 38px;line-height: 38px;border: 1px solid #ccc;text-align: center;color: #009513;font-size: 15px;font-weight: bold;text-transform: uppercase;}
.list-news_right{ float:left}
.list-news_right li{
    margin-top: 9px;
}
.list-news_right li h3{ font-size:12px;color: #000;margin: 0px;height: 22px;overflow: hidden;}
.list-news_right li img{
    width: 97px;
    float: left;
    height: 76px;
    border: 1px solid #ccc;
    padding: 2px;
    margin-right: 9px;
}

#owl-demoqc{margin:20px 0px}
.block-slider {background: #fff;/* padding-bottom: 5px; *//* padding: 5px; */min-width: 100%;box-sizing: border-box;/* position: relative; *//* margin-top: -125px; */float: LEFT;/* margin-bottom: 10px; */}
.main-left { text-align: right; color: #3b3b3b; margin-bottom: 15px; margin-top: 15px; padding: 0px; }
.main-left a h2 { font-size: 24px; color: #3b3b3b; transition: all 0.5s; margin-top: 0px; }
.main-left:hover a h2 { color: #f9c001 }
.block-col-right { padding-right: 0px; }
.title_index { font-size: 16px; width: 100%; text-align: left; color: #3e3e3e; float: left; font-weight: bold; }

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

.pagination{}
.pagination li{
    display: inline-block;
    /* padding:  5px; */
    /* border: 1px solid #ccc; */
    margin: 2px;
    background: #04B71D;
}
.paging a{padding: 0px 10px;color: #fff;}
.paging .current{
    background: #069019;
    color: #fff;
    display: block;
    padding: 0px 10px;
    }

.paging .page_info{ display:none}


/*news */
.block-news{
    float: left;
    width: 584px;
    padding: 10px 0px;
    margin-right: 15px;
    text-align: justify;
}
.block-news a{
    color: #0059B2;
    font-size: 13px;
    /* text-transform: uppercase; */
}
.block-news >h3{
    margin: 0px;
}
.block-news img{
    width: 200px;
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: 10px;
} 
.block-news >a >h3{}
.block-news .xemtiep{
    float: right;
    /* width: 100%; */
}
.block-news .xemtiep a{ color:#f00}
.title-page{font-size: 19px; margin:0px;color: #0076EC;margin-bottom: 5px;}

.list-news{
    width: 100%;
    float: left;
}

.list-news h2{font-size: 16px; margin:0px; margin-bottom:10px; font-weight:normal; font-family:'roboto';color: #8c093c;text-transform: uppercase;}


.list-news li{
    background: url(../images/arrow_list.png) left center no-repeat;
    padding-left: 0px;
    list-style-type: disc;
    margin-left: 25px;
    list-style-type: none;
    padding-left: 20px;
}
.list-news li a{
    font-size: 14px;
    font-weight: normal;
    color: #000;
    color: #1B7DC0;
    font-weight: bold;
}
.list-news li span{
    color: #9FA0A0;
    font-size: 14px;
}
.list-news li a span{}


.list-news-hot{/* margin:5px; */ margin-top:0px}
.list-news-hot ul{}
.list-news-hot img{ float:left;width: 103px;height: 66px;margin: 7px;}
.list-news-hot h2{ font-size:13px;margin: 0px;font-weight: normal;float: LEFT;width: 100%;font-weight: bold;height: 22px;overflow: hidden;}

.list-news-hot li{ float:left;display: block;width: 100%;border-bottom:  1px dashed #ccc;padding: 5px 0px;}
.list-news-hot li:last-child{/* border:none; */}

.block-pament{width: 574px; float;float: left;}
.block-pament .title-right >span{background-color: #F7F7F7 !important;font-size: 16px;color: #8c093c;}


/* end news */

/* contact */

.block-frm-contact{ float:left;width: 590px;margin-top: 10px;}
.block-frm-contact label{ float:left;font-size: 13px;font-weight: bold;color: #666;width: 81px;}
.block-frm-contact input{
    width: 350px;
    margin-bottom: 8px;
    padding: 6px;
    margin-left: 5px;
    border: 1px solid #ccc;
}
.block-frm-contact  textarea{
    width: 463px;
    margin-bottom: 8px;
    padding: 6px;
    /* margin-left: 5px; */
    border: 1px solid #ccc;
    min-height: 107px;
    }
.block-frm-contact button{
    background: #2267b2;
    border: none;
    padding: 7px 20px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 15px;
    outline: none;
}

#map{width: 597px;height: 332px; margin-top:10px; float:left;border: 5px solid #2267b2;}


/* end contact */


/*section*/

.container {width: 1200px; margin:0px auto;position: relative;}
.section-right { float: left; }

/*doi tac*/

.block_doitac1{ float:left;width: 600px;}
.block_doitac1 h2{ color:#fff; text-transform:uppercase; text-align:center}
.block-doi-tac{background: #dddee0;/* padding-top: 10px; *//* padding-bottom: 7px; */height: 118px;padding-top: 9px;}
.chung-nhan h2{ color:#fff; text-transform:uppercase; text-align:center}
.chung-nhan{width: 542px; color:#fff; float:left;float: left;margin-left: 30px;margin-top: 4px;}

.chung-nhan .item{ padding:0px 10px}


/*footer*/


.block_bg_fix{ width:100%;transition:all 1.5s;/* color: #999; */padding-bottom: 25px;background: url(../images/parallax_2.png) 0% 0 repeat fixed;}

footer {background: url(../images/bg_footer.png) top center no-repeat;padding-top: 0px;margin-top: 0px;min-width: 1200px;background-size: 100% 100%;}


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

.btn_next{ background:url(../images/bg_next.png) top center no-repeat; width:28px; height:183px;position: absolute;top: 0px;right: 0px;cursor: pointer;}
.btn_prev{ background:url(../images/bg_prev.png) top center no-repeat; width:28px; height:183px;position: absolute;top: 0px;left: 0px;cursor: pointer;}


.list-img-doitact img{width: 275px;height: 174px;border: 1px solid #ccc;padding: 2px;box-sizing: border-box;}

#owl-demo .item{margin:5px;position: relative;margin-right:10px;}
#owl-demo .item img{width: 100%;}
.btn_play{background: url(../images/icon_play.png) top center no-repeat; width:66px; height:66px; position:absolute;top: 44px;z-index: 999999;left: 100px;opacity: 0;transition: all 0.5s;}
#owl-demo .item:hover .btn_play{ opacity:1;}


.news-item { min-height: 140px; margin-bottom: 25px; background: #fff; width: 366px; float: left; margin-right: 10px; height: 250px; }
.news-item img { border: 1px solid #003399; float: left; margin-right: 15px; width: 150px; height: 150px; margin: 3px; }
.news-item h2 { font-size: 14px; margin: 0; margin-bottom: 7px; }
.news-item h2 a { color: #3030FF; font-weight: normal; }
.news-item h2 a:hover { color: #7e1602; }
.date-time { font-size: 12px; color: #4e4b44; margin-bottom: 5px; font-style: italic; }
.news-item p { max-height: 108px; overflow: hidden; margin: 0!important; font-size: 12px; line-height: 18px; }
.news-item .title_item { display: block; width: 360px; float: left; }
.news-item .title_item >span { background: url(../images/bg_title_content.png) right center no-repeat; display: block; height: 38px; float: left; height: 51px; }
.news-item .title_item >span >span { color: #fff; background: #0033FF; height: 41px; display: block; float: left; line-height: 38px; font-size: 16px; padding-right: 50px; padding-left: 10px; }
.footer { background: #49acd5; padding: 10px; }

#back-top { position: fixed; bottom: 30px; margin-left: 1015px; }
#back-top a { width: 107px; height: 45px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
/* arrow icon (span tag) */
#back-top span { width: 56px; height: 56px; display: block; margin-bottom: 7px; background: url(../images/up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span { /*background-color: #777;*/ }
.block_content { background: none !important; }
.block_content .content { padding: 0px !important; !
}
.xemchitiet { background: #0033FF; color: #fff; display: block; padding: 5px 21px; float: right; font-size: 15px; ; }
.dangonline { font-size: 16px }
.phantrang { display: block; float: right; width: 100%; text-align: center; margin-bottom: 15px; }
.phantrang span {background: #0A941D; color: #fff; padding: 5px 8px;}
.phantrang a {background: #0DB925; color: #fff; padding: 5px 8px;}
.block-social { background: #57595a; padding: 15px 0px; }
.list-social li { display: inline-block; float: left; margin-right: 5px;line-height: 34px;margin-top: 10px;}
.list-social li img { transition: all 0.5s; width: 32px; }
.list-social li:hover img { transform: rotate(-360deg) }
.block-copyright { color: #fff;line-height: 41px;background: #4bac00;border-top: 1px solid #fff;/* margin-top: 5px; */}
.list-couter-footer{ float:right}
.list-couter-footer li{ display:inline-block;border-right: 1px  solid #fff;line-height: 16px;padding: 0px 16px;}
.list-couter-footer li:last-child{ border:none;}
.title-catal { margin: 0px; margin-bottom: 5px; color: #505B6F; margin-top: 0px; float: left; width: 100%; }
.title-catal a { color: #434343; font-size: 16px; font-weight: normal;/* text-transform: uppercase; */ font-weight: normal; float: left; width: 100%; font-family: arial; }
.title-catal span { display: inline; font-size: 15px; }
.img-news { padding-right: 15px; float: left; }
.contact-form input { width: 100%; border: 1px solid #ccc; background: #fff; padding: 4px; max-width: 452px; border-radius: 3px; }
.contact-form textarea { width: 100%; border: 1px solid #ccc; background: #fff; padding: 4px; max-width: 550px; min-height: 138px; border-radius: 3px; }
.contact-form button { background: #B7218C; border: none; color: #fff; outline: none; padding: 5px 14px; border-radius: 5px; }


.block-left{float:left;width: 260px;/* background:#ccc; */min-height: 50px;margin-right: 8px;margin-top: 10px;border: 1px solid #adadad;box-sizing: border-box;}
.block-left .content-left{
    /* margin-bottom: 15px; */
    /* border: 1px solid #adadad; */
    /* border-radius: 5px; */
    background: #fff;
    padding: 5px;
    box-sizing: content-box;
    border-bottom: none;
}
.block-left .content-left .title_left{font-size: 22px;background: url(../images/bg_titleLeft.png) left top no-repeat;height: 52px;text-align: left;padding: 7px 0px;box-sizing: border-box;text-transform: uppercase;font-weight: bold;/* padding-left: 9px; */color: #fff;font-family: UTM Alter Gothic;/* margin-bottom: 10px; */padding-left: 28px;/* margin-left: -18px; */font-weight: normal;}
.block-left .content-left .block-content-left{/* border:1px solid #ccc; */box-sizing: border-box;border-top: 0px;width: 239px;/* padding: 5px; */}

.block-left .content-left .block-content-left >ul{}
.block-left .content-left .block-content-left> ul.menuleft >li{
    /* border-bottom: 1px solid #ccc; */
    /* padding: 5px 0px; */
    background: url(../images/arrow_left.png)  6px 11px no-repeat;
    /* padding-left: 18px; */
    box-sizing: border-box;
    position: relative;
}
.block-left .content-left .block-content-left> ul.menuleft >li:last-child{ border-bottom:none}

.block-left .content-left .block-content-left >ul.menuleft >li>a{
    font-size: 15px;
    color: #4a4a4a;
    font-family: Roboto Condensed;
    display: block;
    padding: 5px 0px;
    padding-left: 18px;
    border-bottom: 1px dashed #ccc;
}

ul.menuleft >li:hover >ul{ display:block}
 ul.menuleft >li >ul{/* position: absolute; *//* right: -250px; */width: 228px;/* background: #0DB925; */top: 0px;/* display: none; */z-index: 999;}
 ul.menuleft >li >ul>li{border-bottom: 1px dashed #ccc;}
 ul.menuleft >li >ul>li:hover a{/* background: #0CAB22; */color: #0CAB22;}
 ul.menuleft >li >ul>li>a{font-size: 15px;color: #757575;padding: 5px;/* border-bottom: 1px solid #05D422; */display: block;font-family: 'Roboto Condensed';padding-left: 26px;background: url(../images/arow_sup.png) 12px center no-repeat;}


.block-yahoo{ float:left; margin-bottom:10px;font-family: 'UTM Alter Gothic';font-size: 18px;}
.text-phone{color: #a68901;}
.text-email{color: #1a6c00;}
.block-yahoo img{ float:left; margin-right:10px}


.block_hotline_left{ float:left; width:100%; padding-top:10px}
.block-content-left >ul.menuleft >li >a:hover{color: #0EC427 !important;}
.block_hotline_left img{ float:left}
.block_hotline_left .text-hotline p:nth-child(1){ color:#000;}
.block_hotline_left .text-hotline{ font-family:'SFU Clearface';font-size: 17px;/* margin-top: 10px; */display: block;color: #f00;}

.title_hotro{width: 249px;font-size: 17px;font-weight: bold;/* text-transform: uppercase; */font-style: italic;margin: 9px;float: LEFT;margin-right: 0px;}


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

.block-right{float: left;min-height:100px;/* background:#ff0; */width: 1200px;/* margin-left: 7px; *//* background: #fafa; */}
.title-right{ width:100%;float: left;background: url(../images/bg_title.png) center bottom no-repeat;/* height: 26px; */margin-bottom: 21px;text-align: center;/* padding-top: 41px; */color: #fff;padding-bottom: 18px;margin-top: 15px;}
.title-right >span{font-size: 25px;color: #2267b2;padding-top: 0px;text-transform: uppercase;position: relative;padding-left: 0px;font-weight: normal;min-width: 100px;text-align: center;/* float: left; */padding: 0px;}
 
.block-right-news{ float:left;width: 855px;}
.block-fanpage{width: 325px; float:left;margin-left: 19px;}

.about-index{
    margin-bottom: 10px;
}
.about-index h2{
    margin: 0px;
    margin-bottom: 10px;
}
.btn-view-more{ float:right; font-weight:bold; color:#f00;}
.block-images-about{ float:left;width: 280px;margin-right:30px;}
.block-images-about img{ border:5px solid #fff; box-shadow:5px 5px #ccc; box-sizing:content-box}

/*css news hot*/
.main-news{
    width: 578px;
    float: LEFT;
    margin-right: 38px;
    margin-top: 14px;
}
.main-news a{}
.main-news a img{
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    box-sizing: border-box;
    box-shadow: 5px 5px #e9eaed;
}
.main-news h2{
    margin: 0px;
    margin: 5px 0px;
    font-size: 15px;
    font-weight: normal;
    color: #56C001;
}
.main-news span{}


.list-news-hot-index{float: LEFT;width: 575px;}
.list-news-hot-index  ul{}
.list-news-hot-index li{
    float: left;
    border-bottom: 1px dashed #ccc;
    padding: 11px 0px;
}
.list-news-hot-index li img{
    float: left;
    width: 155px;
    height: 110px;
    border: 1px solid #ccc;
    padding: 3px;
    margin-right: 17px;
    box-shadow: 3px 3px #E9EAED;
}
.list-news-hot-index li h2{
    font-size: 15px;
    margin: 0px;
    color: #59C701;
    font-weight: normal;
}
.list-news-hot-index li span{}

.block_product_index{
    float: left;
    margin-right: 29px;
    margin-bottom: 13px;
}
.block_product_index img{}
.block_product_index h3{
    margin: 0px;
    border: 1px solid #0070e1;
    text-align: center;
    text-align: center;
    padding: 5px;
}
.block_product_index h3 span{
    /* display: block; */
    background: #fff;
    max-width: 90%;
    padding: 5px 15px;
    margin-top: -5px;
    /* float: left; */
    font-weight: normal;
    font-size: 16px;
}
.block_product_index:nth-child(3n+3){margin-right:0px}


/* end news*/

.block-content{ width:100%; float:left;/* padding-top: 16px; *//* margin-bottom: 10px; */}
.products-item{ float:left;margin-bottom: 30px;width: 282px;/* max-width: 205px; */margin-right: 19px;/* border: 1px solid #cfcfcf; *//* padding: 5px; *//* box-shadow: 3px 3px 1px  #cdcdcd; */position: relative;}
.name-block{padding: 5px;height: 44px;/* position: relative; *//* opacity: 0; */width: 100%;bottom: 8px;color: #0A0A0A;box-sizing: border-box;/* left: 6px; */text-align: center;font-weight: bold;overflow: hidden;/* border: 1px solid #000; */}
.view_hidden{ display:none;width: 950px;height: 350px;}
.view_hidden > img{float:left;margin-right:15px;}
 .view_hidden .addthis_button_google_plusone{margin-top:-12px !important}
.description_sp{ font-weight:normal;display: block;/* padding-bottom: 12px; */height: 24px;overflow: hidden;display: block;float: left;}
.products-item:hover .name-block{ opacity:1}
.products-item:nth-child(2n+4){margin-right:0px;}
.btn-addcart{ position:absolute;right: 5px;cursor: pointer;}

.products-item:hover  .q-more{opacity:1;width: 35px;height: 35px;right: 102px;}
.name-block .q-more{ position:absolute; top:0px;right: 0px;border: 1px solid rgba(255, 255, 255, 0.68);top: 100px;padding: 5px;z-index: 99;width: 10px;height: 10px;opacity: 0;transition: all 0.6s;/* border-radius: 100%; */box-sizing: border-box;}
.name-block .q-more img{margin-top:5px}
.products-item:hover  .q-view{opacity:1;width: 35px;height: 35px;left: 86px;}
.name-block .q-view{ position:absolute; top:0px; left:0px;border: 1px solid rgba(255, 255, 255, 0.68);top: 100px;padding: 5px;z-index: 99;width: 10px;height: 10px;opacity: 0;transition: all 0.6s;/* border-radius: 100%; */box-sizing: border-box;}
    
.name-block .price-product{font-size: 14px;color: #ed1c24;/* font-family: "roboto"; */margin-top: 17px;/* float: left; *//* margin-left: 12px; */text-align: left;}
.name-block .price-product span{color: #ed1c24;}



.products-item >a{position:relative;display: block;/* background: url(../images/bg_sp.png) top center no-repeat; *//* width: 266px; *//* height: 225px; */}




.products-item > a> img{
    border: 1px solid #cccccc;
    /* max-width: 100%; */
    padding: 3px;
    box-sizing: border-box;
    width: 100%;
}
.products-item h3{
    margin-top: 1px;
    text-align: center;
    font-size: 13px;
    color: #3f3f3f;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 0px;
    /* font-family: 'roboto'; */
     
}
.name-dichvu{ background:url(../images/bg_des_sp.png) bottom center repeat-x;height: 32px; border-radius:10px}
.name-dichvu h3{
    margin-top: 18px;
    color: #f00;
}
.frame_images{ float:left;width: 397px;margin-right: 47px;margin-left: 10px;}
.like-fb{ float:left}
.khung_thongtin{float: left;width: 460px;}
 li.gia_detail{ color:#f00; font-size:15px; font-weight:bold}
  li.gia_detail b{ color:#000;}

.result_video{ width:100%;/* float:left */}
.list-video{width: 235px;padding: 5px;margin: 2px;border: 1px solid #ccc;}

.btn_muahang{background: #52B700; border:none;padding: 8px 14px; text-transform:uppercase; color:#Fff;outline: none;cursor: pointer;display: none;border-radius: 3px;}


.block-register-email{background: #F7F7F7;/* height: 94px; */margin-top: 10px;padding: 15px 0px;box-sizing: border-box;}
.block-register-email-item{ width:800px;margin: 0px auto;}
.block-register-email-item label{ font-weight:bold; font-size:15px;text-transform: uppercase;margin-right: 10px;}
.block-register-email-item input{padding: 8px;width: 530px;background: #fff url(../images/bg_email.png) 4px 5px no-repeat;border: 1px solid #ccc;padding-left: 42px;box-sizing: border-box;}
.block-register-email-item button{ background:#0094dd; border:none; color:#fff;padding: 9px 20px;border-radius: 3px;outline: none;cursor: pointer;}

.block-footer{/* padding:10px; */color: #fff;padding-top: 20px;padding-bottom: 10px;min-width: 1200px;}

.copyright{background: #0054a8; color:#fff; padding:5px 0px}



.list-social{
    /* margin-top: 10px; */
}
.list-social h3{
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    margin: 0px;
    margin-bottom: 10px;
}
.block-conntent-footer{ float: left;width: 1200px;}

.block-footer-data{ float:left;width: 567px;margin-right: 20px;}


.register-email{
    float: LEFT;
    width: 300px;
    /* margin-left: 41px; */
    margin-top: 0pc;
    background: #870101;
    padding: 5px;
}
.register-email span{
    display: block;
    margin-bottom: 6px;
}
.register-email input{
    border: navajowhite;
    padding: 7px 5px;
    float: LEFT;
    width: 241px;
    outline: none;
    margin-bottom: 6px;
}
.register-email button{
    background: #e4b500;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    padding: 7px 10px;
    outline: none;
}
/* css news bottom*/
.block-news-bottom{
    width: 370px;
    float: left;
}
.block-news-bottom h2{
    margin: 0px;
    background: url(../images/bg_title_bottom.png) left center no-repeat;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    width: 285px;
    font-weight: normal;
    margin-bottom: 10px;
    /* padding-left: 76px; */
}
.block-news-bottom ul{}
.block-news-bottom ul li{
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 8px 0px;
}
.block-news-bottom ul li:last-child{ border:none}
.block-news-bottom ul li a{}
.block-news-bottom ul li a h3{
    /* float: LEFT; */
    font-size: 12px;
    margin: 0px;
    color: #404040;
    text-transform: uppercase;
}
.block-news-bottom ul img{
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
    padding: 2px;
}

.btn_view_more{ float:right; font-weight:normal;color: #fff;padding: 3px 10px;margin-top: 0px;background: url(../images/bg_view_more.png) top center no-repeat;padding: 4px 39px;padding-right: 58px;position: absolute;right: 76px;bottom: -18px;}

/*end css news*/
/* css video cclip */

.block-video-bottom{
    float: left;
    width: 391px;
    margin: 0px 34px;
    position: relative;
}
.block-video-bottom h2{
    margin: 0px;
    background: url(../images/bg_title_bottom.png) top center no-repeat;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    margin-bottom: 19px;
    /* padding-left: 76px; */
}
.block-video-bottom img{
    border: 1px solid #ccc;
    padding: 3px;
    border-radius: 5px;
    box-sizing: border-box;
}

.block-video-bottom  .btn_view_video{width: 60px; transition:all 0.3s; height: 60px;background: url(../images/bg_view_video.png) top center no-repeat; position:absolute;top: 41%; z-index:999;left: 45%;cursor: pointer;opacity: 0.5;}
.block-video-bottom:hover .btn_view_video{ opacity:1}


.block-counter-footer{ float:left;min-width: 169px;margin-left: 0px;margin-left: 26px;/* width: 261px; */margin-right: 31px;}
h3.title_footer{margin: 0px;text-transform: uppercase;margin-bottom: 10px;padding-left: 0px;font-family: 'Roboto Condensed';font-size: 16px;font-weight: normal;border-bottom: 1px solid #fff;background: url(../images/arrow_f.png)left 4px no-repeat;padding-bottom: 6px;padding-left: 15px;max-width: 321px;}
ul.list-counter-footer{ }
ul.list-counter-footer li{ }


.border-email{ border:1px dashed #c35858; float:left;  padding:5px}

.block_tag{margin-top:15px; float:left}
.block_tag span{ float:left;margin-right:5px}
.block_tag a{background:#fff;padding: 3px 4px; margin-bottom:5px; float:left; margin-right:5px;color: #000;}
.block_tag a:hover{color: #B40101;}

.list-suport-online{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    float: left;
    
}
.list-suport-online li{
    float: left;
    width: 70px;
}
.list-suport-online img{
    /* float: left; */
}
.list-suport-online span{
    display: block;
    float: left;
    width: 100%;
}



.block-list-footer{ float:left;margin-left: 20px;width: 382px;}
.block-list-footer li{ display:inline-block;width: 184px;}
.block-list-footer li a{
    color: #fff;
    font-size: 14px;
}

.list-counter li{ display:inline-block}


.logo_footer{ float:left;margin-top: -63px;margin-right: 10px;}
.block-thong-ke{ float:left;width: 100%;text-align: right;}
.block-thong-ke .copyright{ float:left}


.facebook{ float:left; width:300px}
.line-copright{ background:#006597; color:#fff;padding: 9px;}
.list-counter{ display:inline-block}
.list-counter{ float:right; display:inline-block}
.list-counter li {display:inline-block;/* margin-right:10px; *//* border-right:1px solid #ccc; */ line-height: 15px;padding: 5px 10px;/* width: 100%; */box-sizing: border-box;}
.list-counter li img{
    float: left;
    margin-right: 10px;
}
.list-counter li span{
    font-size: 14px;
    /* font-weight: bold; */
}
.list-counter li:last-child{ border:none;}

.block-slider1{ float:left;width: 1200px;/* border:1px solid #ccc; */margin:10px 0px;/* height: 250px; *//* margin-right: 42px; */}
.block-slider1 img{/* width: 343px; *//* height: 246px; */}
.block-slider1 .item{ position:relative; margin:0px 10px;}
.block-slider1 .item h2{/* position:absolute; */bottom: 3px;/* background: rgba(0, 153, 228, 0.54); */ width:100%;margin: 0;padding: 10px;opacity: 1;box-sizing: border-box;color: #000;font-size: 40px;font-weight: normal;transition: all 0.5s;font-family: 'UTM Yen Tu';}
.block-slider1 .item:hover h2{ opacity:1}

.list-register li img{margin-top: 0px;margin-left: 10px;}

.list-register{ max-width:800px; margin:0px auto}
.list-register li{
    margin-bottom: 5px;
    float: left;
    width: 800px;
}
.list-register label{
    width: 125px;
    font-weight: normal;
    display: block;
    float: left;
    font-size: 14px;
}
.list-register input{
    width: 51%;
    padding: 5px;
    border: 1px solid #ccc;
}
.list-register span{
    /* display: block; */
    font-size: 12px;
    /* text-align: center; */
    /* float: right; */
    color: #f00;
}

.list-register input#captchat{max-width: 298px;float: left;}
.list-register button{max-width: 298px;background: #020202;outline: none;border: none;color: #fff;padding: 5px 17px;text-transform: uppercase;}



#dangnhap{ display:none}
#dangnhap h2{
    background: #1FA508;
    font-size: 17px;
    padding: 6px;
    margin: 0px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}
#dangnhap tr td{ padding:0px}
#dangnhap input{
    width: 100%;
    border: 1px solid #ccc;
    margin: 0px;
    margin-bottom: 5px;
    min-width: 320px;
    padding: 7px;
    box-sizing: border-box;
}
#dangnhap button{
    background: #0EA71B;
    border: none;
    padding: 7px 10px;
    color: #fff;
    text-transform: uppercase;
}


.table_donhang{}

.table_donhang tr.title-donhang{
    background: #57C201;
    color: #fff;
    text-align: center;
    border: 1px solid #FFF;
}
.table_donhang tr{}
.table_donhang tr td{} 
.block-about .block-news:nth-child(2n+1){
    clear: both !important;
}

.hotline-fix {
    bottom: 0px !important;
    left: 0px !important;
    right: auto !important;
}