@charset "utf-8";
body {
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    background: #FFF;
    width: 100%;
    height: 100%;
    float: left
}
.row{margin-left: -12px;margin-right: -12px;}
.w-100{width: 100% !important;}
.scrollToTop {
    width: 41px;
    height: 41px;
    text-align: center;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 80px;
    left: 25px;
    display: none;
    z-index: 999;
    cursor: pointer;
}

#banner, #container, #header, #logo, #timkiem input, .box, .box_menu {
    float: left
}

.lang.hid, .thanh_index, .updating, .viewport {
    text-align: center
}

.khung_thongtin, .menu_hid ul, .selectors ul, .thuvienanh ul, .tin_hid ul, .tintuc ul, ul#tabs, ul.thongtinsanpham {
    list-style-type: none
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#bidx, #bottom, #dv, #tags, .box.dv .item, .box_ghl input, .box_left, .content_box, .dvr .item, .dvr .item .box_dvr, .ht1 .boxht, .item_sp, .item_sp .img_sp, .item_spgh, .item_spgh input, .item_tc.sp .img_tc, .item_tc.sp .info_cart, .item_tc.sp .info_tc h3 a, .noidung_chitiet, .noidung_product, .owl-carousel.owl-qt, .tintuc_nb, .tt_noibat img, ul.thongtinsanpham li i {
    box-sizing: border-box
}

a.links {
    display: inline-block;
    position: relative;
    float: left;
}

#timkiem input::-webkit-input-placeholder {
    color: #333;
    font-size: 11px;
    font-family: Tahoma
}

#timkiem input:-moz-placeholder {
    color: #333;
    font-size: 11px;
    font-family: Tahoma
}

#timkiem input::-moz-placeholder {
    color: #333;
    font-size: 11px;
    font-family: Tahoma
}

#timkiem input:-ms-input-placeholder {
    color: #333;
    font-size: 11px;
    font-family: Tahoma
}

a, a:hover {
    text-decoration: none !important;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.boooknow {
    position: fixed;
    top: 200px;
    left: 0;
    width: 50px;
    height: 160px;
    z-index: 99999
}

#header, #timkiem, .margin_auto {
    position: relative
}

#container {
    width: 100%;
    overflow: hidden
}

.updating {
    width: 100%;
    padding: 25px 0;
    font-family: Calibri;
    font-size: 18px;
    color: #333
}

.margin_auto {
    width: 100%;
    margin: 0 auto
}

.content_container, .content_khung {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    order: 1;
    -webkit-order: 1
}

.hid, .lg_hid, .list_vid_hid {
    display: none
}

.viewport {
    width: 100%;
    padding: 0 0 20px
}

.hieuung {
    position: relative;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s
}

.hieuung:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
    transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0)
}

.hieuung:hover {
    opacity: 1
}

.hieuung:hover:after {
    -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
    transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0)
}

#header {
    width: 100%;
    z-index: 1000;
}

#header img {
    max-width: 100%;
    height: auto
}

#logo {
    width: 20.8%
}

#banner {
    width: 58.4%
}

.box_menu {
    width: 20.8%;
    margin-top: 48px
}

.box_menu .hotline_top {
    padding-left: 28px;
    background: url(upload/icon/26x26x2/icon1.png) center left no-repeat;
    font-family: avobold;
    color: #fc3904;
    font-size: 20px
}

#timkiem {
    width: 100%;
    margin: 0;
    height: 33px;
    padding: 0;
    background: #FFF;
    border: 1px solid #E4E4E4
}

#timkiem input {
    width: 90%;
    height: 31px;
    line-height: 31px;
    background: 0 0;
    color: #000;
    border: 0;
    padding: 0 0 0 11px;
    outline: 0;
    font-size: 14px
}

#timkiem button {
    position: absolute;
    right: 8px;
    top: 8px;
    background: url(images/icon_search.png) top center no-repeat;
    width: 17px;
    height: 17px;
    border: none;
    outline: 0
}

#main_menu, #slide_show, .content_khung, .img, .khung {
    position: relative
}

.lang .hotline_top {
    width: auto;
    float: right;
    margin-right: 14px;
    font-family: rbt;
    font-size: 14px;
    color: #494949;
    line-height: 33px
}

#main_menu, #slide_show, .content_khung, .khung, .t_gt, .thanh_index, .thanh_index.indx {
    width: 100%;
    float: left
}

.lang .hotline_top span {
    color: #E01921;
    font-size: 16px;
    font-family: rbt
}

.t_gt h2, .thanh_index h3 a {
    display: inline-block
}

.lang.hid {
    margin: 0;
    width: 100%;
    float: left
}

.lang.hid .hotline_top {
    float: none;
    text-align: center;
    margin: 0;
    padding: 0
}

#main_menu {
    margin: 0;
    z-index: 1000;
    background: #fc0
}

.head.fix {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    -webkit-animation: fadeInDown .4s ease-in backwards;
    -moz-animation: fadeInDown .4s ease-in backwards;
    -o-animation: fadeInDown .4s ease-in backwards;
    -ms-animation: fadeInDown .4s ease-in backwards;
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        top: -120px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        top: -120px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        top: -120px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        top: -120px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

#slide_show {
    margin: 0;
    z-index: 1
}

.thanh_index {
    /* background: url(upload/icon/204x13x1/title_2.png) bottom center no-repeat; */
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px;
    float: unset;
}
.thanh_index:before{content:"";position: absolute;bottom: 0px;left: 50%;width: 120px;height: 2px;background: #ffcc00;transform: translateX(-50%);}
.thanh_index h1, .thanh_index h2 {
    color: #333333;
    text-transform: uppercase;
    font-weight: 400;
    background: 0 0;
    font-size: 26px;
    font-weight: 700;
}

.thanh_index h3 {
    font-family: rbt;
    line-height: 42px;
    font-weight: 300;
    font-style: normal;
    color: #222;
    font-size: 28px;
    text-align: left
}

.t_gt h2, .thanh_index.indx h2 {
    font-family: rbtbold;
    font-size: 26px;
    text-transform: uppercase
}

.thanh_index.indx {
    text-align: center;
    padding-bottom: 20px;
    background: url(upload/icon/204x13x1/title_1.png) bottom center no-repeat
}

.thanh_index.indx h2 {
    color: #fff;
    font-weight: 400;
    background: 0 0
}

.t_gt h2 {
    color: #4b4b4a;
    padding-bottom: 7px;
    background: url(upload/icon/103x3x2/title.png) bottom center no-repeat
}

.title-index {
    padding-left: 20px;
    border-left: 5px solid #000
}

.title-index h1 {
    font-size: 24px;
    font-family: rbtbold;
    color: #000
}

.box.gt {
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse
}

.box.gt .bl {
    width: 45%;
    float: left
}

.box.gt .br {
    width: 53%;
    float: right
}

.box.gt .bm {
    width: 2%;
    float: left
}

.box.gt .br .mt_gt {
    width: 100%;
    float: left;
    text-align: justify;
    font-family: rbt;
    font-size: 15px;
    line-height: 27px;
    color: #4b4b4a
}

.box.gt .br .mt_gt a.link {
    display: inline-block;
    margin: 0 auto;
    background: #fc0;
    color: #FFF;
    font-family: rbtbold;
    font-size: 15px;
    line-height: 43px;
    padding: 0 23px;
    border-radius: 7px;
    border: 1px solid #fff
}

/* service */
.wrap-service{padding: 60px 0px 30px 0px;}
.grid-service{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.item-service-list{
    position: relative;
}
.item-service-list a{}
.photo-service{}
.photo-service img{}
.info-service{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
    background: #0000003b;
    color: #fff;
}
.desc-service{
    margin-bottom: 10px;
    line-height: 25px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.name-service{
    margin-bottom: 10px;
    font-weight: 700;
}
.btn-service{
    width: fit-content;
    padding: 10px 15px;
    background: #ffcc00;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.3s;
    font-weight: 500;
}
.btn-service:hover{
    background: #000;
    color: #fff;
}

/* news home */
.wrap-newsnb{
    padding: 30px 0px 30px 0px;
}
.news-item{}
.news-item a{}
.photo-news{
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
.info-news{
    color: #333333;
}
.name-news{
    margin-bottom: 10px;
    font-weight: 600;
}
.date-news{
    display: block;
    margin-bottom: 10px;
    color: #ffcc00;
}
.desc-news{
    line-height: 25px;
    color: #5f5f5f;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 10px;
}
.btn-news{
    position: relative;
    width: fit-content;
    padding: 0px 7px 5px 7px;
    transition: all 0.3s;
    transform: translateX(0px);
    font-weight: 600;
}
.btn-news i{
    margin-right: 5px;
}
.news-item:hover .btn-news{
    transform: translateX(10px);
}
.btn-news::after{content: "";position: absolute;width: 100%;height: 1px;bottom: 0px;left: 0px;background: #ffcc00;}
.dvr .item, .owl_dvl .item, .tintuc_nb {
    line-height: 25px;
    text-align: left
}

/* chi nhanh */
.wrap-cn{
    padding: 30px 0px 60px 0px;
}
.box-cn{
    border-radius: 20px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    display: flex;
}
.cn-left{
    width: 50%;
    padding: 25px 15px;
}
.list-cn{
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 486px;
    overflow-y: scroll;
    padding-right: 15px;
}
.list-cn::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.list-cn::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.list-cn::-webkit-scrollbar-thumb
{
	background-color: #ffcc00;
}
.item-cn{
    border: 1px solid #E2E2E2;
    padding: 15px;
    border-radius: 20px;
}
.item-cn.active{
    /* border-color: #ffcc00; */
    background: #f2f2f2;
}
.name-cn{
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}
.content-cn{
    display: flex;
    align-items: start;
    gap: 5px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 500;
}
.content-cn i{
    margin-top: 4px;
}
.btn-cn{
    background: #ffcc00;
    border: 1px solid #ffcc00;
    border-radius: 60px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 21px 6px 12px;
    gap: 5px;
    line-height: 18px;
}
.cn-right{
    width: 50%;
}
#frame-map{
    height: 100%;
}
#frame-map iframe{
    width: 100%;
    height: 100%;
}

.box.gt .br .mt_gt a.link:hover {
    border-color: #ff8400;
    background: #fff;
    color: #333
}

.img {
    float: left;
    width: 285px;
    height: 330px;
    background: rgba(255, 204, 0, .4);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)
}

.img img {
    position: absolute;
    top: 6px;
    left: 6px;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)
}

.box.dv .item, .img_spgh.tt {
    position: relative
}

.img2 {
    margin-left: -30px
}

#dv {
    width: 100%;
    float: left;
    padding: 20px 0 40px
}

