/*===== Reset CSS =====*/
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
    transform: none;
}*/

@font-face {
    font-family: Roboto-Regular;
    src: url('fonts/Roboto-Regular.ttf')
}

@font-face {
    font-family: Roboto-Bold;
    src: url('font/font_roboto_bold/RobotoBold.ttf')
}


body {
    font-family: Roboto-Regular !important;
}

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

blockquote, q {
    quotes: none;
}

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

caption, th { 
    text-align: left; 
}
fieldset { 
    border: 0; 
}
ol, ul { 
    list-style: none; 
}
textarea {
    resize: none;
}
img{
    max-width: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
} 
/*===== End Reset CSS =====*/

a,img,li, span{
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
    -o-transition: all ease .6s;
    transition: all ease .6s;  
}
a:hover, a:focus{
    color: #2f83ff;
    text-decoration: none;
}

/*===== Fonts =====*/
@font-face {
    font-family:'RobotoRegular';
    src: url('font/font_roboto_regular/RobotoRegular.eot');
    src: url('font/font_roboto_regular/RobotoRegular.eot?#iefix'), /* IE4+ */
         url('font/font_roboto_regular/RobotoRegular.woff') format('woff'),
         url('font/font_roboto_regular/RobotoRegular.ttf') format('truetype'), /* font chuan */
         url('font/font_roboto_regular/RobotoRegular.svg#vni-courinormal') format('svg'); /* iphone, ipad*/
}
body,a,span,h1,h2,h3,h4,h5,h6 {
    font-family:RobotoRegular !important; 
}
/*===== End-Fonts =====*/

/*===== Body =====*/
.container-site {
    width: 100%;
}
/*===== End - Body =====*/
.col-md-6.col-sm-6:after,header.header_main:after,.header_top:after,ul.nav-menu:after,.header_top_right:after,.header_top_content:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
/*===== Header =====*/
header.header_main {
    float: none;
    width: 1170px;
    margin: 0px auto;
    max-width: 100%;
    padding: 0px 10px;
}
.header_top_content {
    width: 1170px;
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 10px;
}
.header_top_left {
    width: 40%;
    float: left;
    color: #dadada;
    font-size: 14px;
    padding: 6px 0;
    position: relative;
    padding-left: 10px;
}
.header_top_left:before {
    content: "\f041";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0px;
    top: 10px;
}
.header_top_left span {
    padding-left: 5px;
    vertical-align: middle;
 }
.header_top_right {
    float: right;
    width: 43%;
}
.ul-language img {
    width: 26px;
}
.header_top {
    background: #002768;
}
.banner {
    margin: 0px;
    transition: all ease .5s;
    width: 16%;
}
.banner  img.img-logo {
    width: 100%;
    height: auto;
}
.input-text {
    width: 100%;
    background: none;
    border: none;
    border-left: 1px solid #8f8e8e;
    padding: 0 10px;
    height: 34px;
    font-size: 13px;
    color: #fff;
}
ul.body-social li a span {
    display: none;
}
ul.body-social li:nth-child(1) a:before  {
    content: "\f09a";
    font: normal normal normal 14px/1 FontAwesome;
    color: white;
    font-size: 14px;
}
ul.body-social li:nth-child(2) a:before {
        content: "\f099";
    font: normal normal normal 14px/1 FontAwesome;
    color: white;
    font-size: 14px;
}
ul.body-social li:nth-child(3) a:before {
    content: "\f167";
    font: normal normal normal 14px/1 FontAwesome;
    color: white;
    font-size: 14px;
}
ul.body-social li:nth-child(4)  {
    display: none;
}
ul.body-social li:nth-child(5) a:before {
    content: "\f0d5";
    font: normal normal normal 14px/1 FontAwesome;
    color: white;
    font-size: 14px;
}
ul.body-social li:nth-child(6) {
    display: none;
}
.box-social-network {
    width: 32%;
    height: auto;
    z-index: 999;
    position: relative;
    float: left;
}
ul.menu-top li {
    padding: 5px 0px;
    float: left;
}
ul.menu-top li a {
    font-size: 14px;
    color: white;
    position: relative;
    padding-left: 16px;
}

ul.menu-top li a:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0px;
    top: 3px;
}
ul.body-social li {
    border-right: 1px solid #134490;
}
.box-social-network ul.body-social li {
    padding: 5px 13px;
    float: left;
}
.input-text {
    width: 100%;
    background: none;
    border: none;
    border-left: 1px solid #8f8e8e;
    padding: 0 10px;
    outline-style: none;
}
/*===== End Header =====*/

/*===== Menu =====*/
.nav-main {
    width: 100%;
    background: none;
    float: right;
}
ul.nav-menu {
    float: right;
    width: auto;
    height: auto;
}
ul.nav-menu li {
    padding: 0px 4px;
}
ul.nav-menu li.active a {
    background: none;
    border-top: none;
    color: #6e6f71;
    line-height: unset;
}
ul.nav-menu li a {
    font-weight:normal;
    height: auto;
    line-height: unset;
    color: #6e6f71;
    padding: 0;
    font-size: 13px;
    position: relative;
}
ul.nav-menu li a:before{
    content: "";
    position: absolute;
    bottom: 3px;
    transform: scaleX(0);
    width: 100%;
    height: 2px;
    background: #030162;
    transition: all ease .5s;
}
ul.nav-menu > li > a:hover:before{
    transform: scaleX(1);
}
ul.nav-menu > li > ul > li > a:hover {
    color: #d90128;
}
ul.nav-menu li:hover a {
    background: #ffffff;
    border-top:none;
    color: #6e6f71;
    line-height: unset;
}
ul.nav-menu li:last-child{
    padding:0 0 0 13px;
}
ul.nav-menu > li:hover > ul.sub-menu {
    background: #f1f1f1;
    opacity: 1;
    visibility: visible;
    top: 42px;
    width: 300px;
}
ul.nav-menu > li > ul.sub-menu > li > ul {
    background: #f1f1f1;
    /* opacity: 1; */
    visibility: visible;
    top: 42px;
    width: 320px;
    left: 310px;
    display: none;
    opacity: 1;
}
ul.nav-menu > li > ul.sub-menu > li > ul:before {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #f1f1f1;
    left: -19px;
    top: -1px !important;

}
ul.nav-menu > li > ul.sub-menu > li:hover > ul {
left: 306px;
    display: block;
    top: 21px;
}
ul.nav-menu > li > ul.sub-menu > li > ul {
    
}

ul.nav-menu > li > ul > li{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #ccc;
    padding-right: 0px !important;
    padding-left: 5px !important;
}
ul.nav-menu > li > ul > li:last-child{
    border-bottom:0px; 
}
ul.nav-menu > li > ul > li:before {
    content: "\f0da";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    top: 18px;
    left: 15px;
}
ul.nav-menu li ul.sub-menu {
    display: block;
}
ul.nav-menu li ul.sub-menu{
    width: 230px;
    width: 300px;
    height: auto;
    position: absolute;
    background: #ffffff;
    top: 40px;
    left: -1px;
    display: block;
    z-index: 9999;
    padding: 0px;
    border: 1px solid #dfdfdf;
    border-top: 0px;
    float: left;
}
ul.nav-menu li ul.sub-menu:before{
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f1f1f1;
    top: -17px !important;
    left: 6px;
    z-index: 1;
}
/*===== End Menu =====*/
/*=====nav-menu=====*/
.nav-menu-content {
    width: 79%;
    float: right;
    background: transparent;
    padding: 27px 0px;
}
.nav-menu {
    float: left;
    width: 100%;
    background: transparent;
}
.content-navmain {
    width: 100%;
    height: 40px;
    background: transparent;
    padding: 0px;
    float: none;
    clear: both;
}
.nav-main {
/*    background: url(images/bg_title.png) repeat-x left top #fff;
    border-bottom: 1px solid #dfdfdf;*/
}
.nav-main ul li a {
    color: black;
}
.box-library-list {
    background-color: #fff;
    border: none;
    clear: none;
    cursor: default;
    float: left;
    padding: 10px;
    margin-top: 10px;
    margin-right: 0px;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    float: left;
}
a.fancybox.fancybox-buttons {
    display: block;
    border: 1px solid;
}
a.fancybox.fancybox-buttons img {
    width: 100%;
    height: auto;
    clear: both;
}
.box-library-list:hover {
    background-color: #fff;
    border: transparent;
}
.box-library-list a:first-child:hover {
    border: 1px solid;
}
a.txt-name {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px;
    float: left;
    text-align: center;
    width: 100%;
}
.box-library p a {
    display: block;
    float: left;
    width: 32%;
    margin-right: 17px;
}
.box-library > p {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 20px;
}
.box-library p a:last-child {
    margin-right: 0px;
}
ul.nav-menu {
    width: 100%;
    height: auto;
    float: none;
    margin: 0px auto;
}
div#myElement ul li:first-child {
    float: left;
    width: 100%;
    clear: both;
}
div#myElement ul li:first-child ~ li {
    float: left;
    width: 33%;
    padding: 5px;
}
div#myElement ul li:first-child  iframe {
    width: 100% !important;
    height: 400px;
    border: none;
}
.box-marque {
    display: none;
}
ul.nav-menu li.active a {
    background: transparent;
    border-top: none;
    color: #030162;
    line-height: 40px;
    font-weight: bold;
}
ul.nav-menu li:hover a {
    background: transparent;
    border-top: none;
    color: #002768;
    line-height: 40px;
    font-weight: bold;
}
 .box-pro-sale ul.body-pro {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px;
    background: #f7f8fa;
}
ul.nav-menu li a {
    font-family: Roboto-Bold !important;
    float: left;
    height: 40px;
    line-height: 40px;
    color: black;
    margin: 0;
    padding: 0px;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    width: auto;
    font-size: 13px;
    border-right: none;
    font-weight: bold !important;
}
ul.nav-menu li:last-child > a {
    padding:0px ;
}
ul.nav-menu li > ul > li> a {
    padding: 0 19px !important;
}
.nav-main {
    padding:0px;
}
/*=====end-nav-menu=====*/
/*=====Slider=====*/
.slider {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
    box-shadow: 0px 14px 27px #ccc;
}
.slider .content-slider {
/*    width: 1170px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0px 10px;*/
}
.slider .content-slider-left {
    width: 100%;
    float: right;
}
.slider .content-slider-right {
    width: 23%;
    float: left;
}
.slider .owl-carousel  .owl-item{
    width: 936px;
    height: auto;
    overflow: hidden;
}
.slider .owl-theme .owl-controls .owl-page {
    display: none !important;
}
.slider .content-slider-right img {
    width: 100%;
    height: auto;
}
.slider .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 14px;
    -webkit-border-radius: initial !important;
    -moz-border-radius: initial !important;
    border-radius: initial !important;
    background: #002768;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}
