@font-face {
    font-family: Roboto-Bold;
    src: url("../fonts/Roboto-Bold.ttf");
    font-weight: normal;
}
@font-face {
    font-family: Roboto-Regular;
    src: url("../fonts/Roboto-Regular.ttf");
}
@font-face {
    font-family: "avo";
    src: url(../fonts/UTMAvo.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "avobold";
    src: url("../fonts/UTMAvoBold.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "gomthan";
    src: url("../fonts/SVNGothamBold.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "saigon";
    src: url("../fonts/UVNSaigon_R.TTF");
    font-weight: normal;
    font-style: normal;
}
.clearfix-15 {
    height: 15px;
    clear: both;
}

/*update 29/9/2017 ----->*/
@font-face {
    font-family: UTM_HelvetIns_0;
    src: url(../fonts/UTM_HelvetIns_0.ttf);
}
p {
    margin: 0px;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover,
a:focus {
    color: #0d7cd6;
    text-decoration: none;
}

* {
    margin: 0px;
    padding: 0px;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.fixed {
    position: fixed !important;
    top: 0px;
    z-index: 99;
    width: 100%;
}
body {
    background: #fff;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    overflow-x: hidden;
}

del {
    font-size: 12px;
    color: #999;
}
.container {
    /* width: 1200px; */
}
/*===========All=============*/

/*==========Main============*/
.img_anh {
    height: 250px;
}
.img_new {
    width: 100%;
    height: 150px;
    /* width: 300px; */
}
.title-h3 a {
    font-size: 20px;
}
.menu_mb {
    top: 0;
    position: fixed;
    width: 100%;
    background: #ffffff;
    z-index: 999;
    border-bottom: 1px solid #ccc;
}
#go_top {
    position: fixed;
    width: 24px;
    height: 25px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    background-size: 100% 100%;
    display: inline-block;
    z-index: 100;
    bottom: 25px;
    right: 25px;
}
.img_logo_mb {
    max-height: 60px;
    left: -30%;
    transform: translateX(30%);
}
.menu_main .nav.is-fixed {
    position: relative;
    z-index: 105;
}
/* ************** */
.intro-top {
    font-family: UTM_HelvetIns_0;
    color: #26424c;
    text-transform: uppercase;
}
.name-cty {
    padding: 5px 0px;
}
.intro-text-1 {
    font-size: 24px;
    background: url("../img/line.png") no-repeat bottom center;
    padding-bottom: 5px;
}
.name-cty a {
    font-size: 48px;
    color: #ff0000;
}
.address-top {
    font-size: 16px;
}
.contact-top {
    margin-top: 70px;
    margin-right: -20px;
}
.contact-top {
    font-family: fantasy;
    font-size: 18px;
    color: #ff0000;
}
.phone-top {
    font-size: 30px;
}
.phone_sdt {
    font-size: 30px;
    color: #ff0000;
}
.sc_header_mid {
    padding: 15px 0px;
    background: url(../img/bg-header.png) no-repeat right center;
}
.sc_header_menu {
    background: #ec0000;
}
.form_search {
    right: 20% !important;
}
.form_search {
    position: absolute;
    border: 1px solid #ec3642;
}
.form_search {
    z-index: 999;
    position: absolute;
    right: 50px;
    margin-top: 5px;
    background: #fff;
}
.form_search .form-group {
    margin-bottom: 0px;
    border-radius: 0px;
    overflow: hidden;
}
.form_search .input-search {
    border: 0px;
    border-radius: 0px;
    padding: 7px 12px;
}
.button-search {
    border-radius: 0px;
    color: #fff;
    background: #ec3642;
    margin-right: -3px;
    border: 0px;
}
.slider_main .item img {
    width: 100%;
    height: 450px;
}
.img_prd_hot img {
    width: 100%;
    height: 265px;
}
.text_prd {
    /* padding-top: 100px; */
    padding-top: 30px;
    height: 220px;
}
.text_prd h2 a {
    font-size: 21pt;
    font-family: "avo";
    color: #be191e;
    margin-right: 10px;
}
.prd_inner {
    border: 1px solid #ccc;
    padding-left: 0;
    padding-right: 0;
}
.prd_hot {
    margin-top: 30px;
}
.bdcat {
    border-top: 3px solid #ec0000;
    margin-top: 30px;
}
.menu_left h4 {
    color: #340c0c;
    font-family: arial;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #340c0c;
    margin-bottom: 15px;
}
.menu_left li a {
    text-transform: uppercase;
    color: #fff;
}

.drop1 {
    width: 100%;
    display: inherit;
    line-height: 14px;
    background: rgb(236, 0, 0);
    padding: 14px 8px 14px 10px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 8px 16px;
}
.drop2 a {
    padding: 10px 8px 10px 10px;
    background: rgb(87, 90, 97);
    display: block;
    border-top: 1px solid rgb(221, 221, 221);
}
.menu_left i {
    font-size: 10px;
    color: #fff;
    margin-right: 10px;
}
.menu_left i.fa-angle-up {
    float: right;
    font-size: 16px;
    color: #fff;
}
.page_home h2 {
    font-family: avo;
    text-transform: uppercase;
    font-size: 15px;
    color: rgb(190, 25, 30);
}
.imggt img {
    width: 100%;
    height: 200px;
}
.desgt p {
    font-family: avo;
    font-size: 14px;
    text-align: justify;
    line-height: 27px;
}
.tit_side h2 {
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    padding: 10px 0px;
    background: rgb(236, 0, 0);
}
.main-side {
    border-width: 1px 1px 1px;
    border-style: solid solid solid;
    border-color: rgb(204, 204, 230) rgb(204, 204, 230) rgb(204, 204, 230);
    border-image: initial;
    padding: 0px 15px 10px;
    border-top: none !important;
}
.list-ht ul li {
    padding: 9px 0px;
    background: url(../img/icon-ar.png) 0px 13px no-repeat;
    border-bottom: 1px dotted rgb(199, 199, 199);
}
.list-sdt {
    color: rgb(190, 25, 30);
    font-weight: bold;
    padding: 0px 0px 0px 15px;
}
.list-icon {
    text-align: center;
    padding: 0px;
}
.list-icon img {
    margin: 0px 5px;
    margin-right: 10px;
}
.title_home {
    font-size: 18px;
    font-weight: bold;
    color: #be191e;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 2px solid #ec0000;
    font-family: "avo";
    color: #be191e;
    margin-bottom: 20px;
}
.video_item iframe {
    width: 100%;
    height: 250px;
}
.boxsp {
    width: 100%;
    border: 1px solid #ccc;
}
.boxsp h2 {
    font-family: "avo";
    text-transform: uppercase;
    font-size: 18px;
    color: #be191e;
    min-height: 40px;
}
.product_nb {
    margin-top: 30px;
}
.bgnb img {
    width: 100%;
}
.boxsp img {
    width: 100%;
    height: 250px;
}
.spnb {
    background: #eae9e5;
    margin-top: -2px;
    padding-bottom: 20px;
}
.jcarouse li img {
    width: 100%;
    height: 175px;
    margin-bottom: 20px;
}
.foot {
    background: url(../img/bgfooter.jpg) no-repeat;
    background-size: cover;
    padding-top: 25px;
    margin-top: 20px;
}
.addr ul li {
    font-family: "avo";
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}

.addr ul li img {
    margin-right: 6px;
}

.address {
    padding-right: 0px;
}

.menufoot ul li a {
    color: #fff;
    font-size: 14px;
    font-family: "avo";
}

.bd_menufoot {
    border-bottom: 1px solid #ff6f06;
    width: 40%;
}

.ul_ft {
    margin-bottom: 20px;
}

.menufoot ul li {
    margin-top: 10px;
}

.form_footer .form-control {
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
    margin: 0px;
    border-radius: none !important;
}

.form_footer.table-responsive {
    margin: 0px;
}

.form_footer .table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: none !important;
}

.form_footer input.form-control {
    height: 19px;
    border-radius: none !important;
}

.form-control1 {
    border-radius: 0 !important;
    font-family: arial;
    font-size: 12px;
    color: #000;
}

.form_footer {
    padding-top: 30px;
}

.coppyright {
    color: #fff;
    font-size: 14px;
    font-family: "avo";
    background: #6e0000;
    padding: 15px 0px;
}
.address h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 7px;
    font-family: "avobold";
}
.table-bordered {
    border: 0 !important;
}
.form_footer input.form-control {
    height: 19px;
    border-radius: 0 !important;
}

.form_footer .table {
    width: 80%;
    color: #fff;
    font-family: "avo";
    padding-top: 20px;
    border: none;
    font-size: 14px;
}
.menufoot h2 a {
    color: #fff;
    font-size: 14px;
    font-family: "avo";
    text-transform: uppercase;
}
.text-dv {
    bottom: 0px;
    width: 100%;
}
.text-dv h3 {
    width: 100%;
    text-align: center;
}
.text-dv a {
    font-size: 14px;
    color: black;
}

.itempro {
    border: 1px solid #ddd;
    padding: 3px;
}

.itemboxpro {
    margin-bottom: 10px;
}

.imgpro1 img {
    width: 100%;
}

.detailmota {
    padding: 15px;
}

.detailmota1 {
    padding-left: 0px;
}

.imgpro1 {
    padding: 0px;
    border: 1px solid #ccc;
    max-height: 967px;
    overflow: hidden;
}

.chitietpro {
    font-weight: bold;
    color: #333;
    font-size: 14px;
    padding-bottom: 15px;
}

.detailmota1 h2 {
    font-size: 15px;
    font-weight: bold;
}

.title_cat h2 {
    font-size: 15px;
    font-weight: bold;
}

.title_cat {
    border-bottom: 3px solid #a04f18;
    margin-bottom: 15px;
}

.title_cat h2 a {
    color: #333;
}

.text-new {
    padding-right: 0px;
}

.view a {
    color: #fff;
    font-style: italic;
    font-weight: bold;
    background: #be191e;
    padding: 8px;
}

.img_in img {
    width: 100%;
}

.thumbnail_img_2 {
    position: relative !important;
    display: block;
}

.item img {
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.item img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.img-lq img {
    width: 100%;
}
.itemboxpro {
    margin-bottom: 10px;
}

.imgpro1 img {
    width: 100%;
}

.detailmota {
    padding: 15px;
}

.detailmota1 {
    padding-left: 0px;
}

.imgpro1 {
    padding: 0px;
    border: 1px solid #ccc;
    max-height: 967px;
    overflow: hidden;
    margin-top: 20px;
}

.chitietpro {
    font-weight: bold;
    color: #333;
    font-size: 14px;
    padding-bottom: 15px;
}

.detailmota1 h2 {
    font-size: 15px;
    font-weight: bold;
}

.img_in img {
    width: 100%;
}

.thumbnail_img_2 {
    position: relative !important;
    display: block;
}

.nav2 > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav2 {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.drop2 a {
    padding-left: 20px;
}

.entry-content {
    width: 100% !important;
}
.jcarouse {
    height: 815px !important;
}
.jcarouse li {
    height: 140px;
}
.tit-side h2 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}