::-webkit-scrollbar {
    background: #fff;
    width: 10px;
    height: 11px;
}

::-webkit-scrollbar-thumb {
    background: #BBBBBB;
}

div,
a,
p,
span,
b,
iframe,
body,
h1,
h2,
h3,
h4,
.ulmp ul {
    margin: 0;
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    min-width: 100% !important;
}

.fb-comments,
.fb-comments iframe[style],
.fb-like-box,
.fb-like-box iframe[style] {
    width: 100% !important;
}

.fb-comments span,
.fb-comments iframe span[style],
.fb-like-box span,
.fb-like-box iframe span[style] {
    width: 100% !important;
}

.video_popup {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video_popup iframe,
.video_popup object,
.video_popup embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#clickvideo {
    width: 100%;
    padding: 4px 0;
    margin: 3px 0%;
    border: 1px solid #DDD;
    box-sizing: border-box;
}

.addthis_native_toolbox {
    margin: 10px 0px;
    width: 100%;
    clear: both;
    border: 1px solid #ededed;
    padding: 10px 10px;
    margin-bottom: 10px;
    background: #f7f6f6;
    box-sizing: border-box;
}

.addthis_native_toolbox b {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 10px
}

#toptop {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: fixed;
    bottom: 50px;
    right: 10px;
    cursor: pointer;
    background: none;
    transition: 0.5s;
    z-index: 200;
    border-radius: 50%;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 47px;
    color: #df001f;
}

#toptop i {
    font-size: 40px;
    background: #fff;
    border-radius: 50%;
    padding: 2px;
}

a {
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    color: red;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: '';
    background: transparent;
    width: 100%;
    display: block;
    clear: both;
    height: 0;
}

.none {
    display: none;
}

.wap_1200 {
    max-width: 1900px;
    margin: auto;
    position: relative;
    /* padding: 0 10px; */
}

img {
    max-width: 100% !important;
    height: auto;
}

div.bando img {
    max-width: none !important;
}

div.map iframe {
    max-width: 100% !important;
}

div.bando-footer iframe {
    width: 100% !important;
    height: 350px;
}

.hidden_mobi {
    display: block;
}

.hidden_destop {
    display: none;
}

body {
    font-size: 14px;
    line-height: 1.5;
    top: 0 !important;
}

b,
strong {
    font-family: 'tieude';
}

div#wapper {
    margin: auto;
    min-width: 320px;
    background: #fff;
    max-width: 1900px;
    position: relative;
}

div.wap_thongtin {
    background: #ffffff;
    font-size: 13px;
    color: #000;
}

div.thongtin {
    max-width: 1200px;
    margin: auto;
}

div.thongtin span {
    display: inline-block;
    vertical-align: top;
    margin-right: 4%;
    line-height: 36px;
}

div.thongtin span.diachi {}

div.thongtin span.dienthoai {}

div.thongtin span.email {}

div.thongtin i {
    margin-right: 6px;
    font-size: 17px;
}

div.mxh_top {
    float: right;
    line-height: 0;
}

div.mxh_top a img {
    height: 36px;
    margin: 0px 0 0 13px;
}

div.header {
    position: relative;
    margin: auto;
    padding: 52px 0;
    max-width: 1665px;
    z-index: 99;
}

div.header .logo {
    float: left;
    width: 27%;
}

div.header .logo img {
    display: block;
}

div.header .head2 {
    float: right;
    width: 71%;
    margin-top: 12px;
    position: relative;
}

div#lang {
    position: absolute;
    top: 5px;
    right: 10px;
}

div#lang a img {
    margin-left: 3px;
    height: 20px;
}

.sang_header {
    top: 30%;
    left: 5%;
}

div.menu_mobi,
div.menu_mobi_add {
    display: none;
}

div.wap_menu {
    position: relative;
    background: none;
    height: 45px;
    line-height: 45px;
    margin: auto;
    width: 100%;
    left: 0;
}

div.menu {
    position: relative;
    /* max-width:1200px; */
    margin: auto;
}

div.menu ul {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}

div.menu ul li {
    float: left;
    position: relative;
    z-index: 50;
}

div.menu ul li.line {
    background: rgba(0, 0, 0, 0.2);
    height: 45px;
    width: 1px;
}

div.menu ul li a {
    color: #011234;
    font-size: 22px;
    padding: 0px 40px;
    text-decoration: none;
    display: block;
    font-family: "mont-m";
}

div.menu ul li a:hover,
div.menu ul li a.active,
div.menu ul li a.active2 {
    font-family: "mont-b";
    background: url(../img/mn.png)center bottom no-repeat;
}

div.menu ul li ul li a:hover,
div.menu ul li ul li a.active,
div.menu ul li ul li a.active2 {
    background: none;
}

div.menu ul li ul,
div.menu ul li:hover ul li ul {
    position: absolute;
    margin-left: 0px;
    display: none;
    min-width: 200px;
    background: #ffffff;
    line-height: 1.5;
}

div.menu ul li ul li {
    float: none;
}

div.menu ul li ul li a {
    padding: 8px 10px;
    text-transform: none;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 13px;
}

div.menu ul li ul li a:hover {}

div.menu ul li ul li ul {
    left: 100%;
    top: 0px;
}

div.search {
    position: absolute;
    right: 0px;
    top: 7px;
    background: #fff;
    border-radius: 2px;
    height: 30px;
    width: 20%;
    transition: 0.3s;
    overflow: hidden;
}

div.search input {
    padding: 0px 10px;
    float: left;
    margin-top: 8px;
    border: none;
    background: none;
    width: 75%;
    outline: none;
    color: #777;
}

div.search i {
    float: right;
    margin-right: 9px;
    margin-top: 5px;
    color: #222;
    font-size: 17px;
    cursor: pointer;
}

div.slider {
    margin: auto;
    overflow: hidden;
}

div.left {
    width: 240px;
    float: left;
}

h2.tieude {
    color: #000000;
    line-height: 39px;
    text-transform: uppercase;
    font-family: 'tieude';
    font-size: 17px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #000000;
}

div#danhmuc {
    border-bottom: none;
}

div.danhmuc {
    margin-bottom: 15px;
}

div.danhmuc:last-child {
    margin-bottom: 0;
}

div#danhmuc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#danhmuc ul li {
    position: relative;
}

div#danhmuc ul li:last-child {
    border: none;
}

div#danhmuc ul li a {
    color: #454545;
    font-family: 'menu';
    text-decoration: none;
    font-size: 14px;
    transition: 0.4s;
    display: block;
    border-bottom: 1px solid #DDD;
    padding: 9px 5px 9px 12px;
}

div#danhmuc ul li span {
    position: absolute;
    right: 6px;
    top: 13px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/icon-cong.png) no-repeat;
    cursor: pointer;
}

div#danhmuc ul li a:hover,
div#danhmuc ul li a.active {
    color: red;
    transition: 0.4s;
}

div#danhmuc ul li ul li a {
    padding: 9px 5px 9px 26px;
    font-family: 'body';
}

div#danhmuc ul li ul li span {
    background: url(../img/icon-tru.png) no-repeat;
}

div#danhmuc ul li ul li ul li span {}

div#danhmuc ul li ul {
    display: none;
}

div#danhmuc ul li ul li ul li {}

