@charset "UTF-8";
@font-face { font-family: 'OpenSansRegular'; src: url('../fonts/web/OpenSansRegular.eot'); src: url('../fonts/web/OpenSansRegular.eot') format('embedded-opentype'), url('../fonts/web/OpenSansRegular.woff2') format('woff2'), url('../fonts/web/OpenSansRegular.woff') format('woff'), url('../fonts/web/OpenSansRegular.ttf') format('truetype'), url('../fonts/web/OpenSansRegular.svg#OpenSansRegular') format('svg'); }
@font-face { font-family: 'OpenSansBold'; src: url('../fonts/web/OpenSansBold.eot'); src: url('../fonts/web/OpenSansBold.eot') format('embedded-opentype'), url('../fonts/web/OpenSansBold.woff2') format('woff2'), url('../fonts/web/OpenSansBold.woff') format('woff'), url('../fonts/web/OpenSansBold.ttf') format('truetype'), url('../fonts/web/OpenSansBold.svg#OpenSansBold') format('svg'); }
@font-face { font-family: 'OpenSansSemiBold'; src: url('../fonts/web/OpenSansSemiBold.eot'); src: url('../fonts/web/OpenSansSemiBold.eot') format('embedded-opentype'), url('../fonts/web/OpenSansSemiBold.woff2') format('woff2'), url('../fonts/web/OpenSansSemiBold.woff') format('woff'), url('../fonts/web/OpenSansSemiBold.ttf') format('truetype'), url('../fonts/web/OpenSansSemiBold.svg#OpenSansSemiBold') format('svg'); }