.box.dv .item {
    width: 33.333%;
    max-width: 360px;
    margin: 0 auto;
    background: url(images/bg.png) top center no-repeat;
    padding: 10px 30px 20px 12px;
    overflow: hidden
}

.box.dv .item img {
    max-width: 100%;
    height: auto;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    float: left;
    margin-right: 15px
}

.box.dv .item h3 {
    margin-top: 52px
}

.box.dv .item h3 a {
    display: block;
    font-family: helins;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3)
}

.box.dv .item:hover h3 a {
    color: #ff8400
}

.box.dv .item:hover img {
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

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

.boxdv .dvl {
    width: 33.75%;
    float: left
}

.boxdv .dvr {
    width: 63.75%;
    float: right
}

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

.owl_dvl .item {
    width: 100%;
    max-width: 405px;
    margin: 0 auto;
    font-family: rbt;
    font-size: 14px
}

.owl_dvl .item .img_item {
    overflow: hidden;
    max-height: 270px;
    position: relative
}

.owl_dvl .item img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.owl_dvl .item:hover img {
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.owl_dvl .item h3 {
    margin: 0;
    font-weight: 400
}

.dvr .item img, .tintuc_nb img {
    margin-right: 13px;
    max-width: 100%
}

.owl_dvl .item h3 a {
    font-family: rbtbold;
    font-size: 14px;
    color: #3e3e3e
}

.owl_dvl .item:hover h3 a {
    color: #ff8400
}

.dvr .item {
    width: 100%;
    float: left;
    padding: 0 5px;
    font-family: rbt;
    font-size: 14px
}

.dvr .item .box_dvr {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px dotted #919090;
    position: relative;
}

.dvr .item .box_dvr p {
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 0;
}

.dvr .item img {
    height: auto;
    float: left;
    border-radius: 7px
}

.dvr .item h3 a {
    font-family: rbtbold;
    font-size: 14px;
    color: #3e3e3e;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    display: block;
}

.dvr .item:hover h3 a {
    color: #ff8400
}

.run_image {
    max-height: 405px;
    height: auto;
    overflow: hidden
}

#bidx {
    width: 100%;
    float: left;
    padding: 30px 0 50px;
    background: #fc0
}

#bidx .bl {
    width: 55%;
    float: left
}

#bidx .br {
    width: 41.7%;
    float: right
}

.title_bt {
    width: 100%;
    float: left;
    overflow: hidden
}

.title_bt h2 {
    font-family: rbtbold;
    color: #434343;
    font-size: 20px;
    text-transform: uppercase;
    background: url(upload/icon/598x2x2/title_bt.png) bottom left no-repeat;
    padding-bottom: 10px
}

.tintuc_nb, .tintuc_nb h3 a {
    color: #434343;
    font-size: 14px
}

#bidx .bl .load_vid {
    width: 73.7%;
    float: left
}

.list_vid {
    width: 25.8%;
    float: right
}

.list_vid img {
    cursor: pointer;
    background: #FFF
}

#bidx .bl .load_vid iframe, #bidx .bl .load_vid video {
    width: 100%;
    height: 305px
}

.tintuc_nb {
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0;
    border-bottom: 1px solid #dfddd7;
    font-family: rbt
}

.tintuc_nb img {
    float: left;
    height: auto;
    background: #fff
}

.tintuc_nb h3 {
    margin: 0;
    font-weight: 400
}

.tintuc_nb h3 a {
    font-family: rbtbold;
    display: block;
    margin-bottom: 19px
}

.tintuc_nb:hover h3 a {
    color: #ff8400
}

.addcartsc img {
    float: left;
    margin-right: 15px
}

.addcartsc h2 {
    color: #000;
    font-family: rbt;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.addcartsc .themgh {
    background: url(images/icons_new14.png) 20px -1476px no-repeat #f5f8f3;
    height: 40px;
    line-height: 40px;
    color: #5f943c;
    padding: 0 10px 0 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dde8d6;
    min-width: 50%;
    display: inline-block;
    clear: both
}

.addcartsc a {
    display: inline-block;
    padding: 8px 30px;
    border: 2px solid #000;
    color: #000;
    font-family: rbt;
    font-size: 16px;
    text-transform: uppercase
}

.addcartsc a:hover {
    border-color: #5F943C
}

.box_spgh {
    width: 100%;
    float: left;
    display: flex;
    display: -webkit-flex;
    order: 1;
    -webkit-order: 1;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.item_spgh {
    width: 100%;
    float: left;
    padding: 15px 5px;
    border-bottom: 1px solid #dde8d6
}

.item_spgh:last-child {
    border: none
}

.item_spgh .img_spgh {
    width: 25%;
    float: left
}

.item_spgh .img_spgh img {
    max-width: 100%;
    margin: 0 auto
}

.item_spgh .img_spgh img:hover {
    opacity: .8;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.item_spgh .info_spgh {
    width: 73%;
    float: right
}

.item_spgh .info_spgh a.np {
    font-family: rbt;
    font-size: 16px;
    color: #333
}

.item_spgh .info_spgh a:hover {
    color: #E30000
}

.item_spgh .info_spgh .g {
    color: #E30000;
    font-family: rbt;
    font-size: 15px
}

.item_spgh .info_spgh a.del {
    text-decoration: underline !important;
    color: #E30000;
    font-family: rbt;
    font-size: 14px;
    display: inline-block;
    padding: 0 15px;
    cursor: pointer
}

.pages li a, .sanpham_dm ul li a, .xemtiep a, ul.pagination a {
    text-decoration: none
}

.tgia, .ttms {
    color: #333;
    font-family: rbt
}

.item_spgh input {
    padding: 3px
}

.ttms {
    letter-spacing: .02em;
    float: right;
    margin-top: 5px;
    padding-right: 35px;
    background: url(images/icons_new14.png) right -159px no-repeat;
    font-size: 15px
}

.tgia {
    width: 100%;
    float: left;
    padding: 10px;
    text-align: right;
    font-size: 20px;
    background: #FAFAFA;
    border-bottom: 1px solid #ccc
}

.giohang_tk .g_muatiep {
    float: left;
    display: inline-block;
    border: none;
    outline: 0;
    border-radius: 5px;
    background: #F67100;
    color: #FFF;
    text-align: center;
    font-family: rbt;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    height: auto
}

.box_thanhtoan {
    width: 100%;
    float: left;
    display: flex;
    display: -webkit-flex;
    order: 1;
    -webkit-order: 1;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.box_vc, .owl-listsp {
    order: 1;
    flex-wrap: wrap
}

.box_ghl {
    width: 55%;
    float: left;
    padding-right: 40px
}

.box_ghr {
    width: 45%;
    float: left;
    background: #FAFAFA;
    border-left: 1px solid #E1E1E1;
    padding-left: 30px
}

.box_ghl h3 {
    font-family: rbt;
    font-size: 18px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 15px
}

.box_ghl input {
    width: 100%;
    padding: 5px 7px;
    color: #000;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    outline: 0
}

.box_ghl a, .box_ghl button {
    display: inline-block;
    font-family: rbt;
    font-size: 14px;
    padding: 10px 20px
}

.box_ghl a {
    color: #333
}

.box_ghl button {
    float: right;
    border: none;
    outline: 0;
    border-radius: 5px;
    background: #F67100;
    color: #FFF;
    text-align: center;
    text-transform: uppercase
}

.img_spgh.tt span {
    font-size: .85714em;
    font-weight: 600;
    white-space: nowrap;
    padding: .15em .65em;
    border-radius: 2em;
    background-color: rgba(153, 153, 153, .9);
    color: #fff;
    position: absolute;
    right: -.75em;
    top: -.75em;
    z-index: 3
}

.item_tc.sp {
    width: 100%;
    max-width: 230px;
    margin: 0 auto
}

.box_tc {
    width: 100%;
    border: 1px solid #D3D3D3;
    float: left;
    padding-bottom: 13px;
    background: #FFF
}

.item_tc {
    margin-bottom: 10px;
}

.item_tc.sp .img_tc {
    max-height: 163px;
    padding: 5px 5px 0
}

.item_tc.sp .info_tc h3 {
    background: 0 0;
    border: none;
    min-height: 55px;
    max-height: 55px;
    overflow: hidden
}

.item_tc.sp .info_tc h3 a {
    padding: 10px 17px
}

.item_tc.sp .info_cart {
    padding: 0 7px
}

.item_tc.sp .info_cart .ifo, .item_tc.sp .info_cart .ifo span.g {
    font-size: 13px
}

.owl-listsp {
    width: 100%;
    float: left;
    display: flex;
    display: -webkit-flex;
    -webkit-order: 1;
    -webkit-flex-wrap: wrap
}

.owl-listsp .item_tc {
    float: left;
    margin-bottom: 15px
}

.owl-listsp .item_tc:hover {
    box-shadow: 0 0 5px #D3D3D3
}

.btindx {
    width: 100%;
    float: left;
    background: #F3F3F3;
    padding: 50px 0 40px;
    box-sizing: border-box
}

.btindx .box_l {
    width: 62.5%;
    float: left
}

.btindx .box_r {
    width: 35.8%;
    float: right
}

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

.title_btidx h2 {
    font-family: rbtbold;
    font-size: 20px;
    color: #595959;
    text-transform: uppercase
}

.info_ttnoibat, .tt_noibat a {
    font-family: Arial;
    font-size: 11px;
    color: #000;
    line-height: 14px
}

.content_box {
    width: 100%;
    float: left;
    background: #FFF;
    padding: 15px
}

.content_box .ctn_b {
    width: 100%;
    float: left;
    overflow: hidden
}

.owl_vid {
    max-height: 340px
}

.owl_vid img {
    margin: 0 auto
}

.owl_vid.owl-theme .owl-controls {
    display: none
}

.tt_noibat {
    width: 100%;
    float: left;
    overflow: hidden
}

.info_ttnoibat {
    text-align: left
}

.tt_noibat img {
    max-width: 100%;
    float: left;
    margin-right: 10px;
    border: 1px solid #CCC
}

.tt_noibat a {
    display: block;
    font-weight: 700;
    margin-bottom: 5px
}

.tt_noibat:hover a {
    color: #E30000
}

.box_vc {
    width: 100%;
    float: left;
    display: flex;
    display: -webkit-flex;
    -webkit-order: 1;
    -webkit-flex-wrap: wrap
}

.item_vc {
    width: 33.3333%;
    float: left
}

.item_vc .ctn_vc {
    max-width: 250px;
    min-width: 250px;
    float: left;
    margin-bottom: 15px;
    text-align: center
}

.ctn_vc h3 a {
    color: #333;
    font-family: rbt;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    margin: 15px 0
}

.ctn_vc a {
    display: block;
    overflow: hidden;
    position: relative
}

.ctn_vc a span {
    position: absolute;
    background: url(images/play.png) center center no-repeat rgba(0, 0, 0, .6);
    cursor: pointer;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    opacity: 0
}

#main, .item_tintuc h2 a, .more-link {
    position: relative
}

.ctn_vc:hover a span {
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    opacity: 1
}

.title_news {
    width: 100%;
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px
}

.title_news h1 {
    font-size: 18px;
    font-family: rbt;
    padding-left: 20px
}

.select_video {
    width: 100%;
    float: left;
    margin: 5px 0
}

.select_video select {
    width: 100%;
    padding: 5px
}

.sanpham_dm ul li a {
    width: 300px;
    float: left;
    padding: 0 0 8px 10px;
    color: rgba(255, 255, 255, 1)
}

#main, .main, .tieude {
    width: 100%;
    float: left
}

.sanpham_dm ul li a:hover {
    color: rgba(255, 255, 0, 1)
}

.tieude {
    margin: 10px 0;
    color: #128f43;
    font-size: 24px;
    font-family: rbtbold;
    text-align: center
}

.form_lh, .noidung {
    color: #000
}

.item_tintuc h2 a, .thanh h4 {
    font-family: rbtbold;
    font-size: 17px
}

.noidung {
    text-align: justify;
    padding: 10px 0
}

.app-figure, .content_tintucnb .thanh_ttnb, .item_sp, .mota_index, .ngaydangtin, .pagination, .thanh h4, .thanh_title, .thongke h4, .title_sp, .xemtiep, ul.pagination {
    text-align: center
}

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

#main {
    z-index: 999
}

#right {
    width: 250px;
    float: right;
    margin: 0
}

