@font-face
{
    font-family: 'GR';
    src: url('../css/font/Gilroy.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Gilroy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Gilroy.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Gilroy.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Gilroy.svg#Gilroy') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'GRB';
    src: url('../css/font/Gilroy-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Gilroy-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Gilroy-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Gilroy-Bold.svg#Gilroy-Bold') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'GRM';
    src: url('../css/font/Gilroy-Medium.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Gilroy-Medium.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Gilroy-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Gilroy-Medium.svg#Gilroy-Medium') format('svg'); /* Legacy iOS */
}


.khungAnh, .khungAnh0{position:relative;z-index:1;display: block;align-content: center;text-align: center}
.khungAnh:before, .khungAnh0:before{content:"";display:block;padding-bottom: 66.66%}
.khungAnh img {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block}
.khungAnh0 img {width: 100%;height: 100%;position: absolute;object-fit: scale-down;display: block;top: 0;left: 0}
.khungAnh iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.TextSize {margin-bottom: 20px;line-height: 24px}
.TextSize img {max-width: 100%;height: auto !important}
.TextSize table {max-width: 100%}
.slick-prev, .slick-next {border: none;outline: none;cursor: pointer;position: absolute;z-index: 3}
.slick-list div:focus, .slick-list li:focus, .slick-list a:focus, .slick-list div, .slick-list li, .slick-list a {outline: none}
.slick-list {overflow: hidden}

.cb {clear: both}
.shareP .fb-like, .shareP #___plus_0, .shareP .twitter-share-button, .fb-share-button {float: left;margin-right: 5px}