div#danhmuc ul li ul li ul li a {
    padding-left: 26px;
    color: #0193de;
}

div#danhmuc ul li ul li ul li ul li {}

div#danhmuc ul li ul li ul li ul li a {
    padding-left: 40px;
    color: #000;
    font-family: 'tieude';
}

div#danhmuc ul li ul li ul li ul li ul li {}

div#danhmuc ul li ul li ul li ul li ul li a {
    color: #0193de;
    font-family: 'body';
}

div.tinmoi .box_news h3 a {
    font-size: 13px;
    font-family: 'body';
}

div.tinmoi .box_news {
    padding: 9px 10px;
    margin: 0;
    border-bottom: 1px dashed #ccc;
    min-height: 73px;
}

div.tinmoi .box_news a img {
    max-width: 73px !important
}

div.tinmoi .box_news .mota {}

div.tinnoibat .box_news h3 a {}

div.tinnoibat .box_news {
    padding: 9px 0px;
    margin: 0;
    border-bottom: 1px dashed #ccc;
    min-height: 73px;
}

div.tinnoibat .box_news a img {
    max-width: 131px !important
}

div.tinnoibat .box_news .mota {}

div.load_video {
    width: 95%;
    margin: 7px auto;
}

div.hotro {
    background: url(../img/bg_hotro.png) left 40px no-repeat;
}

div.hotro .phone {
    color: #f10b0b;
    font-size: 24px;
    font-weight: bold;
    padding-top: 62px;
    padding-left: 80px;
    padding-bottom: 10px;
    margin-right: 20px;
    font-style: italic;
}

div.hotro ul {
    list-style: none;
    border-bottom: 1px dashed #DDDDDD;
    padding: 7px;
    margin: 0px 10px;
    font-size: 13px;
}

div.hotro ul li {
    clear: both;
    padding: 6px 0;
    color: #555555;
}

div.hotro ul li i {
    font-size: 17px;
    margin-right: 8px;
    clear: both;
}

div.hotro ul li span {
    color: #3853a4;
    font-weight: normal;
    font-size: 14px;
    margin-top: 3px;
    float: left;
}

div.hotro ul li a img {
    margin-right: 5px;
    float: left;
    width: 25px;
}

div#quangcao img {
    width: 90% !important;
    max-width: 300px !important;
    border: 1px solid #DDD;
    margin: 5px auto;
    padding: 4px;
    box-sizing: border-box;
}

div#quangcao img:hover {
    border: 1px solid red;
}

div#dknt {
    max-width: 350px;
}

form#frm_dknt {
    background: #fff;
    height: 40px;
    margin: 10px 0;
}

form#frm_dknt input[type='text'] {
    width: 80%;
    padding: 0px 3%;
    float: left;
    margin-top: 12px;
    border: none;
    background: none;
    outline: none;
    color: #000;
    outline: none;
}

form#frm_dknt input[type='button'] {
    background: red;
    color: #fff;
    width: 20%;
    height: 40px;
    line-height: 40px;
    border: none;
    cursor: pointer;
    float: right;
    outline: none;
    font-weight: bold;
    text-transform: uppercase;
}

div.main_content {
    max-width: 1200px;
    margin: 20px auto;
    margin-top: 40px;
    position: relative;
}

div.right {
    width: calc(100% - 260px);
    float: right;
}

div.tieude_giua {
    color: #37435d;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    font-size: 24px;
    font-family: 'mont-b';
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

div.tieude_giua:before {
    content: '';
    height: 2px;
    width: 60px;
    left: 0;
    bottom: -5px;
    margin-left: 0;
    position: absolute;
    display: none;
}

div.tieude_link {
    text-align: left;
    position: relative;
    margin-bottom: 0;
}

div.tieude_link div a.text-1 {
    display: table;
    color: #8b8b8c;
    font-size: 14px;
    text-decoration: none;
    height: 35px;
    line-height: 35px;
    float: left;
    font-family: 'roboto-r';
}

div.tieude_link div a.text-1:hover {
    color: #df001f;
}

div.tieude_link div i {
    color: #000000;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    width: 30px;
    text-align: center;
    float: left;
}

div.wap_item {
    position: relative;
    text-align: center;
}

div.item {
    position: relative;
    width: calc(33.33% - 100px);
    margin: 30px 50px;
}

div.item .sl {
    color: #011234;
    font-size: 23px;
    font-family: 'mont-b';
    background: url(../img/d2.png)left bottom no-repeat;
    padding-bottom: 5px;
    margin-bottom: 9px;
}

div.item .sl1 {
    color: #011234;
    border: 1px solid #848484;
    width: 82px;
    height: 82px;
    line-height: 82px;
    text-align: center;
    font-size: 54px;
    font-family: 'mont-exb';
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
}

div.item .sl2 {
    color: #011234;
    border: 1px solid #848484;
    width: 82px;
    height: 82px;
    line-height: 82px;
    text-align: center;
    font-size: 54px;
    font-family: 'mont-exb';
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.page_sanpham1 div.item .sl1 {
    display: none;
}

.page_sanpham1 div.item .sl2 {
    display: block;
}

.page_sanpham1 div.item .sp_img {
    padding-right: 70px;
    padding-top: 25px;
    z-index: 6;
    padding-bottom: 0;
}

.page_sanpham1 div.item a img {
    z-index: 5;
    position: relative;
}

div.item .sp_img {
    position: relative;
    padding-right: 50px;
    padding-bottom: 45px;
    z-index: 5;
    margin-top: 75px;
}

div.item .sp_img a {
    display: block;
    line-height: 0;
    overflow: hidden;
}

div.item a img {
    width: 100%;
}

div.item .sp_name a {
    text-decoration: none;
    font-weight: normal;
    display: block;
    color: #011234;
    font-size: 17px;
    font-family: 'mont-r';
}

div.item .sp_name a:hover {
    transition: 0.4s;
    color: red;
}

div.item .xemthem {
    color: #000;
    display: inline-block;
}

div.item .xemthem:hover {
    color: #f00;
}

div.item .sp_gia {}

div.item .sp_gia .gia,
div.item .sp_gia .giakm {
    color: red;
    font-size: 13px;
    font-family: 'roboto-b';
}

div.item .sp_gia span.giacu {
    color: #939393;
    text-decoration: line-through;
    margin-left: 12px;
}

div.item .sp_gia b {
    color: #000;
}

.thumb-them {
    display: none;
}

div.item .w-bottom {}

div.item .sale {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    color: #fff;
    font-size: 16px;
    background: url(../img/sale-icon.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 5;
}

div.item .new {
    display: block;
    position: absolute;
    top: 44px;
    right: 4px;
    width: 23px;
    height: 12px;
    text-align: center;
    background: url(../img/new.gif) no-repeat center;
    background-size: 100% 100%;
    z-index: 5;
}

div.item .saleimg {
    display: block;
    position: absolute;
    top: 64px;
    right: 4px;
    width: 57px;
    height: 40px;
    text-align: center;
    background: url(../img/sale.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 5;
}

div.item .nutdathang {
    display: block;
    width: 100%;
    line-height: 33px !important;
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: -33px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    border-radius: 3px;
    background: rgba(1, 147, 222, 0.78);
    box-shadow: 2px 2px 9px #211f1f;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
    transition: 0.3s;
    text-transform: uppercase;
}

div.item .nutdathang i {
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
}

div.item:hover .nutdathang {
    bottom: 0px;
    opacity: 1;
}

div.item .nutthemhang {
    display: block;
    width: 33px;
    line-height: 39px !important;
    color: #308fbe;
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: -33px;
    left: 0;
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    transition: 0.3s;
    text-transform: uppercase;
    background: #fff;
    height: 33px;
}

div.item .nutthemhang:hover {
    color: #f00;
}

div.item .nutthemhang i {
    font-size: 22px;
}

div.item:hover .nutthemhang {
    bottom: 0;
    opacity: 1;
    z-index: 4;
}

div.item .sp_des {
    text-align: justify;
}

.themthanhcong {
    background: #000;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    box-shadow: 0px 0px 12px #575151;
    position: fixed;
    right: -240px;
    top: 149px;
    z-index: 999999;
    transition: 0.3s;
    font-family: 'roboto-r';
    font-size: 14px;
}

div.wap_tintuc {
    padding: 50px 0;
    background: rgb(165 217 195 / 35%);
}

div.bao_tintuc {
    max-width: 1200px;
    margin: 0px auto;
}

div.tintuc {
    width: 32%;
    float: left;
}

div.video {
    width: 32%;
    float: left;
    margin-left: 2%;
}

div.video img {
    width: 100% !important;
    left: 0px !important;
}

div.fanpage {
    width: 32%;
    float: right;
    overflow: hidden;
}

div.tieude2 {
    border-bottom: 1px solid #000000;
    font-family: 'tieude';
    font-size: 22px;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 15px;
    text-transform: uppercase;
    /* color: #545454; */
}

div.tieude2:before {
    content: '';
    height: 3px;
    width: 80px;
    position: absolute;
    background: #000000;
    left: 0;
    bottom: 0;
}

div.item_tnb {
    border-bottom: 1px dashed #DDDDDD !important;
    padding: 10px 0;
}

div.item_tnb .img_news {
    width: 35%;
    max-width: 150px !important;
    border: 1px solid #d6d6d6;
    float: left;
    margin-right: 10px;
}

div.item_tnb .name_news a {
    text-decoration: none;
    color: #111111;
    font-size: 14px;
    transition: 0.4s;
    margin-bottom: 5px;
    display: block;
}

div.item_tnb .name_news a:hover {
    color: red;
    transition: 0.4s;
}

div.item_tnb .mota {
    text-align: justify;
}

div.wap_copy {
    background: #02406d;
    color: #fff;
    padding: 12px 0;
}

div.copy {
    max-width: 1200px;
    margin: auto;
}

div.copy ul {
    list-style: none;
    float: right;
}

div.copy ul li {
    padding: 0px 10px;
}

div.wap_footer {
    background: #f6f6f6;
    margin: auto;
    color: #011234;
    padding: 60px 0 0 0;
    max-width: 1900px;
}

div.footer {
    margin: auto;
    padding-bottom: 50px;
    position: relative;
}

div#main_footer {}

div#main_footer .ten {
    text-transform: uppercase;
    font-family: 'tieude';
    font-size: 23px;
    margin-bottom: 15px;
    margin-top: -8px;
    display: inline-block;
    width: 100%;
}

div#main_footer .logo_ft {
    float: left;
    width: 18%;
    margin-right: 2%;
}

div#main_footer .logo_ft img {
    display: block;
    margin: auto;
}

div#main_footer .bix_fter {
    float: left;
    width: 45%;
}