.danhmuc, .left, .newsss, .thanh {
    width: 100%
}

.bando, .danhmuc, .hotline, .left, .thanh, .tinkhac, .tinkhac li a, .xemnhieu {
    float: left
}

.left {
    padding: 0
}

.thanh {
    background: #ff8400;
    height: 42px
}

.thanh h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400
}

.item_tintuc h2 a, .item_tintuc p {
    line-height: 20px;
    font-weight: 300;
    font-style: normal
}

.newsss {
    display: flex;
    display: -webkit-flex;
    order: 1;
    -webkit-order: 1;
    -moz-order: 1;
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.item_tintuc {
    flex: 1 50%;
    -moz-flex: 1 50%;
    -webkit-flex: 1 50%;
    padding: 5px;
    max-width: 500px
}

.item_tintuc img {
    max-width: 100%;
    float: left;
    margin-right: 15px
}

.item_tintuc h2 a {
    margin: 0;
    color: #111;
    letter-spacing: -.01em;
    display: block
}

.item_tintuc p {
    font-family: rbt;
    color: #333;
    font-size: 15px;
    margin-bottom: 22px
}

.item_tintuc:hover h2 a {
    color: #C22C18
}

.more-link {
    color: #000;
    display: inline-block;
    border: 2px solid;
    padding: 7px 18px;
    font-size: 14px;
    margin-top: 10px;
    z-index: 0
}

a.more-link:before {
    content: "";
    position: absolute;
    z-index: -1;
    transition: all .3s ease 0s;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #111
}

a.more-link:after {
    content: "\f3d6";
    font-family: Ionicons;
    margin-left: 10px;
    font-size: 17px;
    position: relative;
    top: 1px
}

a.more-link:hover {
    border-color: #fdc900
}

a.more-link:hover:before {
    width: 100%;
    background: #fdc900
}

.left1 {
    border-left: 1px solid rgba(0, 0, 0, .06)
}

.sp_noibat {
    padding: 10px
}

.sp_noibat img {
    width: 100%;
    padding: 2px;
    box-shadow: 0 0 3px #ccc
}

.sp_noibat h3 {
    color: #fff;
    font-size: 14px
}

.sp_noibat:hover {
    opacity: .8
}

.visit_hidden {
    visibility: hidden;
    height: 0
}

.visit_hidden h1 {
    margin: 0
}

.tinkhac {
    width: 100%;
    margin: 20px 0
}

.tinkhac li a {
    width: 100%;
    padding: 2px 0 2px 30px;
    color: #333;
    background: url(images/sao.png) 10px 7px no-repeat
}

.tinkhac li a:hover {
    color: #036CAF
}

.xemnhieu {
    width: 193px;
    border: 1px solid #FF8A00;
    background: url(images/left_cham.png) repeat-y
}

ul.pagination {
    color: #829994;
    width: 100%;
    display: flex;
    justify-content: center;
}

ul.pagination li {
    display: inline;
    padding: 0 3px
}

.pages li, .thongtin li, ul.pagination a {
    display: inline-block
}

ul.pagination a {
    color: #0d7963;
    padding: 5px 10px;
    border: 1px solid #cde0dc
}

ul.pagination a.current, ul.pagination a:hover {
    background: #ffcc00;
    color: #fff
}

.pagination {
    margin: 10px auto auto;
    width: auto
}

.pages li.prev {
    margin-right: 15px
}

.pages li.next {
    margin-left: 15px
}

.pages li {
    margin: 5px 2px
}

.pages li a {
    height: 25px;
    padding: 4px 8px;
    color: #666;
    font-weight: 700;
    background: url(../images/backgrounds/pagingBg.png) repeat-x;
    border: 1px solid #d5d5d5;
    font-size: 11px
}

.pages li a:hover {
    background: #f6f6f6
}

.pages li .active {
    background: url(../images/backgrounds/sideGradient.png) repeat-x;
    color: #fff;
    border-color: #424852
}

.pages li .active:hover {
    background: #2a313d
}

.ngaydang {
    font-style: italic;
    color: #ccc
}

.bando {
    width: 100%
}

.thongke h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #d9b19b;
    font-weight: 100;
    font-family: rbt
}

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

.thongke ul li {
    float: right;
    width: 100%;
    font-size: 13px;
    padding: 0 15px 0 85px;
    margin: 6px 0 0;
    color: #d9b19b
}

.bong_info {
    width: 730px;
    float: right;
    height: 30px;
    font-weight: 900;
    color: #333;
    text-transform: uppercase;
    line-height: 30px
}

.hotline {
    width: 240px;
    margin: 0 0 0 10px;
    color: rgba(51, 51, 51, 1);
    font-weight: 700;
    font-size: 20px;
    background: url(images/hotline_l.png) 0 5px no-repeat;
    padding: 0 0 0 80px;
    border-bottom: 1px solid #e6e6e6
}

#content, .thongtin {
    width: 100%;
    float: left
}

.hotline h5 {
    font-weight: 100;
    font-size: 12px
}

.hotline span {
    color: rgba(255, 0, 0, 1)
}

.thongtin {
    font-weight: 700;
    padding: 20px 0 22px 20px;
    font-size: 14px;
    background: url(images/bg_tt.jpg) bottom repeat-x
}

.thongtin li a {
    border-right: 1px solid #ccc;
    padding: 0 10px;
    color: #323232;
    font-size: 12px
}

.thongtin li a:hover {
    color: #01517A
}

#content {
    margin: 0;
    border-top: 0
}

#content .content_container.trangtrong {
    margin-top: 20px;
    display: flex;
    display: -webkit-flex;
    order: 1;
    -webkit-order: 1;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

#sanpham {
    width: 76.25%;
    float: right
}

#left {
    width: 21.5%;
    float: left
}

.nps {
    width: 2.25%;
    float: left
}

.box_left {
    width: 100%;
    float: left;
    border: 1px solid #B4B4B4;
    padding: 3px
}

#info {
    width: 100%;
    margin: 0 auto
}

.title_sp {
    height: 180px
}

.title_sp h2 {
    line-height: 200px;
    font-family: rbt;
    font-size: 60px;
    color: #fff
}

.doctiep a, .item_sp a h4 {
    font-size: 15px;
    font-family: rbtbold
}

.item_sp {
    max-width: 370px;
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    margin: 0 auto 20px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.xx:nth-child(2n+1) {
    clear: both
}

.box_new:nth-child(2n+1), .khung_22 .item:nth-child(2n+1) {
    clear: left
}

.item_sp .img_sp {
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    position: relative
}

.item_sp .img_sp img {
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    width: 100%;
    overflow: hidden;
    height: auto
}

.item_sp:hover .img_sp img {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.item_sp a h4 {
    color: #000;
    text-align: center;
    font-weight: 400;
    margin: 0 0 15px;
    padding: 0 0 15px;
    text-transform: uppercase;
    position: relative
}

.item_sp a h4:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 30px;
    height: 3px;
    border-bottom: 1px double #395E06;
    border-top: 1px double #395E06
}

.item_sp:hover a h4 {
    color: #395E06;
    transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out
}

.item_sp .info_sp {
    width: 80%;
    margin: -60px auto 0;
    position: relative;
    background: #fff;
    padding: 20px 0
}

.doctiep a {
    display: inline-block;
    margin: 20px 0;
    padding: 10px 0;
    border-bottom: 2px solid #000
}

.doctiep>a:hover {
    color: #EE222A;
    border-bottom: 2px solid #EE222A
}

#select_vid {
    width: 100%;
    padding: 5px
}

.tintuc ul li {
    width: 100%;
    float: left
}

.img_ttsk {
    width: 32%;
    float: left
}

.img_ttsk img {
    max-width: 100%
}

.noidung_chitiet img, .noidung_news img, .thuvienanh ul li img {
    max-width: 100% !important
}

.ngaydangtin {
    width: 16.5%;
    float: left;
    color: #fff;
    font-family: rbtbold;
    font-size: 24px;
    line-height: 28px
}

.ngaydangtin span {
    color: #fff;
    font-family: rbt;
    font-size: 18px;
    letter-spacing: -1px
}

.ngaydangtin>div {
    width: 80%;
    margin: 0 auto;
    background: #128f43;
    padding: 12px 4px
}

.tin_info {
    width: 51.5%;
    float: left;
    font-family: rbt;
    font-size: 13px;
    color: #3e3e3e
}

.tin_info a {
    font-family: rbtbold;
    font-size: 15px;
    color: #3e3e3e;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.owl-carousel.owl-qt {
    padding: 0 8.75%;
    color: #fff
}

.title_quantam {
    font-family: RobotoMedium;
    font-size: 22px;
    color: #fff;
    margin: 15px 0
}

.quota {
    width: 100%;
    height: 45px;
    background: url(images/quota.png) top center no-repeat
}

.noidung_quantam {
    font-family: rbt;
    font-size: 15px;
    color: #fff;
    line-height: 22px
}