.slider .owl-theme .owl-controls .owl-buttons .owl-next {
    background-position: center center;
    right: -5px;
    position: absolute;
    top: 230px;
    display: block;
    font-size: 22px;
    width: 40px;
    height: 40px;
}
.slider .owl-theme .owl-controls .owl-buttons .owl-next:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 34px;
    line-height: 34px;
    color: white;
}
.slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: center center;
    left: 0;
    position: absolute;
    top: 22px;
    display: block;
    font-size: 16px;
    background-position: center center;
    left: -5px;
    position: absolute;
    top: 230px;
    display: block;
    font-size: 22px;
    width: 40px;
    height: 40px;
}
.slider .owl-theme .owl-controls .owl-buttons .owl-prev:before {
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 34px;
    line-height: 34px;
    color: white;
}
/*=====Ensd-Slider=====*/
/*=====Main-content=====*/

div#col-bottom-left {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.col-bootom-left {
    width: 1170px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0px 10px;
}
.box-product-hot, .box-product-motion {
    margin-top: 0px;
}
.body-container {
    padding-top: 0px;
}
.box-about-us {
    float: left;
    width: 33.3333333%;
    padding-right: 10px;
}
.box-news-home {
    width: 33.3333333%;
    float: left;
    padding: 0px 16px;
}
/*=====End-Main-content=====*/
/*=====Tin noi bat=====*/
.new-pro {
float: left;
    width: 100%;
    background: url("images/tinnoibat.png") no-repeat;
    margin-top: 50px;
	background-size: 100% 100%;
}
.new-pro-content {
    width: 1170px;
    margin: 0px auto;
    padding: 30px 10px;
    max-width: 100%;
}
.new-pro .box-news-priority .header {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    color: #043079;
    font-family: Roboto-Bold !important;
}
.box-news-priority ul.body-news li.item-list {
    float: left;
    padding: 10px;
}
.box-news-priority ul.body-news li.item-list a.link-view {
    display: block;
    font-family: Roboto-Bold !important;
    float: left;
    padding: 10px;
    text-align: left;
    color: black;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.box-news-priority ul.body-news li.item-list a.img-view  img {
    width: 100%;
    height: auto;
}
.box-news-priority ul.body-news li.item-list a.img-view {
    display: block;
    float: left;
    width: 100%;
    height: 160px;
    overflow: hidden;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: center center;
    left: 0;
    position: absolute;
    top: 22px;
    display: block;
    font-size: 16px;
    display: none;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    background-position: center center;
    right: 0;
    position: absolute;
    top: 22px;
    display: none;
    font-size: 16px;
}
/*=====End tinnoi bat=====*/
/*===== Product-sale =====*/
ul.product-list-promo {
/*    width: auto;
    margin-left: -11px;
    margin-right: -11px;*/
}
 .box-support .header, .box-adv-left .header, .box-online-visit .header, .box-fillter-attributes .header {
    border-left: 0;
    color: #2c2c2c;
    padding-left: 0;
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background: #f7971e;
    padding-left: 10px;
    color: white;
}
.box-top-video .header {
    border-left: 0;
    color: #2c2c2c;
    padding-left: 0;
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent;
    padding-left: 10px;
    color: #043079;
    font-size: 17px;
}
.box-top-video .header:before {
    content: "";
    position: absolute;
    width: 84%;
    height: 1px;
    background: #555;
    bottom: 15px;
    left: 61px;
}
.box-pro-sale .header,.box-product-new .header {
    background: none;
    border-left: 0;
    color: #2c2c2c;
    padding-left: 0;
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;   
}
.col-bootom-left .box-product-new .header:after {
    content: "";
    width: 78%;
    background: #ddd;
    height: 1px;
    float: left;
    position: absolute;
    z-index: 1;
    font-family: "Roboto";
    background: url(images/line-home.png) repeat-x right center transparent;
    padding-left: 29px;
    left: 120px;
    top: 13px;
    display: block;
    height: 17px;
}
.box-product-hot ul.body-pro, .box-product-motion ul.body-pro {
    width: 100%;
    height: auto;
    float: left;
}
.box-product-motion ul.body-pro li {
/*    width: 25%;*/
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
    text-align: right;
    overflow: hidden;
}
.box-product-motion ul.body-pro li .frame-box {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.frame-box {
    position: relative;
}
.box-product-motion ul.body-pro li .frame-box {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
}
.frame-box {
    position: relative;
}
.box-product-motion ul.body-pro li .frame-box {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
}
.frame-box {
    position: relative;
}
.box-product-motion ul.body-pro li .frame-img img {
    width: 100%;
    height: auto;
/*    object-fit: scale-down;*/
    transition: all ease .5s;
}
/*.box-product-motion ul.body-pro li .frame-img:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}*/
.box-product-motion ul.body-pro .pro-name {
    width: 100%;
    height: 35px;
    text-align: center;
    font-size: 14px;
    display: table;
    position: relative;
    text-decoration: none;
    float: left;
    text-transform: uppercase;
    color: #282828;
    font-weight: bold !important;
    border-bottom: 1px solid #282828;
    margin-bottom: 10px;
    margin-top: 15px;
}
.box-product-motion  .txt-code {
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
}
.box-product-motion ul.body-pro .pro-name span {
    font-weight: bold;
}
.price {
    clear: left;
    text-align: left !important;
    float: left !important;
    width: 50% !important;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
/*    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;*/
}
.box-product-motion ul.body-pro .price-new {
    line-height: 24px;
    font-size: 15px;
    text-align: center;
    color: #373435 !important;
    background-position: center 22px;
    padding-bottom: 4px;
    font-weight: bold;
    text-align: left;
    float: left;
    width: 52%;
}
.price-new span {
    font-weight: bold;
}
.box-product-motion ul.body-pro li .frame-content, .box-product-motion ul.body-pro li .link-views {
    display: none;
}
.box-product-motion ul.body-pro li .frame-img {
    width: 100%;
    height: 201px;
    text-align: left;
    padding: 0px;
    display: block;
    float: none;
    position: relative;
}
.box-product-motion ul.body-pro li .frame-img:before{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-top: 1px solid #f2b134;
    border-bottom: 1px solid #f2b134;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.box-product-motion ul.body-pro li:hover  .frame-img:before{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.box-product-motion ul.body-pro li .frame-img:after{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-right: 1px solid #f2b134;
    border-left: 1px solid #f2b134;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.box-product-motion ul.body-pro li:hover .frame-img:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.box-product-motion ul.body-pro .link-order {
    padding: 8px 32px;
    background: #444444;
    color: white;
    border-radius: 2px;
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
}
.box-product-motion ul.body-pro li .link-view-short {
    display: none;
}
.box-product-motion ul.body-pro li .frame-content, .box-product-motion ul.body-pro li .link-views {
    display: none;
}
.frame-percent {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 50%;
    background: #f2b134;
    color: white;
    z-index: 999;
    border: 1px solid #f2b134;
}
.box-product-motion ul.body-pro li:hover .link-order, .box-product-motion ul.body-pro li:hover .link-view-short {
/*    background: #d90128 !important;*/
}
.box-product-motion ul.body-pro li:hover .link-order, .box-product-motion ul.body-pro li:hover .link-view-short {
/*    background: #dec87c!important;*/
}
.box-product-motion ul.body-pro li .link-order:hover {
    background: #f2b134 !important;
}
.box-product-motion ul.body-pro li {
    overflow: hidden;
}
.box-product-motion ul.body-pro li {
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
}
.box-product-motion ul.body-pro li h3 {
    font-weight: bold;
}
.box-product-motion ul.body-pro li h3:hover {
    color: #f2b134 !important;
    font-weight:bold;
}
.price span {
    font-size: 14px;
    text-decoration: line-through;
    color: #6e6f71;
}
.col-bootom-left .box-product-new:nth-child(3) .header {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    border: none;
    font-size: 15px;
    font-weight: bold;
    padding-left: 0px;
}
ul.sub-menu >li > a.active {
    display: none;
}

.col-bootom-left .box-product-new:nth-child(3) .header:after {
    content: "";
    width: 89%;
    background: #ddd;
    height: 1px;
    float: left;
    position: absolute;
    z-index: 1;
    font-family: "Roboto";
    background: url(images/bg_title.png) repeat-x right center transparent;
    padding-left: 29px;
    left: 117px;
    top: 21px;
    display: block;
}
.box-product-new .owl-theme .owl-controls .owl-buttons .owl-next {
    background-position: center center;
    position: absolute;
    border-radius: inherit;
    top: -42px;
    right: 0px;
    font-size: 22px !important;
    bottom: auto;
    margin-top: 0px;
    line-height: 14px;
    height: 25px;
    width: 28px;
    text-shadow: none;
    text-align: center;
    font-family: "Roboto";
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #000;
    opacity: 1;
    filter: alpha(opacity=100);
}
.box-product-new .owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: center center;
    position: absolute;
    display: block;
    right: 28px;
    font-size: 16px;
    border-radius: inherit;
    top: -42px;
    left: auto;
    bottom: auto;
    margin-top: 0px;
    font-size: 25px;
    line-height: 14px;
    height: 25px;
    width: 28px;
    font-size: 22px !important;
    text-shadow: none;
    text-align: center;
    font-family: "Roboto";
    background: #fff;
    border: 1px solid #ddd;
    color: #000;
    opacity: 1;
    filter: alpha(opacity=100);
}
.box-adv-left .owl-theme .owl-controls .owl-buttons .owl-next:hover, .box-adv-left .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .box-adv-center .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .box-adv-center .owl-theme .owl-controls .owl-buttons .owl-next:hover, .box-product-new .owl-theme .owl-controls .owl-buttons .owl-prev:hover,.box-product-new .owl-theme .owl-controls .owl-buttons .owl-next:hover {
    background: #ee9b11 !important;
    color: white;
    border: none;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
/*===== End-Product-sale =====*/
/*===== Product-new =====*/
div#col-bottom-left .box-product-new ul.product-list {
    margin-top: 0px;
}
div#col-bottom-left .box-product-new ul.product-list li {
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
    text-align: right;
    overflow: hidden;
    width: 100%;
}
div#col-bottom-left .box-product-new ul.product-list li .frame-box {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
div#col-bottom-left .box-product-new ul.product-list li .frame-box {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
}
div#col-bottom-left .box-product-new ul.product-list li .frame-box {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
}
div#col-bottom-left .box-product-new ul.product-list li .frame-img img {
    width: 100%;
    height: auto;
    transition: all ease .5s;
}
div#col-bottom-left .box-product-new ul.product-list .pro-name {
    width: 100%;
    height: 35px;
    text-align: center;
    font-size: 14px;
    display: table;
    position: relative;
    text-decoration: none;
    float: left;
    text-transform: uppercase;
    color: #282828;
    font-weight: bold !important;
    border-bottom: 1px solid #282828;
    margin-bottom: 10px;
    margin-top: 15px;
}
div#col-bottom-left .box-product-new ul.product-list .pro-name span {
    font-weight: bold;
}
div#col-bottom-left .box-product-new  .price {
    clear: left !important;
    text-align: left !important;
    float: left !important;
    width: 50% !important;
}
div#col-bottom-left .box-product-new ul.product-list li h3 {
    font-weight: bold;
}
div#col-bottom-left .box-product-new ul.product-list li h3:hover {
    color: #f2b134 !important
}
div#col-bottom-left .box-product-new ul.product-list .price-new {
    line-height: 24px;
    font-size: 15px;
    text-align: center;
    color: #373435 !important;
    background-position: center 22px;
    padding-bottom: 4px;
    font-weight: bold;
    text-align: left;
    float: left;
    width: 57%;
}
.price-new span {
    font-weight: bold;
}
div#col-bottom-left .box-product-new ul.product-list .link-order {
    padding: 8px 28px;
    background: #444444;
    color: white;
    border-radius: 2px;
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
}
div#col-bottom-left .box-product-new ul.product-list li .link-view-short {
    display: none;
}
div#col-bottom-left .box-product-new ul.product-list li .frame-content, .box-product-motion ul.body-pro li .link-views {
    display: none;
}
.frame-percent {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 50%;
    background: #f2b134;
    color: white;
    z-index: 999;
    border: 1px solid #f2b134;
}

