@charset "utf-8";
/* CSS Document */
ul {
    margin: 0px;
    padding: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
    margin: 0px;
    padding: 0px;
}
@font-face {
    font-family: roboto;
    src: url(../fonts/RobotoCondensed-Regular.ttf), url(../fonts/RobotoCondensed-Regular.eot);
}
@font-face {
    font-family: robotob;
    src: url(../fonts/roboto-bold.ttf), url(../fonts/roboto-bold.eot);
}
@font-face {
    font-family: open;
    src: url(../fonts/OpenSans-Regular.ttf), url(../fonts/OpenSans-Regular.eot);
    font-weight: normal;
}
@font-face {
    font-family: open;
    src: url(../fonts/OpenSansSemibold.ttf), url(../fonts/OpenSansSemibold.eot);
    font-weight: 600;
}
@font-face {
    font-family: open;
    src: url(../fonts/OpenSans-Bold.ttf), url(../fonts/OpenSans-Bold.eot);
    font-weight: bold;
}
@font-face {
    font-family: open;
    src: url(../fonts/OpenSans-Light.ttf), url(../fonts/OpenSans-Light.eot);
    font-weight: 300;
}
@font-face {
    font-family: robotol;
    src: url(../fonts/Roboto-Light.ttf), url(../fonts/Roboto-Light.eot);
}
@font-face {
    font-family: SFUFeniceBold;
    src: url(../fonts/SFUFeniceBold.ttf), url(../fonts/SFUFeniceBold.eot);
}
@font-face {
    font-family: SFUFuturaBook;
    src: url(../fonts/SFUFuturaBook.TTF), url(../fonts/SFUFuturaBook.eot);
}
@font-face {
    font-family: robotor;
    src: url(../fonts/RobotoRegular.ttf), url(../fonts/RobotoRegular.eot);
}
body {
    font-family: open;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 auto !important;
    background: #fff;
}
img{
    max-width: 100%;
    height: auto;
}
a {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.h1_tieude {
    position: fixed;
    z-index: -111;
    top:-20000;
}
.clear {
    clear: both;
}
.clear10 {
    clear: both;
    height: 10px;
}
.clear15 {
    clear: both;
    height: 15px;
}
.clear20 {
    clear: both;
    height: 20px;
}
ul {
    list-style: none;
    margin: 0px;
}
#wrapper {
    position: relative;
}
.maxwidth {}
.maxwidth2 {
    position: relative;
}
#header {
    position: relative;
    z-index: 9;
    padding: 15px 0px;
}
#banner {
    position: relative;
}
#banner img {
    max-width: 100%;
    height: auto;
}
#logo {
    float: left;
    z-index: 99;
    margin: 13px 0px;
}
#logo img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 99;
}
#logo2 {
    display: none;
}
#menu-top {
    position: relative;
    height: 88px;
    z-index: 10;
    /* float: right; */
    line-height: 87px;
}
#menu-top .menu-parent {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 0px;
    /* float: right; */
    height: 88px;
    position: relative;
    z-index: 10;
}
.menu {
    float: left;
    position: relative;
    z-index: 10;
}
.menu:hover {
}
.text-a {
    font-size: 14px;
    padding: 0px 13px;
    color: #fff;
    font-weight: normal;
    border-right: 1px solid #fff;
    text-transform: uppercase;
}
.text-a img {}
.menu:hover .text-a {
    color: #ff0;
}
.text-a:after,.text-a:before{
    position:absolute;
    transition:0.5s;
    opacity:0;
    top:-1px;
    color:#d2030e;
    
}
.text-a:after{
    content:'[';
    left:0;
}
.text-a:before{
    content:']';
    right:0;
}
.active2 {
    float: left;
    position: relative;
}
.active2 a {
    color: #ff0;
}
.ul-child {
    position: absolute;
    z-index: 9;
    list-style-type: none;
    text-align: left;
    top: 110%;
    min-width: 200px;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
}
.ul-child a {
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    font-weight: normal;
}
.li-child:hover {
    background-color: #d2030e;
}
.li-child:hover>a {color: #ff0;}
.li-child {
    padding: 8px 20px;
    line-height: 18px;
    cursor: pointer;
    position: relative;
    background-color: #ec1824;
    border-bottom: 1px solid #ff7d7d;
}
.li-child:last-child {}
.menu:hover .ul-child,.active2:hover .ul-child {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.active2:hover .ul-child {
    display: block;
}
.ul-child-child {
    position: absolute;
    z-index: 9999;
    list-style-type: none;
    top: 10%;
    left: 100%;
    width: 200px;
    visibility: hidden;
    opacity: 0;
}
.li-child-child {
    padding: 7px 20px;
    line-height: 18px;
    cursor: pointer;
    background: #ec1824;
    border-bottom: 1px solid #d2030e;
}
.li-child-child:hover {
    background: #d2030e;
}
.li-child-child:hover>a {
}
.li-child:hover .ul-child-child,.li-child-child:hover .ul-child-child-child {
    top:0;
    visibility: visible;
    opacity: 1;
}
.ul-child-child-child {
    position: absolute;
    z-index: 9999;
    list-style-type: none;
    top: 10%;
    left: 100%;
    width: 200px;
    visibility: hidden;
    opacity: 0;
}
.li-child-child-child {
    padding: 7px 20px;
    line-height: 18px;
    cursor: pointer;
    background: #ec1824;
    border-bottom: 1px solid #d2030e;
}
.li-child-child-child:hover {
    background: #d2030e;
}
.li-child-child:hover .ul-child-child-child {
    display: block;
}
#menu-top-rp {
    display: none;
    position: relative;
    z-index: 999;
}
#content {
    margin: 31px 0px;
    overflow: hidden;
}
#slide_trung {
    position: relative;
    z-index: 7;
}
#slide_trung img {
    max-width: 100%;
    height: auto;
}
#content-top {
    padding: 30px 0px;
}
.list-danhmucsanpham {
    border: 1px solid #d7d5d5;
    padding-top: 0;
    margin-bottom: 20px;
    background: #fff;
}
.list-hotro {
    border: 1px solid #d7d5d5;
    padding-top: 11px;
}
.title-main {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    padding-bottom: 15px;
}
.title-main h2 {
    font-size: 20px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    position: relative;
    padding: 30px 75px 10px;
    font-weight: 600;
}
.title-main h2:after{
    height:2px;
    width:60px;
    content:'';
    position:absolute;
    top:0;
    background:#eb3d00;
    left:0;
    right:0;
    margin:0 auto;
}
.title-main h3 {
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    margin: 10px;
    position: relative;
    font-family: SFUFeniceBold;
    color: #262626;
    padding-bottom: 55px;
}
.title-main h3:after{
    background:#ebd474;
    width:1px;
    height:35px;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:0px;
    content:'';
}
.title-main h2 font {
    color: #ff0004;
}
.title-main h2 a {
    color: #272727;
}
.product-all {}
.product:hover{
    background: #f1f1f1;
}
.product:hover .gia-login{
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    -moz-transform: rotate3d(0, 1, 0, -90deg);
    -o-transform: rotate3d(0 01 0, -90deg);
    -ms-transform: rotate3d(0, 1, 0, -90deg);
    transform: rotate3d(0, 1, 0, 0deg);
}
.gia-login{
    -webkit-transform: rotate3d(0, 1, 0, -90deg);
    -moz-transform: rotate3d(0, 1, 0, -90deg);
    -o-transform: rotate3d(0, 1, 0, -90deg);
    -ms-transform: rotate3d(0, 1, 0, -90deg);
    transform: rotate3d(0, 1, 0, -90deg);
    transition: 1s;
    transform-origin: 0 0 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align: left;
    padding: 15px;
    background: rgba(237, 28, 36,0.6);
}
.gia-login-in{
    position: absolute;
    bottom: 0;
    left: 0;
    padding:15px;
}
.gia-login p{
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.product {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}
.product img {
    max-width: 100%;
    height: auto;
}
.product_noibat img {
    max-width: 100%;
    height: auto;
}
.hinh-product {
    position: relative;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
}
.product:hover .hinh-product:hover img {
    transform: scale(1.1);
}
.mota-product h3 a {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    display: -webkit-box;
    max-width: 100%;
    height: 30px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mota-product p{
    font-weight: normal;
    font-size: 14px;
    color:#6e6e6e;
    margin: 6px 0px;
}
.mota-product p i{
    margin-left:5px;
}
.product:hover .mota-product h3 a {
    color: #ff0000 !important;
}
.product:hover .hinh-product {}
.mota-product {
    margin: 10px;
    text-align: center;
}
.gia-product {
    color: #3e3e3e;
    font-size: 22px;
    display: inline-block;
}
.gia-product font {
    color: #d31212;
    font-weight: bold;
}
.gia-goc {
    text-decoration: line-through;
    color: #979797;
    font-size: 14px;
    display: inline-block;
    margin-left: 15px;
}
#footer {
    position: relative;
    padding: 40px 0px 0px;
    background:#4d4d4d;
    overflow: hidden;
}
.congty {
    
}

#search{
    cursor: pointer;
}
#timkiem{
    width: 430px;
    height: 40px;
    border: none;
    outline: none;
    float: right;
    margin-top: 0px;
    right: 0;
    z-index: 999;
    border: 1px solid #fff;
    margin: 5px;
}
.timkiem{
    border: none;
    height: 38px;
    width: calc(100% - 210px);
    color: #fff;
    outline: none;
    background: none;
    padding: 0px 10px;
    float: left;
    font-size: 13px;
}
.btn-show{
    height: 28px;
    width: 28px;
    cursor: pointer;
    background: url(../images/icon-search.png);
    border: none;
    outline: 0;
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    margin-left: 15px;
    margin-top: 5px;
}
.bt-timkiem{
    border: none;
    background: none;
    outline: none;
    width: 40px;
    height: 39px;
    float: right;
    cursor: pointer;
    background: url(../images/ic-search.png) no-repeat center;
    border-left: 1px solid #fff;
}
#product-detail {
    margin-bottom: 30px;
}
#product-detail #left {
    text-align: center;
}
#product-detail #left img {}
#product-detail #right {}
#product-detail #right h1 {
    font-size: 24px;
    color: #282828;
    font-weight: bold;
    text-transform: uppercase;
}
.chitietsanpham {
    border-bottom: 1px solid #ffffff;
    padding: 10px 0px;
}
.list-news {
    margin-bottom: 10px;
    padding:13px;
    background:#f9f9f9;
    position: relative;
    z-index: 7;
}
.list-news img {
    max-width: 100%;
    height: auto;
}
.list-news h3 {
    margin: 0px;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}