.noidung_news {
    padding: 0 5px;
    font-family: rbt;
    line-height: 26px;
    font-weight: 300;
    font-style: normal;
    color: #000;
    font-size: 16px
}

.noidung_news img {
    height: auto !important
}

.danhmuc_spright.newss ul li:hover a {
    padding: 5px 0 7px
}

.thuvienanh {
    width: 100%;
    float: left;
    position: relative
}

.thuvienanh ul li {
    float: left;
    width: 25%;
    overflow: hidden;
    padding: 0 4px 4px 0
}

.thuvienanh ul li.last {
    float: right;
    padding: 0 0 4px;
    overflow: hidden
}

.thuvienanh ul li.last img {
    max-height: 254px
}

.xemtiep {
    float: right;
    font-size: 14px;
    transition: .5s
}

.xemtiep a {
    font-style: italic;
    float: left;
    padding: 7px 0;
    color: #F40000
}

.xemtiep a:hover {
    color: #036889
}

.giaohang {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 0 0 30px
}

.thanh_title {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    background: url(upload/icon/204x13x2/title_1.png) bottom center no-repeat
}

.thanh_title h2, .thanh_title h4 {
    color: #fff;
    font-size: 22px;
    display: inline-block;
    font-weight: 100;
    text-transform: uppercase;
    height: 37px;
    line-height: 37px
}

.mota_index {
    font-family: RobotoLight;
    font-size: 16px;
    color: #efefef;
    line-height: 32px
}

.mota_index p {
    padding: 0;
    margin: 0
}

#tintuc_noibat {
    width: 100%;
    float: left;
    padding: 30px 0
}

#tintuc_noibat .box_tintucnb {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

#tintuc_noibat .box_tintucnb .content_tintucnb {
    width: 100%;
    float: left
}

.content_tintucnb .thanh_ttnb {
    width: 100%;
    background: url(images/bg_title.png) bottom center no-repeat;
    padding-bottom: 5px
}

.content_tintucnb .thanh_ttnb h3 {
    color: #fff;
    font-family: rbt;
    font-size: 23px;
    text-transform: uppercase;
    line-height: 25px
}

.frame_images {
    padding: 0 5px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    order: 1;
    -webkit-order: 1
}

.selectors {
    flex: 1 20%;
    -webkit-flex: 1 20%
}

.app-figure {
    flex: 1 80%;
    -webkit-flex: 1 80%
}

.selectors ul {
    width: 100%;
    padding: 0 5px;
    height: auto;
    max-height: 363px;
    overflow: hidden;
    text-align: right
}

.color, .size {
    width: 25px;
    height: 30px;
    border: 1px solid #ccc;
    display: inline-block
}

.size, .title_desc {
    text-align: center
}

.color {
    margin: 0 2px
}

.size {
    line-height: 30px;
    font-family: rbtbold;
    font-size: 16px;
    color: #333
}

.desc_product {
    border: 1px solid #ddd
}

.title_desc {
    border-bottom: 1px solid #ddd
}

.title_desc h4 {
    font-family: rbtbold;
    font-size: 25px;
    padding: 10px 0;
    display: inline-block;
    position: relative;
    margin: 0
}

.title_desc h4:before {
    border-bottom: 3px solid #b8a89b;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.noidung_product {
    padding: 30px;
    margin: 30px;
    font-family: rbt;
    color: #000;
    font-size: 18px;
    text-align: justify;
    line-height: normal
}

.noidung_product p {
    line-height: 1.4em !important
}

.title_pr {
    text-align: center;
    color: #3a332f;
    font-size: 46px;
    position: relative;
    padding: 10px 0 50px;
    margin: 0 0 50px;
    width: 100%;
    font-family: rbtbold;
    line-height: .7em
}

.title_pr:after, .title_pr:before {
    content: '';
    position: absolute;
    left: 50%
}

.title_pr:before {
    bottom: 0;
    width: 120px;
    height: 4px;
    border-bottom: 3px double #b5a79a;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.title_pr:after {
    background: url(images/product.png) center no-repeat #fcfcfc;
    bottom: -15px;
    height: 40px;
    width: 54px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

ul#tabs, ul#tabs li {
    position: relative;
    z-index: 100
}

.title_pr span {
    font-family: rbt;
    font-size: 40px;
    font-weight: 400;
    color: #3a332f;
    text-transform: capitalize
}

ul.thongtinsanpham li {
    font-family: rbt;
    line-height: 26px;
    font-weight: 500;
    font-style: normal;
    color: #333;
    font-size: 16px;
    text-align: justify
}

.chitiet, .dangkymail button, .dathang_detail span, .tin_tuc, ul#tabs, ul#tabs li, ul.thongtinsanpham li i {
    text-align: center
}

ul.thongtinsanpham li i {
    cursor: pointer;
    width: 100%;
    float: left;
    border: 1px solid #000;
    padding: 2px 0;
    border-radius: 3px
}

ul.thongtinsanpham li i:hover {
    color: #FFF;
    background: #000
}

ul.thongtinsanpham li.show_d {
    display: block;
    line-height: 1.6em;
    margin-bottom: 5px;
    padding-top: 15px;
    border-top: 1px dotted #e2e2e2;
    font-size: 13px;
    font-family: rbt;
    font-weight: 300;
    font-style: normal;
    color: #333
}

.khung_km li, .lienket a, .tin_tuc h2, ul#tabs li, ul#tabs li a {
    display: inline-block
}

p.p_left, p.p_right {
    width: 49%;
    margin: 0
}

ul.thongtinsanpham li.sg span {
    color: #E30000;
    font-weight: 700
}

ul.thongtinsanpham li.pdprice span {
    color: #E30000;
    font-weight: 700;
    font-size: 22px
}

ul.thongtinsanpham li.pdprice span.giatt {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
    text-decoration: line-through
}

li.show_d a {
    color: #117abc
}

li.show_d a:hover {
    color: #000
}

ul.thongtinsanpham li:last-child {
    border: none
}

p.p_left {
    float: left
}

p.p_right {
    float: right
}

.khung_thongtin {
    color: #000;
    padding: 0 5px;
    width: 100%;
    float: right
}

.khung_thongtin li {
    padding: 5px 0;
    width: 100%;
    float: left
}

.khung_thongtin h1 {
    font-size: 32px;
    margin-bottom: 5px;
    line-height: 1.3em;
    font-weight: 300;
    font-style: normal;
    color: #111;
    font-family: rbt
}

.khung_thongtin .masp {
    color: #000;
    font-weight: 700
}

.khung_thongtin .mota_detail {
    color: #757575
}

.khung_thongtin .gia_detail {
    font-size: 24px;
    color: #ff2e2e;
    font-family: rbt
}

.khung_thongtin .gia_detail b {
    color: #000;
    font-size: 18px
}

.khung_thongtin .giacu_detail {
    color: #999;
    text-decoration: line-through
}

.khung_thongtin .giacu_detail span {
    text-decoration: line-through
}

.khung_thongtin .baohanh_detail {
    color: #015DA4
}

.gia_detail span {
    font-size: 14px;
    color: #666
}

.noidung_chitiet {
    padding: 10px 15px
}

.noidung_chitiet img {
    height: auto !important
}

ul#tabs {
    width: 100%
}

ul#tabs li {
    margin: 0 5px
}

ul#tabs li a {
    font-size: 23px;
    text-decoration: none;
    color: #3E3D43;
    text-transform: uppercase
}

.dathang_detail .muangay, .dathang_detail .thanhtoannhanh {
    height: 46px;
    font-weight: 700;
    font-size: 16px;
    float: left;
    text-transform: uppercase;
    cursor: pointer
}

#content_tab {
    float: left;
    width: 100%
}

ul#tabs li#current {
    border-bottom: 2px solid #3E3D43
}

.dathang_detail .thanhtoannhanh {
    width: 239px;
    background: #d9084b;
    padding: 0;
    color: #fff;
    line-height: 46px;
    text-align: center
}

.dathang_detail .thanhtoannhanh:hover {
    background: #eb2626;
    transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    -ms-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out
}

.dathang_detail .muangay {
    width: 177px;
    background: url(images/thanhtoan.png) no-repeat;
    padding: 9px 0 0 70px
}

.dathang_detail .muangay:hover {
    color: #9C1515
}

.dathang_detail span {
    width: 42px;
    height: 42px;
    padding: 7px 0 0;
    float: left;
    border: 3px solid #ccc;
    border-radius: 50%
}

.huongdan_detail a {
    width: 100%;
    float: left;
    padding: 5px 0 10px 30px;
    background: url(images/giohang_ico.jpg) 5px 8px no-repeat;
    color: #035E80;
    font-style: italic
}

.huongdan_detail a:hover {
    color: #04579D
}

.box_new {
    width: 50%;
    float: left;
    padding: 10px
}

.box_new img {
    width: 120px;
    border: 1px solid #ccc;
    padding: 2px;
    float: left;
    margin: 0 10px 0 0
}

.box_new h3 a {
    text-transform: uppercase;
    font-weight: 100;
    color: #025B89
}

.box_new p {
    font-size: 12px;
    color: #333
}

.box_new:hover h3 a {
    color: #AF0808
}

.content_new {
    overflow: hidden;
    height: 400px;
    width: 100%;
    float: left
}

.thongtin_detail {
    font-style: italic
}

.khuyenmai_detail {
    margin: 5px 0 0
}

.khuyenmai_detail ul li {
    padding: 5px 20px 5px 0;
    color: #008c00
}

.khuyenmai_detail ul li input {
    float: left;
    margin: 3px 5px 0 0
}

.khung_km {
    padding: 0;
    width: 100%;
    float: left
}

.khung_km li {
    border-bottom: 0;
    width: auto
}

.table_info, .tin_tuc {
    width: 100%;
    float: left
}

.tin_tuc {
    margin-top: 10px
}

.tin_tuc h2 {
    background: url(images/thanhsp.png) no-repeat;
    height: 64px;
    background-size: 100% 100%;
    padding: 10px 80px 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: 100
}

.tin_tuc h3 {
    color: #646464;
    text-transform: uppercase;
    margin: 10px 0 5px
}

.tin_tuc p {
    color: #666;
    font-size: 12px
}

.tin_tuc ul li {
    width: 370px;
    float: left;
    margin: 20px 0 0 10px;
    text-align: left;
    padding: 2px 0 2px 10px
}

.tin_tuc ul li img {
    width: 66px;
    height: 66px;
    float: left;
    margin: 10px;
    border-radius: 100%
}

.tin_tuc ul li a {
    color: #00426f
}

.tin_tuc ul li span {
    color: #ccc
}

.tin_tuc a:hover {
    color: rgba(255, 0, 0, 1)
}