div#col-bottom-left .box-product-new ul.product-list li .link-order:hover {
    background: #f7971e !important;
}
div#col-bottom-left .box-product-new ul.product-list li {
    overflow: hidden;
}
div#col-bottom-left .box-product-new ul.product-list li {
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
    width: 25%
}
.price span {
    font-size: 14px;
    text-decoration: line-through;
    color: #6e6f71;
}
.box-product-new .header {

}
div#col-bottom-left .box-product-new li:hover {
    box-shadow:none;
    position: relative;
} 
.txt-code {
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    margin: 10px 0px;
}
ul.product-list li .frame-img {
    width: 100%;
    height: 305px;
    text-align: left;
    padding: 0px;
    display: block;
    float: none;
    position: relative;
    overflow: hidden;
    padding: 20px;
}
.col-bootom-left .box-product-new:nth-child(3) .frame-img {
    position: relative;
}
.col-bootom-left .box-product-new:nth-child(3) .frame-img:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-right: 1px solid #f7971e;
    border-left: 1px solid #f7971e;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.col-bootom-left .box-product-new:nth-child(3) .frame-img:before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-top: 1px solid #f7971e;
    border-bottom: 1px solid #f7971e;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.col-bootom-left .box-product-new:nth-child(3) .txt-code {
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
}
.col-bootom-left .box-product-new:nth-child(3) li:hover .frame-img:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.col-bootom-left .box-product-new:nth-child(3) li:hover .frame-img:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*===== End-Product-new =====*/
/*===== Menu-left =====*/
.box-menu-left .header {
    background: transparent;
    border-left: none;
    font-size: 15px;
    color: #043079;
    text-transform: uppercase;
    padding-left: 0px;
}
.box-menu-left {
    width: 100%;
    height: auto;
    margin-top: 0px;
    float: left;
}
ul.menu-left-view {
    background: #f7f8fa;
}
.menu-left-view li {
    position: relative;
    padding: 11.1px 0;
    cursor: pointer;
    border-bottom: rgba(199, 199, 199, 0.34) thin solid;
    background: #f7f8fa;
}
.menu-left-view li a.link-menu-left {
    color: #2c2c2c;
    font-size: 11px;
    padding-left: 10px;
    position: relative;
    font-weight: bold;
}

.menu-left-view li:after {
    content: "\f0da";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    top: 15px;
    right: 15px;
}
ul.sub-menu li a{
    padding-left:30px;
    height: auto;
    line-height: unset;
    float: none;
}
ul#nav-main-menu li ul.sub-menu li a:hover {
    background: none !important;
    border: none;
}
ul#menu_left li ul.sub-menu li a:hover {
    background: none !important;
    border: none;
    line-height:unset;
}
ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all ease .5s;
    top: 0;
    width: 100%;
    right: -361px;
    background: #f7f8fa;
    z-index: 999;
}
ul.sub-menu:before{
    position:absolute;
    content:"";
    width:0px;
    height:0px;
    border-bottom:10px solid transparent;
    border-top:10px solid transparent;
    border-right:10px solid #f7f8fa;
    top:6px;
    left: -9px;
    z-index: 1;
}
.menu-left-view li:hover ul.sub-menu{
    opacity: 1;
    right: -237px;
    visibility: visible;
    z-index: 999;
}
.menu-left-view li a.link-menu-left:hover {
    color: #043079;
    padding-left: 20px;

}
.menu-left-view li:hover:after {
    color: #043079;
}
/*===== End - Menu-left =====*/