div#main_footer .bix_fter .tenlh {
    margin-bottom: 10px;
    letter-spacing: 2px;
}

div#main_footer .bix_fter2 {
    float: left;
    width: 22%;
}

div#main_footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#main_footer ul li {
    margin: 9px 0;
    color: #011234;
    font-size: 15px;
    font-family: 'mont-r';
}

div#main_footer ul li i {
    width: 30px;
    height: 30px;
    border: 1px solid #f9f9f9;
    text-align: center;
    border-radius: 3px;
    line-height: 30px;
    margin-right: 31px;
    font-size: 18px;
}

div#fanpage-foot {
    width: 30%;
    float: left;
}

div.mxh {
    margin-top: 10px;
}

div.mxh span {
    display: inline-block;
    font-size: 14px;
    font-family: 'tieude';
    vertical-align: top;
    text-transform: uppercase;
    margin: 0px 10px 0 0;
    line-height: 40px;
}

div.mxh a {
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px 0 0;
}

div.mxh a img {
    max-height: 35px;
    border-radius: 4px;
}

div.mxh a img:hover {
    transition: 1s;
    transform: rotate(360deg);
}

div#thongke {
    width: 20%;
    float: right;
}

.td_ft {
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'tieude';
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

div#thongke ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#thongke ul li {
    clear: both;
    padding: 6px 0px;
}

div#thongke ul li img {
    float: left;
    margin-right: 15px;
    width: 16px;
    margin-top: 2px;
}

/* --------------------- Phan trang ------------------*/
div.wap_doitac {
    padding: 20px 0;
}

div.doitac {
    box-sizing: border-box;
    max-width: 1200px;
    margin: auto;
}

div.doitac img {
    height: 80px;
    margin: 0 8px;
    border: 1px solid #DDD;
}

/*----------------------------------------------------*/
div.wap_pro {
    clear: both;
    margin: 30px 0;
}

.zoom_slick {
    width: 51%;
    float: left;
    text-align: center;
}

.zoom_slick .slick2 {
    border: 1px solid #DDD;
}

.zoom_slick .slick {
    margin-top: 5px;
}

.zoom_slick .slick img {
    width: 95%;
    aspect-ratio: 1/1;
    object-fit: contain;
    margin: auto;
    border: 1px solid #DDD;
    box-sizing: border-box;
    cursor: pointer;
}

.zoom_slick .slick img:hover {
    border: 1px solid #F60;
    opacity: 0.5;
    transition: 1s;
}

.product_info {
    float: right;
    list-style: none;
    width: 44%;
    margin: 0;
    padding: 0;
}

.product_info li {
    font-size: 17px;
    /* border-bottom:1px solid #EEE; */
    padding: 10px 0;
    font-family: 'mont-m';
    color: #011234;
}

.product_info li.ma {
    font-size: 40px;
    font-family: 'mont-sb';
}

.product_info li.ten {
    color: #011234;
    font-size: 25px;
    font-family: 'mont-b';
    text-transform: uppercase;
}

.product_info li.giakm,
.product_info li.gia {
    font-size: 15px;
    color: red;
    position: relative;
    font-family: 'tieude';
}

.product_info li.giacu {
    color: #0c0c0c;
    font-family: 'body';
}

.product_info li.giacu span {
    text-decoration: line-through;
    color: #ada6a6;
}

.product_info li.giakm .tinh_phantram {
    background: red;
    color: #fff;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    position: absolute;
    right: 30%;
    top: 0;
}

.product_info li b {
    font-weight: normal;
    font-size: 17px;
    font-family: 'mont-b';
}

.xemgiohang {
    color: #E80019;
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 15px;
    transition: 0.4s;
    margin: auto;
    margin-top: 7px;
    text-decoration: none;
}

.product_info li.b-datmua {}

.product_info li.b-datmua .add_to_cart:nth-child(2) {
    background: #288ad6;
}