.khung_2 {
    padding: 0 0 0 20px;
    margin-top: 20px
}

.khung_22 {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    min-height: 390px
}

.khung_22 h4 {
    background: #f5f5f5;
    text-transform: uppercase;
    color: #333;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    padding: 0 0 0 20px
}

.khung_22 .item h3 {
    font-size: 12px;
    font-weight: 100;
    font-family: Arial;
    text-transform: lowercase
}

.khung_22 .item {
    margin: 10px 0 0
}

.dangky_tin {
    margin: 0 0 10px;
    float: right;
    width: 400px;
    color: #fff
}

.dangky_tin h4 {
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    float: left;
    margin-top: 10px;
    color: #fbda42;
    font-size: 18px;
    font-family: rbt
}

.dangky_tin p {
    margin: 5px 0;
    font-size: 12px
}

.dangky_tin p span {
    text-transform: uppercase;
    font-size: 16px
}

.dangky_tin input {
    width: 100%;
    padding: 10px;
    border-radius: 2px;
    border: 0;
    background: #efefef;
    margin-top: 10px
}

.dangky_tin button {
    border: 0;
    background: #0072BC;
    width: 41px;
    height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    cursor: pointer;
    font-family: rbt;
    font-size: 13px
}

.dangky_tin button:hover {
    opacity: .5
}

.xemthem {
    float: right;
    margin: 10px 10px 0 0;
    font-size: 18px;
    color: #595959
}

.xemthem:hover {
    color: #035381
}

.chitiet {
    float: right;
    border-radius: 5px;
    height: 22px;
    color: #fe8152;
    text-decoration: underline;
    line-height: 22px
}

#bottom, #tags, #tags .ht, .ft1, .ft2, .ht1 .boxht, div#footer {
    float: left
}

.chitiet:hover {
    color: #03758D
}

.noidung ul {
    margin: 0 0 0 30px
}


.popup-boxchat {
    display: block;
    z-index: 1000;
    position: relative;
}

.popup-boxchat .boxchat-balloons {
    position: fixed;
    bottom: 115px;
    right: 27px;
    cursor: pointer;
    z-index: 99;
    background-image: url(../images/download.png);
    width: 60px;
    height: 60px;
    margin: 0 !important;
    background-size: 200px;
    background-position: -150px 4px;
    background-color: #ffcc00;
    border-radius: 50%;
    animation-name: zoom;
    -webkit-animation-name: zoom;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    box-shadow: 0 0 0 0 #ffcc00;
}

.chat-window {
    position: fixed;
    right: 50px;
    bottom: 179px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(51, 51, 51, .2);
    padding: 8px 16px 16px;
    display: none;
    transition: .3s;
    z-index: 99
}

.chat-window.active {
    display: block
}

.chat-window .sp-onl {
    display: block;
    overflow: hidden
}

.chat-window .sp-onl h4 {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: bold
}

.chat-window .sp-onl i {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer
}

.chat-window ul {
    display: block;
    overflow: hidden
}

.chat-window ul li {
    display: block;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin: 12px 0;
    padding: 6px 26px 6px 16px;
    position: relative
}

.chat-window ul li.prevent {
    opacity: .3
}

.chat-window ul li.prevent a {
    pointer-events: none
}

.chat-window ul li .stage {
    display: none;
    position: absolute;
    top: calc(50% - 5px);
    left: 50%
}

.chat-window ul li.prevent .stage {
    display: block
}

.chat-window ul li:last-child {
    margin: 0
}

.chat-window ul li a {
    display: flex;
    align-items: center;
    overflow: hidden
}

.chat-window ul li i {
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle
}

.chat-window ul li strong {
    flex: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 0 8px;
    color: #333
}

.chat-window ul li span {
    display: block;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    color: #333
}
.suggestion-post-price del {
    font-size: 12px;
    color: grey
}
[class^="boxchat-"],
[class*="boxchat-"] {
    background-image: url(../images/boxchat.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 150px 376px
}
.boxchat-balloons {
    background-position: -1px -286px;
    width: 87px;
    height: 87px;
}

.chat-window .sp-onl i {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}
.boxchat-closewindow {
    background-position: -131px -32px;
    width: 10px;
    height: 11px;
}
.chat-window ul li i {
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
}
.boxchat-call {
    background-position: -96px -318px;
    width: 24px;
    height: 24px;
}
.chat-window ul li i {
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
}
.boxchat-zalo {
    background-position: -124px 0;
    width: 24px;
    height: 24px;
}

.row.contents {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}
#main_left {
    width: calc(100% - 300px);
    float: left;
}
#main_right {
    width: 270px;
    float: right;
    position: sticky;
    top: 50px;
}
.item_project {
    position: relative;
    margin: 0 0 15px;
    overflow: hidden;
}
.effect-2 {
    display: inline-block;
    justify-content: center;
    align-items: center;
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    /* left: 0; */
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    text-align: center;
    position: relative;
}
.info_project {
    padding-top: 10px;
}
.info_project h3 {
    font-size: 15px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px;
}
.info_project h3 a {
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* text-shadow: 0 0 5px #000; */
}
.info_project span {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    -webkit-line-clamp: 2;
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.more_project {
    border-top: 1px solid #ffcc00;
    margin-top: 7px;
    padding-top: 7px;
    color: var(--main-color);
    font-size: 15px;
    font-weight: 500;
    display: block;
    text-transform: capitalize;
}
.right-sticky {
    position: sticky;
    top: 55px;
}
.box_right {
    margin-bottom: 30px;
}
.title_category {
    text-align: center;
    background: #ffcc00;
    text-align: center;
    padding: 0 15px;
}
.title_category span {
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    line-height: 40px;
    font-size: 16px;
}
.menu_right {
    border: 1px solid #ccc;
}
.menu_right ul {
    padding: 0;
    margin: 0;
}
.menu_right ul li {
    list-style: none;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
}
.menu_right > ul > li > a {
    font-weight: 700;
}
.menu_right ul li a {
    font-size: 15px;
    text-transform: capitalize;
    line-height: 30px;
    padding: 6px 0;
    color: #000;
    display: block;
    color: #000000;
}
.menu_right ul li a i {
    margin-right: 5px;
}
.item_project_{padding: 0px 12px;}

div#footer {
    width: 100%;
    position: relative;
    z-index: 2;
    color: #fff;
}

.ft-main {
    padding-right: 25px;
    margin-bottom: 20px;
}

.ft-2 {
    margin-bottom: 20px;
}

#footer .info_ {
}

#footer .info_ li {
    list-style: inside;
}

#footer .info_ li a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    line-height: 1.5em;
    padding: 4px 0;
}

#footer .info_ li a:hover {
    color: #ff0
}

#footer .chinhanh {
    /* max-height: 250px; */
    /* overflow-y: auto; */
}

#footer .chinhanh li {
    list-style: none;
    margin-bottom: 10px;
}

#footer .chinhanh li i {
    font-size: 17px;
}

#footer .chinhanh li a.h3 {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}

#footer .chinhanh li div.h3 i {
    font-size: 17px;
}

#footer .chinhanh li a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    line-height: 1.5em;
    padding: 4px 0;
}

#footer .chinhanh li a:hover {
    color: #ff0
}

#footer .chinhanh::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#footer .chinhanh::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#footer .chinhanh::-webkit-scrollbar-thumb {
    background-color: #000000;
}

#footer .tt_ft {
    font-size: 15px;
    color: #fbda42;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
}

#tags {
    width: 100%;
    background: #FFF;
    padding: 30px 0
}

#tags h4 {
    font-family: rbtbold;
    color: #dfb303;
    font-size: 20px;
    text-transform: uppercase
}

#tags .ht {
    width: 33.33333%
}

#tags .ht .box_ht {
    width: 100%;
    max-width: 355px;
    margin: 0 auto
}

.ht1 .boxht {
    width: 100%;
    background: url(upload/icon/213x205x1/bg_ht.png);
    border: 1px dashed #acacac;
    padding: 30px
}

.boxht .contentht {
    width: 100%;
    float: left
}

.contentht .hl {
    padding-left: 122px;
    background: url(upload/icon/57x40x2/icon2.png) 45px 50% no-repeat;
    font-size: 20px;
    color: #3e3e3e;
    line-height: 24px;
    font-family: UTMAndrogyne
}

.contentht .hl span {
    font-size: 23px;
    color: #fe0000;
    font-weight: 700
}

.boxht .contentht h5 {
    font-weight: 700;
    font-size: 20px;
    color: #3e3e3e;
    font-family: UTMAndrogyne
}

.dangkymail button, .ft h4 {
    font-weight: 400;
    text-transform: uppercase
}

.contentht {
    font-size: 13px;
    color: #3e3e3e;
    line-height: 26px
}

.ft h4, .ft1 {
    font-family: rbt;
    color: #FFF
}

#bottom {
    width: 100%;
    margin: 0;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    background: url(../images/bg_ft.png);
}

.box_menuhid, .box_vid h1, .box_video, .content_nhantin, .frm_booking {
    box-sizing: border-box
}

.ft h4 {
    font-size: 16px;
    margin-top: 0
}

.ft1 {
    font-size: 14px;
    line-height: 33px;
    margin-bottom: 20px;
}

.ft1 h2 {
    font-family: rbtbold;
    font-size: 23px;
    color: #ff0;
    margin-bottom: 7px
}

.cpright, .ft3 {
    font-family: rbt;
    font-size: 13px
}

.ft2 {
    width: 28.75%
}

.ft3 {
    width: 15%;
    float: right;
    color: #fff;
    line-height: 26px
}

.ft3 img {
    margin-right: 5px
}

#map_canvas1 {
    width: 100%;
    height: 500px
}

.cpright {
    color: rgba(255, 255, 255, .4)
}

.content_nhantin {
    width: 100%;
    float: left;
    padding: 15px 20px;
    border: 1px solid #E7E7E6
}

.dangkymail {
    width: 100%;
    float: left;
    position: relative;
    margin: 0
}

.dangkymail input {
    width: 77%;
    float: left;
    margin: 0;
    background: #FFF;
    border: 1px solid #8C8C8C;
    outline: 0;
    height: 41px;
    line-height: 41px;
    border-radius: 0;
    padding-left: 17px;
    color: #000
}

.dangkymail button {
    position: absolute;
    right: 0;
    top: 0;
    background: #0446B8;
    font-family: UVNGioMayRegular;
    font-style: normal;
    border: none;
    outline: 0;
    width: 50px;
    height: 41px;
    color: #fff;
    font-size: 14px
}

.copy, .dangkymail p, .hotro_top, .lienket {
    width: 100%;
    float: left
}

.dangkymail button:hover {
    color: #fff;
    background: #333
}