/*===== Product-inerpage =====*/
.body-container .col-mid .cate-header {
    border-bottom: none;
    float: left;
    height: 36px;
    margin-top: 0px !important;
    width: 100%;
}
.col-bootom-left .box-pro-home ul.product-list li {
    width: 25%;
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
    text-align: right;
    overflow: hidden;
}
.col-bootom-left .box-pro-home ul.product-list li .frame-box {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.col-bootom-left .box-pro-home ul.product-list li .frame-img img {
    width: 100%;
    height: auto;
    transition: all ease .5s;
}
.col-bootom-left .box-pro-home ul.product-list li .pro-name {
    width: 100%;
    height: 35px;
    text-align: center;
    font-size: 14px;
    display: table;
    position: relative;
    text-decoration: none;
    float: left;
    text-transform: uppercase;
    color: #282828;
    font-weight: bold !important;
    border-bottom: 1px solid #282828;
    margin-bottom: 20px;
    margin-top: 15px;
}
.col-bootom-left .box-pro-home ul.product-list li .pro-name span h3 {
    font-weight: bold;
}
.col-bootom-left .box-pro-home ul.product-list li .pro-name span {
    font-weight: bold;
}
.col-bootom-left .box-pro-home ul.product-list li .price-new {
    line-height: 24px;
    font-size: 15px;
    text-align: center;
    color: #373435 !important;
    background-position: center 22px;
    padding-bottom: 4px;
    font-weight: bold;
    text-align: left;
    float: left;
    width: 55%;
}
.col-bootom-left .box-pro-home ul.product-list li .price-new span {
    font-weight: bold;
}
.col-bootom-left .box-pro-home ul.product-list li .link-order {
    display: block;
}
.col-bootom-left .box-pro-home ul.product-list li .frame-img {
    width: 100%;
    height: 207px;
    text-align: left;
    padding: 0px;
    display: block;
    float: none;
    position: relative;
}
.col-bootom-left .box-pro-home ul.product-list li .frame-img:before{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-top: 1px solid #f7971e;
    border-bottom: 1px solid #f7971e;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.col-bootom-left .box-pro-home ul.product-list li:hover  .frame-img:before{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.col-bootom-left .box-pro-home ul.product-list li .frame-img:after{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-right: 1px solid #f7971e;
    border-left: 1px solid #f7971e;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.col-bootom-left .box-pro-home ul.product-list li:hover .frame-img:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.col-bootom-left .box-pro-home ul.product-list li .link-order {
    padding: 8px 32px;
    background: #444;
    color: white;
    border-radius: 2px;
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
}
.col-bootom-left .box-pro-home ul.product-list li .link-view-short {
    display: none;
}
.frame-percent {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 50%;
    background: #f7971e;
    color: white;
    z-index: 999;
    border: 1px solid #f7971e;
}
.col-bootom-left .box-pro-home ul.product-list li .link-order:hover {
    background: #f7971e !important;
}
.col-bootom-left .box-pro-home .box-pro-sub ul.product-list li {
    overflow: hidden;
}
.col-bootom-left .box-pro-home ul.product-list li {
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
    width: 25%;
}
.col-bootom-left .box-pro-home ul.product-list {
    width: auto;
    height: auto;
    margin-top: 20px;
    float: left;
    margin-left: -15px;
    margin-right: -22px; 
}
.price span {
    font-size: 14px;
    text-decoration: line-through;
    color: #6e6f71;
}
.col-bootom-left .box-product-new:nth-child(3) .header {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    border: none;
    font-size: 17px;
    font-weight: bold;
    font-family: Roboto-Bold !important;
    padding-left: 8px;
}

.col-bootom-left .box-product-new:nth-child(3) .header:after {
    content: "";
    width: 87%;
    background: #ddd;
    height: 1px;
    float: left;
    position: absolute;
    z-index: 1;
    background: url(images/bg_title.png) repeat-x right center transparent;
    padding-left: 29px;
    left: 163px;
    top: 22px;
    display: block;
}



.col-bootom-left .box-pro-home .cate-header .txt-name-sub {
    color: #1c1c1c;
    float: left;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    padding-right: 0px;
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    font-weight: bold;
    position: relative;
}
.col-bootom-left .box-pro-home .cate-header .txt-name-sub:after {
    content: "";
    width: 94%;
    background: #ddd;
    height: 1px;
    float: left;
    position: absolute;
    z-index: 1;
    font-family: "Roboto";
    background: url(images/bg_title.png) repeat-x right center transparent;
    padding-left: 29px;
    left: 88px;
    top: 20px;
    display: block;
}
.col-bootom-left .box-pro-home .cate-header .txt-name-sub a {
    font-weight: bold;
    color: #1c1c1c;
}
.col-bootom-left .box-pro-home .cate-header .txt-name-sub span {
    display: none;
}
ul.product-list li:hover {
    box-shadow:none;
    position: relative;
}
/*===== End-Product-homepage =====*/
/*===== New -hompage=====*/
.col-bootom-left .box-news-home .body-news {
    width: 100%;
    height: auto;
    border: none;
    border-top: 0px;
    padding: 0px;
    float: left;
} 
.col-bootom-left .box-news-home .body-news .item-list  {
    width: 100%;
    float: left;
    clear: none;
    padding: 7px 0px 0px 0px;
    margin: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}
.box-news-home .body-news .item-list:last-child {
    margin-bottom: 0px;
    border: none !important;
    padding-top: 15px !important;
}
.col-bootom-left .box-news-home .body-news .item-list >a:first-child {
    display: block;
    width: 30%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}
.col-bootom-left .box-news-home .body-news .item-list> a:first-child:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.col-bootom-left .box-news-home .body-news .item-list> a:first-child+a{
    width: 68%;
    display: block;
    text-align: justify;
    height: 24px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    font-family: Roboto-Bold !important;
}
.col-bootom-left .box-news-home  .body-news img {
    margin-right: 0px;
    margin-top: 0px;
    width: 100%;
    height: auto;
}
.view-container {
    height: 37px;
    overflow: hidden;
    text-align: justify;
    font-size: 14px;
    /* display: none; */
}
.col-bootom-left .box-news-home .header {
    margin-top: 0px;
    background: transparent;
    border: none;
    position: relative;
    padding: 5px 0px;
    text-transform: uppercase;;
}
.col-bootom-left .box-news-home .header a {
    color: #043079;
    font-weight: bold;
    font-size: 17px;
    font-family: Roboto-Bold !important;
}
.col-bootom-left .box-news-home .box-news-list:first-child .header:after{
    content: "";
    width: 83%;
    background: #ddd;
    height: 1px;
    float: left;
    position: absolute;
    z-index: 1;
    font-family: "Roboto";
    background: url(images/bg_title.png) repeat-x right center transparent;
    padding-left: 29px;
    left: 187px;
    top: 20px;
    display: block;
}
.col-bootom-left .box-news-home .box-news-list:last-child .header:after{
    content: "";
    width: 54%;
    background: #555;
    height: 1px;
    float: left;
    position: absolute;
    z-index: 1;
    font-family: "Roboto";
    /* background: url(images/bg_title.png) repeat-x right center transparent; */
    padding-left: 29px;
    left: 160px;
    top: 22px;
    display: block;
}
.col-bootom-left .box-news-home .body-news .news-more a {
    color: #f74d88;
    display: block;
    padding: 0px;
    background: transparent;
    color: #f7971e;
    font-size: 13px;
    border-radius: 5px;
    padding-top: 7px;
}
.col-bootom-left .box-news-home .body-news .news-more a:hover {
    background: transparent;
}
/*===== End-New-home=====*/
/*===== Footer =====*/
ul.menu-footer > li:first-child > ul > li:first-child a {
    display: block;
    padding: 0px;
    padding-right: 56px;
    text-align: left;
}
ul.menu-footer > li> ul > li> a {
    display: block;
    padding: 0px;
    text-align: left;
}
.fa-angle-style {
    color: #fff;
    background:#6e6f71;
    padding: 10px;
    transition: all ease .5s;
    border: 1px solid #6e6f71;
}
.fa-angle-style:hover {
    color: #6e6f71;
    background: #fff;
    border: 1px solid #6e6f71;
}
.footer-col h5 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    padding: 20px 0;
    color: #373435;
}
.f-low-1 h5 {
    color: #da1818;
    text-transform: uppercase;
    font-weight: 600;
    margin: 10px 0;
    line-height: 25px;
}
.f-low-1 {
    padding: 20px 30px;
}
.f-low-2 {
    margin-top: 35px;
}
.footer-col li {
    padding: 5px 0;
}
.footer-col .fa {
    font-size: 30px;
}
.footer-bottom {
    background: #373435;
    color: #fff;
    height: 38px;
    line-height: 38px;
}
footer a, footer p {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
}
footer p{
    color: black;
}
footer a {
    color: white;
}
footer a:hover{
    color: white;
}
.coppyright {
    font-size: 14px;
}
div#topcontrol {
    bottom: 47px !important;
}
.box-footer {
    background: #f7f7f7;
    padding: 0;
    color: #000 !important;
    border-top: none;
    padding-bottom: 0px;
    margin: 0px;
}
.footer-address {
    width: 1170px;
    max-width: 100%;
    margin: 0px auto;
}
.box-footer .footer-address h5  {
    font-size: 14px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 7px 0;
    color: #373435;
    font-weight: bold;
}
.box-social-network .header {
    display: none;

}

ul.links li{
    transition: all ease .5s;
}
ul.links li:hover{
    padding-left: 10px;
}
footer.footer_main {
    float: left;
    width: 100%;
    position: relative;
    border-top: none;
    padding-top: 0px;
    background: transparent;
    margin-top: 50px;
} 
ul.menu-footer {
    width: 1170px;
    max-width: 100%;
    margin: 0px auto;
    padding: 30px 10px 30px 10px;
    position: relative;
}
ul.menu-footer > li {
    float: left;
    width: 19%;
}
ul.menu-footer > li > h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    padding: 10px 0;
    color: white;
    margin-bottom: 10px;
    font-family: Roboto-Bold !important;
}
ul.menu-footer > li > a > h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    padding: 20px 0;
    color: #373435;
}
ul.menu-footer > li > ul > li {
    padding: 5px 0;
}
ul.menu-footer > li > ul > li {
    transition: all ease .5s;
    position: relative;
    padding-left: 14px;
}
ul.menu-footer > li > ul > li:before {
    content: "\f0da";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    top: 8px;
    left: 0px;
    color: white;
}
ul.menu-footer > li:last-child > ul > li:before {
    content: "";
}
ul.menu-footer > li:last-child > ul > li {
    padding-left: 0px;
}
ul.menu-footer > li > ul > li:hover {
    padding-left: 10px;
}
ul.menu-footer li:last-child > h3 {
    position: relative;
}
ul.menu-footer li:last-child > h3:before {
    content: "";
    background: url("images/line.png") no-repeat;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 36px;
}
p.Ban-quyen {
    float: left;
}
p.design-by {
    float: right;
    width: 28%;
    text-align: right;
}
ul.menu-footer:before {
    content: "";
    background: url("images/line.png") no-repeat;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 65px;
}
ul.menu-footer li:nth-child(2) > h3 {
    padding: 18px 0px;
}
ul.menu-footer li:nth-child(3) h3{
    padding: 18px 0px;
	background-size: 100% 100%;
}
ul.menu-footer li:nth-child(4) {
    width: 22%;
}
.menu-fr {
    float: left;
    width: 100%;
    background: url("images/01_Home_fr.png") no-repeat center ;
	background-size: cover;
}