.product_info li .add_to_cart {
    background: #e93b35;
    color: #fff;
    display: inline-block;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 18px;
    transition: 0.4s;
    width: 48%;
    padding: 6px 0;
    background: #dd0000;
    background: #fd6e1d;
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fd6e1d), to(#f59000));
    background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
    box-shadow: 0 3px 4px 0 rgba(10, 31, 68, 0.1), 0 0 1px 0 rgba(10, 31, 68, 0.08);
    border-radius: 6px;
    font-family: 'tieude';
}

.product_info li .add_to_cart span {
    display: block;
    font-size: 11px;
    text-transform: initial;
}

a.size {
    display: inline-block;
    padding: 4.5px 10px;
    border: 1px solid #DDD;
    margin-right: 7px;
    cursor: pointer;
    background: #f1f1f1;
}

a.mausac {
    display: inline-block;
    border: 1px solid #DDD;
    height: 30px;
    margin-right: 7px;
    cursor: pointer;
    font-size: 15px;
    vertical-align: top;
    color: #000;
    padding: 0 10px;
    background: #f1f1f1;
}

a.active_size,
a.size:hover,
a.mausac:hover,
a.active_mausac {
    border: 1px solid #0388cd;
    background: #0388cd !important;
    color: #fff !important;
}

input.soluong {
    padding: 3px 0;
    width: 55px;
    border: 1px solid #dedede;
    text-align: center;
}

.product_info li.b-soluong {
    border-bottom: 1px solid #ccc;
    padding-bottom: 14px;
    margin-bottom: 8px;
    margin-top: 5px;
    text-transform: uppercase;
}

.product_info li.b-soluong div {
    /* float: left; */
    line-height: 30px;
    margin-top: 7px;
}

.product_info li.b-soluong input {
    display: inline-block;
    vertical-align: top;
    line-height: 23px;
    padding: 3px 0;
    width: 95px;
    border: 1px solid #dedede;
    text-align: center;
}

.product_info li.b-soluong .giam {
    font-size: 20px;
    display: inline-block;
    width: 31px;
    text-align: center;
    font-family: 'roboto-r';
    vertical-align: top;
    line-height: 31px;
    cursor: pointer;
    background: #ebebeb;
}

.product_info li.b-soluong .tang {
    font-size: 17px;
    display: inline-block;
    width: 31px;
    text-align: center;
    font-family: 'roboto-r';
    line-height: 31px;
    vertical-align: top;
    cursor: pointer;
    background: #ebebeb;
}

.product_info li.b-size {
    min-height: 30px;
}

.product_info li.b-size b {
    display: inline-block;
    line-height: 32px;
    min-width: 86px;
}

.tbl_giohang {
    text-align: center;
    background: #f1f1f1;
    width: 100%;
    font-size: 13px;
    margin-bottom: 20px;
    border: 1px solid #DDD;
    border-collapse: collapse;
    padding: 1px;
}

.tbl_giohang td {
    border: 1px solid #e2e2e2;
    font-weight: normal;
}

.tbl_giohang td .name-sp {
    color: #000;
    font-family: 'tieude';
}

.tbl_giohang .dong_gh {
    background: #fff;
}

.tbl_giohang .img_gh {
    height: 50px;
}

.tbl_giohang .xoa_gh {
    cursor: pointer;
    color: #000000;
    font-size: 17px;
}

.tbl_giohang .xoa_gh:hover {
    color: red;
}

.tbl_giohang .sl_gh {
    text-align: center;
    border: 1px solid #DDD;
    padding: 3px 5px;
    width: 60px;
}

.tbl_giohang .tongtien_gh {
    background: #F0F0F0;
    text-align: right;
    line-height: 50px;
    padding-right: 20px;
    font-size: 15px;
    color: #000000;
    font-family: 'roboto-b';
}

.tieptuc {
    padding: 10px 25px;
    background: #7b7777;
    border: none;
    color: #fff;
    margin: 10px 0px;
    font-size: 13px;
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    display: inline-block;
}

.click_ajax2 {
    padding: 10px 25px;
    background: #000000;
    border: none;
    color: #fff;
    margin: 10px 0px;
    font-size: 13px;
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    display: inline-block;
}

@-webkit-keyframes star {
    0% {
        -webkit-transform: rotate(0) scale(0);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1.5);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0);
    }
}

@-o-keyframes star {
    0% {
        -o-transform: rotate(0) scale(0);
    }

    50% {
        -o-transform: rotate(180deg) scale(1.5);
    }

    100% {
        -o-transform: rotate(360deg) scale(0);
    }
}

@-moz-keyframes star {
    0% {
        -moz-transform: rotate(0) scale(0);
    }

    50% {
        -moz-transform: rotate(180deg) scale(1.5);
    }

    100% {
        -moz-transform: rotate(360deg) scale(0);
    }
}

.start-animate {
    z-index: 99999999999999999 !important;
    position: absolute;
    animation: star linear 1.75s infinite;
    -moz-animation: star linear 1.75s infinite;
    -webkit-animation: star linear 1.75s infinite;
    -o-animation: star linear 1.75s infinite;
}

@keyframes star {
    0% {
        transform: rotate(0) scale(0);
    }

    50% {
        transform: rotate(180deg) scale(1.5);
    }

    100% {
        transform: rotate(360deg) scale(0);
    }
}

.slick-loading .slick-list {
    background: #fff url(../img/ajax-loader.gif) center center no-repeat
}

.control_slick .slick-prev {
    background: url(../img/next_xam.png) center no-repeat;
    display: none !important
}

.control_slick .slick-next {
    background: url(../img/next_xam.png) center no-repeat;
    display: none !important
}

.control_slick_doc .slick-next {
    background: url(../img/next_xam.png) center no-repeat;
    bottom: 0;
    top: auto;
    right: auto;
    left: 50%;
    margin-left: -20px;
    transform: rotate(90deg);
    display: none !important
}

.control_slick_doc:hover .slick-next,
.control_slick_doc:hover .slick-prev {
    transition: 1s;
    display: block !important
}

.control_slick:hover .slick-next,
.control_slick:hover .slick-prev {
    transition: 1s;
    display: block !important
}

.control_slick_doc .slick-prev {
    background: url(../img/next_xam.png) center no-repeat;
    top: 0;
    bottom: auto;
    right: auto;
    left: 50%;
    margin-left: -20px;
    transform: rotate(-90deg);
    display: none !important
}

.slick-prev {
    opacity: 1;
    transition: .5s;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: url(../img/next_xam.png) center no-repeat;
    z-index: 50;
    transition: 1s;
    transform: rotate(180deg);
    margin-top: -20px
}

.slick-next {
    opacity: 1;
    transition: .5s;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: url(../img/next_xam.png) center no-repeat;
    z-index: 50;
    transition: 1s;
    margin-top: -20px
}

.tbl_banggia {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
    font-size: 13px;
}

.tbl_banggia th {
    font-size: 15px;
    background: #e8e8e8;
}

.tbl_banggia th,
.tbl_banggia td {
    border: 1px solid #d2d2d2;
    padding: 10px 1%;
}

/*--------- copy - right--------*/
div.copy-right {
    background: #adadad;
    padding: 10px 0px;
    color: #32353c;
    font-size: 12px;
    font-family: 'mont-r';
    text-align: center;
}

div.copy-right .cop-l {}