.dangkymail p {
    color: #fff;
    padding: 10px 20px 0
}

.dangkymail input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
    font-family: RobotoRegular;
    font-style: italic
}

.dangkymail input:-moz-placeholder {
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
    font-family: rbt;
    font-style: italic
}

.dangkymail input::-moz-placeholder {
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
    font-family: rbt;
    font-style: italic
}

.dangkymail input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
    font-family: rbt;
    font-style: italic
}

.copy, .copy a {
    color: #fff
}

.lienket {
    padding: 0;
    text-align: right;
}

.copy, .phantrang {
    text-align: center
}

.lienket a {
    margin-left: -3px
}

.lienket a:hover {
    opacity: .7
}

.booking button:hover, .form_lh button:hover {
    opacity: .9
}

.copy {
    font-size: 14px;
    margin: 0;
    line-height: 55px;
    background: url(images/bg_copy.png) top center repeat-x
}

.copy span {
    color: #FBE600
}

.hotro_top {
    background: url(images/top_b.jpg) repeat-x;
    height: 38px;
    line-height: 38px
}

.hotro_top h2 {
    float: left;
    color: #fff;
    font-size: 19px;
    font-weight: 100
}

.soluong {
    padding: 10px 0 0 10px;
    font-weight: 700
}

.soluong span {
    width: 110px;
    float: right;
    color: #F90
}

.phantrang {
    margin-top: 20px
}

.noidung_ta {
    width: 100%;
    float: left;
    padding: 25px 10px;
    clear: left;
    color: #000 !important;
    border: 1px solid #ccc;
    position: relative;
    z-index: 1;
    margin-top: -15px
}

.clear {
    clear: both
}

.content {
    width: 910px;
    float: right;
    margin: 0 10px 0 0
}

#map_canvas {
    height: 437px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
    margin-left: 2px
}

#map_canvas2 {
    height: 306px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
    margin-left: 2px
}

#map_canvas_bt {
    height: 400px;
    width: 100%;
    float: left
}

.map_description {
    color: #000;
    overflow: auto;
    width: 300px
}

.map_description .default {
    color: red
}

.map_description div {
    line-height: 18px;
    margin: 3px
}

.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px
}

.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px
}

.map_list_address span {
    color: #FCFF46
}

.map_title h2 {
    color: #EE222A;
    font-weight: 700;
    font-family: rbt;
    font-size: 18px !important
}

.navigate .C {
    width: 970px
}

.hotro_right {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    max-width: 290px
}

.hotro_right #img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 290px;
    height: 160px;
    border-bottom: 1px solid #d00000;
    background: url(images/hotro.png) no-repeat
}

.hotro_right #img>div.hotline, .hotro_right #img>div.hotline_r {
    position: absolute;
    bottom: 0;
    color: #d00000;
    font-size: 17px;
    font-weight: 700;
    width: 100%;
    text-align: center
}

.hotro_right #img>div.hotline {
    padding: 0 10px;
    background-color: #ffde00;
    border: 1px solid #6E7AFF;
    border-radius: 5px 5px 0 0
}

.hotro_right .noidung_20 {
    display: none;
    background-color: #FFF;
    border-left: 1px solid #d00000;
    padding: 5px
}

.hotro_right #img>div.hotline_r {
    padding: 0 10px;
    background-color: #ffde00;
    border: 1px solid #d00000;
    border-radius: 5px 5px 0 0
}

.red {
    color: #FB0000
}

.thanh_bt {
    width: 100%;
    float: left;
    margin: -5px 0 20px;
    text-align: center;
    background: url(images/thanh_bt.png) top center no-repeat
}

.thanh_bt h4 {
    font-size: 16px;
    font-family: rbt;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    padding: 0 30px;
    height: 38px;
    line-height: 38px;
    border-radius: 0 0 5px 5px;
    display: inline-block
}

.content_new ul li {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0
}

.content_new ul li a {
    width: 100%;
    float: left;
    color: #fff;
    padding: 0 0 0 20px;
    background: url(images/4cham.png) 5px 7px no-repeat
}

.content_new ul li a:hover {
    color: #FFF600
}

.content_new ul li span {
    float: right
}

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

.booknow {
    width: 150px;
    height: auto;
    cursor: pointer
}

.booknow img {
    border-radius: 10px
}

.booking input, .booking textarea {
    width: 100%;
    border: 1px solid #e2e2e2
}

.frm_booking {
    padding: 20px
}

.frm_left.loaiphong p {
    line-height: 30px;
    font-family: rbt;
    font-size: 18px;
    color: #3a3a3a
}

.frm_left.loaiphong p a {
    font-family: rbt;
    font-size: 15px;
    color: #000
}

.frm_left.loaiphong p a:hover {
    color: #754717
}

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

.booking fieldset {
    padding: 0 10px 10px;
    margin: 0
}

.booking legend {
    padding: 0 10px;
    font-style: italic;
    color: #023B70
}

.booking button, .booking label, .button_sub {
    font-family: rbt;
    font-weight: 300;
    font-style: normal
}

.booking input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #555;
    background: #fff;
    padding: 8px 12px;
    transition: all .15s ease 0s;
    margin-bottom: 22px
}

.booking label {
    width: 100%;
    float: left;
    line-height: 26px;
    color: #343e47;
    font-size: 16px
}

.booking textarea {
    padding: 5px;
    height: 223px
}

.booking button {
    font-size: inherit;
    width: auto;
    position: relative;
    z-index: 2;
    background-color: #fdc900;
    border: none;
    outline: 0;
    padding: 10px 30px;
    line-height: 26px;
    color: #333;
    transition: all .15s ease-in 0s;
    border-radius: 2px
}

.form_lh input, .form_lh textarea {
    width: 100%;
    border: 1px solid #e2e2e2
}

.button_sub {
    line-height: 42px;
    color: #222;
    font-size: 28px;
    margin: 0 0 1.6em;
    position: relative
}

.khung_trai {
    width: 100%;
    float: left;
    margin-left: 0
}

.khung_phai {
    width: 100%;
    float: left;
    padding: 0
}

.thongtin_lh {
    width: 100%;
    float: left;
    padding: 0 40px 20px 0
}

.thongtin_lh h1 {
    font-size: 20px;
    text-transform: uppercase;
    color: #04608B
}

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

.form_lh fieldset {
    padding: 0 10px 10px;
    margin: 0
}

.form_lh legend {
    padding: 0 10px;
    font-style: italic;
    color: #023B70
}

.form_lh button, .form_lh label {
    line-height: 26px;
    font-weight: 300;
    font-style: normal;
    font-family: rbt
}

.form_lh input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #555;
    background: #fff;
    padding: 8px 12px;
    transition: all .15s ease 0s;
    margin-bottom: 22px
}

.form_lh label {
    width: 100%;
    float: left;
    color: #343e47;
    font-size: 16px
}

.form_lh textarea {
    padding: 5px;
    height: 131px
}

.form_lh button {
    font-size: inherit;
    width: auto;
    position: relative;
    z-index: 2;
    background-color: #C22C18;
    border: none;
    outline: 0;
    padding: 10px 30px;
    color: #fff;
    transition: all .15s ease-in 0s;
    border-radius: 2px
}

.form_van input {
    width: 100%;
    padding: 5px
}

.form_van button {
    position: absolute;
    z-index: 1000;
    top: 1px;
    right: 0;
    color: #eee;
    padding: 5px;
    border: 0;
    background: #E78D00
}

.form_contact {
    color: #000
}

.dieukhoan h4, .xacnhan h4 {
    background: #F2F2F2;
    color: #555;
    text-transform: uppercase
}

.form_contact, .form_lh {
    padding: 0 10px
}

#form_contact input {
    padding: 5px
}

.box_video {
    float: left
}

.box_video img {
    width: 100%;
    max-width: 100%
}

.box_video h3 {
    text-align: center;
    margin: 10px 0 0;
    width: 100%;
    float: left;
    font-size: 14px
}

.dieukhoan {
    width: 49%;
    float: left;
    border: 1px solid #ccc;
    margin: 10px 0
}

.dieukhoan h4 {
    padding: 5px 10px
}

.cuoncuon {
    padding: 10px;
    height: 400px;
    overflow-y: scroll
}

.xacnhan {
    width: 100%;
    float: right;
    margin: 5px 0
}

.xacnhan h4 {
    padding: 5px 10px
}

.khungxn p {
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
    margin: 0
}

.khungxn p b {
    width: 120px;
    float: left;
    font-weight: 100
}

.khungxn p span {
    color: #FC0202
}

.khungxn p label {
    margin: 0;
    font-weight: 100
}

.download_box {
    width: 230px;
    float: left;
    margin-right: 25px;
    text-align: center
}

.download_box img {
    border: 1px solid #ddd;
    padding: 5px
}

.download_box h3 {
    text-align: center;
    font-weight: 100;
    color: #333;
    margin: 5px 0;
    font-size: 12px
}

.download_box a {
    margin: auto;
    display: inline-block;
    padding: 3px 20px;
    background: #DE8801;
    color: #fff
}

.box_video {
    margin: 0 auto;
    padding: 5px;
    width: 230px
}

.box_video a h3 {
    text-align: left;
    margin: 5px 0 0;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #035F67;
    font-weight: 700;
    overflow: hidden
}

#popub, .gc {
    text-align: center
}

.box_video:hover a h3 {
    color: #d5aa16
}

.box_video:hover {
    opacity: .8
}

.video_info {
    font-size: 12px;
    color: #767676;
    line-height: 1.3em
}

.video_info .loai_vid a {
    font-size: 13px;
    color: #767676
}

.video_info .loai_vid:hover a {
    color: #167ac6
}

.box_vid {
    width: 70%;
    float: left
}

.box_vid iframe {
    height: 300px
}

.box_vid h1 {
    font-size: 24px;
    color: #fff;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 15px 10px
}

.vid_cmt {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px
}

.other_vid {
    width: 28%;
    float: right
}

.title_other {
    color: #0082C6;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    font-family: rbt
}

.other_vid .box_video_detail {
    width: 100%;
    padding: 7px;
    box-sizing: border-box
}

.other_vid .box_video_detail img {
    width: 40%;
    float: left;
    height: auto
}

.box_video_detail .vid_info {
    width: 58%;
    float: right;
    color: #767676;
    line-height: 1.3em;
    font-size: 12px
}

.box_video_detail .vid_info a h3 {
    font-size: 16px;
    color: #0082C6;
    font-weight: bolder;
    font-family: rbt
}

.box_video_detail:hover .vid_info a h3 {
    color: #EE222A
}

.vid_info .loai_vid a {
    font-size: 13px;
    color: #767676
}

.vid_info .loai_vid:hover a {
    color: #0082C6
}

