.center-layout, .product, .news .news-content,.services { width: 1200px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1200px) { .center-layout, .product, .news .news-content,.services { width: auto; padding-left: 15px !important; padding-right: 15px !important; } }

.d-none, .header-rp, .menu-rp { display: none; }

.clearfix:after { content: ""; display: block; clear: both; }

.w-img { display: block; }
.w-img img { display: block; max-width: 100%; }

.d-flex, .flex-center, .flex-between-center, .header .center-layout, .header .product, .menu-rp .center-layout, .menu-rp .product, .copyright .center-layout, .copyright .product, .header-hotline, .menu-rp .center-layout .menu-rp-hotline, .menu-rp .product .menu-rp-hotline, .menu-rp .news .news-content .menu-rp-hotline, .news .menu-rp .news-content .menu-rp-hotline, .footer-social, .flex-between, .news .news-content, .news-items, .footer .center-layout, .footer .product, .header-right, .header-social, .header-address, .copyright-right { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-center, .flex-between-center, .header .center-layout, .header .product, .header .news .news-content, .news .header .news-content, .menu-rp .center-layout, .menu-rp .product, .menu-rp .news .news-content, .news .menu-rp .news-content, .copyright .center-layout, .copyright .product, .copyright .news .news-content, .news .copyright .news-content, .header-hotline, .menu-rp .center-layout .menu-rp-hotline, .menu-rp .product .menu-rp-hotline, .menu-rp .news .news-content .menu-rp-hotline, .news .menu-rp .news-content .menu-rp-hotline, .footer-social { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-between, .flex-between-center, .header .center-layout, .header .product, .menu-rp .center-layout, .menu-rp .product, .copyright .center-layout, .copyright .product, .news .news-content, .news-items, .footer .center-layout, .footer .product { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.header .center-layout, .header .product, .header .news .news-content, .news .header .news-content {}
.header-logo {
	padding: 10px 0;
}
.header-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.header-hotline { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 16px; font-style: italic; color: #000; }
.header-hotline span { font-family: "LatoBold"; }

.header-social { margin-left: 10px; }
.header-social .w-img { margin: 0 2px; }

.header-address { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 16px; font-style: italic; color: #000; }
.po-re { position: relative; }
.grid-menu { width: calc(100% - 20px); display: grid; grid-template-columns: repeat(7, auto); }
.grid-menu li { position: relative; }
.grid-menu li:hover > ul { display: block; }
.grid-menu ul { display: none; position: absolute; width: 220px; left: 0; top: 100%; z-index: 9999; }
.grid-menu a {display: block;font-size: 16px;color: #000;position: relative;}
.grid-menu > li:first-child > a { position: relative; }
.grid-menu > li:first-child > a:after { position: absolute; content: ""; width: 0; height: 18px; border-left: 1px solid #0e0e0e; border-right: 1px solid #373737; right: -1px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.grid-menu > li > a { line-height: 45px; text-align: center; }
.grid-menu > li > a.active, .grid-menu > li > a:hover { background: url("../images/icon_active.png") no-repeat bottom center; }
.grid-menu > li > ul a { padding: 7px 10px; background: #fff; font-size: 15px; border-bottom: 1px solid #373737; }
.grid-menu > li > ul ul { left: 100%; top: 0; }
.btn-search { width: 20px; height: 20px; border: none; cursor: pointer; background: none; text-align: center; color: #fff; }
#frmSearch { display: none; width: 240px; height: 40px; background: #777; position: absolute; right: 0; top: 100%; z-index: 9999; }
#frmSearch:before { position: absolute; content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #777; right: 5px; bottom: 100%; }
#frmSearch input { width: calc(100% - 40px); height: 100%; padding-left: 10px; font-size: 13px; color: #fff; border: none; background: transparent; }
#frmSearch input::placeholder { font-size: 13px; color: #f6f6f6; }
#frmSearch button { width: 40px; height: 100%; border: none; cursor: pointer; background: none; text-align: center; color: #fff; }
#frmSearch.active { display: flex; display: -ms-flex; -webkit-animation: flipInX .5s; animation: flipInX .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }


.header-rp, .menu-rp { padding: 5px 0; }

.header-rp-logo img { margin: auto; }

.menu-rp .center-layout .menu-rp-hotline, .menu-rp .product .menu-rp-hotline, .menu-rp .news .news-content .menu-rp-hotline, .news .menu-rp .news-content .menu-rp-hotline { background: #333; padding: 5px 10px; font-family: "RobotoBold"; }
.menu-rp .center-layout .menu-rp-hotline i, .menu-rp .product .menu-rp-hotline i, .menu-rp .news .news-content .menu-rp-hotline i, .news .menu-rp .news-content .menu-rp-hotline i { margin-right: 5px; }
.menu-rp-hotline a { color: #fff; }
.menu-rp-hotline a { padding: 0 2px; }

.owl-services .owl-item { position: relative; }
.owl-services .owl-item:after { position: absolute; content: ""; width: 0; height: 110px; border-left: 1px solid #0e0e0e; border-right: 1px solid #3b3b3b; left: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.services-items {width: 60%;margin: auto;}
.services-items img { width: auto !important; }
.services-items__name { display: block; font-family: "SFUHoneymoonRegular"; font-size: 20px; color: #e1cf06; text-transform: uppercase; margin-bottom: 5px; }
.services-items__description {font-size: 14px;color: #000;}

.product {padding: 0 0 30px 0;}
.product .title { font-family: "SFUHoneymoonRegular"; font-size: 44px; color: #000; text-align: center;  }

.product-list { margin-top: 20px; }
.product-list .title-list { margin-bottom: 25px; position: relative; }
.product-list .title-list:after {position: absolute;content: "";width: 100%;height: 1px;background: #5d5d5d;left: 0;top: 49%;}
.product-list .title-list span {display: inline-block;padding: 0 50px 0 0;font-family: "SFUHoneymoonRegular";font-size: 30px;color: #ffba00;background: url("../images/icon_title.png") no-repeat right center #fff;position: relative;z-index: 99;}

.product-items .w-img {}
.product-items__name {display: block;font-family: "LatoBold";font-size: 14px;color: #000;padding: 8px 0;text-align: center;}
.product-items__code { font-family: "LatoBold"; font-size: 14px; color: #fff; }
.product-items__code span { color: #dda205; }

.construction { width: 100%;}
.construction .title { font-family: "SFUHoneymoonRegular"; font-size: 44px; color: #000; text-align: center; text-transform: capitalize; margin-bottom: 30px; }

.construction-items__name { display: block; font-family: "LatoBold"; font-size: 14px; color: #1d1d1d; padding: 8px 0;text-align: center }

.news { padding: 50px 0; }
.news .title {font-family: "SFUHoneymoonRegular";font-size: 44px;color: #333;text-align: center;text-transform: capitalize;margin-bottom: 20px;}
.news .first-news { width: 48.3333333333%; }
.news .vert { width: 50%; height: 540px; }
.news .vert .simply-scroll-clip { width: 100%; height: 100%; }
.news .vert .simply-scroll-list li { min-height: 185px; }

.news-item__name { display: block; font-weight: bold; font-size: 15px; color: #333; }

.news-item__date { padding: 5px 0; }
.news-item__date span { font-size: 12px; color: #858585; padding-right: 30px; }

.news-item__description { font-size: 14px; color: #b3b3b3; text-align: justify; }

.news-item__detail { display: block; font-size: 14px; color: #fff; margin-top: 30px; }
.news-item__detail:hover { color: #ffba00; }

.first-news .news-item__name { padding-top: 10px; }

.news-items .w-img { width: 170px; }
.news-items .news-items__info { width: calc(100% - 190px); }

.footer {background: #141414;padding: 40px 0 30px;position: relative;color: #fff;}
.footer:before { position: absolute; content: ""; width: 100%; height: 0; border-top: 1px dashed #262626; left: 0; top: 10px; }
.footer:after { position: absolute; content: ""; width: 100%; height: 0; border-top: 1px dashed #262626; left: 0; bottom: 10px; }

.footer-left { width: 43.75%; padding-right: 20px; }

.footer-mid { width: 31.25%; padding-right: 20px; }

.footer-right { width: 25%; }

.title-company { font-family: "SFUHoneymoonRegular"; font-size: 31px; color: #e1cf06; text-transform: capitalize; margin-bottom: 15px; }

.title-footer { font-family: "SFUHoneymoonRegular"; font-size: 24px; color: #e1cf06; margin-bottom: 15px; }

.footer-social { margin-top: 20px; }
.footer-social span { font-size: 13px; color: #fff; text-transform: uppercase; }
.footer-social .w-img { margin: 0 5px; }

.copyright { padding: 10px 0; background: #e1cf06; }

.copyright-left { font-family: "LatoRegular"; font-size: 13px; color: #000; }
.copyright-left span { font-family: "LatoBold"; text-transform: uppercase; }

.copyright-right p { font-family: "LatoRegular"; font-size: 13px; color: #000; padding: 0 15px; position: relative; }
.copyright-right p:after { position: absolute; content: ""; width: 1px; height: 10px; background: #000; left: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.copyright-right p:last-child:after { display: none; }
.copyright-right span { font-family: "LatoBold"; text-transform: uppercase; }

.grid-product { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }

.breadcrumb { background: #e1cf06; padding: 10px 0; }
.breadcrumb span, .breadcrumb i, .breadcrumb a { color: #000; font-size: 14px; }

.grid-construction { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }
.grid-construction .construction-items__name { display: block; font-family: "RobotoBold"; font-size: 15px; color: #fff; text-align: center; text-transform: uppercase; padding-top: 10px; }
.video_lienquan select {
	width: 100%;
	height: 30px;
}