.commonTool {border-bottom: 1px solid #bcbcbc;overflow: hidden;margin-bottom: 20px;padding-bottom: 5px}
.commonTool .date {display: inline-block;font-size: 14px;color: #999;line-height: 22px}
.commonTool .right {float: right}
.commonTool .changeSize {float: left}
.commonTool .changeSize a {color: #999;text-decoration: none;margin-right: 5px;float: left;font-size: 14px;line-height: 22px}
.commonTool .LargeSize, .commonTool .SmallSize {width: 20px;height: 20px;background: url(images/up.png) no-repeat center}
.commonTool .SmallSize {background: url(images/down.png) no-repeat center}
.commonTool .social {float: left}
#CommonCuoiChiTietTin {overflow: hidden;padding: 10px 0 2px 0;border-top: 1px solid #bebebe;border-bottom: 1px solid #bebebe;margin: 20px 0 35px 0}
#CommonCuoiChiTietTin .apd {float: left}
#CommonCuoiChiTietTin .apd a {font-size: 14px;float: left;text-decoration: none;color: #999;padding-left: 15px;margin-right: 20px}
#CommonCuoiChiTietTin .apd a:hover {color: #000}
#CommonCuoiChiTietTin .email span {display: none}
#CommonCuoiChiTietTin .email {background: url(images/email.png) no-repeat left top 3px}
#CommonCuoiChiTietTin .prevDBT {background: url(images/trangtruoc.png) no-repeat left top 2px}
#CommonCuoiChiTietTin .print {background: url(images/in.png) no-repeat left top 1px}
#CommonCuoiChiTietTin .right {float: right}
#CommonCuoiChiTietTin .right .shareItem {float: left;margin-left: 5px}
.fb-like {display: inline-block}
.SplitPages {text-align: center;border-top: 1px solid #000;padding: 20px 0 50px 0}
.SplitPages a {font: 20px 'GRM';display: inline-block;margin: 0 4px;border: 1px solid #000;height: 42px;line-height: 42px;min-width: 42px;text-decoration: none;color: #333;box-sizing: border-box;position: relative;border-radius: 50%}
.SplitPages .sau {background: url(images/sau.png) no-repeat center;border-color: transparent}
.SplitPages .truoc {background: url(images/truoc.png) no-repeat center;border-color: transparent}
.SplitPages a:hover, .SplitPages a.hientai {background-color: #000;color: white}
.SplitPages .dau {background: url(images/dau.png) no-repeat center;border-color: transparent;border: 1px solid #f5f5f5}
.SplitPages .cuoi {background: url(images/cuoi.png) no-repeat center;border-color: transparent;border: 1px solid #f5f5f5}
.SplitPages .dau:hover, .SplitPages .cuoi:hover, .SplitPages .truoc:hover, .SplitPages .sau:hover { background-color: transparent;border: 1px solid #000}
.tt_Detail {font: 30px 'GRM';margin: 0 0 20px 0}

body {padding: 0;margin: 0;min-width: 1200px;margin: auto;font: 16px 'GR';color: #000;position: relative;background-color: #f5f5f5}
.container {width: calc(100% - 100px);margin: 0 auto;padding: 0}
.nenden {background: #000 url(images/bg_home.jpg) no-repeat center;background-size: contain}

.top_head {height: 43px;background: url(images/bg_h.png);line-height: 43px;color: white;overflow: hidden;border-bottom: 1px solid #666}
.top_head .left {float: left}
.top_head .left span {display: inline-block;margin-right: 20px}
.top_head .left span:nth-child(2) {padding-left: 20px;margin-left: 20px;background: url(images/phone.png) no-repeat left center;margin-right: 0}
.top_head .left span.non_tb {margin-right: 0}
.top_head .left a {color: white;text-decoration: none}
.top_head .right {float: right}
.top_head .right .mxh {float: left}
.top_head .mxh a {display: inline-block;text-decoration: none;margin-right: 33px;margin-top: 5px;float: left}
.top_head .search {float: right;width: 350px;height: 32px;border-radius: 16px;overflow: hidden;background-color: #595959;margin: 5px 0 0 20px}
.top_head .search a {display: block;width: 40px;height: 32px;background: url(images/search.png) no-repeat center;float: right}
.top_head .search input {font: 16px 'GR';float: left;display: block;width: calc(100% - 40px);height: 32px;border: none;outline: none;padding: 0 15px;box-sizing: border-box;background: none;color: white}
.top_head .search ::-webkit-input-placeholder {color: white}
.top_head .search ::-moz-placeholder, .top_head .search :-moz-placeholder {color: white;opacity: 1}

.bot_head {height: 113px;background-color: #000}
.bot_head .fix_mn {padding-top: 21px}
.bot_head .fix_mn.fix {padding-top: 0;position: fixed;z-index: 5;top: 0;left: 0;width: 100%;background-color: #000;box-sizing: border-box;box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
.bot_head .logo {width: 340px;float: left}
.bot_head .logo .khungAnh0 {width: 71px;float: left;margin-right: 20px}
.bot_head .logo .khungAnh0:before {padding-bottom: 100%}
.bot_head .logo span {font: 28px 'GRB';line-height: 71px;color: white}
.bot_head .right {float: right;width: calc(100% - 380px);margin-top: 10px}

.giohang {float: right;padding-left: 60px;font-size: 18px;position: relative;line-height: 50px;height: 50px;text-decoration: none;color: white}
.giohang:before {content:"";display: block;position: absolute;left:0;top: 0;width: 50px;height: 50px;border-radius: 50%;background: white url(images/cart.png) no-repeat left 10px top 20px}
.giohang span:nth-child(1) {position: absolute;left: 24px;top: 13px;min-width: 14px;height: 14px;line-height: 14px;font-size: 10px;color: white;background-color: #e30303;border-radius: 50%;text-align: center}

@media (min-width: 1200px){
    #menu {padding: 0;margin: 11px 0 0 0;float: left;display: table !important;width: calc(100% - 150px)}
    #menu > li {list-style: none;position: relative;display: table-cell;text-align: left;padding-bottom: 5px}
    #menu > li.hasSub > a {background: url(images/submn1.png) no-repeat right 8px top 12px;padding-right: 25px}
    #menu > li.hasSub:hover > a, #menu > li.hasSub.active > a {background-image: url(images/submn.png)}
    #menu > li > a {display: inline-block;text-decoration: none;color: white;font-family: 'GRM';text-transform: uppercase;line-height: 32px;padding: 0 20px;height: 30px}
    #menu > li:hover > a, #menu > li.active > a {color: #000;background-color: white;border-radius: 15px}
    #menu > li ul {position: absolute;top: 100%;left: 0;padding: 0;margin: 0;width: 260px;background-color: white;z-index: 2;box-shadow: 0 3px 5px rgba(0,0,0,0.2);display: none}
    #menu > li > ul li {list-style: none;text-align: left}
    #menu > li > ul > li ul {top: 0;left: 100%}
    #menu > li > ul > li a {text-decoration: none;color: #000;padding: 6px 15px;line-height: 22px;display: block}
    #menu > li > ul > li a:hover {color: white;background-color: #000}
    #menu li:hover > ul {display: block}

    @media (max-width: 1600px){
        #menu > li > a {padding: 0 10%}
        #menu > li.hasSub > a {padding-right: 25px}
    }
    @media (max-width: 1430px){
        .bot_head .right {width: calc(100% - 350px)}
        #menu {width: calc(100% - 60px)}
        .giohang .text {display: none}
        .giohang {padding-left: 50px}
    }
    @media (max-width: 1300px){

    }
}

.bao_tt {text-align: center;margin-bottom: 30px}
.bao_tt .title {text-decoration: none;color: white;font: 35px 'GRB';text-transform: uppercase;padding: 0 45px;background: url(images/tt.png) no-repeat left top 4px, url(images/tt.png) no-repeat right top 4px}
.bao_tt a.title:hover {color: #d8ab44}

.slide_home {margin-top: -1px}
.slide_home .khungAnh:before {padding-bottom: 38.5%}
.slide_home .slick-arrow {width: 56px;height: 56px;border-radius: 50%;background: #4e4d4d url(images/next.png) no-repeat center;right: 50px;top: calc(50% - 28px);cursor: pointer;opacity: 0.5}
.slide_home .slick-prev {background-image: url(images/prev.png);right: auto;left: 50px}
.slide_home .slick-arrow:hover {opacity: 1}
.slide_home .slick-dots {position: absolute;left: 50%;bottom: 30px;padding: 0;margin: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%)}
.slide_home .slick-dots li {display: inline-block;list-style: none}
.slide_home .slick-dots button {width: 14px;height: 14px;padding: 0;font-size: 0;background-color: transparent;border: 1px solid white;margin: 0 7px;transform: rotate(45deg);outline: none;cursor: pointer}
.slide_home .slick-dots .slick-active button {background-color: white}
.slide_home .slideMB {display: none}

.qc_home {margin-bottom: 40px;padding-top: 50px}
.qc_home .khungAnh {width: calc(50% - 20px);float: left;border-radius: 10px;overflow: hidden;margin-bottom: 40px;box-shadow: 0 0 7px rgba(255,255,255,0.7)}
.qc_home .khungAnh:nth-child(2n) {float: right}
.qc_home .khungAnh:before {padding-bottom: 66.7%}
.qc_home .khungAnh .hover {position: absolute;z-index: 2;top: 30px;left: 30px;width: calc(100% - 60px);height: calc(100% - 60px);background-color: rgba(0,0,0,0.4);border-radius: 6px;display: flex;color :white;align-items: center;justify-content: center;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
.qc_home .khungAnh:hover .hover {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s}
.qc_home .khungAnh .hover .title {font: 35px 'GRB';display: block;padding-bottom: 10px;margin-bottom: 15px;position: relative;text-transform: uppercase}
.qc_home .khungAnh .hover .title:before {content:"";display: block;width: 346px;height: 2px;background-color: white;position: absolute;bottom: 0;left: calc(50% - 173px)}
.qc_home .khungAnh .hover .xemct {font-size: 30px;padding-right: 20px;background: url(images/xemthem.png) no-repeat right center}

.slide_catesp {padding-bottom: 50px}
.slide_catesp .item {margin: 5px 22px 20px 22px;padding: 35px;background-color: rgba(255,255,255,0.3);text-align: center;border-radius: 5px;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1)}
.slide_catesp .slick-list {width: calc(100% + 45px);margin-left: -22px}
.slide_catesp .khungAnh{border: 1px solid #ccc}
.slide_catesp .khungAnh:before {padding-bottom: 57.515%}
.slide_catesp .title {display: block;text-decoration: none;color: white;font: 28px 'GRM';text-transform: uppercase;margin: 15px 0;line-height: 36px;height: 72px;overflow: hidden}
.slide_catesp .title:hover {color: #d8ab44}
.slide_catesp .xemthem {display: inline-block;text-decoration: none;color: white;font: 18px 'GRM';padding: 0 40px;line-height: 38px;border: 1px solid white;border-radius: 5px}
.slide_catesp .xemthem:hover {background-color: #000;color: white}
.slide_catesp .slick-dots {padding: 0;margin: 0;text-align: center}
.slide_catesp .slick-dots li {display: inline-block;margin: 0 5px}
.slide_catesp .slick-dots button {width: 14px;height: 14px;border: 1px solid white;border-radius: 50%;font-size: 0;outline: none;cursor: pointer;position: relative;background: none;padding: 0}
.slide_catesp .slick-dots .slick-active button {background-color: white}
.slide_catesp .slick-dots .slick-active button:before {content:"";display: block;width: 18px;height: 18px;border: 1px solid white;border-radius: 50%;position: absolute;left: -4px;top: -4px}

.block_sp .item {border: 1px solid #000;padding: 30px;margin: 0 40px 40px 0;border-radius: 5px;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;background-color: white}
.block_sp .khungAnh0:before {padding-bottom: 50%}
.block_sp .title {display: block;text-decoration: none;text-align: center;color: #000;margin: 20px 0 10px 0;font: 20px 'GRM'}
.block_sp .title:hover {color: #d8ab44}
.block_sp .btn {text-align: center;}
.block_sp .btn a {display: inline-block;color: #666;text-decoration: none;font-family: 'GRM';margin: 0 5px}
.block_sp .btn a:hover {color: #d8ab44}
.block_sp .btn .xemnhanh {padding-left: 20px;background: url(images/xem.png) no-repeat left top 2px}
.block_sp .slick-list {width: calc(100% + 43px);margin-left: -22px}
.block_sp .slick-arrow, .slide_catesp .slick-arrow {width: 56px;height: 56px;border-radius: 50%;background: #e1e1e1 url(images/next1.png) no-repeat center;opacity: 0.7;right: 0;top: calc(50% - 28px)}
.block_sp .slick-prev, .slide_catesp .slick-prev {background-image: url(images/prev1.png);right: auto;left: 0}
.slide_catesp .slick-arrow {top: calc(50% - 127px)}
.block_sp.slick-slider .item {margin: 10px 22px}
.block_sp .slick-arrow:hover {opacity: 1}
.block_sp .item:hover {box-shadow: 0 4px 8px rgba(0,0,0,0.4);transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s}
.product_home {margin-bottom: 70px}
.product_home .bao_tt {margin-bottom: 10px}
.product_home .block_sp .item {background-color: transparent;border: 1px solid white}
.product_home .block_sp .title, .product_home .block_sp .btn .xemnhanh, .product_home .block_sp .btn a, .product_home .block_sp .btn {color: white}
.product_home .block_sp .title:hover {color: #d8ab44}
.product_home .block_sp .title {line-height: 24px;height: 48px;overflow: hidden}


.news_Home {width: calc((100% - 90px)/3);float: left;margin-right: 45px}
.news_Home .khungAnh {border-radius: 5px;overflow: hidden;box-shadow: 0 0 7px rgba(255,255,255,0.8)}
.news_Home .khungAnh a:before {content:"";display: block;z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-shadow: inset 0 -80px 100px rgba(0,0,0,0.5)}
.news_Home .khungAnh span {position: absolute;z-index: 3;color :white;text-decoration: none;width: 100%;box-sizing: border-box;font: 18px 'GRM';line-height: 24px;padding: 0 30px;text-align: left;left: 0;bottom: 30px}
.news_Home .tin_home .title {text-decoration: none;color: white;font-family: 'GRM';display: block;padding-left: 17px;margin-top: 15px;line-height: 22px;position: relative}
.news_Home .tin_home .title:hover {color: #d8ab44}
.news_Home .tin_home .title:before {content:"";display: block;width: 7px;height: 7px;border-radius: 50%;position: absolute;left: 0;top: 6px;background-color: white}

.video_home {width: calc((100% - 90px)/3);float: left;margin-right: 45px}
.video_ds {overflow: hidden}
.video_ds .item {width: calc(50% - 15px);float: left;margin-top: 30px}
.video_ds .item:first-child {width: 100%;margin-top: 0}
.video_ds .item:nth-child(2n+1) {float: right}
.video_ds .title {font: 18px 'GRM';color: white;text-decoration: none;display: block;margin-top: 20px}
.video_ds .title:hover {color: #d8ab44}
.video_ds .khungAnh {border-radius: 5px;overflow: hidden;box-shadow: 0 0 7px rgba(255,255,255,0.8);margin: 5px}
.video_ds .khungAnh:before {padding-bottom: 56.25%}
.video_ds .khungAnh a:before {content:"";display: block;width: 40px;height: 40px;position: absolute;left: calc(50% - 20px);top: calc(50% - 20px);border-radius: 50%;background: rgba(255,255,255,0.7) url(images/video.png) no-repeat center;z-index: 2;background-size: 35%}
.video_ds .khungAnh a:after {content:"";display: block;width: 46px;height: 46px;position: absolute;left: calc(50% - 24px);top: calc(50% - 24px);border-radius: 50%;border: 1px solid white;z-index: 2}
.video_ds .item:first-child .khungAnh a:before {width: 60px;height: 60px;background-size: auto;left: calc(50% - 30px);top: calc(50% - 30px)}
.video_ds .item:first-child .khungAnh a:after {width: 70px;height: 70px;left: calc(50% - 36px);top: calc(50% - 36px)}

.hotel_home {width: calc((100% - 90px)/3);float: left;text-align: center}
.hotel_home img {display: inline-block;max-width: 70%;height: auto !important}

.form_home {padding: 60px 0;overflow: hidden;display: flex}
.form_home .left {width: calc((100% - 90px)/3);float: left;border-radius: 5px;overflow: hidden;background: url(images/slide.png) no-repeat center;background-size: cover;margin-right: 45px}
.form_home .left .nd_form {padding: 28px 30px;background-color: rgba(255,255,255,0.65)}
.form_home .left .title {font: 20px 'GRM';line-height: 28px;margin-bottom: 30px}
.form_home .btn{overflow: hidden}
.form_home .btn a {display: block;float: right;font-family: 'GRM';color: white;text-decoration: none;padding: 0 15px;line-height: 40px;text-transform: uppercase;background-color: #000;border-radius: 5px}
.form_home .btn a:hover {background-color: #d8ab44}
.form_home .btn input {width: calc(100% - 70px);float: left;padding: 0 10px;height: 40px;box-sizing: border-box;background: none;border: 1px solid #000;border-radius: 5px;color: #000;font: 16px 'GRM';outline: none}
.form_home .btn ::-webkit-input-placeholder {color: #000}
.form_home .btn ::-moz-placeholder, .form_home .btn :-moz-placeholder {color: #000;opacity: 1}

.form_home .right {width: calc(100% - 45px - ((100% - 90px)/3));float: right;border-radius: 5px;background: url(images/bg.png) no-repeat center;background-size: cover;box-sizing: border-box;padding: 25px 30px;position: relative}
.form_home .right .title {font: 20px 'GRM';margin-bottom: 15px}
.form_home .right .content {font-family: 'GRM';line-height: 26px}
.form_home .right .content a {text-decoration: none;color: #333}
.form_home .right .hotline {position: absolute;right: 80px;bottom: 30px;padding-left: 50px;font-size: 18px;}
.form_home .hotline a {font: 25px 'GRB';text-decoration: none;color: #e30303;display: block}
.form_home .hotline a:before {content:"";display: block;width: 40px;height: 40px;position: absolute;left: 0;top: 5px;background: #e30303 url(images/hotline.png) no-repeat center;border-radius: 50%}
.form_home .hotline a:after {content:"";display: block;width: 46px;height: 46px;border: 1px solid #e30303;border-radius: 50%;position: absolute;left: -4px;top: 1px}


.customer_home {margin-bottom: 80px}
.customer_home .block_dt {padding: 0 90px}
.block_dt .khungAnh0 {border: 1px solid #b7b7b7;border-radius: 5px;overflow: hidden;background-color: white;margin: 0 30px 30px 0}
.block_dt.slick-slider .khungAnh0 {margin-bottom: 0}
.block_dt .slick-list {width: calc(100% + 29px)}
.customer_home .khungAnh0 img {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
.customer_home .khungAnh0:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
.customer_home .khungAnh0:before {padding-bottom: 60%}
.block_dt .slick-arrow {width: 56px;height: 56px;background: #e1e1e1 url(images/next1.png) no-repeat center;border-radius: 50%;right: 0;top: calc(50% - 28px);cursor: pointer}
.block_dt .slick-prev {right: auto;left: 0;background-image: url(images/prev1.png)}
.block_dt .khungAnh0 a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 20px;box-sizing: border-box}
.block_dt .khungAnh0 img {position: static}

#footer {background-color: #000;color: white;padding-top: 60px;position: relative;margin-top: 40px}
.top_foot {overflow: hidden;padding-bottom: 60px}
.top_foot .left {width: 300px;float: left;margin-top: -70px}
.top_foot .logo {margin: 0 auto 30px auto;width: 260px;text-align: center}
.top_foot .logo .khungAnh0 {width: 156px;display: inline-block}
.top_foot .logo .khungAnh0:before {padding-bottom: 100%}
.top_foot .logo span {font: 22px 'GRB';margin-top: 10px;display: block}
.top_foot .bct {float: left;margin-right: 5px}
.top_foot .mxh {padding-top: 12px}
.top_foot .mxh a {margin-left: 5px;display: inline-block}
.top_foot .right {width: calc(100% - 360px);float: right}
.top_foot .cty {text-align: center}
.top_foot .right .title, .top_foot .cty .title {font: 25px 'GRM';text-transform: uppercase;margin-bottom: 10px;padding-top: 5px}
.top_foot .right .title {font-size: 21px}
.top_foot .web {font: italic 18px 'GRM'}
.top_foot .web a {text-decoration: none;color: white}
.top_foot .office {overflow: hidden;margin: 15px 0 20px 0}
.top_foot .office .item {font: 18px 'GRM';float: left;line-height: 30px;width: calc(80%/3);margin-right: 10%}
.top_foot .office .item:nth-child(3n) {margin-right: 0}
.top_foot .office .item .title {line-height: 40px}
.top_foot .content_ft {color: #b5b5b5;text-align: center;margin-right: 360px;font: 18px 'GR';line-height: 26px}
.bot_foot {height: 48px;background-color: #4d4d4d;position: fixed;z-index: 5;left: 0;bottom: 0;width: 100%}
.bot_foot:before {content:"";display: block;position: absolute;left: 0;top: 0;width: 50px;height: 48px;background-color: #e30303}
.bot_foot .right {float: right}
.bot_foot .right a {display: block;color: white;font: 20px 'GRB';text-decoration: none;line-height: 48px;padding: 0 20px 0 40px;background: #e30303 url(images/hotline1.png) no-repeat left 10px top 10px}
.bot_foot .left {float: left;max-width: calc(100% - 300px)}
.bot_foot .news_hot span {float: left;text-transform: uppercase;font: 20px 'GRM';padding: 0 20px;line-height: 48px;background-color: #e30303;position: relative}
.bot_foot .news_hot span:before {content: "";display: block;position: absolute;top: 0;left: 100%;border-left: 30px solid #e30303;border-bottom: 48px solid transparent}
.bot_foot .tin_home {display: block;height: 48px;overflow: hidden}
.bot_foot .slide_marquee a {text-decoration: none;color: white;margin-right: 40px;font: 16px 'GRM';text-transform: uppercase;line-height: 48px}
.bot_foot .slide_marquee a:hover {color: #d8ab44}
#page_head {width: 62px;height: 62px;background: url(images/top.png) no-repeat center;border-radius: 50%;position: fixed;z-index: 5;right: 20px;bottom: 230px;cursor: pointer}
#lenTop {position: absolute;top: -33px;left: calc(50% - 80px);z-index: 2;width: 160px;height: 60px;background: url(images/top1.png) no-repeat bottom center, url(images/bg2.png) no-repeat top center;overflow: hidden;border-radius: 20px;z-index: 2;cursor: pointer}

.page_road {background-color: #e1e1e1;border-top: 1px solid #bcbcbc;height: 44px;margin-bottom: 60px}
.page_road a {font: 18px 'GRM';color: #000;text-decoration: none;line-height: 44px;padding-right: 20px;margin-right: 10px;position: relative;display: inline-block}
.page_road a:after {content:"/";position: absolute;top: 2px;right: 0}
.page_road a:last-child {padding-right: 0;margin-right: 0}
.page_road a:last-child:after {display: none}

.bao_tt2 {text-align: center;margin-bottom: 25px}
.bao_tt2 .title {font: 35px 'GRM';color: #000;text-transform: uppercase;text-decoration: none}

.block_tin {overflow: hidden;padding-top: 15px}
.block_tin .khungAnh {border-radius: 5px;overflow: hidden}
.block_tin .khungAnh:before {padding-bottom: 79.383886%}
.block_tin .item {width: calc((100% - 105px)/4);float: left;margin: 0 35px 35px 0}
.block_tin .item:nth-child(4n) {margin-right: 0}
.block_tin .item:nth-child(4n+1) {clear: both}
.block_tin .title {display: block;text-decoration: none;color: #000;margin: 12px 0;font: 20px 'GRB';line-height: 28px;height: 56px;overflow: hidden}
.block_tin .title:hover {color: #d8ab44}
.block_tin .desc {line-height: 24px;max-height: 72px;overflow: hidden}
.slick-slider.block_tin {overflow: visible;padding-top: 0}
.slick-slider.block_tin .item:nth-child(4n) {margin-right: 35px}
.slick-slider.block_tin .item:nth-child(4n+1) {clear: none}
.slick-slider.block_tin .slick-list {width: calc(100% + 34px)}

#form_dv {max-width: 700px;overflow: hidden}
#form_dv .title {font: 18px 'GRB';text-transform: uppercase;margin-bottom: 20px}
#form_dv .item {width: calc(50% - 5px);float: left;margin-bottom: 15px}
#form_dv .item:nth-child(2n+1) {float: right}
#form_dv .item span {font-family: 'GRM';display: block;margin-bottom: 5px}
#form_dv .item input {width: 100%;box-sizing: border-box;height: 40px;padding: 0 10px;border: 1px solid #bcbcbc;outline: none;font: 16px 'GR';color: #000}
#form_dv .item select {width: 100%;box-sizing: border-box;height: 40px;border: 1px solid #bcbcbc;outline: none;font: 16px 'GR';-webkit-appearance: none;-moz-appearance: none;background: white url(images/select.png) no-repeat right 10px center;color: #000;padding: 0 10px}
#form_dv .btn {text-align: center;clear: both;padding: 5px 0 10px 0}
#form_dv .btn a {display: inline-block;font-family: 'GRM';color: white;line-height: 38px;padding: 0 30px;background-color: #000;text-decoration: none;text-transform: uppercase;height: 35px}

.baiKhac {padding-bottom: 30px}
.baiKhac .title_k {font: 25px 'GRB';text-transform: uppercase;margin-bottom: 15px}
.baiKhac .slick-arrow {width: 30px;height: 30px;box-sizing: border-box;border: 1px solid #ccc;top: -50px;right: 35px;border-radius: 3px;background: white url(images/prev2.png) no-repeat center;cursor: pointer;left: auto}
.baiKhac .slick-next {right: 0;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)}
.baiKhac .slick-next:hover {background: #000 url(images/next2.png) no-repeat center;transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0)}
.baiKhac .slick-prev:hover {background: #000 url(images/next2.png) no-repeat center;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)}

.ds_cate {text-align: center;margin-bottom: 25px}
.ds_cate a {display: inline-block;text-decoration: none;color: #000;border: 1px solid #000;margin: 0 3px 5px 3px;padding: 0 15px;font: 20px 'GRM';line-height: 45px;border-radius: 5px}
.ds_cate a.active, .ds_cate a:hover {color: white;background-color: #000}

.block_album .item {width: calc((100% - 105px)/4);float: left;margin: 0 35px 35px 0;border-radius: 5px;overflow: hidden;background-color: white;box-shadow: 0 3px 6px rgba(0,0,0,0.3)}
.block_album .item:nth-child(4n) {margin-right: 0}
.block_album .title {display: block;font: 20px 'GRB';line-height: 24px;height: 48px;overflow: hidden;text-decoration: none;color: #000;margin: 15px 10px}
.block_album .title:hover {color: #d8ab44}
.block_album .date_view {margin: 0 10px 15px 10px;font-size: 15px;color: #999;line-height: 22px}
.block_album .date {padding-left: 20px;background: url(images/date1.png) no-repeat left top 2px;display: inline-block}
.block_album .view {padding-left: 20px;background: url(images/view1.png) no-repeat left top 6px;display: inline-block;margin-left: 25px}
.block_album .khungAnh a:before {content:"";display: block;width: 54px;height: 54px;background: #000 url(images/album.png) no-repeat center;border-radius: 50%;position: absolute;left: calc(50% - 27px);top: calc(50% - 27px);z-index: 2}
.block_album.video .khungAnh a:before {background-image: url(images/play.png)}
.block_album .khungAnh a:after {content:"";display: block;width: 66px;height: 66px;border-radius: 50%;border: 1px solid #ddd;position: absolute;z-index: 2;top: calc(50% - 34px);left: calc(50% - 34px);opacity: 0.5}
.slick-slider.block_album .item:nth-child(4n) {margin-right: 17px}
.slick-slider.block_album .slick-list {width: calc(100% + 34px);margin-left: -17px}
.slick-slider.block_album .item {margin: 0 17px 35px 17px}

.album {margin-top: 30px;overflow: hidden}
.album .khungAnh {width: calc((100% - 105px)/4);float: left;margin: 0 35px 35px 0;border-radius: 5px;overflow: hidden}
.album .khungAnh:nth-child(4n) {margin-right: 0}
.album .khungAnh:hover a:before {content:"";display: block;position: absolute;z-index: 2;top: 0;left: 0;background: rgba(0,0,0,0.5) url(images/zoom.png) no-repeat center;width: 100%;height: 100%}

.khungAnh.play_video {max-width: 875px;margin: 20px auto}
.khungAnh.play_video:before {padding-bottom: 56.25%}

.alert {max-width: 700px;margin: auto;text-align: center;padding: 30px 0 100px 0}
.alert .title {font: 30px 'GRB';margin: 20px 0 10px 0}
.alert .desc {font-family: 'GRM';line-height: 24px;margin: 15px 0 20px 0}
.alert .desc a {text-decoration: none;font: 18px 'GRB';color: #e30303}
.alert .btn {display: inline-block;text-decoration: none;color: white;padding: 0 30px;line-height: 42px;background-color: #000;font-family: 'grb';text-transform: uppercase;border-radius: 3px}

.contactUs {overflow: hidden;padding-bottom: 50px}
.contactUs .left {width: 33%;float: left;margin-bottom: 40px}
.contactUs .right {width: 30%;float: left;margin-bottom: 40px;margin-left: 2%}
.contactUs .title {font: 18px 'GRB';margin-bottom: 15px}
.contactUs .left .bao_lh {padding: 15px;background-color: white;border: 1px solid #eee}
.contactUs .left .bao_lh .title {text-transform: uppercase;font-size: 16px;margin: 20px 0 10px 0}
.contactUs .left .bao_lh .title:first-child {margin-top: 0}
.contactUs .left .item {margin-bottom: 7px;padding-left: 22px;font: 15px 'GRM';line-height: 22px}
.contactUs .left .item span {display: block;font-family: 'GRB'}
.contactUs .left .item.add {background: url(images/lh1.png) no-repeat left top 3px}
.contactUs .left .item.phone {background: url(images/lh2.png) no-repeat left top 4px}
.contactUs .left .item.email {background: url(images/lh3.png) no-repeat left top 5px}
.contactUs .left .item.web {background: url(images/lh4.png) no-repeat left top 5px}
#form_contact input {width: 100%;float: left;box-sizing: border-box;margin-bottom: 15px;height: 45px;border: none;border: 1px solid #d2d2d2;padding: 0 10px;font: 16px 'GR';outline: none;color: #000}
#form_contact input:focus {border-color: #000}
#form_contact ::-webkit-input-placeholder {color: #666}
#form_contact ::-moz-placeholder, #form_contact :-moz-placeholder {color: #666;opacity: 1}
#form_contact input:nth-child(2n) {float: right}
#form_contact textarea {clear: both;display: block;padding: 10px;font: 16px 'GR';color: #000;border: none;border: 1px solid #d2d2d2;resize: none;margin: 0 0 20px 0;width: 100%;height: 173px;outline: none;box-sizing: border-box}
#form_contact textarea:focus {border-color: #000}
#form_contact a {display: inline-block;text-decoration: none;color: white;text-transform: uppercase;padding: 0 20px;background-color: #000;font: 20px 'GRM';line-height: 40px}
.map_lh.khungAnh {border: 1px solid #bcbcbc;width: 33%;float: right;margin-bottom: 40px}
.map_lh.khungAnh:before {padding-bottom: 522px}
.cus_list.block_dt {overflow: hidden;padding: 15px 0 40px 0}
.cus_list.block_dt .khungAnh0 {box-sizing: border-box;width: calc((100% - 150px)/6);float: left}
.cus_list.block_dt .khungAnh0:nth-child(6n) {margin-right: 0}

.daily_ds {overflow: hidden;padding-bottom: 50px;display: flex;position: relative}
.daily_ds .left {width: 42%;margin-right: 30px;height: 100%}
.daily_ds .right {width: calc(100% - 42% - 30px);float: right;border: 1px solid #bcbcbc}
.daily_ds .label {font: 18px 'GRB';color: white;background-color: #000;line-height: 47px;padding-left: 20px;text-transform: uppercase}
.dl_list {border: 1px solid #bcbcbc;position: absolute;width: calc(42% - 1px);left: 0;box-sizing: border-box;max-height: calc(100% - 97px);overflow: auto}
.dl_list .ps-scrollbar-y-rail {opacity: 1}
.dl_list .item {padding: 15px 20px;cursor: pointer}
.dl_list .item:nth-child(2n+1) {background-color: #e1e1e1}
.dl_list .title {font: 18px 'GRB';margin-bottom: 10px}
.dl_list .add, .dl_list .phone, .dl_list .email {padding-left: 25px;line-height: 22px;background: url(images/add1.png) no-repeat left top 2px;margin-bottom: 8px}
.dl_list .phone {background-image: url(images/phone2.png)}
.dl_list .email {background: url(images/email2.png) no-repeat left top 4px;margin-bottom: 0}
.dl_list .item textarea {display: none}
.search_dl {overflow: hidden;border-bottom: 1px solid #bcbcbc}
.search_dl ::-webkit-input-placeholder {color: #000}
.search_dl ::-moz-placeholder, .search_dl :-moz-placeholder {color: #000;opacity: 1}
.search_dl a {width: 130px;height: 46px;float: right;display: block;color: white;text-decoration: none;background-color: #000;text-transform: uppercase;text-align: center;font: 18px 'GRM';line-height: 46px}
.search_dl input {width: calc(100% - 490px);float: left;box-sizing: border-box;border: none;height: 46px;padding: 0 10px;background: none;color: #000;font: 16px 'GR';outline: none;-webkit-appearance: none;-moz-appearance: none}
.search_dl select {width: 180px;float: left;box-sizing: border-box;padding: 0 10px;height: 46px;border: none;border-left: 1px solid #bcbcbc;-webkit-appearance: none;-moz-appearance: none;background: url(images/submn.png) no-repeat right 10px center;font: 16px 'GR';outline: none;border-radius: 0}
#map_dl.khungAnh:before {padding-bottom: 71.5%}

.nen_land {background: url(images/lp7.jpg) repeat-y center;background-size: 100%;margin-bottom: -40px;padding-bottom: 50px;overflow: hidden}
.land_1 {background-size: cover;color: white;padding: 150px 0 60px 0;background-position: center}
.land_1 .container {overflow: hidden;width: calc(100% - 140px)}
.land_1 .left {width: 500px;float: left}
.land_1 .right {width: calc(100% - 600px);float: right;box-sizing: border-box;padding: 80px 55px 55px 55px;background: rgba(216,171,68,0.5) url(images/nhay1.png) no-repeat left 55px top 45px;border-radius: 20px;text-align: justify}
.land_1 .small_tt {font-size: 40px;display: block;margin-bottom: 30px}
.land_1 .big_tt {font: 70px 'GRM';text-transform: uppercase}
.dv_product .list_gt {margin-bottom: 0}
.list_gt {padding: 40px 0;color: white;background-size: cover;margin-bottom: 70px}
.list_gt .container {overflow: hidden}
.list_gt .item {width: calc(94%/4);float: left;margin-right: 2%;overflow: hidden}
.list_gt .item:nth-child(4n) {margin-right: 0}
.list_gt .khungAnh0 {width: 86px;float: left}
.list_gt .khungAnh0:before {padding-bottom: 100%}
.list_gt .title, .list_gt .desc {width: calc(100% - 95px);float: right}
.list_gt .title {font: 18px 'GRM';text-transform: uppercase;margin-bottom: 10px}
.list_gt .desc {line-height: 22px}

.land_2 {overflow: hidden}
.land_2 .item {width: 50%;float: left;position: relative}
.land_2 .content_gt {position: absolute;z-index: 2;right: 0;bottom: 50%;color: white;width: 380px;height: 210px;padding: 20px;box-sizing: border-box;background-color: rgba(51,51,51,0.8);text-align: left}
.land_2 .item:nth-child(2n) .content_gt {right: auto;bottom: auto;left: 0;top: 50%;background-color: rgba(216,171,68,0.8)}
.land_2 .title {font: 40px 'GRM';margin-bottom: 5px}
.land_2 .desc {line-height: 26px;max-height: 104px;overflow: hidden}

.land_3 {padding: 50px 0}
.land_3 .container {overflow: hidden}
.land_3 .khungAnh0 {width: calc(50% - 150px);float: left;margin: 0 75px}
.land_3 .khungAnh0:before {padding-bottom: 85%}
.land_3 .title {font: 32px 'GRM';margin-bottom: 20px;color: white}
.land_3 .right {width: calc(50% - 20px);padding: 10px;float: right;color: white}
.land_3 .content a {color: white;text-decoration: none}
.land_3 .content ul {margin: 0;padding: 0}
.land_3 .content li {list-style: none;margin-bottom: 15px;padding-left: 30px;background: url(images/li.png) no-repeat left top;line-height: 24px}
.land_3 .content table {border-collapse: collapse}

#form_tv {padding: 50px 0 70px 0;background: url(images/lp5.jpg) no-repeat center;background-size: cover}
#form_tv .nd_form {max-width: 670px;margin: auto}
#form_tv .title {font: 32px 'GRM';text-align: center;color: #d8ab44;margin-bottom: 50px}
#form_tv .nd_form a {display: block;text-align: center;text-decoration: none;font: 20px 'GRB';text-transform: uppercase;color: white;background-color: #d8ab44;line-height: 63px;height: 58px;border-radius: 29px;clear: both;box-sizing: border-box;border: 1px solid #d8ab44}
#form_tv .nd_form a:hover {background-color: #000}
#form_tv .nd_form .item {display: block;width: calc(50% - 10px);float: left;box-sizing: border-box;margin-bottom: 40px;overflow: hidden;position: relative;height: 68px}
#form_tv .nd_form .item:before {content:"";display: block;width: 100%;height: 100%;position: absolute;left: 0;bottom: 15px;border: 1px solid #d8ab44;border-top: none;border-radius: 39px;box-sizing: border-box;z-index: 0}
#form_tv input {padding: 0 20px;background: none;border: none;outline: none;height: 50px;color: #d8ab44;font: 20px 'GRM';width: 100%;box-sizing: border-box;position: relative;z-index: 2}
#form_tv .nd_form .item:first-child {width: 100%}
#form_tv .nd_form .item:nth-child(3) {float: right}
#form_tv .nd_form ::-webkit-input-placeholder {color: #d8ab44}
#form_tv .nd_form ::-moz-placeholder, #form_tv .nd_form :-moz-placeholder {color: #d8ab44;opacity: 1}

.news_lp {padding: 50px 0}
.news_lp .title_tp {font: 40px 'GRM';color: white;text-decoration: none;text-align: center;display: block;margin-bottom: 25px}
.tin_lp .slick-list {width: calc(100% + 34px)}
.tin_lp .item {margin-right: 35px;border-radius: 5px;overflow: hidden;background-color: white}
.tin_lp .title {font: 18px 'GRM';text-decoration: none;color: #000;display: block;margin: 15px 20px;line-height: 24px;height: 48px;overflow: hidden}
.tin_lp .title:hover {color: #d8ab44}
.tin_lp .date_view {padding-left: 17px;background: url(images/date.png) no-repeat left top;font-size: 14px;color: #999;margin: 0 20px 10px 20px}
.tin_lp .desc {line-height: 22px;height: 66px;overflow: hidden;margin: 0 20px 15px 20px}
.tin_lp .btn {text-align: right;padding-bottom: 20px;margin-right: 20px}
.tin_lp .btn a {text-decoration: none;color: #d8ab44;padding-right: 20px;background: url(images/xemct.png) no-repeat right top 2px;font-family: 'GRM'}

.land_4 {padding-bottom: 0;background-size: cover;background-position: center}
.land_4 .title_lp {text-align: center;color: white;font: 40px 'GRM';margin-bottom: 30px}
.slide_yk {padding-bottom: 80px}
.slide_yk .slick-list {width: calc(100% + 39px)}
.slide_yk .item {margin-right: 40px;text-align: center}
.slide_yk .nd_ykien {background: #ffcc57 url(images/nhay.png) no-repeat left 20px top 15px;padding: 30px 30px 30px 55px;border-radius: 3px;margin-bottom: 25px;position: relative;text-align: left;color: white}
.slide_yk .nd_ykien:before {content:"";display: block;width: calc(100% - 2px);height: calc(100% - 2px);border: 1px dashed white;position: absolute;left: 0;top: 0;border-radius: 3px}
.slide_yk .nd_ykien:after {content:"";display: block;width: 15px;height: 15px;position: absolute;left: calc(50% - 7px);bottom: -8px;background-color: #ffcc57;border: 1px dashed #d8ab44;border-top: none;border-left: none;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg)}
.slide_yk .nd_ykien .text {line-height: 22px;height: 88px;overflow: hidden}
.slide_yk .khungAnh {width: 50px;float: left;border: 1px solid white;border-radius: 50%;overflow: hidden;margin-right: 10px}
.slide_yk .khungAnh:before {padding-bottom: 100%}
.slide_yk .title {color: white;overflow: hidden}
.slide_yk .title span {display: block;font: 18px 'GRM';margin-top: 5px}
.slide_yk .info_cus {display: inline-block;text-align: left}
.slide_yk .slick-arrow, .ds_video .slick-arrow {width: 42px;height: 42px;border: 1px solid white;border-radius: 50%;cursor: pointer;background: url(images/next3.png) no-repeat center;left: calc(50% + 10px);position: absolute;bottom: 35px}
.slide_yk .slick-prev, .ds_video .slick-prev {left: calc(50% - 54px);background-image: url(images/prev3.png)}
.slide_yk .slick-arrow:hover, .ds_video .slick-arrow:hover {background-color: #000}

.land_5 {padding: 20px 0 90px 0}
.land_5 .title_lp {font: 40px 'GRM';color: white;text-align: center;margin-bottom: 30px}
.land_5 .ds_video .item {border: 1px solid white;padding: 2px;box-sizing: border-box;margin-right: 35px}
.land_5 .ds_video .slick-list {width: calc(100% + 34px)}
.land_5 .khungAnh:before {padding-bottom: 56.25%}
.land_5 .khungAnh iframe {width: calc(100% - 24px);height: calc(100% - 24px);top: 12px;left: 12px}
.ds_video .slick-arrow {bottom: -70px}

.product_lp {background-size: 100%;padding-top: 50px;overflow: hidden}
.product_lp .title_lp {text-align: center;display: block;color :white;text-decoration: none;font: 40px 'GRM';margin-bottom: 50px}
.product_ds .item {width: 65.09186%;float: left;box-sizing: border-box;background: url(images/bg_lp1.png) repeat-x left bottom;padding: 0 42px 110px 170px;margin-bottom: 70px;position: relative;display: flex;align-items: flex-end;flex-direction: row-reverse}
.product_ds .item:before {content:"";width: 82px;height: 133px;position: absolute;left: 100%;bottom: 0;background: url(images/bg_lp3.png) no-repeat center;display: block}
.product_ds .baoIMG {width: 50%;float: left;text-align: center;margin-right: 40px;position: relative}
.product_ds .baoIMG a {display: block;line-height: 0;text-decoration: none}
.product_ds .baoIMG img {display: inline-block;max-width: 100%}
.product_ds .info_sp {width: 50%;float: right}
.product_ds .title {font: 20px 'GRB';color: #d8ab44;text-decoration: none;display: block;margin-bottom: 15px}
.product_ds .attr {color: white;line-height: 24px}
.product_ds .attr b {font-weight: normal;font-family: 'GRB'}
.product_ds .attr span {font: 18px 'GRB';color: #d8ab44}
.product_ds .info_sp .attr:last-child {max-height: 120px;overflow: hidden;margin-bottom: 25px}
.product_ds .baoanh {height: 50px;overflow: hidden;position: absolute;top: 100%;left: 0;width: 100%;height: 76px;overflow: hidden}
.product_ds .anhao {opacity: 0.2;width: 100%;transform: scaleY(-1);-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1);line-height: 0}

.product_ds .item:nth-child(2n) {flex-direction: row;padding: 0 170px 110px 42px;float: right}
.product_ds .item:nth-child(2n):before {left: -82px;background-image: url(images/bg_lp2.png)}
.product_ds .item:nth-child(2n) .baoIMG {margin: 0 0 0 40px}

.product_lp .btn {clear: both;text-align: center}
.product_lp .btn a {display: inline-block;color: white;text-decoration: none;text-transform: uppercase;padding: 0 40px;border-radius: 35px;font: 25px 'GRB';line-height: 76px;background-color: #d8ab44;height: 72px;box-sizing: border-box;border: 2px solid #d8ab44}
.product_lp .btn a:hover {background-color: #000}

.sp_list .block_sp .item {width: calc((100% - 105px)/4);float: left;box-sizing: border-box;margin: 0 35px 35px 0;text-align: center;background-color: white}
.sp_list .block_sp .item:nth-child(4n) {margin-right: 0}
.sp_list .block_sp .title {font: 25px 'GRB'}
.sp_list .block_sp .masp {font-size: 18px;margin-bottom: 10px}
.sp_list .block_sp .giasp {font: 20px 'GRM';margin-bottom: 20px}
.sp_list .block_sp .giasp b {font-weight: normal;font-family: 'GRB'}
.sp_list .block_sp .xemct {display: inline-block;font: 18px 'GRM';text-decoration: none;color: #000;border: 1px solid #000;border-radius: 3px;padding: 0 30px;line-height: 38px}
.sp_list .block_sp .xemct:hover {color: white;background-color: #000}
.sp_list .SplitPages {padding-top: 0;border-top: none}

.ct_product .left {width: calc(45% - 50px);float: left;display: flex}
.ct_product .right {width: calc(55%);float: right}
.ct_product #CommonCuoiChiTietTin .right {width: auto}
.ct_product .nav_slide {width: 18.66%;margin-right: 15px}
.ct_product .nav_slide .slick-track, .ct_product .nav_slide .slick-list {min-height: 100%}
.ct_product .big_slide {width: calc(100% - 18.66% - 15px);box-sizing: border-box;border-radius: 5px}
.ct_product .big_slide .khungAnh0 {border: 1px solid #000;border-radius: 5px}
.ct_product .big_slide .khungAnh0 a:before {content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(images/zoom1.png) no-repeat right 20px bottom 20px}
.ct_product .left .khungAnh0 {background-color: white;border-radius: 5px;margin: 1px}
.ct_product .left .khungAnh0:before {padding-bottom: 100%}
.ct_product .left .nav_slide .khungAnh0:before {padding-bottom: 98%}
.ct_product .nav_slide .khungAnh0 {border: 1px solid #000;border-radius: 5px;margin-bottom: 15px}
.ct_product .nav_slide .khungAnh0 img {width: calc(100% - 10px);height: calc(100% - 10px);top: 5px;left: 5px}
.ct_product .right .tt_Detail {font: 35px 'GRB';margin-bottom: 15px}
.ct_product .right .gia_sp {margin-bottom: 20px}
.ct_product .right .gia_sp b {font: 20px 'GRM';font-weight: normal}
.ct_product .right .gia_sp span {font: 25px 'GRB';color: #e30303}
.ct_product .thuoctinh {overflow: hidden;margin-bottom: 20px}
.ct_product .thuoctinh .item {width: calc((100% - 40px)/3);margin: 0 20px 10px 0;float: left;font-size: 18px}
.ct_product .thuoctinh .item:nth-child(3n) {margin-right: 0}
.ct_product .thuoctinh b {font-weight: normal;font: 18px 'GRB'}

.mausac b, .btn_sp b {font: 18px 'GRB';font-weight: normal}
.selectMau {margin: 5px 0 20px 0}
.selectMau span {display: inline-block;width: 30px;height: 30px;margin-right: 10px;cursor: pointer}
.selectMau span.active {box-shadow: -2px 2px 4px 0 rgba(0,0,0,0.5)}
.btn_sp b {line-height: 42px;float: left}
.number {margin: 0 40px 0 20px;overflow: hidden;float: left}
.number .tru, .number .cong {float: left;width: 40px;height: 42px;box-sizing: border-box;border: 1px solid #bcbcbc;border-right: none;text-align: center;font: 18px 'GRM';line-height: 40px;background-color: white;color: #000;cursor: pointer}
.number .cong {border-right: 1px solid #bcbcbc;border-left: none}
.number input {width: 50px;text-align: center;outline: none;font: 18px 'GR';color: #000;float: left;height: 42px;border: 1px solid #bcbcbc;padding: 0;box-sizing: border-box;box-shadow: none;border-radius: 0;-webkit-appearance: none;-moz-appearance: none}
.btn_sp {overflow: hidden;margin-bottom: 30px}
.btn_sp .share {clear: both;padding-top: 15px}
a.addCart {float: left;text-decoration: none;color: white;text-transform: uppercase;padding: 0 20px;background-color: #000;font: 18px 'GRM';line-height: 42px}
a.lienhe {float: left;margin: 0 40px 0 10px;font: 18px 'GRM';line-height: 40px;border: 1px solid #000;padding: 0 20px;text-decoration: none;color: #000;text-transform: uppercase}
.btn_sp .share .fb-share-button, .btn_sp .share .fb-like {top: 10px}
.btn_sp .share b {margin-right: 10px}
.ct_product .right .desc_sp {padding: 20px;border: 1px solid #bcbcbc;font-family: 'GRM';line-height: 24px;box-shadow: -2px 2px 6px rgba(0,0,0,0.15);margin-bottom: 30px}
.note_mau b {font-family: GRB;font-weight: normal;display: block;margin-bottom: 15px}
.noteMau {overflow: hidden}
.noteMau .item {width: calc(50% - 20px);float: left;margin: 0 40px 30px 0}
.noteMau .item:nth-child(2n) {margin-right: 0}
.noteMau .title {font-weight: normal;font-family: 'GRB';display: block;margin-bottom: 10px;line-height: 32px;overflow: hidden}
.noteMau .title span {display: inline-block;width: 30px;height: 30px;border-radius: 50%;margin-right: 10px;float: left}
.noteMau .desc {line-height: 22px}
.nd_sanpham {padding-top: 20px}
.nd_sanpham .title {font: 30px 'GRB';text-transform: uppercase;margin-bottom: 20px}
.bl_face {margin-bottom: 30px}
.bl_face .title {font: 18px 'GRB'}

.sp_list .block_sp.slick-slider .item {margin: 0 17px 35px 17px}
.sp_list .block_sp.slick-slider .slick-list {width: calc(100% + 33px);margin-left: -17px}

.cart .title {font: 30px 'GRB';text-transform: uppercase;margin-bottom: 20px}
.cot1, .cot2, .cot3, .cot4, .cot5, .cot6 {box-sizing: border-box;border-right: 1px solid white;width: 80px;float: left}
.ds_cot {display: flex;background-color: #000;color: white;text-align: center;line-height: 36px;text-transform: uppercase}
.cot3 {width: 180px}
.cot4, .cot5 {width: 120px}
.cot2 {width: calc(100% - 400px);text-align: left}
.cot2, .cot6 {border-right: none}
.ds_cot .cot2 {text-indent: 20px}


.cart .btn_cart {background-color: #e7e7e7;padding: 13px 20px;overflow: hidden;margin-bottom: 40px}
.cart .btn_cart a {display: inline-block;color: white;text-decoration: none;background-color: #000;padding: 0 20px;border-radius: 3px;line-height: 38px;text-transform: uppercase;font-family: 'GRB'}
.cart .btn_cart .total {float: right;margin-right: 20px;font-size: 18px;line-height: 38px}
.cart .btn_cart .total span {font-family: 'GRB';color: #e30303}

.cart-contact {overflow: hidden;border: 1px solid #ccc;padding: 30px;background-color: white}
.cart-contact .title {font-size: 20px;text-transform: none}
.cart-contact .left {width: calc(50% - 20px);float: left}
.cart-contact .right {width: calc(50% - 20px);float: right}
#form_pay .item {overflow: hidden;margin-bottom: 10px;padding-left: 40px;border-radius: 5px;overflow: hidden;background: #000 url(images/name.png) no-repeat left 14px center;height: 40px}
#form_pay .item.phone {background-image: url(images/phone3.png)}
#form_pay .item.add {background-image: url(images/add2.png)}
#form_pay .item.email {background: #000 url(images/email3.png) no-repeat left 12px center}
#form_pay input {width: 100%;box-sizing: border-box;border: 1px solid #ccc;height: 40px;padding: 0 15px;border-radius: 0 5px 5px 0;color: #000;outline: none;font: 16px 'GR'}
#form_pay textarea {width: 100%;box-sizing: border-box;outline: none;border: 1px solid #ccc;resize: none;padding: 10px;border-radius: 5px;font: 16px 'GR';height: 110px;display: block;margin: 0 0 20px 0}
#form_pay .btn a {display: inline-block;margin-right: 6px;text-decoration: none;padding: 0 20px;font-family: 'GRB';text-transform: uppercase;color: white;background-color: #000;line-height: 40px;border-radius: 3px}
#form_pay .btn a:last-child {background-color: #e1e1e1;color: #000}
.cart-contact .right .content {border: 1px solid #ccc;padding-left: 20px;min-height: 308px;line-height: 24px}
.cart-contact .right .content .title_ct {font-family: 'GRM';color: white;text-transform: uppercase;line-height: 50px;background-color: #000;padding: 0 30px;margin-bottom: 20px}

#ds_hang .item {overflow: hidden;border-bottom: 1px solid white;display: flex;background-color: #e7e7e7}
#ds_hang .wrap {align-self: center}
#ds_hang .cot1, #ds_hang .cot3, #ds_hang .cot4, #ds_hang .cot5, #ds_hang .cot6 {font-family: 'GRB';display: flex;justify-content: center}
#ds_hang .cot2 {display: flex}
#ds_hang .cot2 .wrap {width: 100%;display: flex;align-items: center}
#ds_hang .cot2 .khungAnh0 {width: 63px;background-color: white;border-radius: 5px;overflow: hidden;margin: 5px 10px 5px 5px;display: flex}
#ds_hang .cot2 .khungAnh0:before {padding-bottom: 100%}
#ds_hang .cot2 .name {display: block;font-family: 'GRB'}
#ds_hang .cot3 select {height: 40px;border: 1px solid #dadada;padding: 0 10px;-webkit-appearance: none;-moz-appearance: none;outline: none;width: 125px;background: white url(images/select1.png) no-repeat right 10px center;font: 16px 'GR';color: #000}
#ds_hang .cot4 {font-family: GRB;font-weight: normal;color: #e30303}
#ds_hang .cot5 input {width: 60px;padding: 0 0 0 10px;box-sizing: border-box;height: 40px;border: 1px solid #dadada;font: 16px 'GRM';line-height: 40px;border-radius: 0;box-shadow: none}
#ds_hang input::-webkit-inner-spin-button, #ds_hang input::-webkit-outer-spin-button {opacity: 1}
#ds_hang input::-moz-focus-inner {height: 40px}
#ds_hang .cot6 a {display: block;width: 30px;height: 30px;background: url(images/xoa.png) no-repeat center}

.nen_popup {display: none}
#popup_xn {position: fixed;z-index: 111;top: 0;left: 0;align-items: center;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);justify-content: center;display: none}
#popup_xn .nd_popup {width: 885px;box-sizing: border-box;padding: 35px;background-color: white;position: relative}
#popup_xn .close_popup {width: 30px;height: 30px;position: absolute;top: -15px;right: -15px;background: white url(images/close.png) no-repeat center;display: block;border-radius: 50%;z-index: 2;box-shadow: 0 0 7px 0 rgba(0,0,0,0.5)}
#popup_xn .ct_product {overflow: hidden}
#popup_xn .ct_product .left {width: 50%}
#popup_xn .ct_product .right {width: calc(50% - 20px)}
#popup_xn .ct_product .nav_slide {width: 75px;margin-right: 10px}
#popup_xn .ct_product .big_slide {width: calc(100% - 85px)}
#popup_xn .ct_product .nav_slide .khungAnh0 {margin: 2px 0 8px 0}
#popup_xn .ct_product .right .tt_Detail {font-size: 18px;margin-bottom: 10px}
#popup_xn .ct_product .right .gia_sp span, .mausac b, .btn_sp b {font-size: 16px}
#popup_xn .ct_product .big_slide .khungAnh0 a {background-size: 22px}
#popup_xn .selectMau {margin-bottom: 10px}
#popup_xn .selectMau span {width: 26px;height: 26px}
#popup_xn .mau_sl .mausac {float: left}
#popup_xn .mau_sl .number {float: left;margin: 0 0 15px 40px}
#popup_xn .mau_sl .number b {display: block;margin-bottom: 6px;font-weight: normal;font: 16px 'GRB'}
#popup_xn .mau_sl .number span {width: 30px;height: 26px;line-height: 26px}
#popup_xn .mau_sl .number input {height: 26px;font-size: 16px}
#popup_xn .desc {clear: both;padding-top: 15px;border-top: 1px solid #ccc;line-height: 22px;max-height: 66px;overflow: hidden;margin-bottom: 20px}

.search-form {overflow: hidden;margin-bottom: 35px}
.search-form a {display: block;float: right;width: 70px;height: 52px;background: #000 url(images/search1.png) no-repeat center}
.search-form input {width: calc(100% - 70px);height: 52px;float: left;box-sizing: border-box;padding: 0 15px;border: 1px solid #bcbcbc;font: italic 16px 'GR';color: #000}
.search-text {font: 30px 'GRM';margin-bottom: 15px}
.search-text b {font-weight: normal;font-family: 'GRB'}

.title_gt {text-align: center;font: 35px 'GRM';margin: 50px 0 15px 0;color: white}
.gt_1 {background-color: rgba(232,182,65,0.5);border-radius: 15px;overflow: hidden;padding: 30px 40px;box-sizing: border-box;max-width: 1430px;margin: auto;line-height: 24px;color: white}
.desc_gt {font: 40px 'GRM';color: white;text-transform: uppercase;margin-bottom: 40px;text-align: center}



.gt_2 {margin-bottom: 50px}
.gt_2 .item {float: left;width: 34.5%;box-sizing: border-box;background-position: left top;background-repeat: no-repeat !important;color: white;line-height: 24px;min-height: 520px;text-align: justify;position: relative}
.gt_2 .title {margin-bottom: 15px;z-index: 2;position: relative;letter-spacing: -0.5px}
.gt_2 .desc {z-index: 2;position: relative;letter-spacing: -0.5px}

.gt_2 .item:nth-child(3n+1) .title {margin-top: 20%}
.gt_2 .item:nth-child(3n+2) .title, .gt_2 .item:nth-child(3n) .title {margin-top: 11%}
.gt_2 .item:before {content:"";display: block;position: absolute;width: 100%;height: 100%;top: 0;right: 0;background: url(images/bg_gt1.png) no-repeat top 30px right;background-size: contain}
.gt_2 .item:nth-child(3n+2) {width: 36%}
.gt_2 .item:nth-child(3n) {width: 29.5%}

.gt_2 .item .anh_gt {position: absolute;top: 0;left: 0;height: 100%;background-size: contain !important;z-index: 1}
.gt_2 .item:nth-child(3n+1) .anh_gt {width: 52%}
.gt_2 .item:nth-child(3n+2) .anh_gt {width: 69%;top: 8%}
.gt_2 .item:nth-child(3n) .anh_gt {width: 46%}

.gt_2 .item:nth-child(3n+1):before {width: 48%;background-size: contain}
.gt_2 .item:nth-child(3n+2):before {background-image: url(images/bg_gt2.png);background-position: top 10px right;width: 51%}
.gt_2 .item:nth-child(3n):before {background-image: url(images/bg_gt3.png);top: -16%;width: 54%}

.gt_2 .item:nth-child(3n+1) .title, .gt_2 .item:nth-child(3n+1) .desc {margin-left: calc(52% + 30px);margin-right: 20px}
.gt_2 .item:nth-child(3n+2) .title, .gt_2 .item:nth-child(3n+2) .desc {margin-left: 52%;margin-right: 20px}
.gt_2 .item:nth-child(3n) .title, .gt_2 .item:nth-child(3n) .desc {margin-left: calc(46% + 20px);margin-right: 30px}

.sp_about .title_gt {margin-top: 40px}
.sp_about .desc_sp {color: white;text-align: center;margin-bottom: 30px}
.cate_listsp {overflow: hidden}
.cate_listsp .khungAnh {width: calc((100% - 80px)/3);float: left;margin: 0 40px 40px 0;border-radius: 10px;overflow: hidden}
.cate_listsp .khungAnh:nth-child(3n) {margin-right: 0}
.cate_listsp .khungAnh a:before {content:"";display: block;width: 100%;height: 100%;position: absolute;z-index: 1;top: 0;left: 0;box-shadow: inset 0 -60px 100px rgba(0,0,0,0.8)}
.cate_listsp .title {color: white;text-decoration: none;font: 25px 'GRM';display: block}
.cate_listsp .khungAnh:hover .title:before {content:"";display: block;width: 190px;height: 1px;background-color: white;position: absolute;left: calc(50% - 95px);bottom: 0}
.cate_listsp .hover_sp {position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px 20px;box-sizing: border-box;text-align: left;display: flex;z-index: 2}
.cate_listsp .desc {color: white;text-decoration: none;line-height: 22px;text-align: center;display: none;max-height: 198px;overflow: hidden;margin: 0 40px}
.cate_listsp .khungAnh:hover .hover_sp {height: 100%;align-items: center}
.cate_listsp .khungAnh:hover .desc {display: block;margin-top: 15px}
.cate_listsp .khungAnh:hover .title {padding-bottom: 10px;position: relative;text-align: center}
.cate_listsp .khungAnh:hover a:before {box-shadow: none;background-color: rgba(0,0,0,0.5)}

#viewVideo {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);display: none;vertical-align: middle}
#viewVideo .contentVD {width: 1000px;margin: auto;max-width: calc(100% - 20px);position: relative;border: 2px solid white}
#viewVideo .khungAnh:before {padding-bottom: 56.25%}
#viewVideo .close_vd {display: block;width: 30px;height: 30px;position: absolute;z-index: 2;background-color: white;right: 0;font-size: 20px;font-weight: bold;text-align: center;line-height: 30px;cursor: pointer}