.design {
    clear: both;
    width: 100%;
    background: red;
}
.design-ctent:after,.design:after{
   visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;   
}
.design {
    clear: both;
    width: 100%;
    background: #f7f7f7;
    color: white;
    font-size: 12px;
    padding: 0px;
    margin-top: 0px;
}
.design-ctent {
    width: 1170px;
    max-width: 100%;
    margin: 0px auto;
    padding: 0px;
}
ul.menu-footer:after{
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
/*===== End Footer =====*/
/*===== Face-book =====*/
.box-face {
    width: 22%;
    float: right;
}
div#div-iframe {
    width: 30%;
    position: absolute;
    top: 0px;
    right: 4px;
    margin-top: 10px;
    height: 214px;
    overflow: hidden;
    border: none;
}
iframe {
    border: none;
}
/*===== End- Face-book =====*/
/*===== Inner-Page=====*/
.body-container {
    padding-top: 0px;
    width: 100%;
    float: left;
}   
.content-container {
    width: 1170px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0px 10px;
} 
.body-container .col-left {
    width: 20%;
    height: auto;
    float: left;
}
 .box-pro-sale {
    margin: 0px;
}
 .box-pro-sale {
    margin: 0px;
    margin-top: 10px;
}
 .box-pro-sale ul.body-pro li.item-list  a.img-view {
    display: block;
    float: left;
    width: 34%;
    margin-right: 5px;
    height: auto;
}
 .box-pro-sale ul.body-pro li.item-list h6 {
    float: left;
    width: 63%;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;

}
 .box-pro-sale ul.body-pro li.item-list h6 a.link-view {
    font-weight: bold;
    color: black;
    font-size: 14px;
    text-transform: none;
    width: 100%;
}
 .box-pro-sale  .header, .body-container .col-left .box-pro-sale  .header {
    background: transparent;
    border-left: none;
    font-size: 15px;
    color: #043079;
    text-transform: uppercase;
    padding-left: 0px;
}
 .box-pro-sale ul.body-pro li.item-list {
	padding: 5px 0px;
    border-bottom: 1px dotted #ccc;
}
 .box-pro-sale ul.body-pro a.img-view img {
    width: 100%;
    height: auto;
}
.body-container .col-mid {
    width: 80%;
    height: auto;
    padding-left: 30px;
    float: left;
    margin-top: 10px;
}
/*===== End-Inner-Page=====*/
/*===== Product-inerpage =====*/
.col-mid div#loadFillter .owl-item {
    width: 295px !important;
}
.col-mid ul.product-list li:hover {
    box-shadow: none;
    position: relative;
}
.body-container .col-mid .cate-header {
    border-bottom: none;
    float: left;
    height: 36px;
    margin-top: 0px !important;
    width: 100%;
}
.col-mid .box-pro-sub ul.product-list li {
    width: 100%;
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
    text-align: right;
    overflow: hidden;
}
.col-mid .box-pro-sub ul.product-list li .frame-box {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center;
    /* padding-bottom: 10px; */
    /* padding-left: 10px; */
    padding-right: 10px;
    padding: 20px 35px 0px 35px;
    border: 1px solid #ccc;
}
.col-mid .box-pro-sub ul.product-list li .frame-img img {
    width: 100%;
    height: auto;
    transition: all ease .5s;
}
.col-mid .box-pro-sub ul.product-list li .pro-name {
    width: 100%;
    height: auto;
    font-size: 14px;
    display: block;
    position: relative;
    text-decoration: none;
    float: left;
    color: #282828;
    font-weight: bold !important;
    margin: 0px;
    padding: 20px 0px;
    text-align: center;
}
.col-mid .box-pro-sub ul.product-list li .pro-name span {
    font-weight: bold;
    display: block;
}
.col-mid .box-pro-sub ul.product-list li .pro-name span h3 {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.col-mid .box-pro-sub ul.product-list li .price-new {
    line-height: 24px;
    font-size: 15px;
    text-align: center;
    color: #373435 !important;
    background-position: center 22px;
    padding-bottom: 4px;
    font-weight: bold;
    text-align: left;
    float: left;
    width: 52%;
    display: none;
}
.col-mid .box-pro-sub ul.product-list li .price-new span {
    font-weight: bold;
}
.col-mid .box-pro-sub ul.product-list li .link-order {
    display: block;
}
.col-mid .box-pro-sub ul.product-list li .frame-img {
    width: 100%;
    height: 269px;
    text-align: left;
    padding: 0px;
    display: block;
    float: none;
    position: relative;
    overflow: hidden;
}
.col-mid .box-pro-sub ul.product-list li .frame-img:before{
 /*   position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-top: 1px solid #f7971e;
    border-bottom: 1px solid #f7971e;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);*/
}
.col-mid .box-pro-sub ul.product-list li:hover  .frame-img:before{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.col-mid .box-pro-sub ul.product-list li .frame-img:after{
 /*   position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-right: 1px solid #f7971e;
    border-left: 1px solid #f7971e;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);*/
}
.col-mid .box-pro-sub ul.product-list li:hover .frame-img:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.col-mid .box-pro-sub ul.product-list li .link-order {
    padding: 8px 35px;
    background: #23170e;
    color: white;
    border-radius: 2px;
    display: inline-block;
    font-family: cursive !important;
    font-style: italic !important;
    font-size: 15px;
    line-height: 20px;
    display: none;
}
.col-mid .box-pro-sub ul.product-list li .link-view-short {
    display: none;
}
.frame-percent {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 50%;
    background: #bda964;
    color: white;
    z-index: 999;
    border: 1px solid #bda964;
}
.col-mid .box-pro-sub ul.product-list li .link-order:hover {
    background:#bda964 !important
}
.col-mid .box-pro-sub ul.product-list li {
    overflow: hidden;
}
.col-mid .box-pro-sub ul.product-list li {
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
    width: 33%;
}
.col-mid .box-pro-sub ul.product-list {
    width: 100%;
    height: auto;
    margin-top: 20px;
    float: left;
    /* margin-left: -15px; */
    /* margin-right: -22px; */
}
.price span {
    font-size: 14px;
    text-decoration: line-through;
    color: #6e6f71;
}
.body-container .col-mid .cate-header .txt-name-sub {
    border-bottom: 1px solid #002768;
    color: #403B72;
    float: left;
    font-weight: bold;
    height: auto;
    line-height: 1;
    padding-right: 0px;
    padding-bottom: 10px;
    text-transform: none;
    font-size: 30px;
    font-weight: normal;
    width: 100%;
    font-weight: bold;
}
.body-container .col-mid .cate-header .txt-name-sub a {
    font-weight: bold;
    color: #1c1c1c;
}
.body-container .col-mid .cate-header .txt-name-sub span {
    display: none;
}
/*===== End-Product-innerpage =====*/
/*===== SAN PHAM DA XEM =====*/
.box-product-new.box-product-viewed {
    display: none;
}
/*===== quang cao giua =====*/
.box-adv-center {
    float: left;
    width: 100%;
    margin-top: 33px;
}
.box-adv-center .header {
    font-family: Roboto-Bold !important;
    background: transparent;
    padding-left: 10px;
    color: #043079;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
    position: relative;
    padding-left: 0px;
}
.box-adv-center .header:after {
    content: "";
    width: 78%;
    background: #ddd;
    height: 1px;
    float: left;
    position: absolute;
    z-index: 1;
    font-family: "Roboto";
    background: url(images/line-home.png) repeat-x right center transparent;
    padding-left: 29px;
    left: 140px;
    top: 2px;
    display: block;
    height: 17px;
}
.box-adv-center .owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: center center;
    position: absolute;
    display: block;
    right: 28px;
    font-size: 16px;
    border-radius: inherit;
    top: -44px;
    left: auto;
    bottom: auto;
    margin-top: 0px;
    font-size: 25px;
    line-height: 15px;
    height: 20px;
    width: 20px;
    right: 19px;
    font-size: 16px !important;
    text-shadow: none;
    text-align: center;
    font-family: "Roboto";
    margin: 0px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0px;
    color: #000;
    opacity: 1;
    filter: alpha(opacity=100);
}
.box-adv-center .owl-theme .owl-controls .owl-buttons .owl-next {
    background-position: center center;
    position: absolute;
    border-radius: inherit;
    top: -44px;
    right: 0px;
    font-size: 14px !important;
    bottom: auto;
    margin-top: 0px;
    line-height: 16px;
    height: 20px;
    width: 20px;
    text-shadow: none;
    padding: 0pc;
    text-align: center;
    font-family: "Roboto";
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #000;
    opacity: 1;
    right: -6px;
    filter: alpha(opacity=100);
    display: block;
}
/*===== end quang cao giua =====*/
/*===== Quang cao trai=====*/

.box-adv-left {
    float: left;
    width: 100%;
    margin-top: 50px;;
}
.box-adv-left .header {
    font-family: Roboto-Bold !important;
    background: transparent;
    padding-left: 10px;
    color: #043079;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
    position: relative;
    padding-left: 0px;
}
#histats_counter {
    text-align: center;
    /* margin-top: 0px; */
}
.box-adv-left .header:after {
    content: "";
    width: 75%;
    background: #ddd;
    height: 1px;
    float: left;
    position: absolute;
    z-index: 1;
    font-family: "Roboto";
    background: url(images/line-home.png) repeat-x right center transparent;
    padding-left: 29px;
    left: 66px;
    top: 11px;
    display: block;
    height: 17px;
}
.box-adv-left .owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: center center;
    position: absolute;
    display: block;
    right: 28px;
    font-size: 16px;
    border-radius: inherit;
    top: -54px;
    left: auto;
    bottom: auto;
    margin-top: 0px;
    font-size: 25px;
    line-height: 15px;
    height: 20px;
    width: 20px;
    right: 19px;
    font-size: 16px !important;
    text-shadow: none;
    text-align: center;
    font-family: "Roboto";
    margin: 0px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0px;
    color: #000;
    opacity: 1;
    filter: alpha(opacity=100);
}
.box-adv-left .owl-theme .owl-controls .owl-buttons .owl-next {
    background-position: center center;
    position: absolute;
    border-radius: inherit;
    top: -54px;
    right: 0px;
    font-size: 14px !important;
    bottom: auto;
    margin-top: 0px;
    line-height: 16px;
    height: 20px;
    width: 20px;
    text-shadow: none;
    padding: 0pc;
    text-align: center;
    font-family: "Roboto";
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #000;
    opacity: 1;
    right: -6px;
    filter: alpha(opacity=100);
    display: block;
}
.box-adv-left ul.body-adv li {
    width: 25%;
    height: auto;
    float: left;
}
/*===== end Quang cao trai =====*/
/*===== contact-homepage =====*/

.box-about-us ul {
    background: #f0f0f0;
    padding: 10px;
}
.box-about-us ul p {
    font-size: 14px;
    text-align: justify;
    line-height: 23px;;
}
.box-about-us .header {
    padding: 10px 0px;
    text-transform: uppercase;
    color: #043079;
    font-weight: bold;
    position: relative;
    margin-bottom: 6px;
    font-size: 17px;
    font-family: Roboto-Bold !important;
}
.box-about-us .header:before {
    content: "";
    position: absolute;
    width: 77%;
    height: 1px;
    background: #555;
    bottom: 15px;
    left: 86px;
}
/*===== End contact-homepage =====*/
/*===== end quang cao giua =====*/
/*===== END SAN PHAM DA XEM =====*/
/*===== END SAN PHAM DA XEM =====*/
/*===== Video=====*/
ul#list_player {
    float: left;
    width: 100%;
    display: none;
}
.box-top-video iframe {
    height: 180px !important;
}
.box-top-video {
    background: white;
    background: white;
    margin-top: 0px;
    float: left;
    width: 33.333333%;
}
ul#list_player li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #f04655;
    border-radius: 100%;
    top: 16px;
    left: 4px;
}
ul#list_player li a {
    font-size: 14px;
    color: #373435;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ebebeb;
    display: block;
}
ul#list_player li {
    /* border-bottom: 1px dotted #ebebeb; */
    position: relative;
    padding-left: 16px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    padding-right: 10px;
}
.body-video {
    float: left;
    width: 100%;
    padding-left: 10px;
}
/*===== End Video=====*/
/*===== Product-detail =====*/
.boder-color {
    border-color: #1c1c1c !important;
}
a#ctl16_ucLoadControl_ctl00_btnAdd {
    display: none;
}
.col-mid-pro .box-pro-sub .cate-header.sub-top {
    margin-top: 10px !important;
    float: left;
    border-bottom: 1px solid #002768;
    width: 100%;
}
.col-mid-pro  .box-pro-sub .cate-header .txt-name-sub {
    border: none;
    color: black;
    font-size: 14px;
}
.pro-detail .form-right h1 {
    width: 100%;
    height: auto;
    font-size: 23px;
    color: #1c1c1c;
    border-bottom: 1px dotted #002768;
    padding-bottom: 10px;
    float: left;
}
.shares {
    width: 100% !important;
}
iframe#f3cc24610f2e124{
    width: 100% !important;
}
.fb-comments.fb_iframe_widget span {
width: 100% !important;
    height: auto;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
    width: 100%;
}
.box-news-detailt .body-detailt {
    width: 100%;
    height: auto;
    margin-top: 10px;
    float: left;
    text-align: justify;
    font-size: 14px;
}
.box-news-detailt .body-detailt p {
    text-align: justify;
    font-weight: normal;
    font-size: 14px;
}
.btn-add-card {
    width: 73%;
    height: 32px;
    line-height: 32px;
    background: #002768;
    color: white !important;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    float: left;
    font-weight: normal;
    font-size: 13px;
}
.pro-detail .form-right .info-sort {
    width: 100%;
    height: auto;
    margin-top: 7px;
    font-size: 14px;
    float: left;
    font-weight: normal;
}
.body-container .col-right-sub {
    width: 20%;
    height: auto;
    float: left;
}
.body-container .col-mid-pro {
    width: 80%;
    height: auto;
    padding-left: 25px;
    padding-right: 30px;
    float: left;
}
.pro-detail .form-right:nth-child(3) {
    display: none;
}
.pro-detail .form-right .text-price {
    width: 100%;
    height: auto;
    margin-top: 7px;
    font-weight: bold;
    float: left;
    display: none;
}
.pro-detail .form-right .text-price span {
    font-size: 20px;
    font-weight: bold;
}
span#total {
    font-weight: bold;
    font-size: 20px;
}
.color-text-second {
    color: #002768 !important;
}
ul.tabs-pro li.active {
    color: #1c1c1c;
    border-bottom: none;    
	border-color: #0095d6;
}
ul.tabs-pro {
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    width: 100%;
    border-bottom: 1px solid #002768;
    float: left;
}
ul.tabs-pro li {
    display: block;
    float: left;
    font-weight: 400;
    margin-right: 5px;
    padding: 7px 10px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 0px !important;
    position: relative;
    text-transform: none;
    cursor: pointer;
	border: 1px solid #666;
	border-bottom:none !important;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
div#tab0 p {
    font-size: 14px;
    text-align: justify;
    font-weight: normal;
}