.luotxem {
    font-style: italic;
    color: #666;
    font-size: 12px
}

#popub {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 10001
}

#loading, #popub {
    width: 100%;
    height: 100%;
    display: none
}

#popub .popub {
    position: relative;
    max-width: 80%;
    margin: auto;
    display: inline-block
}

#popub .popub .close_popup {
    position: absolute;
    background: url(images/icon/close.png) center center no-repeat;
    width: 60px;
    height: 60px;
    right: -33px;
    top: -33px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .1)
}

.close_popup {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1
}

.close_popup, .list-group-item>.badge {
    float: right
}

#popub .popub .close_popup:hover {
    background-color: rgba(255, 255, 255, .3);
    box-shadow: 0 0 20px rgba(255, 255, 255, .8)
}

.tags {
    background: #E4BC24;
    display: inline-block;
    padding: 0 15px 0 5px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 5px;
    margin-right: 5px;
    position: relative
}

.tags:after, .tags:before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent
}

.tags:before {
    left: -10px;
    border-right: 10px solid #E4BC24
}

.tags:after {
    right: 0;
    border-right: 10px solid #fff
}

.tags span {
    width: 10px;
    height: 10px;
    float: left;
    background: #fff;
    margin: 7px 10px 0 0;
    border-radius: 100%
}

.tags:hover span {
    background: #FDF759
}

.comboboxs input, .comboboxs select {
    width: 100%;
    padding: 5px;
    margin: 10px 0 0
}

.entry-title {
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    color: #666
}

#btnSearch {
    background: #1e90e8;
    float: right;
    border: 0;
    padding: 7px 20px 5px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin: 10px 0 0;
    cursor: pointer
}

#btnSearch:hover {
    background: #0082B8
}

.fanpage {
    position: fixed;
    top: 200px;
    right: -300px;
    z-index: 9999999999;
    width: 300px;
    height: 250px;
    transition: all .5s
}

.fanpage .title_fanpage {
    position: absolute;
    top: 0;
    left: -45px
}

.fanpage:hover {
    right: 0
}

.hid_title {
    display: none
}

.tin_hid {
    display: block
}

.tin_hid>.title_danhmucright {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    padding-left: 20px;
    font-family: rbt;
    font-size: 20px
}

.tin_hid ul li {
    border-bottom: 1px dotted #ddd;
    position: relative;
    padding-left: 15px
}

.tin_hid ul li:last-child {
    border: none
}

.tin_hid ul li a {
    display: block;
    font-family: rbt;
    font-size: 17px;
    color: #3a332f;
    text-transform: capitalize;
    padding: 5px 0 7px;
    transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.tin_hid ul li:hover a {
    color: #E30000
}

.tin_hid ul li:before {
    margin-right: 8px;
    position: absolute;
    top: 15px;
    left: 0;
    content: "";
    width: 5px;
    height: 5px;
    background: #C22C18;
    text-indent: -999px
}

.box_menuhid {
    padding: 0 15px;
    -webkit-box-sizing: border-box
}

.menu_hid ul {
    width: 100%;
    float: left;
    background: #fff
}

.menu_hid ul li {
    border-top: 1px solid #eee;
    clear: both;
    position: relative
}

.menu_hid ul li a {
    display: block;
    padding: .8em 18px .65em 0;
    color: #333
}

.box_menuhid ul li span {
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
    height: 100%;
    cursor: pointer
}

.box_menuhid ul li span.plus {
    background: url(images/icon/plus.png) center center no-repeat
}

.box_menuhid ul li span.minus {
    background: url(images/icon/minus.png) center center no-repeat
}

#cssmenu1 .lang {
    margin-top: 20px
}

.gc {
    width: 100%;
    padding: 10px 0 20px
}

/* Menu RP */
.menu-res {
    display: none;
    height: 45px;
    z-index: 10;
    background: #FFCC00;
    position: relative;
    line-height: normal;
}

.menu-bar-res {
    height: 45px;
    padding: 0px 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#hamburger {
    display: block;
    width: 35px;
    height: 23px;
    position: relative;
}

#hamburger:before, #hamburger:after, #hamburger span {
    background: #fff;
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0px;
}

#hamburger:before {
    top: 0px;
}

#hamburger span {
    top: 10px;
}

#hamburger:after {
    top: 20px;
}

#hamburger:before, #hamburger:after, #hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after {
    top: 10px;
}

.mm-wrapper_opening #hamburger span {
    left: -50px;
    opacity: 0;
}

.mm-wrapper_opening #hamburger:before {
    transform: rotate(45deg);
}

.mm-wrapper_opening #hamburger:after {
    transform: rotate(-45deg);
}

.mm-menu_opened {
    display: block !important;
}

/* Search RP */
.search-res {
    position: relative;
}

.search-res .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 22px;
    margin: 0px;
}

.search-res .icon-search.active {
    color: #065037;
    background: #fff;
    border-radius: 100%;
}

.search-res .search-grid {
    width: 250px;
    height: 35px;
    overflow: hidden;
    background: #fff;
    z-index: 2;
    border-radius: 25px;
    line-height: normal;
}

.search-res .search-grid p {
    float: left;
    width: 35px;
    height: 35px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: #5d3a37;
    line-height: 40px;
    text-align: center;
}

.search-res .search-grid input {
    width: calc(100% - 35px);
    float: right;
    line-height: 35px;
    outline: none;
    border: none;
    color: #000;
}

.search-res .search-grid input::-webkit-input-placeholder {
    color: #000;
}

.search-res .search-grid input:-moz-placeholder {
    color: #000;
}

.search-res .search-grid input::-moz-placeholder {
    color: #000;
}

.search-res .search-grid input:-ms-input-placeholder {
    color: #000;
}

.search-res-p {
    position: relative;
}

.search-res-p .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 17px;
    margin: 0px;
}

.search-res-p .icon-search.active {
    color: var(--color-red);
    background: #fff;
    border-radius: 100%;
}

.search-res-p .search-grid {
    position: absolute;
    top: 50px;
    right: 0px;
    width: 0px;
    height: 40px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #FFCC00;
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal;
}

.search-res-p .search-grid p {
    float: left;
    width: 35px;
    height: 38px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: #000;
    line-height: 40px;
    text-align: center;
}

.search-res-p .search-grid input {
    width: calc(100% - 35px);
    float: right;
    line-height: 38px;
    outline: none;
    border: none;
    color: #000;
}

.search-res-p .search-grid input::-webkit-input-placeholder {
    color: #ccc;
}

.search-res-p .search-grid input:-moz-placeholder {
    color: #ccc;
}

.search-res-p .search-grid input::-moz-placeholder {
    color: #ccc;
}

.search-res-p .search-grid input:-ms-input-placeholder {
    color: #ccc;
}

@media (max-width: 1200px) {
    .img {
        max-width: 50%
    }

    .img img {
        top: 18px;
        left: 2px
    }
}

@media (max-width: 1024px) {
    .box.dv .item {
        width: 50%
    }
}

@media (max-width: 992px) {
    #main_left{width: 100%;}
    #main_right{width: 100%;margin-top: 30px;}
    .effect-2{width: 100%;}
    .news-item{margin-bottom: 20px;}
    .menu-res {
        display: block;
    }
    .grid-service {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    #logo, .lienket {
        /* text-align: center */
    }

    #tags .ht, .ft1, .ft2 {
        box-sizing: border-box
    }

    .lg {
        display: none
    }

    .lg_hid {
        display: none;
        text-align: center;
    }

    #main_menu, .box_menu, .frm_spright, .nps {
        display: none
    }

    .boxdv .dvl, .boxdv .dvr {
        width: 100%;
        float: left
    }

    .img {
        background: 0 0
    }

    .nps {
        width: 0
    }

    .tin_hid {
        display: block
    }

    #banner, .tieude_news {
    width: 100%;
    text-align: center;
    }
	.hotline-header{display:none}

    #logo {
        width: 100%;
        display: none;
    }
	#header{background: none !important;}

    #footer {
        padding-bottom: 0px !important
    }

    #zalo {
        top: 80% !important;
    }

    .hid_title {
        display: block
    }

    .ft1, .ft2 {
        width: 50%;
        float: left;
        padding: 10px
    }

    .ft3 {
        display: none
    }

    #tags .ht {
        padding: 0 5px
    }

    #tags h4 {
        margin: 0
    }

    .banner_top {
        display: none;
    }
}

@media (max-width: 991px) {
    #left {
        display: none
    }

    #sanpham {
        width: 100%;
        float: left
    }
}

@media (max-width: 800px) {
    .item_tintuc {
        flex: 1 100%;
        -moz-flex: 1 100%;
        -webkit-flex: 1 100%
    }
}

@media (max-width: 768px) {
    .ft1:nth-child(3n + 1) {
        clear: both;
    }
    .box-cn{flex-direction: column;}
    .cn-left{width: 100%;}
    .cn-right{width: 100%;}
    #frame-map{height: 350px;}
    #bottom{padding-left: 10px;padding-right: 10px;}
}

@media (max-width: 768px) {
    .title-index {
        text-align: center;
        border-left: none;
        padding-left: 0;
        padding-bottom: 15px;
        position: relative;
    }

    .title-index h1 {
        font-size: 1.17em;
        color: #000;
        line-height: 1.5em;
        font-weight: bold;
        font-family: 'Roboto Condensed';
        text-transform: uppercase;
    }

    .title-index:before {
        position: absolute;
        border-bottom: 1px solid #666;
        width: 40%;
        content: "";
        bottom: 0px;
        left: 50%;
        margin-left: -20%;
    }

    #zalo {
        top: 93% !important;
    }

    .ft1, .ft2, .ft3, .ft4 {
        width: 100%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
        text-align: center
    }

    .form_lh fieldset, .ft2 .bx_tt {
        padding: 0
    }

    .ft2 a {
        display: inline-block !important
    }

    .t_gt {
        text-align: center
    }

    .box.gt .bl, .box.gt .br {
        width: 100%
    }

    .box.gt .bl .bl1, .box.gt .bl .bl2 {
        width: 50%;
        float: left
    }

    .img {
        max-width: 100%;
        float: none;
        margin: 0 auto
    }

    #bidx .bl, #bidx .br {
        width: 100%
    }

    #bidx .bl .load_vid {
        width: 100%;
        clear: both
    }

    .list_vid_hid {
        display: block;
        width: 100%;
        float: left
    }

    .list_vid_hid img {
        background: #fff;
        margin: 0 auto
    }

    .list_vid {
        display: none
    }

    #bidx .bl {
        margin-bottom: 15px
    }

    #tags .ht {
        width: 50%
    }

    #tags .ht:first-child {
        width: 100%;
        margin-bottom: 15px
    }

    #map_canvas {
        height: 300px
    }
}