.list-news h3 a {
    color: #232323;
    font-size: 16px;
}
.list-news h3 a:hover {color: red;}
.list-news span {
    color: #ad121a;
    font-size: 13px;
    font-style: italic;
}
.list-news p {
    color: #232323;
    font-size: 13.5px;
}
.hinh-tintuc {
    z-index: 9;
    padding-right: 0px !important;
    margin-right: 15px;
}
.hinhanh {
    z-index: 5;
}
.news_left {
    float: left;
    margin-right: 20px;
}
.news_left img {}
.news_right {
    float: none;
    margin: 0px 10px;
}
.news_right h2 a {
    color: #494949;
    font-size: 12px;
    text-transform: uppercase;
}
.news_right h2 a:hover {
    color: #10aadd;
}
.news_right span {
    color: #9e9e9e;
    font-size: 11px;
    font-style: italic;
}
.news_right p {
    color: #575555;
    font-size: 14px;
    text-align: justify;
}
.title_news {
    color: #ad121a;
    font-size: 25px;
    margin: 10px 0px;
    font-weight: bold;
}
.noidung_tintuc {
    padding: 10px 0px;
}
.noidung_tintuc img {
    max-width: 100%;
    height: auto;
}
.noidung img {
    max-width: 100%;
    height: auto;
}
.othernews {
    padding: 10px 0px;
}
.othernews a {
    color: #333333;
}
.othernews a:hover {
    color: #ff0000;
    transition: 0.5s;
}
ul.pagination {
    text-align: center;
    color: #829994;
    display: block;
}
ul.pagination li {
    display: inline-block;
    padding: 0 3px;
    margin-bottom: 5px;
}
ul.pagination a {
    color: #959595;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #cde0dc;
    text-decoration: none;
    float:none;
}
ul.pagination a:hover,ul.pagination li.active a,
ul.pagination a.current {
    background: #f00;
    color: #fff;
}
.control-label {
    text-align: left !important;
    float: left;
}
#video {
    position: absolute;
    width: 361px;
    top: 50px;
    right: 89px;
    z-index: 99;
    margin-bottom: 10px;
}
.nav-ul {
    margin-bottom: 0px;
    background: #f0f0f0;
}
.nav-li {
    position: relative;
    border-bottom: 1px solid #d8d7d7;
}
.nav-li:last-child {
    border-bottom: none;
}
.nav-li:hover>.nav-a {
    color: #ff0000;
}
.nav-a {
    display: block;
    color: #000;
    font-size: 14px;
    padding-left: 20px;
    font-family: Montserrat-Regular;
    padding: 10px 0px 10px 20px;
}
.nav-a img {
    margin-right: 10px;
}
.nav-a2 {
    margin-left: 15px;
    background: none;
}
.nav-active {
    border-bottom: 1px solid #ac0b0b;
    padding: 5px 10px;
    background-color: #ac0b0b;
}
.nav-active .nav-a {
    color: white;
}
.nav-ul-child {
    list-style-type: none;
}
.nav-a3 {
    margin-left: 40px;
}
.nav-li-child:hover {}
.nav-li-child:hover>.nav-a2 {
    color: #ff0000;
}
.nav-li-child {
    position: relative;
    border-top: 1px solid #d8d7d7;
}
.nav-li-child:last-child {
    padding-bottom: 0;
}
.nav-li:hover .nav-ul-child {}
.tieude_footer {
    padding-bottom: 15px;
}
.tieude_footer h2 {
    color: #fff;
    font-size: 15px;
    font-family: robotor;
    display: inline-block;
    margin: 0px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#footer1 {
    z-index: 1000;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
}
#footer1 table {
    width: 100%;
    text-align: center;
    margin: auto;
    background: #d92e04;
    border: 1px solid #e8e8e8;
}
#footer1 img {
    width: 30%;
    max-width: 35px;
    vertical-align: middle;
}
#footer1 a {
    color: #fff;
}
#hotline {
    float: right;
    background: unset;
    background: url(../images/icon-phone.png) no-repeat left top;
    line-height: 20px;
    font-family: opens;
    font-size: 15px;
    padding: 0px 0px 5px 26px;
    margin: 25px 0px;
}
#hotline p {
    font-size: 22px;
    font-family: openb;
    color: #014f38;
    margin-bottom: 0px;
    margin-top: 5px;
    position: relative;
    left: -25px;
}
.hotline {
    float: right;
    background: url(../images/icon-hotline.png) no-repeat;
    width: 229px;
    height: 39px;
    margin-top: 4px;
}
.hotline p {
    float: left;
}
.hotline b {
    color: #ff0;
    font-size: 20px;
    font-family: avob;
    margin-left: 67px;
    display: inline-block;
    margin-top: 3px;
}
.hotline img {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}
#newsletter {
    margin-bottom: 20px;
}
#newsletter h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    margin: 13px 20px 0px 0px;
    float: left;
}
.mangxahoi {
    /* margin: 7px; */
    color: #fff;
    font-size: 13px;
}
.nhan_mail {
    display: inline-block;
    width: 100%;
}
.nhan_mail p {
    font-size: 18px;
    margin-bottom: 10px;
}
.text-nhantin {
    width: calc(100% - 65px);
    height: 50px;
    padding-left: 10px;
    outline: none;
    background: #fff;
    border: none;
    float: left;
    color: #555555;
    font-size: 13px;
    border: 1px solid #cdcdcd;
    border-radius: 5px 0px 0px 5px;
    font-family: Montserrat-Regular;
}
.bt-nhantin {
    width: 65px;
    height: 50px;
    float: left;
    background: #d31212 url(../images/icon-plane.png) no-repeat center;
    border: none;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 0;
    border-radius: 0px 5px 5px 0px;
}
.transition,a,img {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
#copyright {
    font-size: 13px;
    margin: 0px;
    color: rgba(255,255,255,0.8);
    padding: 15px 0px;
    margin-top: 40px;
    background: #eb3d00;
    text-align: center;
}
.copy {
    margin: 0px;
}
.copy font{
    font-weight: bold;
}
#btn-lg {
    cursor: pointer;
    color: #fff;
    font-size: 24px;
    left: 10px;
    top: 5px;
}
.xemthem {
    font-size: 12px;
    font-family: time;
    color: #000;
}
.xemthem:hover {
    text-decoration: underline;
}
.noidung-gt {
    text-align: center;
}
.noidung-gt h3 {
    font-size: 50px;
    color: #b37100;
    font-family: utmwkt;
    text-transform: capitalize;
    margin: 0px;
    margin-bottom: 20px;
}
.noidung-gt p {
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px;
    font-family: time;
}
#content-ykienkhachhang {
    padding: 30px 0px;
}
#menu {background: #cc0008;max-width: 1170px;margin: 0 auto;line-height: 50px;}
#noidung_dl {
    height: 153px;
}
.nhan_mail {}
.nhan_mail h3 {
    font-size: 15px;
    font-family: opensmb;
}
.online {
    float: right;
    margin: 0px;
}
.hover_sang1:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    z-index: 10;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
    transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
}
.hover_sang1:hover:before {
    webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
    transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
}
.hover_sang1 {
    position: relative;
    overflow: hidden;
}
#doitac {
    padding: 10px 0px 30px;
}
#doitac img {
    margin-right: 15px;
    border: 2px solid #fff;
}
#doitac img:hover{
    border: 2px solid #ed1d25;
}
.tieude-footer {}
.tieude-footer h2 {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0px;
    color: #eb3d00;
    position: relative;
    text-transform: uppercase;
}
.othernews h2 {
    color: #222;
    font-size: 20px;
    color: #222;
    margin-top: 0px;
}
.links_titles {
    list-style: none;
}
.links_titles li i {
    margin-right: 10px;
}
.links_titles li {
    padding: 10px 0px;
    border-bottom: 1px dashed #e8e8e8;
}
.links_titles li a {
    font-size: 14px;
    line-height: 20px;
    color: #3b3b3b;
}
.my_glass {
    position: relative;
    display: block;
    z-index: 5;
}
.my_glass:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.my_glass:hover:after {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#timkiem1 {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #a22127;
}
#timkiem1 .timkiem {
    color: #fff;
}
#timkiem1 .bt-timkiem {
    color: #fff;
    background: #a22127 url(../map/searchicon.png) no-repeat center;
    background-size: 40%;
}
.tabcontent {
    padding: 10px 10px;
    text-align: justify;
    line-height: 22px;
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top-color: #5AB1D0;
}
div.tab button {
    display: inline-block;
    padding: 10px 14px 10px 10px;
    color: #000;
    font-weight: bold;
    border-bottom: 4px solid #fff;
    border-top: 4px solid rgb(245, 245, 245);
    background-color: rgb(245, 245, 245);
    font-size: 13px;
    text-transform: capitalize;
    border-left: 1px solid rgb(245, 245, 245);
    border-right: 1px solid rgb(245, 245, 245);
    position: relative;
    outline: 0;
}
/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #f0f0f0;
    background: #fff;
    border-top: 4px solid #d31212;
    border-left: 1px solid #d31212;
    border-right: 1px solid #d31212;
    bottom: -2px;
    color: #d31212;
}
/* Create an active/current tablink class */
div.tab button.active {
    background-color: #f0f0f0;
    background: #fff;
    border-top: 4px solid #d31212;
    border-left: 1px solid #d31212;
    border-right: 1px solid #d31212;
    bottom: -2px;
    color: #d31212;
}
#map_canvas1 iframe,#map_canvas iframe {
    width: 100%;
    height: 100%;
}
.grecaptcha-badge {
    display: none;
}
#header-left {
    float: left;
}
#header-right {
    float: right;
    /* width: calc(100% - 300px); */
}
.header-right_top {
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    line-height: 45px;
}
.header-right_top marquee {
    float: left;
    width: 500px;
    font-family: Montserrat-Regular;
}
.header-right_top ul.nav-top {
    float: right;
    margin: 0px;
}
.header-right_top ul.nav-top li {
    float: left;
}
.header-right_top ul.nav-top li a {
    font-family: Montserrat-Regular;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0px 15px;
    color: #393939;
}
.header-right_top ul.nav-top li a:hover {
    color: #d60c0c;
}
.bg {
    position: relative;
}
.pagewrap {
    position: absolute;
    bottom: 10%;
    left: 10%;
    right: 10%;
    top: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.desc {
    text-align: center;
}
.tit {
    font-family: robotob;
    font-size: 60px;
    color: #fff;
    opacity: 0;
    margin: 20px 0px;
}
.desc p {
    font-family: robotol;
    font-size: 25px;
    color: #fff;
    opacity: 0;
}
.a-slider {
    opacity: 0;
    font-family: robotol;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #fff;
    display: inline-block;
}
.a-slider:hover {
    background: #000;
    border: 1px solid #000;
}
.banner .swiper-slide-active .desc .tit,
.banner .swiper-slide-active .desc p,
.banner .swiper-slide-active .desc a {
    opacity: 1;
    -webkit-animation: fadeInUp 1s ease-in-out backwards;
    -moz-animation: fadeInUp 1s ease-in-out backwards;
    -o-animation: fadeInUp 1s ease-in-out backwards;
    -ms-animation: fadeInUp 1s ease-in-out backwards;
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s
}
.banner .active .item .desc h3 {
    -webkit-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s
}
.banner .active .item .desc p {
    -webkit-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s;
    text-transform: uppercase;
}
.tieuchi {
    text-align: center;
    position: relative;
    padding: 30px;
}
.tieuchi img {
    display: inline-block !important;
}
.tieuchi:before,
.tieuchi:after {
    content: '';
    position: absolute;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border: 1px solid #e5e7e9;
    pointer-events: none;
    transition: .33s all ease;
}
.tieuchi:before {
    top: 0;
    left: 0;
    border-width: 1px 0 0 1px;
}
.tieuchi:after {
    bottom: 0;
    right: 0;
    border-width: 0 1px 1px 0;
}
.tieuchi.hover:before,
.tieuchi.hover:after,
.tieuchi:hover:before,
.tieuchi:hover:after {
    width: 100%;
    height: 100%;
    border-color: #ca970b;
}
.desc-tieuchi span {
    font-size: 30px;
    color: #393939;
    font-family: Montserrat-Bold;
    display: block;
    margin-top: 10px;
}
.desc-tieuchi h2 {
    font-size: 16px;
    color: #393939;
    font-family: Montserrat-Bold;
    margin: 0px 0px 10px;
}
.desc-tieuchi p {
    font-family: Montserrat-Regular;
    color: #393939;
    font-size: 14px;
}
.tieuchi:hover img {
    transform: translateY(-5px);
}
.tieuchi:hover .desc-tieuchi {
    transform: translateY(5px);
}
.tieuchi:hover .desc-tieuchi span,
.tieuchi:hover .desc-tieuchi h2 {
    transform: translateY(-10px);
}
#nav-ul {
    padding-bottom: 0px;
    margin: 0px;
    background: #fff;
}
.box-hotro {
    text-align: center;
    overflow: hidden;
    padding: 10px;
}
.box-left {
    float: left;
    width: 110px;
}
.box-right {
    float: right;
    width: calc(100% - 120px);
    text-align: left;
}
.box-right h2 {
    font-family: Montserrat-Regular;
    text-transform: capitalize;
    font-size: 18px;
    color: #393939;
    margin-top: 10px;
    margin-bottom: 5px;
}
.box-right p {
    font-family: Montserrat-Regular;
    font-size: 18px;
    color: #ff0000;
    margin-bottom: 0px;
}
.mxhleft {}
.mxhleft a {
    float: left;
    margin-right: 4px;
}
.p-mail {
    font-size: 14px;
    color: #242424;
    font-family: Montserrat-Regular;
    display: block;
    clear: both;
    text-align: center;
}
.p-mail img {
    margin-right: 5px;
}
#content-tieuchi {
    margin-bottom: 50px;
}
.a-product {
    background: #d60c0c;
    color: #fff;
    font-family: robotor;
    padding: 12px 25px;
    border-radius: 5px;
}
.a-product:hover {
    background: #000;
}
.duan_nb {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.duan_nb h2 {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: Montserrat-Regular;
    transform: translateY(20px);
}
.duan_nb:hover h2 {
    opacity: 1;
    transform: translateY(0px);
}
.duan_nb:hover img {
    transform: scale(1.1);
    filter: brightness(0.4);
}
.bg-tieudeduan {
    text-align: center;
}
.bg-tieudeduan h2 {
    margin-top: 0px;
    font-family: Montserrat-Bold;
    color: #d31212;
    font-size: 28px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.bg-tieudeduan h2:after {
    content: '';
    width: 70px;
    height: 2px;
    background: #ff0000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#content-duan {
    padding: 40px 0px;
    margin: 20px 0px;
    background: #f9f9f9;
}
.w-100 {
    width: 100%;
}
#carousel {
    max-width: calc(100% - 75px);
    margin: 0 auto;
}
.carousel-feature {
    border: none !important
}
.carousel-feature .carousel-caption {
    background: none !important;
    left: 0;
    padding: 0px;
    text-align: center;
    position: relative !important;
    left: -200px;
    margin-top: 15px;
    width: 100%;
    width: 585px;
    padding: 0px 40px;
}
.carousel-feature .carousel-caption h3 {
    font-size: 14px !important;
    color: #272727;
    font-family: Montserrat-Regular;
    padding-top: 32px;
    background: url(../images/icon-phay.png) no-repeat top;
}
.carousel-feature .carousel-caption p {
    font-size: 14px !important;
    color: #272727;
    font-family: Montserrat-Regular;
    display: -webkit-box;
    max-width: 100%;
    height: 60px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tracker-individual-container {
    display: none !important;
}
.tracker-summation-container {
    display: none !important;
}
#carousel-left {
    position: absolute;
    top: 40%;
    left: 0px;
    cursor: pointer;
}
#carousel-right {
    position: absolute;
    top: 40%;
    right: 0px;
    cursor: pointer;
}
#content-khachhang {
    background: url(../images/bg-danhgia.jpg) no-repeat;
    background-size: cover;
}
.carousel-feature .carousel-caption span {
    font-size: 14px !important;
    color: #272727;
    font-family: Montserrat-Regular;
}
.cover-carousel-image {
    overflow: hidden;
    position: relative;
}
.box-khachhang {
    position: relative;
    padding: 30px 0px;
    min-height: 443px;
    background: rgba(255, 255, 255, 0.8);
}
.box-khachhang img {
    border-radius: 50%;
}
#content-taisao {
    padding: 40px 0px;
    background: url(../images/bg-taisao.jpg) no-repeat;
    background-size: cover;
}
.service_all {
    counter-reset: section;
}
.service:after {
    counter-increment: section;
    content: "0"counter(section) "";
    font-family: Montserrat-Bold;
    font-size: 94px;
    color: #4fa6fa;
    position: absolute;
    right: 15px;
    top: 0;
}
.service:before {
    content: '';
    left: -20px;
    border-right: 20px solid #d31212;
    border-top: 67px solid transparent;
    border-bottom: 67px solid transparent;
    top: 0;
    bottom: 0;
    position: absolute;
}
.service {
    background: #d31212;
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    min-height: 134px;
    margin-left: 75px;
    padding-right: 150px;
}
.service h2 {
    font-size: 18px;
    color: #fff;
    font-family: Montserrat-Bold;
    margin-top: 0px;
}
.service p {
    font-size: 14px;
    color: #fff;
    font-family: Montserrat-Regular;
    margin-bottom: 0px;
}
.service:hover h2 {
    color: #ff0;
}
.tintuc_i {
    overflow: hidden;
    text-align: center;
}
.tintuc_i img {}
.desc-tintuc {
    padding: 15px;
}
.desc-tintuc h2 {
    font-size: 15px;
    font-family: openb;
    color: #333333;
    margin-top: 0px;
}
.tintuc_i:hover .desc-tintuc h2 {
    color: red;
}
.tintuc_i:hover img {
    filter: brightness(0.4);
}
.desc-tintuc span {
    color: #999999;
    font-family: Montserrat-Regular;
    font-size: 13px;
    padding-left: 15px;
    background: url(../images/icon-date.png) no-repeat left center;
}
.desc-tintuc p {
    color: #2c2b2b;
    font-family: Montserrat-Regular;
    font-size: 13px;
    display: -webkit-box;
    max-width: 100%;
    height: 58px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#content-tintuc {
    padding: 40px 0px 0px;
}
#frm_mail {
    overflow: hidden;
}
#content {
    overflow: hidden;
}
.hinhchitiet {
    border: 1px solid #ccc;
}
.list-news:nth-child(2n+3) {
    clear: both;
}
.pro_list:hover img {
    transform: scale(1.1);
}
.pro_list {
    position: relative;
}
.product-list_img {
    overflow: hidden;
}
.pro_list h2 {
    padding: 10px;
    color: #ffd600;
    background: #014f38;
    margin: 0px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    font-family: openb;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
}
.pro_list:hover h2 {
    background: #00271c;
}
.content-list {
    margin-bottom: 30px;
}
#content-combo {
    margin: 40px 0px;
}
.video-index {
    text-align: center;
}
.video-index:hover h2 {
    color: red;
}
.video-index h2 {
    font-family: openb;
    font-size: 15px;
    color: #333333;
    margin: 10px;
}
.icon_play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon_play .load_video {
    display: inline-block;
}
.icon_play .load_video img {
    max-width: 90px !important;
    height: auto;
}
.icon_play .pinkBg {
    background-color: rgba(210, 202, 204, 0.5);
    background-image: linear-gradient(90deg, rgba(199, 198, 198, 0.5), rgba(181, 181, 181, 0.5));
}
.icon_play .ripple {
    position: absolute;
    width: 130px;
    height: 130px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -65px 0 0 -65px;
    border-radius: 100px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
}
.icon_play .ripple:nth-child(2) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}
.icon_play .ripple:nth-child(3) {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}
@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.video-index {
    position: relative;
}
#content-video {padding: 0px 0px 40px;}
.cover-product {
    padding: 40px 0px;
}
.cover-product.bg-green {
    background: #014f38;
}
.cover-product.bg-green .title-main {
    filter: brightness(100);
}
.cover-product.bg-green .title-main h2 {
    color: #fff;
}
.cover-product.bg-green .product a,
.cover-product.bg-green .product .gia-product font,
.cover-product.bg-green .product .gia-goc {
    color: #fff;
}
.date {
    padding: 10px 5px;
    background: #ffa323;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 9;
}
.day {
    font-family: openb;
    font-size: 48px;
    color: #fff;
    margin-bottom: 0px;
    line-height: 40px;
}
.month {
    font-family: openb;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
}
.box-footer {
    text-align: center;
}
.box-footer img {
    margin-bottom: 10px;
}
.box-footer p {
    font-family: opens;
    font-size: 14px;
    color: #fff;
}
.box-footer span {
    font-size: 18px;
    color: #ffa323;
    font-family: openb;
}
#top-bar {
    line-height: 42px;
    position: relative;
}
#top-bar p span {
    color: #ffefab;
}
#top-bar p img{
    margin-right: 5px;  
}
#top-bar p {
    float: right;
    color: #ec1824;
    margin-right: 30px;
    font-size: 14px;
    font-weight: bold;
}
#ngonngu{
    float: right;
}
#ngonngu a{
    font-family:open;
    font-weight:300;
    font-size:14px;
    color:#000000;
}
#ngonngu a:hover{
    color:#ec1824;
}
.mxh {
   margin:10px 0px;
}
.mxh p{
    font-weight: bold;
    font-size: 15px;
    color:#fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.title-about:after{
    content:'';
    width:60px;
    height:2px;
    top:0;
    left:0;
    background:#eb3d00;
    position:absolute;
}
.title-about{
    position:relative;
}