.col-right-sub .box-product-new.box-product-hot .header {
    font-size: 14px;
}
.col-right-sub .box-product-new.box-product-hot {
    margin-top: 10px;
}
/*===== End - Product-detail =====*/
/*===== Pro cung loai=====*/
ul.product-list li:hover {
    box-shadow: none;
    position: relative;
}
ul.product-list li {
    background: #ffffff;
    float: left;
    height: auto;
    padding-bottom: 20px;
    width: 100%;
}
/*===== Product-inerpage =====*/

 .col-mid-pro ul.product-list li:hover {
    box-shadow: none;
    position: relative;
}
 .col-mid-pro ul.product-list .cate-header {
    border-bottom: none;
    float: left;
    height: 36px;
    margin-top: 35px;
    width: 100%;
}
.col-mid-pro  ul.product-list li {
    width: 100%;
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
    text-align: right;
    overflow: hidden;
}
.col-mid-pro ul.product-list li .frame-box {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    border: 1px solid #ccc;
    padding-right: 10px;
}
.col-mid-pro ul.product-list li .frame-img img {
    width: 100%;
    height: auto;
    transition: all ease .5s;
}
 .col-mid-pro ul.product-list li .pro-name {
    width: 100%;
    height: 35px;
    text-align: center;
    font-size: 14px;
    display: table;
    position: relative;
    text-decoration: none;
    float: left;
    text-transform: uppercase;
    color: #282828;
    font-weight: bold !important;
    border-bottom: none;
    margin-bottom: 20px;
    margin-top: 15px;
}
.col-mid-pro ul.product-list li .pro-name span {
    font-weight: bold;
}
.col-mid-pro ul.product-list li .price-new {
    line-height: 24px;
    font-size: 15px;
    text-align: center;
    color: #373435 !important;
    background-position: center 22px;
    padding-bottom: 4px;
    font-weight: bold;
    text-align: left;
    float: left;
    display: none;
    width: 52%;
}
 .col-mid-pro ul.product-list li .price-new span {
    font-weight: bold;
}
.width-pro-top .col-mid-pro ul.product-list li .link-order {
    display: block;
}
.width-pro-top .col-mid-pro ul.product-list li .frame-img {
    width: 100%;
    height: 265px;
    text-align: left;
    padding: 0px;
    display: block;
    float: none;
    position: relative;
    overflow: hidden;
}
.col-mid-pro ul.product-list li .frame-img:before{
/*    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-top: 1px solid #f2b134;
    border-bottom: 1px solid #f2b134;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);*/
}
.col-mid-pro ul.product-list li:hover  .frame-img:before{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.col-mid-pro ul.product-list li .frame-img:after{
/*    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    border-right: 1px solid #f2b134;
    border-left: 1px solid #f2b134;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);*/
}
.col-mid-pro ul.product-list li:hover .frame-img:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.col-mid-pro ul.product-list li .link-order {
    padding: 8px 35px;
    background: #23170e;
    color: white;
    border-radius: 2px;
    display: inline-block;
    font-family: cursive !important;
    font-style: italic !important;
    font-size: 15px;
    line-height: 20px;
    display: none;
}
 .col-mid-pro ul.product-list li .link-view-short {
    display: none;
}
.frame-percent {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 50%;
    background: #f7971e;
    color: white;
    z-index: 999;
    border: 1px solid #f7971e;
}
 .col-mid-pro ul.product-list li .link-order:hover {
    background:#bda964 !important
}
.col-mid-pro ul.product-list li {
    overflow: hidden;
}
.col-mid-pro ul.product-list li {
    transition: all ease .5s;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid transparent;
    width: 33%;
}
.price span {
    font-size: 14px;
    text-decoration: line-through;
    color: #6e6f71;
    font-weight: normal;
}
 .col-mid-pro .box-product-new:nth-child(3) .header {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    border: none;
    font-size: 22px;
    font-weight: normal;
    padding-left: 8px;
}
/*===== End - Cung loai=====*/
/*===== Product-noi bat=====*/

.box-product-new.box-product-hot a {
    display: block;
    float: left;
    width: 100%;
    height: auto;
}
.box-product-new.box-product-hot .header {
    background: transparent;
    padding-left: 10px;
    color: #043079;
    font-size: 17px;
    padding-left: 0px;
}
.box-product-new.box-product-hot {
    margin-top: 50px;
}
.box-product-new.box-product-hot a img {
    margin: 0px;
    width: 100% !important;
    height: auto;
}
.box-product-new.box-product-hot li {
    padding: 5px 0px;
    float: left;
    width: auto !important;
    padding-bottom: 20px;
    padding: 10px;
}
.box-product-new.box-product-hot a.link-view {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0px;
}
.owl-item {
    text-align: center;
}
.box-product-new.box-product-hot a.img-view {
    border: 1px solid #ccc;
    padding: 35px;
}
.box-product-new.box-product-hot a.link-view h3 {
    font-weight: bold;
    color: black;
    text-transform: none;
    font-size: 14px;
    font-family: Roboto-Bold !important;
}
.box-product-hot .owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: center center;
    position: absolute;
    display: block;
    right: 28px;
    font-size: 16px;
    border-radius: inherit;
    top: -44px;
    left: auto;
    bottom: auto;
    margin-top: 0px;
    font-size: 25px;
    line-height: 15px;
    height: 20px;
    width: 20px;
    right: 19px;
    font-size: 16px !important;
    text-shadow: none;
    text-align: center;
    font-family: "Roboto";
    margin: 0px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0px;
    color: #000;
    opacity: 1;
    filter: alpha(opacity=100);
}
.box-product-hot .owl-theme .owl-controls .owl-buttons .owl-next {
    background-position: center center;
    position: absolute;
    border-radius: inherit;
    top: -44px;
    right: 0px;
    font-size: 14px !important;
    bottom: auto;
    margin-top: 0px;
    line-height: 16px;
    height: 20px;
    width: 20px;
    text-shadow: none;
    padding: 0pc;
    text-align: center;
    font-family: "Roboto";
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #000;
    opacity: 1;
    right: -6px;
    filter: alpha(opacity=100);
    display: block;
}
/*===== End-Product-noi bat=====*/
/*=====  start-Sale-inerpage=====*/

.col-right-sub .box-pro-sale a {
    display: block;
    float: left;
    width: 34%;
    margin-right: 5px;
    height: auto;
}
.col-right-sub .box-pro-sale a img {
    margin: 0px;
    width: 100% !important;
    height: auto;
}
.col-right-sub .box-pro-sale li {
    padding: 5px 0px;
}
.col-right-sub .box-pro-sale a.link-view {
    float: left;
    width: 61%;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}