/* Main */
:root { --awesome__font: 900 20px/1 "Font Awesome 5 Free"; --color__main: #323232; --color__cover: #fff; --background__body: #292929; --background__hover: #cda274; --color__hover: #cda274; --color__text: #fff; --color__default: #fff; --color__title: #fff; --Regular: 'OpenSansRegular'; --bold: 'OpenSansBold'; --semibold: 'OpenSansSemiBold'; --font__title: 42px var(--bold); --font__body: 14px/1.4 var(--Regular); --item__margin: 15px; --item__width: calc((100% / 3) - (var(--item__margin)*2)); --item__margin__page: 15px; --item__width__page: calc((100% / 3) - (var(--item__margin__page)*2)); }
body { font: var(--font__body); color: var(--color__default); background: var(--background__body); }
img { max-width: 100%; height: auto; vertical-align: top }
a, input, textarea { outline: none; padding: 0px; text-decoration: none; }
.modal { z-index: 99991; }
.modal-backdrop { z-index: 9999; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.name { color: var(--color__text); display: block; line-height: normal; font: 16px var(--bold); transition: all 0.4s; }
.name:hover { color: var(--color__hover); }
.desc { color: var(--color__text); }
.item { width: var(--item__width); margin: var(--item__margin); }
.item__page { width: var(--item__width__page); margin: var(--item__margin__page); }
.row-item { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 calc(0px - var(--item__margin)) }
.row-item-page { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 calc(0px - var(--item__margin__page)) }
.pd40-0 { padding: 40px 0; }
.w-clear:after { display: block; content: ""; clear: both; }
.hidden { display: none; }
.clear { clear: both; }
.none { display: none; }
.hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; }
ul.slick__page { padding-left: 0; margin-bottom: 0; list-style: none; }
.wrap-main, .wrap-content { max-width: 1220px; margin: 40px auto; padding: 0px 10px; }
.wrap-home { max-width: 100%; padding: 0px; margin: 0 auto; }
.container { max-width: 1220px; padding: 0 10px; margin: auto; }

/* General */
.title-main { margin-bottom: 1.5rem; text-align: center; }
.title-main span { text-transform: capitalize; color: var(--color__title); font: var(--font__title); display: block; }
.title-main p.slogan-size { font-size: 30px; }
.title-main p { margin-bottom: 5px; position: relative; display: inline-block; text-transform: uppercase; color: var(--color__hover); font-size: 15px; padding: 0 10px; }
.title-main p:before, .title-main p:after { content: ""; background: var(--color__hover); width: 36px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); }
.title-main p:before { right: 100%; }
.title-main p:after { left: 100%; }
.time-main { margin-bottom: 0.75rem; color: #999999; }
.time-main i { vertical-align: top; margin: 3px 7px 0px 0px; }
.time-main span { vertical-align: top; display: inline-block; }
.social { list-style: none; padding: 0px; margin: 0px; }
.social li { display: inline-block; vertical-align: top; }
.social li:last-child { margin-right: 0px; }
.control-carousel { position: absolute; top: calc(50% - 30px/2); margin-bottom: 0px; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #eee; z-index: 2; background-color: #fff; color: #ccc; cursor: pointer; }
.gallery-thumb-pro .slick-prev:before, .gallery-thumb-pro .slick-next:before { color: #ccc; font-size: 22px; }
.control-carousel:hover { background-color: var(--background__hover); border-color: var(--color__hover); color: #fff; }
.gallery-thumb-pro .slick-prev:hover:before, .gallery-thumb-pro .slick-next:hover:before { color: var(--color__hover); }
.prev-carousel, .gallery-thumb-pro .slick-prev { left: 0px; }
.next-carousel, .gallery-thumb-pro .slick-next { right: 0px; left: initial; }

/* Menu */
.wrap-logo { display: inline-block; margin-right: 100px; }
.menu { background: url(../images/bg-menu.png) no-repeat center; background-size: cover; position: absolute; left: 0; width: 100%; top: 0; z-index: 99991; border-bottom: 1px solid #434343; }
.menu.no-index { position: relative; }
.menu.fix { z-index: 9999; background-color: #232323; box-shadow: 0 0 10px 0 rgb(0 43 92 / 8%); position: fixed; left: 0; width: 100%; top: 0; }
.menu ul { padding: 0px; margin: 0px; list-style: none; }
.menu ul li { position: relative; z-index: 99; }
.menu ul li a { display: block; position: relative; z-index: 1; text-align: center; text-decoration: none !important; }
.menu ul li a { font-size: 15px; color: #fff; margin: 0px; padding: 37px 18px; text-transform: capitalize; }
.menu ul li a.active, .menu ul li:hover > a { color: var(--background__hover); }
.menu ul li ul { position: absolute; min-width: 200px; background: rgba(0, 0, 0, 0.4); box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1); -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; visibility: hidden; transition: all .5s; }
.menu ul li:hover > ul { -webkit-transform: perspective(600px) rotateX(0); transform: perspective(600px) rotateX(0); -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; transition: all .7s; }
.menu ul li ul li a { text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.menu ul li ul li:last-child > a { border-bottom: 0px; }
.menu ul li ul li a { font-size: 14px; padding: 12px 15px; }
.menu ul li ul li ul { top: 0px; left: 100%; }
.call-menu { font-size: 17px; color: var(--color__cover) !important; display: inline-block; padding-left: 14px; margin-left: 5px; position: relative; }
.call-menu:before { content: ""; width: 1px; height: 17px; position: absolute; left: 0; top: 4px; background: #696969; }

/* Menu RP */
.menu-res { display: none; height: 55px; z-index: 10; background: var(--color__main); position: relative; line-height: normal; z-index: 9999; }
.menu-bar-res { height: 55px; padding: 0px 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; }
#menu { display: none; }
#hamburger { display: block; width: 45px; 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: 17px; margin: 0px; }
.search-res .icon-search.active { color: var(--color__main); background: #fff; border-radius: 100%; }
.search-res .search-grid { position: absolute; top: 50px; right: 0px; width: 0px; height: 40px; overflow: hidden; background: #fff; border: 1px solid var(--color__main); z-index: 2; opacity: 0; border-radius: 25px; line-height: normal; }
.search-res .search-grid p { float: left; width: 35px; height: 38px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: var(--color__main); line-height: 40px; text-align: center; }
.search-res .search-grid input { width: calc(100% - 35px); float: right; line-height: 38px; outline: none; border: none; color: var(--color__main); }
.search-res .search-grid input::-webkit-input-placeholder { color: #ccc; }
.search-res .search-grid input:-moz-placeholder { color: #ccc; }
.search-res .search-grid input::-moz-placeholder { color: #ccc; }
.search-res .search-grid input:-ms-input-placeholder { color: #ccc; }
.menu .search-res .icon-search { font-size: 18px; }

/* Slideshow */
.slider { position: relative; }
.slider a { display: block; cursor: pointer; }
.slider a img { width: 100%; }
.slider.slick__page .slick-prev, .slider.slick__page .slick-next { border-radius: unset; border: unset; z-index: 9999; opacity: 0; transition: all 0.4s; }
.slider.slick__page:hover .slick-prev, .slider.slick__page:hover .slick-next { opacity: 1; }
.slider.slick__page .slick-prev { right: initial; left: 10px; }
.slider.slick__page .slick-next { left: initial; right: 10px; }
.img-full { width: 100%; height: auto; }

/* Breadcrumb */
.breadCrumbs { background-color: #eee; }
.breadCrumbs .wrap-content { padding: 0.75rem 10px; max-width: 1200px; }
.breadCrumbs .wrap-content .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }
.breadCrumbs .wrap-content .breadcrumb-item a { color: var(--color__main); }
.breadCrumbs .wrap-content .breadcrumb-item.active a { color: var(--color__hover); }

/*Giới thiệu*/
.wrap-abouts { padding: 100px 0; }
.title-main-left.title-main { text-align: left; }
.title-main-left.title-main p:after { display: none; }
.title-main-left.title-main p:before { right: initial; left: 0; }
.title-main-left.title-main p { padding-left: 46px; }
.wrap-abouts .item__col:nth-child(1) { width: 43.5%; padding: 17px; border: 3px solid var(--color__main); }
.wrap-abouts .item__col:nth-child(2) { width: 52.9166666667%; min-height: 626px; }
.wrap-abouts .item__col:nth-child(2) > .desc { color: #b3b3b3; line-height: 1.7; }
.btnAll { position: relative; display: inline-block; border: 1px solid var(--color__hover); font: 15px var(--semibold); color: var(--color__hover) !important; padding: 11px 25px; text-decoration: none !important; transition: all 0.4s; margin-top: 28px; }
.btnAll:before, .btnAll:after { content: ""; position: absolute; width: 7px; height: 7px; }
.btnAll:before { background: url(../images/before.png) no-repeat; left: -7px; top: -7px; }
.btnAll:after { background: url(../images/after.png) no-repeat; right: -7px; bottom: -7px; }
.btnAll:hover { background: var(--color__hover); color: var(--color__cover) !important; }
.box-Tabs { margin-top: 40px; }
.item__tabs { font: 17px var(--bold); text-transform: capitalize; width: calc((100% - 80px) / 3); border-bottom: 2px solid #404040; text-align: center; padding-bottom: 18px; cursor: pointer; }
.box-abouts-tabs { display: none; margin-top: 35px; }
.box-abouts-tabs .desc { width: calc(100% - 220px); }
.item__tabs.active { color: var(--color__hover); background: url(../images/act-tabs.png) no-repeat center bottom; background-size: 100% auto; border-color: transparent; }

/*End giới thiệu*/

/*Dịch vụ*/
.wrap-dichvu .container { max-width: 1366px; position: relative; padding: 154px 82px 72px; padding-top: 80px; }
.wrap-dichvu .title-main-left.title-main { max-width: 425px; }
.item__dichvu { border-left: 1px solid #3a3a3a; position: relative; }
.slick__page .item__dichvu .info { position: absolute; }
.item__dichvu .info { position: relative; left: 0; top: 0; padding: 62px 35px; background: #292929; height: 100%; width: 100%; transition: all 0.4s; }
.item__dichvu:hover .info { background: rgba(0, 0, 0, 0.7); }
.item__dichvu .img { text-align: center; }
.item__dichvu.item__dichvu-in { border: none; color: transparent; }
.item__dichvu.item__dichvu-in .info { background: rgb(0 0 0 / 38%); }
.item__dichvu.item__dichvu-in:hover .info { background: rgb(0 0 0 / 84%); }
.item__dichvu.item__dichvu-in .info { padding: 30px; }
.item__dichvu .info .name { font-size: 21px; text-transform: capitalize; margin: 35px 0 15px; -webkit-line-clamp: 3; line-height: 30px; height: 90px; }
.item__dichvu .info .desc { color: #fff; line-height: 1.8; }
.banner-dichvu { position: absolute; right: 0; bottom: 0; width: 664px; height: 720px; z-index: -2; }
.wrap-dichvu .background-black { width: 870px; height: 610px; position: absolute; left: 0; bottom: -20px; background: var(--color__main); z-index: -1; }

/*End dịch vụ*/

/*Đánh giá*/
.wrap-danhgia { padding: 165px 0 50px; }
.wrap-danhgia .slick__page .slick-list { padding-top: 18px; }
.wrap-danhgia .slick__page { margin: 0 -15px; }
.item__danhgia { margin: 0 15px; padding: 0 20px 20px 0; cursor: pointer; position: relative; }
.item__danhgia:before { content: ""; width: calc(100% - 20px); height: calc(100% - 20px); top: 20px; left: 20px; background: #232323; position: absolute; transition: all 0.4s; }
.item__danhgia:hover:before { background: var(--color__hover); }
.item__danhgia .box { background: var(--color__main); padding: 28px; min-height: 285px; position: relative; }
.item__danhgia .box:before { content: ""; width: 50px; height: 37px; background: url(../images/icon1.png) no-repeat; position: absolute; top: -18px; right: 35px; }
.item__danhgia .star { display: block; margin-bottom: 10px; }
.item__danhgia .desc { color: #b3b3b3; line-height: 2; font-style: italic; -webkit-line-clamp: 4; }
.item__danhgia .info { margin-top: 28px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.item__danhgia .info .info-right { width: calc(100% - 72px); }
.item__danhgia .info .info-right .name { text-transform: capitalize; margin-bottom: 4px; }
.item__danhgia .info .info-right .nghenghiep { color: #b3b3b3; }

/*End đánh giá*/

/*Mẫu thiết kế*/
.wrap-mauthietke .container { max-width: 1366px; padding: 0 83px 0 0; position: relative; }
.wrap-mauthietke .container:after { content: ""; top: 0; right: 0; position: absolute; background: var(--color__main); width: 685px; height: 694px; z-index: -1; }
.wrap-mauthietke .slick__page .slick-dots { padding-left: 0; margin-bottom: 0; margin-top: 15px; }
.wrap-mauthietke .slick__page .slick-dots li.slick-active { background: var(--color__hover); }

/*End mẫu thiết kế*/

/*Dự án*/
.wrap-duan .container { max-width: 1366px; padding: 0 0 0 83px; }
.wrap-duan .slick__page .slick-list { padding-left: 0 !important; padding-right: 0 !important; }
.wrap-duan .slick__page { margin: 0 -15px; }
.item__duan { margin: 0 15px; position: relative; }
.item__duan img { width: 100%; object-fit: cover; }
.item__duan .info { padding: 20px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 75%); opacity: 0; transition: all 0.4s; }
.item__duan:hover .info { opacity: 1; }
.item__duan .info .box { padding: 30px 28px; height: 100%; position: relative; border: 1px solid var(--color__hover); }
.item__duan .info .name { font-size: 21px; text-transform: capitalize; -webkit-line-clamp: 3; }
.item__duan .info .desc { color: #b3b3b3; line-height: 1.8; }
.item__duan .info .box span { display: inline-block; font: 15px var(--bold); color: var(--color__cover); position: absolute; bottom: 28px; }
.item__duan .info .box .icon { position: absolute; width: 7px; height: 7px; }
.item__duan .info .box .icon.one { background: url(../images/before.png) no-repeat; top: -7px; left: -7px; }
.item__duan .info .box .icon.two { background: url(../images/before.png) no-repeat; top: -7px; right: -7px; transform: rotate(90deg); }
.item__duan .info .box .icon.three { background: url(../images/after.png) no-repeat; bottom: -7px; right: -7px; }
.item__duan .info .box .icon.four { background: url(../images/after.png) no-repeat; bottom: -7px; left: -7px; transform: rotate(90deg); }

/*End dự án*/

/*Liên kết*/
.wrap-thietKe .slick-list { padding-top: 5px; }
.wrap-thietKe .slick__page { margin: 0 -30px; }
.item__thietke-link { margin: 0 30px; display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; -webkit-transition: .6s; -moz-transition: .6s; transition: .6s; }
.item__thietke-link img { filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: .5; -webkit-transition: .6s; -moz-transition: .6s; transition: .6s; }
.item__thietke-link .name { -webkit-transition: .6s; -moz-transition: .6s; transition: .6s; margin-bottom: 0; width: calc(100% - 100px); color: #b3b3b3; text-transform: capitalize; }
.item__thietke-link:hover .name { color: var(--color__cover); }
.item__thietke-link:hover img { filter: grayscale(0%); opacity: 1; }
.item__thietke-link:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

/*End liên kết*/

/*Thiết kế nội thất*/
.wrap-thietKenoithat { padding: 110px 0 40px; }
.wrap-thietKenoithat .container { max-width: 1386px; }
.wrap-thietKenoithat .item__col:first-child { width: 42.0204978038%; margin-right: -136px; position: relative; top: -85px; }
.wrap-thietKenoithat .item__col:last-child { width: 67.9355783309%; background: var(--color__main); padding: 65px 102px 70px 210px; min-height: 635px; }
.wrap-thietKenoithat .item__col:last-child > div.desc-one { color: #b3b3b3; line-height: 1.8; }
.box-mutil.slick__page { margin: 55px -25px 0 -25px; }
.item__thietkenoithat { margin: 0 25px; }
.item__thietkenoithat .info .name { font-size: 21px; margin: 15px 0 10px; }
.item__thietkenoithat .info .desc { color: #b3b3b3; line-height: 1.8; }
.desc-thietkenoithat { margin-top: 50px; }
.desc-thietkenoithat > .star { width: 100px; display: flex; align-items: center; justify-content: space-between; }
.desc-thietkenoithat > .desc { width: calc(100% - 145px); color: #c2c2c2; line-height: 1.8; }

/*End thiết kế nội thất*/

/* Intro */
.wrap-intro { padding: 48px 0 100px; }
.wrap-intro .slick__page { margin: 0 -15px; }
.name-newshome { margin-bottom: 10px; font-size: 20px; line-height: 1.7; }
.time-newshome { color: var(--color__text); margin-bottom: 0.25rem; display: none; }
.info-newshome { color: #9e9e9e; }
.info-newshome > span { display: inline-block; background: url(../images/icon-user.png) no-repeat left center; padding-left: 20px; }
.info-newshome > span:last-child { background: url(../images/icon-news.png) no-repeat left center; }
.info-newshome > span:not(:last-child) { padding-right: 14px; margin-right: 14px; border-right: 1px solid #3a3a3a; }
.newshome-normal .btnAll { margin-top: 14px; margin-bottom: -18px; background: #292929; }
.newshome-normal { display: block; margin: 0 15px 18px 15px; }
.pic-newshome-normal img { width: 100%; }
.info-newshome-normal { border: 1px solid #404040; padding: 45px 30px 0 30px; }
.sub-video2 { margin: 0 -5px; }
.sub-video2 a { margin: 0 5px; cursor: pointer; }
.video-main { position: relative; height: 400px; }
.video-main iframe { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.listvideos { width: 100%; height: 40px; padding: 0px 10px; border: 1px solid #ccc; color: var(--color-black); margin-top: 10px; cursor: pointer; }

/*Đăng ký nhận tin*/
.wrap-newsletter { padding: 76px 0 105px; background: url(../images/bg-dangkynhantin.jpg) no-repeat center; background-size: cover; }
.wrap-newsletter .title-main { margin-bottom: 40px; }
.wrap-newsletter .title-main strong { font-weight: normal; font-size: 14px; color: #b3b3b3; margin-top: 10px; display: block; }
.wrap-newsletter .container { max-width: 892px; }
.newsletter-input { position: relative; width: calc((100% - 10px) / 2); margin-bottom: 10px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; overflow: hidden; }
.newsletter-input:not(:nth-child(5)) { padding-left: 40px; }
.newsletter-input:before { width: 40px; height: 40px; content: ""; border-right: 1px solid #595959; background: url(../images/icon2.png) no-repeat center; position: absolute; left: 0; top: 0; }
.newsletter-input:nth-child(2):before { background: url(../images/icon3.png) no-repeat center; }
.newsletter-input:nth-child(3):before { background: url(../images/icon4.png) no-repeat center; }
.newsletter-input:nth-child(4):before { background: url(../images/icon5.png) no-repeat center; }
.newsletter-input:nth-child(5):before { display: none; }
.newsletter-input .form-control { padding: 0px; background: transparent; text-indent: 15px; border-radius: 0px; height: 40px; border: none; color: #b3b3b3; font-size: 13px; resize: none; }
.newsletter-input textarea.form-control { padding-top: 15px; height: 100px; }
.newsletter-input .form-control::placeholder { color: #b3b3b3; font-size: 13px; }
.newsletter-button { margin-top: 5px; }
.newsletter-button [type=submit], .btnContact { border: 0px; background-color: transparent; display: inline-block; text-transform: capitalize; cursor: pointer; position: relative; display: inline-block; border: 1px solid var(--color__hover); font: 15px var(--semibold); color: var(--color__hover) !important; padding: 0; text-decoration: none !important; transition: all 0.4s; width: 258px; height: 44px; outline: none !important; }
.btnContact { width: auto; padding: 0 30px; }
.newsletter-button [type=submit]:before, .newsletter-button [type=submit]:after, .btnContact:before, .btnContact:after { content: ""; position: absolute; width: 7px; height: 7px; }
.newsletter-button [type=submit]:before, .btnContact:before { background: url(../images/before.png) no-repeat; left: -7px; top: -7px; }
.newsletter-button [type=submit]:after, .btnContact:after { background: url(../images/after.png) no-repeat; right: -7px; bottom: -7px; }
.newsletter-button [type=submit]:hover, .btnContact:hover { background: var(--color__hover); color: var(--color__cover) !important; }

/*End đăng ký nhận tin*/

/* Video */
.video { text-align: center; cursor: pointer; }
.pic-video { position: relative; }
.pic-video:before { content: ""; position: absolute; width: 50px; height: 35px; top: calc(50% - 50px/2); left: calc(50% - 35px/2); z-index: 1; background-repeat: no-repeat; background-image: url(../images/play.png); }
.pic-video img { width: 100%; }
.video .name:hover { color: var(--color__hover); }

/* Album */
.album { text-align: center; cursor: pointer; }
.pic-album { position: relative; }
.pic-album img { width: 100%; }
.name-album { font-size: 16px; color: var(--color__text); margin-bottom: 0px; }
.name-video:hover { color: var(--color__hover); }

/* Sản Phẩm */
.wrap-product { margin-bottom: 50px; }
.product { padding: 0; margin: 0 var(--item__margin) var(--item__margin) var(--item__margin); }
.product .img { background: #fff; padding: 5px; border: 1px solid #eee; position: relative; margin-bottom: 10px; }
.product .img img { width: 100%; }
.product .name { font-size: 16px; color: var(--color__text); }
.product:hover .name { color: var(--color__hover); }
.price-product { margin-bottom: 0px; }
.price-product span { font-weight: 700; }
.price-new { font-size: 15px; font-weight: 500; color: var(--color__main); }
.price-old { padding-left: 10px; font-size: 12px; color: var(--color__text); }
.addcart-home { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: var(--color__main); padding: 8px 15px; border-radius: 2px; color: var(--color__cover) !important; text-transform: capitalize; cursor: pointer; opacity: 0; transition: all 0.4s; }
.addcart-home i { display: inline-block; margin-right: 5px; }
.product:hover .addcart-home { opacity: 1; }
#left { width: 315px; background: #323232; margin-bottom: 25px; padding: 35px 25px 30px; position: sticky; top: 97px; z-index: 9; }
#right { width: calc(100% - 345px); }
.title-left { margin-bottom: 20px; position: relative; padding-bottom: 12px; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.09); color: var(--color__cover); display: block; text-transform: capitalize; font: 20px/28px var(--bold); }
.title-left:after { display: block; content: ""; position: absolute; height: 3px; width: 70px; left: 0; bottom: -1px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background-color: #cda274; }
#left ul { list-style: none; padding-left: 0; margin-bottom: 0; }
#left ul li a { display: block; padding: 13px 15px 13px 15px; position: relative; z-index: 1; background-color: #292929; -webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%); -moz-box-shadow: 0 0 7px 0 rgba(43, 52, 59, .06); box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%); text-decoration: none !important; color: var(--color__cover); font: 15px var(--bold); text-transform: capitalize; }
#left ul li { position: relative; }
#left ul li:not(:last-child) { margin-bottom: 10px; }
#left ul li ul { position: absolute; left: 100%; top: 10px; visibility: hidden; opacity: 0; transition: all 0.4s; background: #323232; width: 100%; z-index: 999; padding: 10px; }
#left > .box > ul > li:hover > ul, #left > .box > ul > li > ul > li:hover > ul { visibility: visible; opacity: 1; top: -10px; }
#left ul li a:before { content: ""; width: 100%; left: 0; bottom: 50%; background: #cda274; height: 0; position: absolute; transition: all .3s cubic-bezier(.645, .045, .355, 1); z-index: -1; }
#left ul li a:hover:before { height: 100%; bottom: 0; }

/* Sản Phẩm Detail */
.grid-pro-detail { margin-bottom: 50px; }
.left-pro-detail { position: relative; float: left; width: 40%; text-align: center; margin-right: 2%; background: white; }
.left-pro-detail .MagicZoom { border: 1px solid #eee; padding: 7px; border-radius: 5px; }
.right-pro-detail { width: calc(100% - 42%); float: left; }
.gallery-thumb-pro { position: relative; margin: 10px -3px 0 -3px; }
.gallery-thumb-pro a { margin: 0 3px; }
.owl-thumb-pro { padding: 0px 40px; }
.thumb-pro-detail { border: 1px solid #eee; padding: 5px; border-radius: 3px; cursor: pointer; }
.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: #cecfd2; }
.thumb-pro-detail img { box-shadow: none !important; filter: brightness(100%) !important; border-bottom: 0px !important; padding-bottom: 0px !important; }
.title-pro-detail { text-transform: capitalize; font-size: 20px; display: block; font-weight: 700; }
.social-plugin-pro-detail { margin-bottom: 1rem; margin-top: 0px !important; }
.desc-pro-detail { margin-bottom: 1rem; }
.attr-pro-detail { list-style: none; padding: 0px; }
.attr-pro-detail li { margin-bottom: 0.5rem; }
.attr-label-pro-detail { margin: 0px 5px 0px 0px; }
.attr-label-pro-detail.d-block { display: block; margin: 0px 0px 5px 0px; }
.attr-content-pro-detail { display: inline-block; margin-bottom: 0px; }
.price-new-pro-detail { font-weight: 700; font-size: 20px; color: var(--color__main); }
.price-old-pro-detail { font-weight: 500; color: var(--color__text); text-decoration: line-through; padding-left: 10px; }
.color-pro-detail { display: inline-block; vertical-align: top; position: relative; width: 35px; height: 30px; margin: 0px 0px 3px 0px; border: 1px solid transparent; }
.size-pro-detail { border: 1px solid #ccc; padding: 3px 10px 4px 10px; display: inline-block; position: relative; }
.size-pro-detail.active, .color-pro-detail.active { border-color: #e5101d; color: #e5101d; }
.color-pro-detail.active:before, .size-pro-detail.active:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto; z-index: 1; background-image: url(../images/check-cart.png); background-repeat: no-repeat; background-position: bottom right; }
.color-pro-detail input[type=radio], .size-pro-detail input[type=radio] { outline: none; position: absolute; cursor: pointer; width: 100%; height: 100%; -webkit-appearance: none; border: 0px; top: 0px; left: 0px; }
.quantity-pro-detail { width: 100%; max-width: 110px; line-height: normal; display: flex; align-items: center; justify-content: space-between; text-align: center; }
.quantity-pro-detail span { line-height: 25px; padding: 0px; width: 30px; height: 30px; color: #5f5f5f; cursor: pointer; font-size: 22px; border: 1px solid #cccccc; }
.quantity-pro-detail span.quantity-plus-pro-detail { border-left: 0px; }
.quantity-pro-detail span.quantity-minus-pro-detail { border-right: 0px; }
.quantity-pro-detail input { height: 30px; border: 1px solid #cccccc; width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; }
.cart-pro-detail { margin-bottom: 1rem; display: flex; align-items: stretch; justify-content: flex-start; }
.cart-pro-detail a { width: auto; text-align: center; color: #fff; padding: 8px 15px; text-transform: uppercase; border-radius: 3px; background: var(--color__main); transform: all 0.4s; cursor: pointer; }
.cart-pro-detail a.addnow { margin-right: 10px; }
.cart-pro-detail a:hover { background-color: var(--background__hover); color: var(--color__cover); }
.cart-pro-detail a i { vertical-align: top; margin-top: 3px; margin-right: 8px; }
.tags-pro-detail { margin: 1rem 0px 2rem 0px; }
.tags-pro-detail a { float: left; font-size: 12px; color: #fff; padding: 5px 10px 7px 10px; margin-right: 5px; margin-bottom: 5px; background-color: var(--color__main); border-radius: 3px; }
.tags-pro-detail a:hover { background-color: var(--background__hover); }
.tags-pro-detail a i { font-size: 10px; float: left; margin: 5px 5px 0px 0px; }
.tab-content { padding: 10px; border: 1px solid #dee2e6; border-top: none; }

/*News detail*/

/*End news detail*/

/* Bài viết */
.pic-news img { width: 100%; }
.news .name { margin-bottom: 5px; }
.news .name:hover { color: var(--color__hover); }
.time-news { color: var(--color__text); margin-bottom: 0.25rem; }
.news .desc { margin-top: 5px; line-height: 22px; }
.share { padding: 17px 10px 10px 10px; line-height: normal; background: rgba(128, 128, 128, 0.15); margin-top: 15px; border-radius: 5px; }
.share b { display: block; margin-bottom: 5px; }
.othernews b { margin-bottom: 10px; }
.list-news-other { padding-left: 17px; list-style: square; }
.list-news-other li { margin-bottom: 2px; }
.list-news-other li a { text-transform: none; color: var(--color__cover); }
.list-news-other li a:hover { color: var(--color__hover); }

/* Contact */
.top-contact { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 30px; flex-wrap: wrap; }
.top-contact .article-contact { width: 48%; }
.form-contact { width: 47%; }
.input-contact { position: relative; margin-bottom: 15px; }
.input-contact input { height: 58px; }
.input-contact input, .input-contact textarea { width: 100%; padding: 0px; outline: none; font-size: 14px; background: transparent; border-radius: unset; border: 1px solid #323232; resize: none; transition: all 0.4s; }
.input-contact input::placeholder, .input-contact textarea::placeholder { color: #a19f9a; }
.input-contact input:focus, .input-contact textarea:focus { border: 1px solid #cda274 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: searchfield; background: transparent !important; }
.input-contact input { text-indent: 10px; }
.input-contact textarea { resize: none; height: 150px; padding: 10px; }
.input-contact .custom-file-label::after { content: attr(title); }
.bottom-contact { position: relative; height: 500px; }
.bottom-contact iframe { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }
.contact-info { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; }
.item__contact-info { width: calc((100% - 90px) / 4); text-align: center; -webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%); -moz-box-shadow: 0 0 7px 0 rgba(43, 52, 59, .08); box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%); padding-bottom: 33px; position: relative; margin: 15px 0; background-color: #323232; cursor: pointer; }
.item__contact-info:after { transform: scaleX(0); transition: transform 800ms ease-in-out; position: absolute; content: ''; border-bottom: 5px solid; height: 1px; width: 100%; left: 0; bottom: 0; border-bottom-color: #cda274; }
.item__contact-info:hover:after { transform: scaleX(1); }
.item__contact-info .info-icon { position: relative; vertical-align: middle; text-align: center; transition: all 0.4s; height: 60px; width: 60px; display: block; margin: 0 auto; line-height: 55px; border: 0; background-color: #cda274; font-size: 30px; }
.item__contact-info .info-icon:before { content: ""; position: absolute; top: -12px; left: 60px; border-width: 0 13px 12px 0; border-style: solid; border-right-color: transparent !important; border-left-color: transparent !important; display: block; border-color: #cda274; transition: all .4s; opacity: .7; }
.item__contact-info .info-icon:after { position: absolute; content: ""; right: 0; height: 11px; width: 100%; top: -11px; z-index: -4; border-color: #cda274; transition: all .5s; background-color: #cda274; transform: scale(1, 1.2); }
.item__contact-info .info { padding-top: 25px; }
.item__contact-info .info h3 { margin-bottom: 10px; font: 21px/30px var(--bold); color: var(--color__cover); text-transform: capitalize; }
.item__contact-info .info .desc { color: #b3b3b3; padding: 0 20px; }

/* Footer */
.footer { background: url(../images/bg-footer.jpg) no-repeat center; background-size: cover; }
.footer-news { width: calc(100% / 3); border-right: 1px solid #4b4b4b; padding: 70px 42px 45px; }
.footer-news:nth-child(1) { padding-left: 0; }
.footer-news:nth-child(3) { padding-right: 0; border: none; }
.footer-news:nth-child(1) .info-footer { color: #b3b3b3; }
.wrap-logof { display: block; margin-bottom: 5px; text-align: center; }
.logo-footer > span { width: 100%; text-transform: uppercase; font: 25px var(--bold); color: var(--color__cover); }
.title-footer { text-transform: capitalize; margin-bottom: 30px; font: 21px var(--bold); }
.footer-ul { list-style: none; padding: 0px; margin: 0px; }
.footer-ul li { margin-bottom: 15px; }
.footer-ul li:last-child { margin-bottom: 0px; }
.footer-ul li a { color: var(--color__cover); }
.footer-powered { color: #b3b3b3; }
.footer-powered .container { padding: 16px 10px; border-top: 1px solid #4b4b4b; }
.copyright { margin-bottom: 0px; }
.copyright span { color: var(--color__cover); }
.statistic { margin-bottom: 0px; }
.statistic span { padding-right: 10px; }
.statistic span:last-child { padding-right: 0px; }
#footer-map { position: relative; height: 500px; }
#footer-map iframe { position: absolute !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; }

/* Like Share */
.social-plugin { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.social-plugin .at-share-btn { margin-bottom: 0px !important; }
.social-plugin .a2a_svg { width: 30px; height: 30px; line-height: 30px; }
.social-plugin .zalo-share-button { margin-left: 3px; }

/* Toc */
.box-readmore { padding: 8px 15px; border: 1px solid #dedede; margin-bottom: 2rem; border-radius: 5px; background-color: #eeeeee; }
.box-readmore li ul>li { margin: 0; margin-bottom: 8px }
.box-readmore li ul>li:before { content: counters(item, ".") " " }
.box-readmore ul { list-style-type: none; counter-reset: item; margin-bottom: 0px; padding-left: 0px !important; margin-top: 8px; }
.box-readmore ul li { display: table; counter-increment: item; margin-bottom: 5px }
.box-readmore ul li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 5px; color: #333; }
.box-readmore ul li a { color: #333333; cursor: pointer; font-weight: 600; }
.box-readmore ul li a:hover { color: #767676; }

/* Phân Trang */
.pagination-home .pagination .page-item .page-link { color: #555555; font-size: .875rem; }
.pagination-home .pagination .page-item.active .page-link { color: #ffffff; background-color: #555555; border-color: #555555; }

/* Phân Trang Ajax */
.pagination-ajax { text-align: center; }
.pagination-ajax a { display: inline-block; vertical-align: top; margin: 3px 2px; color: #333; background: #eee; border: 1px solid rgba(161, 161, 161, 0.4); font-size: 12px; cursor: pointer; padding: 5px 10px; border-radius: 1px; }
.pagination-ajax a.current, .pagination-ajax a:hover { background: var(--background__hover); color: #fff; border-color: var(--color__hover); }

/* Hidden Google Captcha */
.grecaptcha-badge { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; overflow: hidden; }

/* Hidden Check Grammar Coccoc */
coccocgrammar { display: none; }

/* Scroll Top */
.scrollToTop { width: 41px; height: 41px; text-align: center; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 65px; right: 25px; display: none; z-index: 10; cursor: pointer; }

/* Text Hide */
.line-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; overflow: hidden; }
.line-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; overflow: hidden; }
.line-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; overflow: hidden; }

/* Transition All */
.transition { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; }

/* Scale IMG */
.scale-img { overflow: hidden; display: block; }
.scale-img img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scale-img:hover > img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/* Blink */
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes blink {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@-webkit-keyframes blink {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@keyframes blink {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

/* Button Frame */
.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 10; cursor: pointer; }
.btn-frame i { display: flex; display: -ms-flex; justify-content: center; align-items: center; -ms-flex-align: center; width: 50px; height: 50px; border-radius: 50%; background: #1182FC; position: relative; z-index: 1; }
.btn-frame i img { vertical-align: middle; width: 70%; }
.btn-frame .animated.infinite { animation-iteration-count: infinite; }
.btn-frame .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(7, 41, 103, 0.8); opacity: .1; border-color: #1182FC; opacity: .5; }
.btn-frame .zoomIn { animation-name: zoomIn; }
.btn-frame .animated { animation-duration: 1s; animation-fill-mode: both; }
.btn-frame .kenit-alo-circle-fill { width: 70px; height: 70px; top: -10px; right: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(7, 41, 103, 0.35); opacity: .4; }
.btn-frame .pulse { animation-name: pulse; }

/* Zalo */
.btn-zalo { bottom: 315px; }

/* Phone */
.btn-phone { bottom: 230px; }

/* Messenger */
.js-facebook-messenger-container.closed, .js-facebook-messenger-tooltip.closed { display: none !important }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px }
.js-facebook-messenger-tooltip { color: #404040; background: #fff }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-tooltip { display: none; position: fixed; text-align: center; border-radius: 10px; overflow: hidden; font-size: 12px; line-height: 1; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; z-index: 1.0E+30 }
.js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px }
.js-facebook-messenger-box.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
.js-facebook-messenger-box.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-box { display: block; position: fixed; cursor: pointer; bottom: 150px; right: 17px; width: 56px; height: 56px; text-align: center; background: #1182FC; border-radius: 100%; overflow: hidden; z-index: 99; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3) }
.js-facebook-messenger-box.rotate svg#fb-msng-icon { transform: rotate(0deg) }
.js-facebook-messenger-box svg#fb-msng-icon { width: 32px; height: 33px; position: absolute; top: 13px; left: 12px; opacity: 1; overflow: hidden; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; }
.js-facebook-messenger-box.rotate svg#close-icon { transform: rotate(-45deg) }
.js-facebook-messenger-box svg#close-icon { opacity: 0; width: 19px; height: 20px; position: absolute; top: 19px; left: 19px; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000 }
.js-facebook-messenger-container { position: fixed; opacity: 0; transform: translateY(50px); bottom: 110px; right: 90px; border-radius: 10px; pointer-events: none; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; transition: transform 160ms ease-in-out, opacity 160ms ease-in-out }
.js-facebook-messenger-top-header { width: 220px }
.js-facebook-messenger-top-header { color: #fff; background: #1182FC }
.js-facebook-messenger-top-header { display: block; position: relative; width: 220px; background: #1182FC; color: #fff; text-align: center; line-height: 1; padding: 10px; font-size: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px }
.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000 }
.js-facebook-messenger-top-header { color: #fff; background: #1182FC }
.js-facebook-messenger-top-header { width: 220px }
.js-facebook-messenger-tooltip { color: #404040; background: #fff }
.js-facebook-messenger-container.open { transform: translateY(0px); opacity: 1; pointer-events: all }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px }
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity: 0 }
.js-facebook-messenger-box.rotate.open svg#close-icon { transform: rotate(0deg) }
.js-facebook-messenger-box.open svg#close-icon { opacity: 1 }

/* Cart fix */
.cart-fixed { position: fixed; right: 20px; bottom: 390px; z-index: 10; background: #4b4f56; width: 50px; height: 50px; text-align: center; color: #fff !important; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.cart-fixed i { font-size: 20px; }
.cart-fixed span { position: absolute; top: 0px; right: -5px; color: #fff; width: 25px; height: 25px; background: var(--color__main); text-align: center; line-height: 25px; font-size: 11px; border-radius: 100%; }

/* Toolbar */
.toolbar { background: var(--color__hover); width: 100%; padding: 3vw; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; }
.toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; }
.toolbar ul li { text-align: center; width: 25%; }
.toolbar ul li a { display: block; width: 100%; cursor: pointer; color: var(--color__cover); font-size: 17px; }
.toolbar ul li a img { height: 6vw; width: auto; }
.toolbar ul li a span { font-weight: 400; color: #fff; font-size: 3.5vw; display: none; }

/* Responsive */
@media(max-width:1200px) {
	.wrap-duan .slick__page, .wrap-danhgia .slick__page, .wrap-intro .slick__page, .wrap-thietKe .slick__page, .row-item-page, .row-item { margin: 0 -10px; }
	.box-mutil.slick__page { margin: 12px -10px 0 -10px; }
	.desc-thietkenoithat { margin-top: 10px; }
	.pd40-0 { padding: 20px 0; }
	.wrap-logo { margin-right: 0; }
	.menu ul li a { padding: 37px 12px; }
	.item__dichvu .info { padding: 15px; }
}
@media(max-width:1001px) {
	#menu li a h2 { font-size: 14px; margin-bottom: 0; }
	#left, .btn-frame, .banner-dichvu, .wrap-dichvu .background-black, .menu { display: none; }
	.menu-res { display: block; }
	.copyright { margin-bottom: 10px; }
	.footer-powered .container { flex-wrap: wrap; justify-content: center !important; }
	.copyright, .statistic { width: 100%; text-align: center; }
	.logo-mobile { display: block !important; }
	.wrap-abouts .item__col:nth-child(1) { width: 100%; max-width: 480px; margin: 15px auto 0; order: 3; }
	.wrap-abouts .item__col:nth-child(2) { width: 100%; min-height: initial; }
	.wrap-dichvu .container { padding: 20px 10px; }
	.item__dichvu { border: 1px solid #3a3a3a; }
	.wrap-intro, .wrap-newsletter, .wrap-thietKenoithat, .wrap-danhgia, .wrap-abouts { padding: 20px 0; }
	.wrap-mauthietke .container { padding: 20px 10px; }
	.wrap-duan .container { padding: 0 10px; }
	.title-main span { font-size: 22px; }
	.wrap-thietKenoithat .item__col:first-child { margin: 0 auto; top: initial; position: static; width: 100%; max-width: 574px; }
	.wrap-thietKenoithat .item__col:last-child { width: 100%; margin-top: 12px; padding: 0; background: transparent; min-height: initial; }
	#right { width: 100%; }
}
@media(max-width:960px) {
	:root { --item__margin: 5px; --item__width: calc((100% / 4) - (var(--item__margin) * 2)); --item__margin__page: 5px; --item__width__page: calc((100% / 4) - (var(--item__margin__page)*2)); }
	.left-intro, .right-intro, .footer-news:nth-child(1), .footer-news:nth-child(2), .footer-news:nth-child(3), .footer-news:nth-child(4) { width: 100%; margin-bottom: 20px; padding: 0; border: none; }
	.title-main p:before, .title-main p:after { display: none; }
}
@media(max-width:850px) {
	.news { margin-bottom: 10px; }
	.news .name { margin-top: 10px; }
}
@media(max-width:769px) {
	.top-contact { flex-wrap: wrap; }
	.left-pro-detail, .right-pro-detail, .top-contact .form-contact, .top-contact .article-contact { width: 100%; margin: 0px; }
	.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
}
@media screen and (max-width:700px) {
	:root { --item__width: calc((100% / 3) - (var(--item__margin) * 2)); --item__width__page: calc((100% / 3) - (var(--item__margin__page)*2)); }
	.content-main-news .row { margin: 0 -10px; }
	.item__contact-info { width: calc((100% - 10px) / 2); margin-bottom: 10px; }
}
@media(max-width:510px) {
	.info-newshome-normal { width: 100%; }
	.pic-newshome-normal { margin: auto; }
	.breadCrumbs .wrap-content { margin-top: 0; margin-bottom: 20px; }
}
@media(max-width:440px) {
	.top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
	:root { --item__width: calc((100% / 2) - (var(--item__margin) * 2)); --item__width__page: calc((100% / 2) - (var(--item__margin__page)*2)); }
	.nav-link { padding: 0.5rem 0.6rem; }
	.rp-images img { width: auto !important; height: auto !important; }
	.box-abouts-tabs .img { width: 100%; text-align: center; }
	.box-abouts-tabs .desc { width: 100%; margin-top: 10px; }
	.item__contact-info { width: 100%; }
	.title-main p.slogan-size { font-size: 20px; }
}
@media(max-width:369px) {
	.cart-pro-detail { flex-wrap: wrap; }
	.cart-pro-detail a { width: 100%; text-align: center; margin: 0px !important; font-size: 12px; }
	.cart-pro-detail a:first-child { margin-bottom: 5px !important; }
	.cart-pro-detail a i { display: none; }
	.item__tabs { width: 100%; background-size: initial !important; margin-bottom: 10px; }
	.newsletter-input { width: 100%; }
}