.title-about h2{
    color: #010101;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 20px;
    margin-bottom: 20px;
}
.title-about h3{
    font-family:SFUFeniceBold;
    color:#262626;
    font-size: 30px;
    text-transform: uppercase;
    margin: 8px 0px;
    position: relative;
    padding-bottom:70px;
}
.title-about h3:after{
    content:'';
    background:#ecd579;
    height:50px;
    width:1px;
    position:absolute;
    left:0;
    bottom:0px;
}
.dichvu{
    margin-bottom: 30px;
    text-align: center;
}
.dichvu:hover{

}
.dichvu .hinh-dichvu:hover{
    
}
#content-dichvu{
    padding:40px 0px;
    background:url(../images/bg-dichvu.jpg);
}
.ten-dichvu{
    margin: 15px 15px 15px 0px;
}
.ten-dichvu h3{
    font-size: 18px;
    color:#2b2b2b;
    font-weight: normal;
}
.hinh-dichvu{
    position: relative;
}
.dichvu:hover .hinh-dichvu{
    padding: 9px;
    box-shadow: 0px 0px 10px 0px #afafaf;
}
.dichvu .hinh-dichvu:after{
    position: absolute;
    left: 25px;
    top: 25px;
    right: 25px;
    bottom: 25px;
    border:1px solid rgba(255,255,255,0.5);
    content:'';
    opacity: 0;
    transform: 1s;
}
.dichvu:hover .hinh-dichvu:after{
    opacity: 1;
}
.dichvu:hover h3{
    color:red;
}
#content-about{
    margin-bottom: 15px;
}
#content-daotao{
    margin:40px 0px;
}
.daotao{margin-bottom: 30px;}
.daotao.two-img{}
.daotao.two-img .img1,.phongthuy_i.two-img .img1{display: block;opacity: 1;}
.daotao.two-img .img2,.phongthuy_i.two-img .img2{display: none;opacity: 0;}
.daotao.two-img:hover .img1,.phongthuy_i.two-img:hover .img1{display: none;opacity: 0;transform: scale(1);}
.daotao.two-img:hover .img2,.phongthuy_i.two-img:hover .img2{display: block;opacity: 1;transform: scale(1);}
.hinh-daotao{position: relative;}
.daotao .hinh-daotao:after{
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    transform: scale(1, 0);
    position: absolute;
    top: 5px;
    right: 5px;
    left: 5px;
    bottom: 5px;
    content: '';
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
}
.daotao .hinh-daotao:before{
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    transform: scale(0, 1);
    position: absolute;
    top: 5px;
    right: 5px;
    left: 5px;
    bottom: 5px;
    content: '';
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
}
.daotao:hover .hinh-daotao:after,.daotao:hover .hinh-daotao:before{z-index:9;opacity: 1;transform: scale(1);}