div.copy-right .cop-r {
    text-align: right;
    width: 48%;
    float: right;
}

div.copy-right .cop-r span {}

/*--------- copy - right--------*/
.img-congthuong {
    display: block;
    margin-top: 20px;
}

.img-congthuong img {
    max-width: 140px !important;
}

.box-giohang-fix {
    display: block;
    height: 35px;
    background: url(../img/icon-giohang-top.png) no-repeat left center;
    padding-left: 48px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 52px;
    font-weight: bold;
    text-decoration: none;
    color: #f30c0c;
    position: fixed;
    right: 20px;
    top: 15%;
    z-index: 999;
}

.box-giohang-fix b {
    display: block;
    color: #fff;
    font-size: 13px;
    position: absolute;
    left: 32px;
    top: 3px;
    height: 14px;
    width: 9px;
    z-index: 9;
    line-height: 17px;
}

div.box-sanpham-tc {
    padding: 20px 0;
}

div.box-sanpham-for {
    padding: 20px 0;
}

div.addthis_toolbox {
    margin-top: 20px;
}

.xemthem-sp {
    width: 125px;
    margin: 0 auto;
    color: #fff;
    line-height: 41px;
    font-size: 14px;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #0193de;
    transition: 0.5s;
    margin-top: 24px;
    border-bottom: 3px solid #04679b;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: 'tieude';
}

.xemthem-sp:hover {
    background: #000;
    color: #1fabf3;
}

img:not([src]):not([srcset]) {
    visibility: hidden;
}

img:not([src]):not([srcset]) {
    visibility: hidden;
}

@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden;
    }
}

div.box-tab {
    text-align: center;
}

div.box-tab a {
    display: inline-block;
    vertical-align: top;
    padding: 5px 11px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    transition: 0.3s;
    margin: 13px 5px;
    font-size: 14px;
    cursor: pointer;
    background: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 4px;
}

div.box-tab a:hover,
.act-a {
    color: #fff !important;
    background: #0193de !important;
}

div.box-hethong {
    padding: 20px 0;
}

div.box-hethong .ht-left {
    width: 45%;
    float: left;
}

div.box-hethong .ht-right {
    width: 52%;
    float: right;
}

div.box-hethong .ht-left .item-ht {
    margin-bottom: 2px;
    cursor: pointer;
}

div.box-hethong .ht-right iframe {
    width: 100%;
}

.act-item {
    color: #f00;
}

div.box-hethong .box_news {
    padding: 0;
    border: 0;
    margin-bottom: 20px;
}

div.box-hethong .box_news .mota {
    line-height: 11px;
}

div.bando-footer {
    line-height: 0;
}