.col-right-sub .box-pro-sale h6 a {
    font-weight: bold;
    color: black
}
/*===== End-Sale-inerpage=====*/
/*===== New=====*/
.box-news-sub .box-body.clearfix {
    width: auto;
    margin-left: -26px;
    margin-right: -26px;
}
.box-news-sub .cat-news.clearfix {
    width: 100%;
    float: left;
    clear: none;
    padding: 0px 25px 25px 25px;
}
.box-news-sub .cat-news.clearfix a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-news-sub .cat-news.clearfix > a {
    display: block;
    width: 30%;
    height: 200px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.box-news-sub .cat-news.clearfix .news-more a:hover {
    color: #ed1c24;
}
.body-container .col-mid .box-news-sub  .cate-header  {
    display: none;
}
.box-news-sub .cat-news.clearfix > h4  {
    text-align: justify;
    height: 24px;
    overflow: hidden;
    float: left;
    width: 68%;
}
.box-news-sub .cat-news.clearfix h4 a {
    color: #1c1c1c;
    font-weight: bold;
    font-size: 22px;
}
.box-news-sub .cat-news.clearfix .clearfix {
    text-align: justify;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 80px;
    line-height: 20px;
    width: 68%;
    float: left;
    clear: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.box-news-sub .cat-news.clearfix .news-more {
    display: block;
    padding: 5px 20px;
    float: left;
    background: red;
    font-size: 14px;
    font-weight: normal;
}
.box-news-sub .cat-news.clearfix .news-more {
    display: block;
    padding: 0px;
    float: left;
    background: red;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    border: none;
    font-weight: 600;
    font-size: 11px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 0px;
    background: transparent;
    float: right;
    color: black;
}
.box-news-sub .cat-news.clearfix .news-more a {
     color: #002768;
     font-size: 15px;
     float: right;
}
.box-news-sub .cat-news.clearfix .news-more:hover {
    background: transparent;
    color: black;
    border: none;
}
.box-news-sub .cat-news.clearfix h3
{
    font-size: 24px;
}
/*===== End-New=====*/

/*khac hang*/
.khachhang h3.h3-home-product {
    font-size: 17px;
    font-weight: bold;
    color: #043079;
}
.khachhang .box-img-product {
float: left;
    width: 20%;
    border: 2px solid #74ba15;
    border-radius: 50%;
    height: 112px;
    padding: 7px;
    margin-top: 31px;
}
.khachhang .box-img-product img {
    width: 100%;
    height: auto;
    margin: 0px auto;
}
.khachhang  p.title-reponsive {
    font-size: 13px;
    text-align: justify;
    font-weight: normal;
    margin-bottom: 10px;
    width: 74%;
    float: left;
    padding: 0px 0px 0px 20px;
    color: #666666;
}
.khachhang .detail-new {
    float: right;
    width: 80%;
    padding: 0px 0px 0px 20px;
    font-weight: bold;
    font-size: 14px;
    color: #3498db;
}
.khachhang .detail-new i {
    font-size: 13px;
    font-weight: normal;
}
span.ngoac {
    font-size: 31px;
    color: #74ba15;
}
.khachhang {
    width: 100%;
    clear: both;
    margin-top: 0px;
    float: left;
    background: #f2f2f2;
    padding-bottom: 30px;
    padding-top: 30px;
    display: none;
}
.khachhang .container{
    position: relative;
    overflow: hidden;
    background: transparent;
}
.chosse {
    padding-bottom: 20px;
}
/*End khach hang*/
/*===== Duong dan=====*/
.box-breadcumb {
    clear: both;
    float: left;
    width: 100%;
}
ul.breadcum {
    width: 1170px;
    height: 30px;
    float: none;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 10px;
    margin-top: 10px;
}
ul.breadcum li a.active {
    color: #002768 !important;
    text-transform: initial;
}
/*===== End Duong dan=====*/
/*===== Menu-reponsive =====*/
.menu-reponsive {
    display: none;
}
.btn-common-close {
    position: absolute;
    background: transparent;
    top: 0;
    transition: all ease .5s;
}
.menu-bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.298039) !important;
    transition: all ease .5s;
}
body {
    position: relative;
}
.btn-common-close {
    position: absolute;
    background: transparent;
    top: 0;
    transition: all ease .5s;
}

/*===== End-Menu-reponsive =====*/

/*===== Reponsive Mobile =====*/
/*======= Dành cho máy tính bảng chiều dọc =======*/
@media only screen and (max-width:1024px){  
}
@media only screen and (max-width:992px){ 
}
/*======= Dành cho điện thoại chiều ngang ,máy tính bảng chiều dọc =======*/ 
@media only screen and (max-width:767px){
    .col-mid .box-pro-sub ul.product-list li {
        width: 50%;
    }
    .khachhang .box-img-product {
        float: left;
        width: 20%;
        border: 2px solid #74ba15;
        border-radius: 50%;
        height: 146px;
        padding: 7px;
        overflow: hidden;
        margin-top:0px;
    }
    .col-mid .box-pro-sub ul.product-list li .frame-img {

        height: 184px !important;
    }
    .menu-fr {
    float: left;
    width: 100%;
    background: url(images/01_Home_fr.png) no-repeat;
    height: auto;
    background-size: 100% 100%;
}
    .col-md-6.col-sm-6 {
    clear: both;
    margin-bottom: 20px;
    }
    ul.nav-menu li.active a {
        background: transparent;
        border-top: none;
        color: white;
        line-height: 40px;
        font-weight: bold;
    }
    .box-about-us {
        float: left;
        width: 100%;
        padding-right: 0px;
    }
    .box-about-us .header:before {
        content: "";
        position: absolute;
        width: 88%;
        height: 1px;
        background: #555;
        bottom: 15px;
        left: 86px;
    }
    .box-news-home {
        width: 100%;
        float: left;
        padding: 0px;
    }
    .slider .owl-theme .owl-controls .owl-buttons .owl-next, .slider .owl-theme .owl-controls .owl-buttons .owl-prev {
        display: none;
    }
    header.header_main {
        padding:0px;
    }
    .header_top_left {
        width: 100%;
        float: left;
        color: #dadada;
        font-size: 14px;
        padding: 6px 0;
        position: relative;
        padding-left: 10px;
    }
    .header_top_right {
        float: right;
        width: 100%;
    }
    /*===== Reponsive Menu=====*/

    .menu-reponsive {
        display: block;
    }
    .menu-reponsive {
        float: left;
        width: 100%;
        background: #002768;
    }
    .content-menu {
        width: 1170px;
        max-width: 100%;
        margin: 0px auto;
        padding: 10px 10px;
    }
    .icon-menu {
        color: white;
        text-transform: uppercase;
    }
    .icon-menu {
        position: relative;
        padding-left: 40px;
        font-size: 16px;
    }
    .icon-menu:before {
        content: "\f0c9";
        position: absolute;
        z-index: 9;
        color: white;
        font-size: 24px;
        font-family: FontAwesome;
        top: -8px;
        left: 5px;
    }
    .nav-menu-content {
        position: fixed;
        top: 0px;
        left: -250px;
        width: 250px;
        height: 100%;
        background: #002768;
        overflow-y: scroll;
        z-index: 1000;
    }
    /*===== End Reponsive Menu=====*/
    .slider .content-slider-right {
        display: none;
    }
    .slider .content-slider-left {
        float: left;
        width: 100%;
    }
    .col-bootom-left .box-product-new .header:after {
        content: "";
        width: 65%;
    }
    div#col-bottom-left .box-product-new ul.product-list li {
        width: 50%;
    }
    ul.product-list li .frame-img {
        height: 244px;
    }
    .col-bootom-left .box-product-new:nth-child(3) .header:after {
        content: "";
        width: 80%;
    }
    .col-bootom-left .box-pro-home ul.product-list {
        width: 100%;
        margin-left: 0px; 
        margin-right: 0px; 
    }
    .col-bootom-left .box-pro-home ul.product-list li {
        width: 50%;
    }
    .col-bootom-left .box-pro-home ul.product-list li .frame-img {
        height: 264px;
    }
    .col-bootom-left .box-pro-home .cate-header .txt-name-sub:after {
        content: "";
        width: 87%;
    }
    .col-bootom-left .box-news-home .body-news .item-list {
        width: 100%;
    }
    .box-top-video {
        background: white;
        background: white;
        margin-top: 0px;
        float: left;
        width: 100%;
    }
    .box-top-video .header:before {
        content: "";
        position: absolute;
        width: 91%;
        height: 1px;
        background: #555;
        bottom: 15px;
        left: 61px;
    }
    .col-bootom-left .box-news-home .box-news-list:first-child .header:after {
        content: "";
        width: 78%;
    }
    .box-face {
        display: none;
    }
    ul.menu-footer > li {
        float: left;
        width: 100%;
    }
    ul.nav-menu li a {
        border-bottom: 1px dotted #ffffff;
        display: block;
        width: 100%;
        border-right: none;
        color: white;
    }
    ul.nav-menu li {
        width: 100%;
    }
    .col-bootom-left .box-pro-home ul.product-list li {
        width: 100%;
    }
    .col-right-sub {
        display: none;
    }
    .body-container .col-mid-pro {
        width: 100%;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
    }
    div#tab0 p img{
        font-size: 14px;
        text-align: justify;
        font-weight: normal;
        width: 100% !important;
        height: auto !important;
    }
    .col-mid-pro ul.product-list li {
        width: 50%;
        border: 1px solid #ccc;
        padding-top: 20px;
    }
    .pro-detail .form-left {
        width: 100%;
        height: auto;
        float: left;
    }
    .pro-detail .form-right {
        width: 100%;
        height: auto;
        padding-left: 15px;
        float: left;
    }
    .pro-detail .form-left .owl-item {
        width: 100%;
    }
    .col-left {
        display: none;
    }
    .body-container .col-mid {
        width: 100%;
        height: auto;
        padding-left: 0px;
        float: left;
    }
    ul.ul-orther-news li a {
        text-transform: lowercase;
    }
}
/*======= Dành cho điện thoại chiều ngang ,máy tính bảng chiều dọc =======*/ 
@media only screen and (max-width:568px){
    .box-news-detailt .body-detailt p img {
        width: 100% !important;
        height: auto !important;
    }
    .box-news-detailt .body-detailt p  {
        text-align: justify;
    }
    .khachhang .box-img-product {
        float: left;
        width: 20%;
        border: 2px solid #74ba15;
        border-radius: 50%;
        height: 107px;
        padding: 7px;
        overflow: hidden;
        margin-top: 21px;
    }
    .box-about-us .header:before {
    content: "";
    position: absolute;
    width: 82%;
    height: 1px;
    background: #555;
    bottom: 15px;
    left: 94px;
    }
    .box-top-video .header:before {
    content: "";
    position: absolute;
    width: 87%;
    height: 1px;
    background: #555;
    bottom: 15px;
    left: 71px;

    }
    .col-bootom-left .box-news-home .box-news-list:first-child .header:after {
    content: "";
    width: 66%;
    left: 182px;
    }
}

/*======= Dành cho điện thoại chiều ngang =======*/ 
@media only screen and (max-width: 480px){
.khachhang .box-img-product {
float: left;
    width: 100%;
    border: 2px solid #74ba15;
    border-radius: 50%;
    height: 450px;
    padding: 7px;
    overflow: hidden;
    margin-top: 0px;
}
.khachhang p.title-reponsive {
    font-size: 13px;
    text-align: justify;
    font-weight: normal;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    padding: 0px 0px 0px 20px;
    color: #666666;
}
.khachhang .detail-new {
    float: right;
    width: 100%;
    padding: 0px 0px 0px 20px;
    font-weight: bold;
    font-size: 14px;
    color: #3498db;
}
    .box-product-new.box-product-motion {
        display: none;
    }
    product-new ul.product-list li {
        width: 100%;
    }
    ul.product-list li .frame-img {
        height: 332px;
    }
    div#col-bottom-left .box-product-new ul.product-list li {
        width: 100%;
    }
    .box-search {
        display: none;
    }
    .slider .owl-carousel .owl-item {
        width: 936px;
        height: auto;
        overflow: hidden;
    }
   .slider .owl-theme .owl-controls .owl-buttons .owl-prev, .slider .owl-theme .owl-controls .owl-buttons .owl-next {
        display: none;
   }
    .col-bootom-left .box-pro-home .cate-header .txt-name-sub:after {
        content: "";
        width: 76%;
    }
    .col-bootom-left .box-news-home .body-news .item-list {
        width: 100%;
    }
    ul.menu-footer > li {
        float: left;
        width: 100%;
    }
    ul.menu-footer li:nth-child(4) {
        width: unset;
    }
    .col-mid-pro ul.product-list li {
        width: 100%;
    }
    .body-container .col-mid .cate-header .txt-name-sub {
        font-size: 11px;
    }
    .box-news-detailt .body-detailt p img {
        width: 100% !important;
        height: auto !important;
    }
    ul.ul-orther-news li a {
        text-transform: lowercase;
    }

}