.daotao:hover{
}
.hinh-daotao{
    overflow: hidden;
}
.daotao:hover img{
    transform: scale(1.1);
}
.daotao:hover h3{
    color:red;
}
.ten-daotao h3{
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}
.ten-daotao p.desc-daotao{
    font-weight: 300;
    font-size: 14px;
    color: #777777;
    margin: 15px 0px 0px;
    display: -webkit-box;
    max-width: 100%;
    height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ten-daotao{
    padding: 15px 0px 0px;
}
#content-visao{
    background:#f5f5f5;
}
.visao{

}
.visao {}
.visao i{
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 3px 0px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #ebd474;
    transform: 1s;
}
.visao.active i{
    transform: rotate(90deg);
    color: #000;
    background: #ebd474;
    box-shadow: 0px 0px 0px 0px;
}
.visao.active p{
    display: block;
}
.visao h2{
    font-weight: 600;
    font-size: 16px;
    color:#262626;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.visao p{
    font-size: 16px;
    color:#484848;
    display: none;
}
.new{
    position: absolute;
    top:0;
    left: 0;
    z-index: 99;
}
.pgg{
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:url(../images/ic-percent.png);
    color:#fff;
    font-size: 12px;
    position: absolute;
    z-index: 99;
    top:15;
    right: 15;
}
#content-product{
    margin:40px 0px;
}
.album-a{
    position: relative;
    margin-bottom: 30px;
    overflow:hidden
}
.album-a h2{
    position: absolute;
    padding:15px;
    text-align:center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity:0;
}
.album-a:hover img{
    transform:scale(1.1);
    filter:brightness(50%);
}
.album-a:hover h2{
    opacity:1;
    
}