/* phan trang ajax */
.page_noibat ul,
.page_banchay ul,
.page_danhmuc ul,
.page_tabloai ul,
.page_thuvien ul {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.page_sanpham ul {
    display: flex;
    margin: 0 -50px;
    flex-wrap: wrap;
}

.page_congtrinh ul {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.page_tintuc ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -35px;
}

.paging-sm,
.paging-sm2 {
    display: block !important;
    margin-top: 20px;
    text-align: center;
}

.paging-sm a,
.paging-sm2 a {
    width: 25px;
    height: 25px;
    color: #000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 5px;
    font-family: 'mont-r';
    font-size: 17px;
}

.paging-sm a:hover,
.paging-sm a.active,
.paging-sm2 a:hover,
.paging-sm2 a.active {
    color: #000;
    font-family: 'mont-b';
    font-size: 19px;
}

.paging-sm,
.paging-sm li {
    list-style: none;
    display: inline-block;
}

.list_monnb {
    margin-bottom: 80px;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.list_monnb a {
    font-size: 25px;
    text-transform: uppercase;
    color: #a5a5a5;
    display: inline-block;
    vertical-align: top;
    padding: 0px 0px 7px;
    font-family: 'mont-b';
    border-bottom: 4px solid transparent;
}

.list_monnb .name_cap:nth-child(2) {
    padding-left: 30px;
}

.list_monnb .name_cap:nth-child(3) {
    padding-left: 60px;
}

.list_monnb .name_cap:hover a,
.list_monnb .name_cap.active a {
    color: #1270eb;
    border-bottom: 4px solid #facc1f;
}

/* phan trang ajax */
.fb_iframe_widget,
.addthis_toolbox a.addthis_button_facebook_like {
    background: none !important
}

.page_congtrinh div.item .sp_name a {
    text-transform: uppercase;
    font-family: 'tieude';
}

.box_tags {
    padding: 10px;
    margin-top: 15px;
}

.box_tags a {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: 'roboto-r';
    transition: 0.3s;
}

.box_tags a:hover {
    color: #ff0;
}

.box_container .content .box_tags {
    padding: 10px 0;
    margin-top: 0;
}

.box_container .content .box_tags a {
    border: 1px solid #adacac;
    color: #000;
    padding: 2px 13px;
    margin-right: 4px;
}

.box_container .content .box_tags a:hover {
    background: #000;
    color: #fff;
}

.box_container .content .tieude-tags {
    text-transform: uppercase;
    font-family: 'tieude';
}

.grecaptcha-badge,
.grecaptcha-logo,
.grecaptcha-badge iframe {
    display: none !important;
    opacity: 0;
}

.box_sl {
    max-width: 1700px;
    margin: auto;
}

#slider_slick {
    position: relative;
}

.right_sl2 {
    position: relative;
    z-index: 50;
}

.right_sl {
    position: relative;
    height: 100%;
    /* padding-right: 40px; */
}

.right_sl a.keyframes_img {}

.item_sl {
    position: relative;
}

.item_sl .pct {}

.item_sl .pct a img {
    width: 100%;
    display: block;
}

.item_sl .box_chung {
    position: absolute;
    bottom: 5%;
    width: 550px;
    left: 5%;
}

.item_sl .tencn {
    color: #011234;
    font-size: 40px;
    font-family: 'mont-exb';
    text-transform: uppercase;
    line-height: 50px;
}

.item_sl .des {
    font-family: "mont-l";
    font-size: 18px;
    color: #011234;
    margin-top: 17px;
}

.box_slickndcn {}

.slick_ndcn {
    width: 50%;
    float: right;
    padding-top: 12px;
}

.item_sl1 {
    position: relative;
    padding: 5px 0;
}

.item_sl1 .tencn1 {
    font-family: 'mont-b';
    font-size: 15px;
    color: #011234;
    background: url(../img/s1.png)left center no-repeat;
    padding-left: 24px;
}

.item_sl1 .stt {
    position: absolute;
    top: -4px;
    right: 36px;
    color: #fff;
    text-align: right;
    display: none;
    font-size: 18px;
    font-family: 'mont-sb';
}

.item_sl1.slick-current .stt {
    display: block;
}

.slick_ndcn:before {
    content: '';
    position: absolute;
    background: #011234;
    width: 170px;
    height: 80px;
    right: 0;
    top: 0;
}

.slick_ndcn .slick-next {
    background: url(../img/s2.png)center no-repeat;
    width: 12%;
}

.slick_ndcn .slick-prev {
    background: url(../img/s2.png)center no-repeat;
    left: inherit;
    right: 15.5%;
}

/*.item_sl1.slick-current{
	display: none !important;
}*/
.hoso {
    display: inline-block;
    background: #011234 url(../img/xt.png)right 12px center no-repeat;
    padding: 14px 29px;
    padding-right: 161px;
    font-size: 18px;
    font-family: 'mont-m';
    color: #fff;
    box-shadow: 0px 2px 8px #333;
    position: absolute;
    bottom: 0px;
    left: 5%;
}

.hoso i {
    color: #fff;
    margin-right: 6px;
}

.hoso:hover i,
.hoso:hover {
    transition: 0.5s;
    color: #facc1f;
}

.box_sanpham {
    padding: 150px 0;
    /*background: url(../img/d1.png)left bottom no-repeat, url(../img/ff.png)top right no-repeat;*/
    background: url(../img/d1.png)left bottom no-repeat;
    position: relative;
    margin-top: 70px;
}

.tdtc {
    font-family: "mont-sb";
    color: #011234;
    font-size: 94px;
    margin-bottom: 20px;
}

.tdctc {
    color: #011234;
    font-size: 17px;
    font-family: 'mont-l';
    line-height: 21px;
    margin: 65px 0 50px;
}

.tdctc1 {
    font-family: 'mont-b';
}

.box_capp1 {
    max-width: 1360px;
    margin: 0 -18px;
}

.item1 {
    position: relative;
    margin: 10px 18px;
}

.item1 .sl {
    color: #011234;
    font-size: 23px;
    font-family: 'mont-b';
    background: url(../img/d2.png)left bottom no-repeat;
    padding-bottom: 5px;
    margin-bottom: 14px;
}

.item1 .sp_name a {
    color: #011234;
    font-size: 17px;
    font-family: 'mont-r';
}

div.item .sp_name a:hover,
.item1 .sp_name a:hover {
    transition: 0.5s;
    color: #1270eb;
}

.item1 .sp_img {
    position: relative;
    padding-right: 70px;
    padding-top: 25px;
    z-index: 5;
    margin-top: 30px;
}

.item1 a img {
    display: block;
    width: 100%;
    z-index: 5;
    position: relative;
}

.item1 .sl1 {
    color: #011234;
    border: 1px solid #848484;
    width: 82px;
    height: 82px;
    line-height: 82px;
    text-align: center;
    font-size: 54px;
    font-family: 'mont-exb';
    position: absolute;
    top: 0;
    right: 0;
}

.box_doitac {
    padding: 50px 0 90px;
    position: relative;
}

.box_doitac:before {
    content: '';
    position: absolute;
    bottom: -172px;
    right: 93px;
    background: url(../img/ggg.png)right bottom no-repeat;
    z-index: 5;
    width: 400px;
    height: 430px;
}

.left_dt {
    float: left;
    width: 52%;
}

.right_dt {
    float: right;
    width: 40%;
    position: relative;
    z-index: 5;
}

.item_dt {
    position: relative;
    margin: 19px 5px;
}

.item_dt img {
    float: left;
}

.item_dt img {
    -ms-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
}

.item_dt img:hover {
    -ms-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

.xthem {
    background: #011234 url(../img/xt.png)right 12px center no-repeat;
    display: inline-block;
    padding: 11px 45px;
    padding-right: 173px;
    color: #fff;
    font-family: 'mont-m';
    font-size: 18px;
    box-shadow: 0px 0px 8px #333;
}

.xthem:hover {
    transition: 0.5s;
    color: #facc1f;
}

.box_lienhe {
    padding: 50px 0 170px;
    position: relative;
    background: url(../img/Group68.png)left 0px bottom 280px no-repeat;
}

.box_lhe {
    margin-top: 90px;
}

.left_lh {
    float: left;
    width: 45%;
}

.tenlh {
    font-size: 20px;
    font-family: 'mont-b';
    color: #011234;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.left_lh ul,
.box_leftlh ul {
    margin: 0;
    padding: 0;
    width: 71%;
    margin=l: 1;
}

.left_lh ul li,
.box_leftlh ul li {
    list-style: none;
    padding: 5px 0;
    color: #011234;
    font-size: 15px;
    font-family: 'mont-r';
}

.left_lh ul li i,
.box_leftlh ul li i {
    width: 40px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    float: left;
    font-size: 20px;
    margin-right: 26px;
}

div.frm_lienhe .item_lienhe {
    margin: 23px 0;
}

div.frm_lienhe .item_lienhe label {
    font-size: 17px;
    color: #011234;
    font-family: 'mont-sb';
}

div.frm_lienhe .item_lienhe input[type='text'],
div.frm_lienhe .item_lienhe textarea {
    border: none;
    border-bottom: 3px solid #737373;
    padding: 0px 0 15px;
    color: #011234;
    font-size: 17px;
    font-family: 'mont-l';
}

div.frm_lienhe .item_lienhe .css_nut {
    color: #011234;
    font-size: 20px;
    font-family: 'mont-sb';
    border: 1px solid #011234;
    background: none;
    text-transform: unset;
    float: right;
    padding: 9px 35px;
    margin-top: 60px;
}

div.frm_lienhe .item_lienhe .css_nut:hover {
    color: #facc1f;
}

.tenlh2 {
    font-size: 25px;
    font-family: 'mont-sb';
    color: #011234;
    margin-top: 50px;
    margin-bottom: 40px;
}

.right_lh {
    float: right;
    width: 53%;
}

.itemtt {
    position: relative;
    width: 100%;
    margin: 200px 0;
}

.itemtt .sp_img {
    float: right;
    width: 45.5%;
}

.itemtt:nth-child(2n) .sp_img {
    float: left;
}

.itemtt a img {
    display: block;
    width: 100%;
    height: 100%;
}

.itemtt .w-bottom {
    float: left;
    width: 54.5%;
    background: #effaff;
    padding: 1.5% 13% 2% 2.5%;
}

.itemtt:nth-child(2n) .w-bottom {
    float: right;
    padding: 1.5% 2.5% 2% 11%;
}

.itemtt .sp_name a {
    font-family: 'mont-sb';
    color: #011234;
    font-size: 40px;
    display: block;
    margin: 20px 0 60px;
    line-height: 48px;
}

.itemtt .sp_name a:hover {
    transition: 0.5s;
    color: #208dcd;
}

.itemtt .ngaytao {
    font-family: 'mont-l';
    font-size: 14px;
    color: #011234;
}

.itemtt .sp_des {
    -webkit-line-clamp: 6;
    color: #011234;
    font-family: 'mont-m';
    font-size: 17px;
}

.itemtt .xemthem {
    font-size: 20px;
    color: #011234;
    font-family: 'mont-sb';
    margin-top: 20px;
    display: inline-block;
    background: url(../img/dd2.png)right center no-repeat;
    padding-right: 170px;
}

.itemtt .xemthem:hover {
    transition: 0.5s;
    color: #208dcd;
}

.itemtt2 {
    position: relative;
    margin-bottom: 20px;
}

.itemtt2 .sp_img {
    width: 100%;
}

.itemtt2 a img {
    width: 100%;
    display: block;
}

.itemtt2 .w-bottom {
    left: 0;
    bottom: 0;
    padding-left: 23px;
}

.itemtt2 .ngaytao {
    color: #011234;
    font-size: 17px;
    font-family: 'mont-l';
    top: 75px;
    left: -60px;
}

.itemtt2 .sp_name {
    font-size: 40px;
    font-family: 'mont-sb';
    color: #011234;
    margin-bottom: 60px;
}

.itemtt2 .sp_des {
    font-size: 21px;
    font-family: 'mont-l';
    color: #011234;
    -webkit-line-clamp: 6;
    line-height: 1.3;
}

.itemt {
    position: relative;
}

.itemt .sp_img {
    position: relative;
    margin-bottom: 30px;
    /* width: 415px; */
    /* height: 405px; */
}

.itemt .sp_img img {
    width: 100%;
    display: block;
    height: 100%;
}

.itemt .sp_name a {
    color: #011234;
    font-size: 20px;
    font-family: 'mont-sb'
}

.itemt .sp_name a:hover {
    transition: 0.5s;
    color: #208dcd;
}

.itemt .ngaytao {
    color: #011234;
    font-size: 17px;
    font-family: 'mont-l';
    margin-top: 13px;
}

.td_tduong {
    color: #f2f3f5;
    font-family: 'mont-exb';
    font-size: 90px;
    text-transform: uppercase;
    width: 700px;
    position: absolute;
    right: 0;
    top: 1%;
    line-height: 82px;
}

div.tt_lh {
    width: 100%;
    margin-bottom: 40px;
}

.box_leftlh {
    float: left;
    width: 47%;
}

.box_rightlh {
    float: right;
    width: 49%;
}

div.bando {
    width: 100%;
}

div.bando iframe {
    border: none !important;
    padding: 0;
    display: block;
}

.box_container .content {
    max-width: 1640px;
    position: relative;
    margin: 40px auto 30px;
    font-family: 'mont-m';
    font-size: 17px;
}

.box_rightlh div.frm_lienhe .item_lienhe .css_nut {
    float: left;
}

/*gioi thieu*/
.box_container .contentgt {
    max-width: 1640px;
    margin: 80px auto 130px;
}

.left_gt {
    float: left;
    width: 50%;
    margin-right: 3%;
}

.thuyduong {
    font-size: 70px;
    color: #f2f3f5;
    font-family: 'mont-exb';
    text-transform: uppercase;
    line-height: 80px;
    margin-bottom: 50px;
    width: 80%;
}

.menu_gt {
    padding: 0;
    margin: 0;
    width: 45%;
}

.menu_gt li {
    list-style: none;
}

.menu_gt li a {
    color: #a4aab6;
    font-size: 20px;
    font-family: 'mont-b';
    padding: 5px 0;
    display: block;
    background: url(../img/g1.png)right center no-repeat;
}

.menu_gt li a:hover,
.menu_gt li a.active1 {
    color: #1270eb;
    background: url(../img/g2.png)right center no-repeat;
}

.right_gt {
    float: left;
    width: 43.2%;
}

.tieudegt {
    margin-bottom: 30px;
}

.tieudegt p {
    font-size: 17px;
    font-family: 'mont-b';
    color: #011234;
    margin-bottom: 20px;
}

.tieudegt span {
    font-size: 15px;
    font-family: 'mont-r';
    color: #011234;
    display: block;
}

.tieudegt:first-child span {
    width: 56%;
    text-transform: uppercase;
}

.tieudegt:nth-child(3) span {
    width: 90%;
}

.sp_img1 {
    position: relative;
}

.sp_img1 img {
    width: 100%;
    display: block;
}

.itemgt {
    position: relative;
    margin: 53px 0;
}

.itemgt .sp_img {
    float: left;
    width: 47.3%;
}

.itemgt .sp_img img {
    display: block;
    max-height: 600px;
    width: 100%;
    object-fit: cover;
}

.itemgt .w-bottom {
    float: right;
    width: 46%;
}

.itemgt .sp_name {
    font-size: 25px;
    font-family: 'mont-exb';
    color: #011234;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    background: url(../img/td.png)right center no-repeat;
    padding-right: 240px;
}

.itemgt .sp_nd {
    color: #011234;
    font-size: 17px;
    font-family: 'mont-m';
}

.itemgt:nth-child(1) .w-bottom {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.itemgt:nth-child(2) .sp_img {
    float: right;
    width: 46%;
}

.itemgt:nth-child(2) .w-bottom {
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 47.3%;
}

.itemgt:nth-child(4) .sp_img {
    display: none;
}

.itemgt:nth-child(3) .sp_img img {
    max-height: 900px;
}

.itemgt:nth-child(2) .sp_name {
    background: url(../img/td2.png)right bottom no-repeat;
    padding-right: 0;
    padding-bottom: 30px;
}

.itemgt:nth-child(4) .sp_name {
    background: url(../img/td.png)left bottom no-repeat;
    padding-right: 0;
    padding-bottom: 30px;
}

.itemgt:nth-child(4) {
    position: relative;
    margin-top: -266px;
    height: 212px;
    overflow-y: hidden;
    width: 46%;
    float: right;
}

.itemgt:nth-child(3) .w-bottom {
    position: absolute;
    right: 0;
    bottom: 226px;
}

.itemgt:nth-child(4) .w-bottom {
    width: 100%;
}

/*gioi thieu*/
/*tieu chuan chat luong*/
.box_tieuchuan {
    position: relative;
}

.item_cl {
    position: absolute;
    bottom: 0;
}

.item_cl .sp_img {
    float: left;
    margin-right: 20px;
    margin-top: 14px;
}

.item_cl img {
    display: block;
}

.item_cl .w-bottom {}

.item_cl .sp_name {
    color: #011234;
    font-size: 25px;
    font-family: 'mont-sb';
    text-transform: uppercase;
    background: url(../img/td3.png)left bottom no-repeat;
    padding-bottom: 29px;
    display: inline-block;
    margin-bottom: 20px;
}

.item_cl .sp_des {
    color: #011234;
    font-size: 17px;
    font-family: 'mont-m';
    -webkit-line-clamp: 5;
}

.box_cluong {
    margin: 140px 0;
}

.item_cl2 {}

.item_cl2 .sp_img {
    float: left;
    width: 44%;
}

.item_cl2 .sp_img img {
    width: 100%;
    display: block;
}

.item_cl2 .w-bottom {
    float: right;
    width: 49%;
}

.item_cl2 .w-bottom .sp_name {
    color: #011234;
    font-size: 25px;
    font-family: 'mont-exb';
    text-transform: uppercase;
    background: url(../img/td3.png)left bottom no-repeat;
    padding-bottom: 30px;
    margin-bottom: 22px;
}

.item_cl2 .w-bottom .sp_des {
    color: #011234;
    font-size: 17px;
    font-family: 'mont-m';
}

.item_cl3 {
    margin: 10px 0;
}

.item_cl3 .sp_img2 {
    float: left;
    margin-right: 20px;
}

.item_cl3 .w-bottom {}

.item_cl3 .w-bottom1 .sp_name {
    font-size: 25px;
    font-family: 'mont-b';
    background: none;
    padding-bottom: 0;
}

.item_cl3 .w-bottom .sp_des {}

.td_tieuchuan {
    font-size: 25px;
    font-family: 'mont-exb';
    color: #011234;
    text-transform: uppercase;
    margin-bottom: 50px;
}

/*tieu chuan chat luong*/
/*nhan biet thuong hieu*/
.item_nb {}

.item_nb .sp_name {
    color: #011234;
    font-size: 25px;
    font-family: 'mont-exb';
    text-transform: uppercase;
    margin-bottom: 50px;
}

.item_nb .sp_des {
    color: #011234;
    font-size: 17px;
    font-family: 'mont-m';
    margin-bottom: 40px;
    width: 60%;
    height: 50px;
    overflow: hidden;
}

.item_nb .sp_img {
    margin: 10px 0;
}

.item_nb .sp_img img {
    display: block;
}

/*nhan biet thuong hieu*/
/*hinh anh cong ty*/
.left_gt1 {
    width: 33.5%;
}

.right_gt1 {
    width: 63%;
    margin-top: 20px;
}

.left_gt1 .menu_gt {
    width: 55%;
}

.box_hanhgt {
    margin: 50px 0;
}

.item2 {
    position: relative;
    /* width: calc(33.33% - 70px);
    margin: 25px 35px; */
}

.item2 .sp_img {
    position: relative;
}

.item2 img {
    display: block;
    width: 100%;
}

.item2 .w-bottom {
    display: none;
}

/*hinh anh cong ty*/
.box_container .content.box_dtac {
    margin: 100px auto 110px;
    max-width: 1485px;
}

.left_dt1 {
    float: left;
    width: 40%;
    background: url(../img/dt11.png)right bottom no-repeat;
    padding-bottom: 13%;
}

.right_dt1 {
    float: right;
    width: 58%;
}

.tduong_ft {
    font-family: 'mont-exb';
    font-size: 70px;
    text-transform: uppercase;
    position: absolute;
    right: 3%;
    top: -95px;
    color: rgba(234, 234, 236, 0.5);
    width: 40%;
    text-align: right;
    line-height: 70px;
}

.tdctc2 {
    margin: 0 0 35px;
    font-family: 'mont-m';
}

.left_dt1 .tdctc {
    margin-top: 40px;
}

.tduong_sp {
    font-family: 'mont-exb';
    font-size: 70px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 10%;
    color: rgba(234, 234, 236, 0.5);
    width: 40%;
    height: 50%;
    text-align: right;
    line-height: 70px;
    transform: rotate(90deg);
    text-align: center;
    padding-top: 4%;
}

.tduong_lh {
    right: inherit;
    left: -190px;
    bottom: 25%;
    top: inherit;
    height: inherit;
}

.mxhtop {
    font-family: 'mont-sb';
    color: #011234;
    font-size: 21px;
    position: absolute;
    top: 125px;
    /* transform: translateY(-50%); */
    left: 19px;
    z-index: 999;
    -webkit-animation: my 3000ms infinite;
    -moz-animation: my 3000ms infinite;
    -o-animation: my 3000ms infinite;
    animation: my 3000ms infinite;
    background: url(../img/Group48.png)right center no-repeat;
    height: 648px;
    width: 25px;
}

@-webkit-keyframes my {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes my {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes my {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes my {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#google_language_translator {
    width: auto !important;
}

.goog-te-gadget .goog-te-combo {
    margin: 4px 0px !important;
}

.goog-tooltip {
    display: none !important;
}

.goog-tooltip:hover {
    display: none !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

p.hello {
    font-size: 12px;
    color: darkgray;
}

#google_language_translator {
    clear: both;
    width: auto !important;
    text-align: right;
    display: none;
}

#flags {
    text-align: right;
}

p.hello {
    text-align: right;
    float: right;
    clear: both;
    color: #666;
}

.glt-clear {
    height: 0px;
    clear: both;
    margin: 0px;
    padding: 0px;
}

.skiptranslate iframe {
    display: none !important
}

.ggdich {
    position: absolute;
    right: 29px;
    top: -30px;
    z-index: 99;
}

.box_sanpham1 {
    background: url(../img/bgj.png)left top 312px no-repeat;
}

.box_sanpham1:before {
    content: '';
    position: absolute;
    top: 150px;
    right: 0;
    background: url(../img/jk.png)right top no-repeat;
    width: 555px;
    height: 886px;
}

.box_ctsp {
    background: url(../img/bg3.jpg)bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 10px;
}

.box_tchuankhac {
    margin-bottom: 50px;
}

.chay_cluong .slick-next,
.chay_cluong .slick-prev {
    background: url(../img/kk.png)center no-repeat;
}

.box_nbietth {
    margin-bottom: 50px;
}

.chay_t2 .slick-next {
    background-image: url(../img/pe.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    background-color: #011234;
    transform: rotate(180deg);
    width: 60px;
    height: 60px;
}

.chay_t2 .slick-prev {
    background-image: url(../img/pe.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    transform: rotate(0deg);
    background-color: #011234;
    width: 60px;
    height: 60px;
}

.box_baott {
    margin: 60px 0 110px;
}

.tieude_giua2 div {
    font-size: 40px;
    font-family: 'mont-sb';
    background: url(../img/td5.png)left bottom no-repeat;
    padding-bottom: 17px;
    margin-bottom: 50px;
}

div.phone_mobi {
    display: none;
}

.box_cchung {
    padding: 0;
    max-width: 1580px;
}

.box_cchung1 {
    max-width: 1530px;
    padding: 0;
}

.box_chung3 {
    max-width: 1580px;
    margin: auto;
    /* background: url(../img/b1.png)right bottom no-repeat; */
}

div.frm_lienhe {
    width: 83%;
}

div.box_gthieu {
    max-width: 1530px;
    margin: auto;
}

.box_container div.contentsp {
    max-width: 1450px;
    margin-bottom: 150px;
}

div.box_sanpham2 {
    padding-right: 5%;
}

.box_container div.contentctsp {
    max-width: 1455px;
    margin: 80px auto 83px;
}

.box_container div.contentct2 {
    max-width: 1455px;
    margin: 80px auto 110px;
}

.box_container div.contentth {
    margin: 80px auto 100px;
}

.box_container div.content_ttuc {
    max-width: 1240px;
    margin: auto;
}

div.contect_tc:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    background: url(../img/hh1.png)no-repeat;
    width: 554px;
    height: 850px;
}

div.left_gttc {
    padding-bottom: 50px;
    margin-right: 0;
}

div.right_gttc {}

div.left_gtth {
    margin-right: 0;
}

div.right_gtth {
    width: 48.5%;
}

.thuyduongha {
    width: 95%;
}

div.page_tintuc1 {
    max-width: 1222px;
    margin: auto;
    margin-top: -60px;
}

div.tdtc_tt {
    max-width: 1315px;
    margin: 90px auto 80px;
}

.box_container .box_leftlh {
    width: 43%;
}

.box_container .box_rightlh {
    width: 34%;
}

.box_container div.frm_lienhe {
    width: 100%;
}

.right_dt1 .item_dt img {
    float: inherit;
}

div.slider_ok {
    display: grid;
    grid-template-columns: 77% 20%;
    grid-gap: 0 30px;
    padding-right: 40px;
}

div.right_sl .img0 {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 40;
    width: 100%;
    height: 100%;
}

div.right_sl .img1 {
    position: absolute;
    left: 40px;
    top: 40px;
    z-index: 39;
    width: 100%;
    height: 100%;
}

div.right_sl .img {
    position: relative;
    width: 100%;
    height: 100%;
}

div.right_sl .keyframes_img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

div.right_sl .slick-next,
div.right_sl .slick-prev {
    opacity: 0;
}