@media (max-width: 650px) {
    .box.dv .item {
        width: 100%
    }

    #zalo {
        top: 80% !important;
    }
}

@media (max-width: 576px) {
    .grid-service {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .name-cn{font-size: 16px;}
    .thanh_index h1, .thanh_index h2{font-size: 22px;}
    .name-news{font-size: 16px;}
    .img {
        height: 175px;
        width: 140px
    }

    #zalo {
        top: 92% !important;
    }

    #tags .ht {
        width: 100%;
        margin-bottom: 15px
    }
}

@media (max-width: 360px) {
    #zalo {
        top: 80% !important;
    }

    .box.dv .item {
        padding: 10px 20px 35px 0
    }

    .box.dv .item img {
        width: 42%
    }

    .boxdv {
        margin-bottom: 15px
    }

    .box_dvr img {
        width: 100%;
        height: auto
    }

    .thanh_index h1, .thanh_index h2 {
        font-size: 20px
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%, 30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%, 40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    100%, 50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0%, 100%, 50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10%, 30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%, 40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0%, 100%, 50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10%, 30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%, 40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

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

.banner_top {
    line-height: 40px;
    background: #dfb303;
    font-size: 16px;
    color: #fff
}

.banner_top marquee {
    float: left;
    margin-right: 10px;
}

.banner_top img {
    margin-right: 7px;
}

.box_tcc {
    padding: 45px 0 35px;
    background: #ccc;
}

.item_tc {
    position: relative;
    padding: 0 12px;
}

.item_tc .wrap {
    position: relative;
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 4px 0px #a9a8a8
}

.item_tc .img_tc {
    overflow: hidden;
    position: relative;
    padding: 10px;
    float: left;
    display: inline-block;
    border-radius: 50%;
    background: #FFCC00;
    transition: all 0.5s;
    margin-right: 15px;
}

.item_tc .img_tc img {
    transition: all 0.5s;
    display: inline-block;
}

.item_tc h3 {
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 10px;
    color: #212121;
    font-weight: 600;
}

.item_tc h3:after {
    content: '';
    position: relative;
    display: block;
    width: 80px;
    margin: 8px auto;
    height: 3px;
    background: #FFCC00;
}

.item_tc h3 a {
    color: #D71720;
    text-align: center;
}

.item_tc h3 a:hover {
    color: #f00;
}

.item_tc .desc {
    font-size: 13px;
    color: #212121;
    white-space: inherit;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
}

.item_tc:hover .img_tc {
    transform: scale(1.1);
    box-shadow: 0 0 11px 4px #DFB303;
    background: #DFB303;
}

.info_tc {
    width: calc(100% - 75px);
    float: left;
    text-align: left;
}

.center {
    padding: 30px 0;
    display: block;
}

.box_center {
    margin-top: 20px;
}

.box-news {
    position: relative;
    margin: 15px 0 15px;
}

.box-news .img_news {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: thin solid #dfdfdf;
}

.box-news .img_news img {
    border-radius: 0;
    width: 100%;
}

.box-news h3 {
    font-size: 14px;
    margin: 0px 0 0px;
    font-family: rbtbold;
    line-height: 1.5em
}

.box-news h3 a {
    color: #212121;
}

.box-news h3 a:hover {
    color: #f00;
}

.box-news a.chitiet {
    color: #09a651;
    font-size: 13px;
    display: block;
    text-align: right
}

.box-news .desc {
    font-size: 13px;
    color: #333333;
    text-align: justify;
    font-family: rbt;
    padding: 10px;
}

.box-news .info {
    position: relative;
    overflow: hidden;
    height: 110px;
    margin-top: 10px;
}

.box-news .info .time {
    width: 80px;
    background: #fc0;
    padding: 10px;
    color: #fff;
    text-align: center;
    float: left;
    margin-right: 10px;
    height: 100%;
}

.box-news .info .time p {
    font-size: 14px;
    margin: 0 0 5px
}

.box-news .info .time > p {
    font-family: rbtbold;
    font-size: 18px;
}

.box-news .info .time > p + p {
    font-family: rbt;
    font-size: 14px;
}

.box-news .info .time p:last-child {
    font-family: rbtbold;
    font-size: 18px;
}

.box-news:hover img {
    transform: scale(1.1);
}

.item_tc {
    text-align: center;
}

.item_tc .img_tc {
    float: none !important;
}

.item_tc .info_tc {
    display: block !important;
    margin-top: 15px;
    float: none;
    width: 100%;
    text-align: center;
}

.modal {
    text-align: center;
    padding: 0 !important
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 90%;
    max-width: 500px;
}

#cssmenu,#cssmenu>ul {
    background: 0 0;
    width: 100%;
    float: left;
    position: relative
}

#cssmenu,#cssmenu>ul,#cssmenu>ul>li {
    position: relative
}

#cssmenu {
    height: 43px
}

#cssmenu>p {
    margin: 0!important
}

#cssmenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1;
    height: auto
}

#cssmenu>ul {
    display: flex;
    display: -webkit-flex;
    z-index: 500;
    max-width: 1200px;
    margin: auto;
    float: none;
}

#cssmenu>ul>li {
    text-align: center;
    line-height: 43px;
    margin: 0;
    padding: 0;
    /* background: url(../../upload/icon/1x43x2/line.png) center right no-repeat */
}

#cssmenu>ul>li:last-child {
    background: 0 0
}

#cssmenu ul li a {
    display: block;
    text-decoration: none
}

#cssmenu>ul>li>a {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #292a2a;
    text-transform: uppercase;
    -webkit-transition: color .25s ease-out;
    -moz-transition: color .25s ease-out;
    -ms-transition: color .25s ease-out;
    -o-transition: color .25s ease-out;
    transition: color .25s ease-out;
}

#cssmenu>ul>li>a>span {
    display: block;
    position: relative;
    padding: 0px 8px;
}

#cssmenu>ul>li.active>a>span,#cssmenu>ul>li:hover>a>span {
    background: #dfb303;
    color: #fff
}

#cssmenu>ul>li.active>a>span:before,#cssmenu>ul>li:hover>a>span:before {
    content: '';
    position: absolute;
    background: url(../images/title_b.png) top right no-repeat;
    width: 20px;
    height: 48px;
    bottom: 0;
    right: 100%;
    display: none;
}

#cssmenu>ul>li.active>a>span:after,#cssmenu>ul>li:hover>a>span:after {
    content: '';
    position: absolute;
    background: url(../images/title_a.png) top right no-repeat;
    width: 23px;
    height: 48px;
    bottom: 0;
    left: 100%;
    display: none;
}

#cssmenu ul ul {
    width: 230px;
    position: absolute;
    left: -9999px;
    top: 70px;
    opacity: 0;
    -webkit-transition: opacity .3s ease,top .25s ease;
    -moz-transition: opacity .3s ease,top .25s ease;
    -ms-transition: opacity .3s ease,top .25s ease;
    -o-transition: opacity .3s ease,top .25s ease;
    transition: opacity .3s ease,top .25s ease;
    z-index: 1000
}

#cssmenu ul ul ul {
    top: 37px;
    padding-left: 5px
}

#cssmenu ul ul li {
    position: relative;
    text-align: left;
    border-bottom: 1px solid #ccc
}

#cssmenu ul ul li:last-child {
    border: none
}

#cssmenu>ul>li:hover>ul {
    left: auto;
    top: 43px;
    opacity: 1
}

#cssmenu ul ul li:hover>ul {
    left: 230px;
    top: 0;
    opacity: 1
}

#cssmenu ul ul li a {
    width: auto;
    font-family: rbtcond;
    font-size: 14px;
    color: #292a2a;
    text-transform: uppercase;
    padding: 11px 10px;
    background: #fc0;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#cssmenu ul ul li:hover>a {
    background: #dfb303;
    color: #fff
}

#cssmenu ul ul li.last>a,#cssmenu ul ul li:last-child>a {
    border-bottom: 0
}

#cssmenu li.has-sub::after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0
}

#cIndicator,#indicatorContainer,#pIndicator {
    position: absolute;
    height: 0;
    width: 100%;
    display: none
}

#cssmenu ul ul li.has-sub::after {
    border: 4px solid transparent;
    border-left-color: #fff;
    right: 10px;
    top: 14px;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition: -webkit-transform .2s ease,right .2s ease
}

#cssmenu.align-right>ul>li {
    float: right
}

#cssmenu.align-center ul {
    text-align: center
}

#cssmenu.align-center ul ul {
    text-align: left
}

#indicatorContainer {
    bottom: 0;
    overflow: hidden;
    z-index: -1
}

#pIndicator {
    border: 12px solid transparent;
    border-top-color: #2b2f3a;
    z-index: -2;
    -webkit-transition: left .25s ease;
    -moz-transition: left .25s ease;
    -ms-transition: left .25s ease;
    -o-transition: left .25s ease;
    transition: left .25s ease
}

#cIndicator {
    border: 12px solid transparent;
    border-top-color: #2b2f3a;
    top: -12px;
    right: 100%;
    z-index: -2
}

#cssmenu>ul>#menu-button {
    display: none
}

#cssmenu ul ul li.has-sub:hover::after {
    border-left-color: #fff;
    right: -5px;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media screen and (max-width: 1200px) {
    #cssmenu>ul>li>a {
        padding:0 10px
    }
}
/* Like Share */
.social-plugin{display:flex;justify-content:flex-start;margin-top: 0px;gap: 9px;}
.social-plugin .at-share-btn{margin-bottom:0px!important;}
.social-plugin .zalo-share-button{margin-left:3px;}
.social-product ul {display: flex;justify-content: flex-start;margin-top: 0px;padding-left: 0px;list-style: none;margin-bottom: 0px;}
.addthis_inline_share_toolbox_dc09{display:none}
.social-product li {margin-top: 0px;margin-right: 8px;}

.social-product button {width: 30px;display: flex;height: 30px;border: none;cursor: pointer;color: #ffffff;border-radius: 3px;padding: 0px;font-size: 15px;transition: all 0.3s;justify-content: center;align-items: center;}

.social-product button:hover{
    transform: translateY(-5px);
}

.social-product .sharer1{
    background: #1c96e8;
}
.social-product .sharer2{
    background: #3d548e;
}
.social-product .sharer3{
    background: #3294bd;
}
.social-product .sharer4{
    background: #cb362d;
}
.social-product .sharer5{
    background: #df0022;
}

.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 40px;
}
.form-row {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40,167,69,.9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}
.box-form-register{
    padding: 10px;
    background: #f5f5f5;
}
.box-form-register form{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}