.item-quytrinh_title{
    width: 160px;
    height: 160px;
    background: #ffc412;
    border:1px solid #ffc412;
    border-radius: 50%;
    padding:10px;
    margin: 0 auto 50px;
}
.item-quytrinh_title a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    position:relative;

}
.item-quytrinh_title a:before{
    content:'';
    width: 83px;
    height: 38px;
    position: absolute;
    background: url(../images/logo-a.png) no-repeat;
    z-index: 0;
    filter: brightness(0.8);
}
.item-quytrinh_title a .flex{
    position:relative;
}
.item-quytrinh_title a h2{
    font-family: oswaldl;
    font-size: 25px;
    color:#000000;
    margin:0;
}
#content-quytrinh{
    padding:40px 0px;
    position: relative;
    min-height: 480px;
    background:url(../images/bg-quytrinh.jpg) no-repeat;
    background-size: cover;
    margin-bottom: 120px;
}
.list-content_quytrinh{
    padding: 40px 90px;
    text-align: center;
    font-size: 17px;
    color: #262626;
    max-width: 970px;
    margin: 0 auto;
    background: url(../images/bg-ykien-in.png) no-repeat;
    background-size: 100% 100%;
}
.item-quytrinh_title.active a h2{
    color:#ffc412;
}
.item-quytrinh_title.active{
    background:none;
    background: #000;
}
.item-quytrinh_title.active a:before{
    filter:brightness(0.2)
}
.item-quytrinh_title.active:after{
    height: 50px;
    width:2px;
    background:rgba(255,255,255,0.2);
    content:'';
    position:absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
}
.list-title_quytrinh{
    border-bottom: 1px solid rgba(255,255,255,0.5);
    margin-bottom: 50px;
}
#content-ykien{
    padding:40px 0px;
    background: url(../images/bg-ykien.jpg) no-repeat;
    background-size: cover;
}
.list-person_ykien{
    text-align: center;
}
.persion h2{
    font-size: 16px;
    color:#262626;
    font-weight: normal;
    margin-top:10px;
}
.persion{display: inline-block;margin: 25px;}
.persion_img{
    position: relative;
    text-align: center;
    width: 137px;
}
.persion_img:after{
    content:'';
    background:url(../images/bg-ykien.png) no-repeat;
    width: 161px;
    height: 138px;
    position: absolute;
    left: -2px;
    top: 0px;
}
.persion_img img{
    width: 137px;
    border-radius: 50%;
} 
.persion.active{
    transform:translateY(-10px);
}
.persion.active h2{
    color:red;
}
.title-newsletter{

}
.title-newsletter h2{
    color:#262626;
    font-size: 30px;
    font-family: SFUFeniceBold;
    margin-bottom: 10px;
}
.title-newsletter p{
    font-size: 15px;
    color:#232323;
    margin-bottom: 10px;
}
#frm_datlich{
}