/*======= Dành cho điện thoại chiều dọc =======*/ 
@media only screen and (max-width: 420px) and (min-width: 320px){ 
    .col-mid .box-pro-sub ul.product-list li {
    width: 100%;
}
.col-mid .box-pro-sub ul.product-list li .frame-img {
    height: 272px !important;
}
.box-about-us .header:before {
    content: "";
    position: absolute;
    width: 71%;
    height: 1px;
    background: #555;
    bottom: 15px;
    left: 86px;
}
.box-top-video .header:before {
    content: "";
    position: absolute;
    width: 79%;
    height: 1px;
    background: #555;
    bottom: 15px;
    left: 61px;
}
.khachhang .box-img-product {
    float: left;
    width: 100%;
    border: 2px solid #74ba15;
    border-radius: 50%;
    height: 289PX;
    padding: 7px;
    overflow: hidden;
    margin-top: 0px;
}
.khachhang p.title-reponsive {
    font-size: 13px;
    text-align: justify;
    font-weight: normal;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    padding: 0px 0px 0px 20px;
    color: #666666;
}
.khachhang .detail-new {
    float: right;
    width: 100%;
    padding: 0px 0px 0px 20px;
    font-weight: bold;
    font-size: 14px;
    color: #3498db;
}
    .col-bootom-left .box-pro-home .cate-header .txt-name-sub:after {
        content: "";
        width: 68%;
    }
    .col-bootom-left .box-product-new:nth-child(3) .header:after {
        content: "";
        width: 49%;
    }
    .box-social-network {
       display: none;
    } 
    ul.menu-top {
        float: left;
    }
    .banner {
        margin: 0px auto;
        transition: all ease .5s;
        width: 30%;
        float: none;
    }
    .col-bootom-left .box-news-home .body-news .item-list> a:first-child+a {
        width: 100%;
        display: block;
        text-align: justify;
        height: 36px;
        margin-bottom: 0px;
        font-size: 13px;
        font-weight: bold;
        color: #333;
        padding-top: 20px;
        overflow: hidden;
    }
    ul.product-list li .frame-img {
        height: 288px;
    }
    .col-bootom-left .box-pro-home ul.product-list li .frame-img {
        display: block;
        width: 100%;
        height: 179px;
        overflow: hidden;
    }
    .col-bootom-left .box-news-home .box-news-list:last-child .header:after {
        content: "";
        width: 50%;
    }
    .col-bootom-left .box-news-home .box-news-list:first-child .header:after {
        content: "";
        width: 44%;;
    }
    .col-bootom-left .box-news-home .body-news .item-list >a:first-child {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .new-pro .box-news-priority .body-news .owl-wrapper-outer .owl-item .item-list{
        width: 100%;
        float: left;
    }
}
/*===== End Reponsive Mobile =====*/

/* lien he */
.box-sub-contact .box-body-sub {
    width: 100%;
    height: auto;
    float: left;
}
iframe {
    width: 100% !important;
    height: 216px;
    border: none;
}
.box-body-sub .row:first-child {
    position: relative;
    padding: 15px;
    border: 1px solid #ccc;
}
.box-body-sub .row {
    margin-left: 0px;
    margin-right: 0px;
}
.lien-he {
position: absolute;
    bottom: -244px;
    right: 0px;
    width: 47%;
}
.lien-he h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    border-left: 3px solid #002768;
    padding-left: 10px;
    text-align: left;
}
p.ct-lh {
    font-weight: bold;
    color: #353535;
    margin-bottom: 14px;
    text-align: left;
    padding-left: 20px;
}
.lien-he ul li {
    line-height: 30px;
    padding-left: 15px;
    text-align: left;
}
li.li1 {
    background: url('images/a1.png') no-repeat left 4px;
}
li.li2 {
    background: url('images/a2.png') no-repeat left 7px;
    display: none;
}
li.li3 {
    background: url('images/a3.png') no-repeat left 9px;
}
li.li4 {
    background: url('images/a4.png') no-repeat left 9px;
}
span.n {
    color: #353535;
    font-weight: bold;
}
.lien-he ul li span {
    color: #353535;
}
.box-body-sub .row:last-child {
    width: 60%;
    float: left;
    margin-top: 30px;
}
p.ph-tt {
    padding-left: 10px;
    font-size: 14px;
    color: #353535;
    font-weight: bold;
    border-left: 3px solid #002768;
}
.form-group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
a#ctl14_ucLoadControl_ctl00_btnReset {
    display: none;
}
a#ctl14_ucLoadControl_ctl00_btnSend {
    font-size: 14px;
    color: white;
    display: inline-block;
    padding-left: 54px;
    padding-right: 55px;
    background: #a31624;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: bold;
}
.col-mid {
    margin-bottom: 30px;
}
a#ctl16_ucLoadControl_ctl00_btnSend{
    font-size: 14px;
    color: white;
    display: inline-block;
    padding-left: 39px;
    padding-right: 39px;
    background: #002768;
    border-radius: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: bold;
}
a#ctl16_ucLoadControl_ctl00_btnReset {
    display: none;
}
.lien-he ul li span {
    font-size: 14px;
}
ul.body-adv.owl-carousel.owl-theme {
    border: 1px solid #ccc;
}
.box-adv-center ul  a img {
    width: 100%;
    height: auto;
}
/* END lien he*/
ul.body-adv-center.owl-carousel.owl-theme div a {
    display: block;
    padding: 35px;
}
ul.body-adv-center.owl-carousel.owl-theme {
    border: 1px solid #ccc;
}
.his-tas {
    width: 33%;
    float: left;
    margin-top: -19px;
}
p.ban-quyen {
    float: left;
    width: 37%;
}
.feeback {
    float: left;
    width: 100%;
    background: #f2f2f2;
    padding-bottom: 40px;
}
.box-feed-sub {

    margin: 0px auto;
    padding: 0px 10px;
    max-width: 1170px;
}
.box-feed-sub .cat-feed.clearfix > a {
    width: 25%;
    border: 2px solid #74ba15;
    border-radius: 50%;
    height: 140px;
    padding: 7px;
    margin-top: 10px;
    display: block;
    overflow: hidden;
    float: left;
}
 .cat-feed.clearfix a img {
    width: 100%;
    height: 100%;
    margin: 0px auto;
    object-fit: cover;
}
.box-feed-sub .cat-feed.clearfix {
    float: left;
    clear: none;
}
.feednews {
    width: 75%;
    float: left;
    padding: 10px;
    text-align: left;
}
.feednews h3 a {
    font-family: Roboto-Bold !important;
    color: black;
    font-size: 14px;
    font-weight: bold;
}
.feednews .clearfix {
    height: 114px;
    overflow: hidden;
    text-align: justify;
    padding: 10px 8px;
    overflow: hidden;
}
.feeback .txt-name-sub {
    font-size: 17px;
    font-weight: bold;
    color: #043079;
    text-transform: uppercase;
    font-family: Roboto-Bold !important;
    padding: 20px 0px;
}
marquee {
padding: 9px 0px;
    font-size: 30px;
    color: red;
    
}
.footer_main .menu-fr .menu-footer .parent:nth-child(5) ul li:nth-child(4){
    width: 66%;
}
.footer_main .menu-fr .menu-footer .parent:nth-child(4) h3{
    position: relative;
}
.footer_main .menu-fr .menu-footer .parent:nth-child(4) h3:before{
    content: "";
    background: url(images/line.png) no-repeat;
    position: absolute;
    width: 91%;
    height: 2px;
    top: 36px;
}
.box-top-video .header a{
    font-family: Roboto-Bold;
}
.feednews
{
    padding: 0;
}
@media screen and (max-width: 640px)
{
    .box-body-sub .row:last-child {
        width: 100%;
        float: left;
        margin-top: 30px;
    }
    .lien-he {
        position: unset;
        bottom: -244px;
        right: 0px;
        width: 100%;
    }
    #histats_counter
    {
        display: none;
    }
    .box-footer {
        padding: 0px 5px;
    }
    p.ban-quyen {
        float: left;
        width: 100%;
    }
    p.design-by {
        float: right;
        width: 100%;
        text-align: left;
    }
    .box-news-sub .cat-news.clearfix > a
    {
        width: 100%;
    }
    .box-news-sub .cat-news.clearfix .news-more
    {
        padding-right: 30px;
    }
    .box-news-sub .cat-news.clearfix h3,
    .box-news-sub .cat-news.clearfix .clearfix,
    .box-news-sub .cat-news.clearfix > h4
    {
        padding-left: 30px;
    }
    .box-news-sub .cat-news.clearfix .clearfix p
    {
        font-size: 14px;
    }
    .box-news-sub .cat-news.clearfix > h4
    {
        text-align: unset;
    }
    .box-adv-center .header:after
    {
        left: 200px;
    }
    .box-feed-sub .cat-feed.clearfix > a
    {
        height: 115px;
    }
    .owl-pagination
    {
        padding-right: 15px;
    }

    .box-feed-sub .cat-feed.clearfix > a 
    {
        width: 30%;
    }
    .feednews {
        width: 70%;
    }
}
@media screen and (min-width:768px ) and (max-width:1024px)
{
    .box-pro-sale ul.body-pro li.item-list h6,
    .box-pro-sale ul.body-pro li.item-list a.img-view
    {
        width: 100%;
    }
    .box-adv-center .header:after
    {
        left: 200px;
    }
}