.policy{}
.policy li{
    margin-bottom: 5px;
}
.policy li a{
    font-size: 14px;
    color: #b0b0b0;
}
.policy li a:hover{
    color: #ff6a36;
}
.cart-fixed {
    position: fixed;
    right: 15px;
    top: 250px;
    z-index: 9999;
    background: #ed1c24;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-fixed i {
    font-size: 20px;
}
.cart-fixed span {
    position: absolute;
    top: 0px;
    right: -5px;
    color: #fff;
    width: 25px;
    height: 25px;
    background: #D21313;
    text-align: center;
    line-height: 25px;
    font-size: 11px;
    border-radius: 100%;
}

.list-product-t{
     display: none; 
}
.list-product-t.show{
    display: block;
}
.list-product{
    text-align: center;
    margin-bottom: 20px;
}
.list-product li{
    display: inline-block;
    margin: 0px 3px 5px 3px;
}
.list-product li a{
    font-size: 15px;
    display: block;
    padding: 9px 15px;
    border: 1px solid #d9d9d9;
    color: #333333;
    cursor: pointer;
    background: #fff;
    position: relative;
    border-radius: 5px;
}
.list-product li a.active,.list-product li a:hover{
    border: 1px solid #ec1824;
    color: #fff;
    background: #ec1824;
}
.list-product li a.active:after,.list-product li a:hover:after{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ec1824;
    content:'';
    position:absolute;
    bottom: -7px;
    left:0;
    right:0;
    margin:0 auto;
    width: 7px;
}
.link-more{
    display: inline-block;
    padding: 9px 26px;
    color:#fff;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
    border: 2px solid #eb3d00;
    overflow: hidden;
    position:relative;
    z-index:1;
    margin-top: 20px;
    background: #eb3d00;
    font-size: 16px;
    font-weight: 300;
}
.link-more:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background:#fff;
    z-index: -1;
    transition:0.3s;
}
.link-more:hover{
    color:#ed1c24;
}
.link-more:hover:before{
    width:100%;
}
#content-lienhe{
    min-height: 480px;
    margin:30px 0px;
}
#quangcao{
    min-height: 320px;
    margin:30px 0px;
}
.slogan-quangcao{
    font-family:BrushScriptMT;
    color:#fff;
    margin:82px 0px;
    font-size: 34px;
}
#quangcao2{
    margin: 30px auto;
}
.item-doitac{
    margin-bottom: 30px;
}
#map_canvas {
    height: 474px;
    width: 100%;
    margin:0px auto;
    border:1px solid #ccc;
}
#map_canvas1 {
    height: 420px;
    width: 100%;
}
.daotao.margin-duan{
    margin: 0px 0px 26px 0px;
}
.video {
    padding: 9px 9px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom:30px;
}
.video a{
    display: block;
    overflow: hidden;
}
.video:hover img{
    transform: scale(1.1);
}
.ten-video{
    margin: 10px 0px 5px;
}
.ten-video a {
    color: #c61d1d;
    font-weight: bold;
}
.video:hover .ten-video a{
    color:red;
}
.phone-support,.phone-support a{
    color:#000;
}
.box{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px 0px;
}
.box label{
    margin-bottom:0px;
}
.box input{
    margin: 0px 4px !important;
    padding: 0px !important;
    float: left;
}
.box b{
    color:red;
}
.name-order{
    font-size: 19px;
    margin-bottom: 10px;
}
#login-rib{
    float: right;
    margin-left: 20px;
}
.tk a{
    color: #000;
}
.tk a:hover{
    color:#ad121a;
}
#form-login{
    display: none;
}
/*Login */
.box-t{background-color:#e63027;color:#fafafa;font-weight:bold;padding:10px 10px;font-size:15px;margin:0px;text-transform:uppercase;display: none;}
.noidung_thanhvien{}
.dkt{background: #e74c3c;color: #fff;padding:10px;font-weight:bold;text-transform:uppercase;border-radius: 5px;font-size:11px;cursor:pointer;border: none;margin-bottom: -50px;}
.thongtin-dn a{color:#e63027;text-transform:uppercase;}
.tieude_dk{font-size:15px;color:#e63027;float:left;width:39px;height:34px;text-align:center;background:#fff;border:1px solid #ccc;border-radius:4px 0px 0px 4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding-top:3px;}
.tieude_dk i{margin-top:5px;}
.noidung_send{padding:0px!important;overflow:hidden;width:calc(100% - 39px);}
.form-control_dk{display:block;width:100%;float:left;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px 4px 4px 0px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.dangky_icon{text-align:center;margin:20px 0px;}
.thongtin-dn{margin:15px 0;position:relative;overflow:hidden;}
/*End Login */
.form-control{
    margin-bottom: 10px;
}
.btn-in{
    display: inline-block;
    text-align: right;
    margin: 20px 0px;
    padding: 10px 30px;
    background: #ad121a;
    float: right;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
}
.btn-in i{
    margin-right:5px;
}
.dkt i{
    margin-right: 3px;
}
/*Loading*/
.preloader {
    position: fixed;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    z-index: 9999999;
    background: #fff;
    transition: .3s all ease;
}
.preloader.loaded {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.preloader>div {
    width: 100%;
}
.preloader .preloader-body {
    position: relative;
    text-align: center;
    height: 200px;
}
.cssload-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    -webkit-transform: translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);
    transform: translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);
    -webkit-animation: loader 1.2s infinite ease-in-out;
    animation: loader 1.2s infinite ease-in-out;
}
.preloader.loaded .cssload-container {
    -webkit-animation: none;
    animation: none;
}

.cssload-container span {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #ec1824;
    -webkit-animation: loaderBlock 1.2s infinite ease-in-out both;
    animation: loaderBlock 1.2s infinite ease-in-out both;
}
.cssload-container span:nth-child(1) {
    top: 0;
    left: 0;
}
.cssload-container span:nth-child(2) {
    top: 0;
    right: 0;
    -webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.cssload-container span:nth-child(3) {
    bottom: 0;
    left: 0;
    -webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.cssload-container span:nth-child(4) {
    bottom: 0;
    right: 0;
}
@-webkit-keyframes loader{0%,10%,100%{width:86px;height:86px}65%{width:150px;height:150px}}@keyframes loader{0%,10%,100%{width:86px;height:86px}65%{width:150px;height:150px}}
@-webkit-keyframes loaderBlock{0%,30%{-webkit-transform:rotate(0);transform:rotate(0)}55%{background-color:#967249}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes loaderBlock{0%,30%{-webkit-transform:rotate(0);transform:rotate(0)}55%{background-color:#967249}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}
@-webkit-keyframes loaderBlockInverse{0%,20%{-webkit-transform:rotate(0);transform:rotate(0)}55%{background-color:#967249}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@keyframes loaderBlockInverse{0%,20%{-webkit-transform:rotate(0);transform:rotate(0)}55%{background-color:#967249}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}
/*End loading*/

.thuoctinh{
    border: 1px solid #ccc;
    height: 42px;
    min-width: 30px;
    padding: 1px;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    padding: 0px;
    padding: 2px;
    border-radius: 3px;
    padding: 10px;
}
.thuoctinh font b{
    color:red;
}
.thuoctinh:hover{
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
    /* border-color: transparent; */
}
.is-active{
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 2px 0px rgb(173, 18, 26);
    border-color: transparent;
    border: 1px solid #ff000d;
}
/*.cum-thuoctinh{
    background: #f5f5f5;
    padding: 10px;
    margin: 20px 0px;
}*/

.ic-check{
    width: 0;
    height: 0;
    border-bottom: 14px solid #e5101d;
    border-left: 14px solid transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.ic-check i{
    font-size: 8px;
    color: #fff;
    position: relative;
    left: -8px;
    top: 5px;
}
.thuoctinh > input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: 0px !important;
}
.size font,.mausac font {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 12px;
    font-family: robotob;
    text-transform: uppercase;
    color: #77777b;
}

.cum-thuoctinh{
    padding:5px 0px;
}
.alert-cart{
    min-width: 73px;
    height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    background: #efefef;
    border: none;
    float: right;
    margin-left: 10px;
}
.thuoctinh.cart{
    padding:5px;
    height: 33px;
    margin-left: 0px;
}
#rib{
    background:#340e70;
    line-height: 40px;
    overflow: hidden;
}
#rib marquee{
    float:left;
    width: 40%;
    font-size: 14px;
    color:#fff;
}
#rib ul{
    float:right;
}
#rib ul li{
    float:left;
}
#rib ul a{
    font-size: 14px;
    color:#fff;
    padding-right: 20px;
    border-right: 1px solid #fff;
    margin-right: 20px;
}
#rib ul a:hover{
    color:#ff0;
}
.linhvuc_i{}
.linhvuc_i:hover img{
    filter:brightness(0.5);
}
.linhvuc_i:hover .desc-linhvuc h2{
    color: #d92b00;
}
.linhvuc_i:hover .desc-linhvuc .desc-linhvuc--link{
    color: #ef000c;
    font-weight: 600;
}
.linhvuc_i .desc-linhvuc{}
.linhvuc_i .desc-linhvuc h2{
    font-size: 18px;
    margin: 20px 0px 15px;
    color: #000;
}
.linhvuc_i .desc-linhvuc .desc-linhvuc--text{
     font-size: 14px;
     font-weight: 300;
     color: #000;
     margin-bottom: 10px;
}
.linhvuc_i .desc-linhvuc .desc-linhvuc--link{
    font-weight: 300;
    color:#ff7417;
}
#content-linhvuc{
    padding:40px 0px;
    margin-top:40px;
    background:url(../images/bg-linhvuc.jpg) no-repeat;
    background-size: cover;
}
.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.noithat{position: relative;margin-bottom: 30px;overflow: hidden;}
.noithat:hover .noithat-text{  
    opacity: 1;
    transform: translateX(0%);
}
.noithat:hover img{
    transform:scale(1.1);
}
.noithat-img{}
.noithat-text{
    position: absolute;
    top:0;
    left: 0;
    right:0;
    bottom: 0;
    padding:15px;
    background:rgba(235,61,0,0.5);
    color: #fff;
    text-align: center;
    transform: translateX(-100%);
    opacity: 0;
}
.noithat-text h2{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.noithat-text h2:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:120px;
    height:1px;
    background:#fff;
    margin:0 auto;
}
.noithat-text p{
    font-size: 16px;
    display: -webkit-box;
    max-width: 100%;
    height: 70px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.cover-lienhe{
    padding: 40px;
    background:rgba(0,0,0,0.7);
}
.title-contact{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color:#fff;
    margin-bottom: 70px;
}
.form-dl,#noidung_dl{
    height: 40px;
    border:none;
    outline: 0;
    color:#686868;
    border-bottom: 1px solid #686868;
    margin-bottom: 15px;
    width: 100%;
    background: none;
}
.form-dl:focus,#noidung_dl:focus,.form-dl:hover,#noidung_dl:hover{
    border-bottom: 1px solid #eb3d00;
}
.btn-dl{background:#eb3d00;width: 100px;height: 40px;font-weight: 600;border: none;color: #fff;border-radius: 50px;}
.btn-dl:hover{
    background:#ff0000;
}


.phongthuy_i{}
.phongthuy_i:hover img{
    filter:brightness(0.5);
}
.phongthuy_i:hover .desc-phongthuy h2{
    color: #d92b00;
}
.phongthuy_i:hover .desc-phongthuy .desc-phongthuy--link{
    color: #ef000c;
    font-weight: 600;
}
.phongthuy_i .desc-phongthuy{}
.phongthuy_i .desc-phongthuy h2{
    font-size: 16px;
    margin: 20px 0px 15px;
    color: #040404;
    font-weight: 600;
}
.phongthuy_i .desc-phongthuy .desc-phongthuy--text{
     font-size: 13px;
     color: #888888;
     margin-bottom: 10px;
     display: -webkit-box;
     max-width: 100%;
     height: 40px;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-bottom: 0;
}
.phongthuy_i .desc-phongthuy .desc-phongthuy--date{

font-size: 13px;

color: #eb3d00;
}
.phongthuy_i .desc-phongthuy .desc-phongthuy--link{
    color:#ff7417;
    font-size: 13px;
}
.flex-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#content-phongthuy{
    padding:40px 0px;
}
.line{
    padding-top:15px;
    margin-top:20px;
    border-top:1px solid #eb3d00;
    height: 1px;
    width: 100%;
    display: block;
}
.footer-right_top{}
.tieude-footer_first{}
.tieude-footer_first h2{
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 20px;
}
.footer-right_bot{
    
padding-top: 30px;
    
margin-top: 30px;
    
border-top: 1px solid #b0b0b0;
}
.cover-footer{
    
padding-left: 50px;
    
border-left: 1px solid #b0b0b0;
}
.breadcrumb{
    background: none;
    padding: 0px;
}
.breadcrumb a{
    color: #7d7d7d;
}
.breadcrumb a:last-child,.breadcrumb a:hover{
    color: red;
}
.title-main.bold{}
.title-main.bold h2{
    font-weight:bold;
    font-size:20px;
    color:#000;
    padding: 0;
}
.title-main.bold h2:after{
    display:none;
}
#id_list{
    float: left;
    width: 170px;
    border: none;
    height: 38px;
    background: none;
    color: #fff;
    outline: none;
    border-right: 1px solid #fff;
    padding: 0px 10px;
}
#id_list option{
    color:#340e70;
}
.daban-img{
    position: absolute;
    top: 10px;
    right: 20px;
    width: 55px;
    z-index: 999;
}