/* Theme Name: HBagency Child Description: This is a child theme for HBagency Theme Author: UX Themes Template: hbagency Version: 3.0 */ /*************** ADD CUSTOM CSS HERE. ***************/ @media only screen and (max-width: 48em) { /*************** ADD MOBILE ONLY CSS HERE ***************/ } b, strong { font-weight: 600 !important;} table { border: solid 1px #ccc; } table td, table th { border: solid 1px #ccc; padding: 10px !important; color: #000;} .fas, fa { font-family: Fontawesome;} div#top-bar a { font-weight: 400; text-transform: unset;} ol, ul { margin-left: 30px; margin-bottom: 20px} .entry-divider { display: none !important;} div#content {padding-bottom: 0px;padding-top: 0; text-align: justify; } iframe {margin: auto !important;display: block;} .single div#content { padding-top: 0px;} #logo a { color: #FFF; text-transform: uppercase;} .entry-content p { text-align: justify;} h6 { font-size: 12px;} h5 { font-size: 14px;} h4 { font-size: 17px;} h3 { font-size: 20px;} h2 { font-size: 22px;} .is-divider { display: none;} /* #logo img { padding: 10px; background: #fff; border-radius: 10px;} */ @media screen and (min-width: 960px) { #flags { width: auto !important;} } @media screen and (max-width: 959px) { body { overflow: hidden !important;} #flags { width: 100% !important;} #flags ul#sortable { float: unset !important; width: 100% !important; display: flex; align-items: center; justify-content: center;} #flags ul#sortable li { width: auto;} #flags ul#sortable li a { padding: 0px;} } /* * topbar * */ #top-bar ul#header-contact li a { font-size: 15px; color: #FFF;} #top-bar ul#header-contact { background: #f6b716; color: #fff; margin-left: auto; margin-right: 1rem; padding: 0px 25px; color: #fff; overflow: hidden; justify-content: center;} #top-bar ul#header-contact:before { content: ""; position: absolute; left: -20px; top: 0px; background: #000; width: 34px; height: 34px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border: 1px solid #FFF;} #top-bar ul#header-contact:after { content: ""; position: absolute; right: -20px; top: 0px; background: #000; width: 34px; height: 34px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border: 1px solid #FFF;} /* * Hotline header * */ ul.hotline-top { position: relative; font-weight: 500; color: #000; padding: 10px 10px 10px 50px !important; background: #f5f5f5; border-radius: 5px; border: 1px solid #ccc; } ul.hotline-top:before { content: ""; width: 44px; height: 44px; text-align: center; font-size: 23px; line-height: 40px; position: absolute; left: 0px; color: #ffffff; top: 50%; transform: translate(0, -50%); background: url(image/icon-phone.png) no-repeat; background-size: contain; } .hotline-top li { list-style: none; margin-bottom: 0px; line-height: 23px; font-size: 15px;font-weight: 600;} .hotline-top li.hotline-phone { font-weight: 600; font-size: 20px; color: #f6b716; } /* Header */ #header .cart-item a.header-cart-link { background: #fff; border-color: #000; border-radius: 25px; color: #000; font-size: 14px; text-transform: unset; line-height: 30px; min-height: auto; } #header .cart-item a.header-cart-link .icon-shopping-basket:after { background: #d50e15;} #header .nav-dropdown .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item a { color: #000;} #header .nav-icon .button { background: #f6b716; border-color: #000; border-radius: 25px; color: #000; font-size: 16px;} #masthead .hide-for-medium.flex-right { } div#masthead .hide-for-medium.flex-left .header-nav { justify-content: center;} div#masthead .hide-for-medium.flex-left .header-nav { width: 100%; max-width: 100%; justify-content: center;} div#masthead .hide-for-medium.flex-left .header-nav .menu-item { margin: 0px; background: #eee; padding: 4px;} div#masthead .hide-for-medium.flex-left .header-nav .menu-item:nth-child(1) { border-radius: 15px 0px 0px 15px;} div#masthead .hide-for-medium.flex-left .header-nav .menu-item:nth-child(2) { border-radius: 0px 15px 15px 0px;} div#masthead .hide-for-medium.flex-left .header-nav .menu-item a { border-radius: 15px; padding: 4px 15px; min-height: auto; line-height: 20px; text-transform: unset; color: #000; } div#masthead .hide-for-medium.flex-left .header-nav .menu-item a.active { background: #d50e15; color: #fff;} div#masthead .hide-for-medium.flex-left .header-nav .menu-item a.active img { filter: brightness(0) invert(1);} /* div#masthead .hide-for-medium.flex-left .header-nav .menu-item.active a { background: #d50e15; color: #fff;} div#masthead .hide-for-medium.flex-left .header-nav .menu-item:not(.active) a { color: #000; background: #eeeeee;} */ /* * tìm kiếm header * */ #header .search-form .search-field { background: #fff; border: 1px solid #808080; height: 40px; } /* div#masthead .hide-for-medium.flex-left .header-nav { justify-content: center;} #header select.search_categories { background-color: #FFF; border: 0px; height: 40px; box-shadow: none; width: 95px !important;} #header .search-form-categories { position: relative; border-right: 1px solid #ebebeb;} #header form.searchform { border: 2px solid #f6b716; border-radius: 5px; } #header input.search-field { background: #FFF; border: 0px; height: 40px; box-shadow: none; } #header form.searchform .flex-col:last-child { padding: 4px; color: #000;} .searchform .button.icon { padding: 0 20px; } #header form.searchform >.flex-row { background: #FFF; border: 0px; border-radius: 3px;} #header form.searchform .submit-button { background: #f6b716 !important; border-radius: 0px 5px 5px 0px; color: #FFF !important;} /* login form popup */ div#login-form-popup { border-radius: 30px; overflow: hidden; } div#login-form-popup .account-container { padding: 0px; } div#login-form-popup .account-container .row { margin: 0px; } div#login-form-popup .account-container .row >.col-1 { padding: 0px; background: rgb(242 190 26 / 30%); } div#login-form-popup .account-container .row >.col-1 h3.uppercase { padding: 30px; text-align: center; color: #000; background: #f6b716; } div#login-form-popup .account-container .woocommerce-form { padding: 30px; } div#login-form-popup .account-container .row >.col-2 { padding: 0px; background: rgb(213 14 21 / 30%); } div#login-form-popup .account-container .row >.col-2 h3.uppercase { padding: 30px; text-align: center; background: #d50e15; color: #fff; } /* * menu chính * */ #wide-nav ul.header-nav > li.menu-item { margin: 0; } #wide-nav .flex-col.hide-for-medium { width: 100%;} #wide-nav ul.header-nav { justify-content: space-between;} #wide-nav ul.header-nav li a { } #wide-nav ul.header-nav > li.menu-item > a { font-weight: 600; text-align: center; font-size: 16px; padding: 20px 10px 0px; line-height: normal; position: relative; } #wide-nav ul.header-nav > li.menu-item > a img.ux-menu-icon { position: absolute; top: 0px; left: 0px; right: 0px; margin: auto;} #wide-nav ul.header-nav > li.menu-item > a:hover img.ux-menu-icon, #wide-nav ul.header-nav > li.menu-item.active > a img.ux-menu-icon { filter: brightness(0) invert(1);} #wide-nav ul.header-nav > li.menu-item > a:after { border-color: #92e6ff;} #wide-nav ul.header-nav > li.menu-item >.nav-dropdown >li a { color: #000;border-bottom: 0px; margin: 0px; padding: 10px; font-weight: 400; text-transform: unset;} #wide-nav ul.header-nav li.menu-item:not(.megamenu) ul.nav-dropdown { padding: 0px; border: 0px; background: #f8f8f8; z-index: 99; display: block; } #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item a:hover { background: #f6b716; color: #FFF !important;} /* * menu chính sổ sang ngang sang ngang * */ #wide-nav ul.header-nav .nav-dropdown-simple { box-shadow: 0px 0px 10px 0px #ccc; } #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown { padding: 0px; border: 0px; } #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item { display: block; width: 100%; position: relative; } #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item~li.menu-item a { border-top: 1px dotted #ccc;} #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown-simple .menu-item a { font-weight: 400; text-transform: unset; position: relative; color: #FFF; background: #f8f8f8;} #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item .nav-column { display: none !important;} #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item .nav-column { position: absolute; left: 100%; background: #f8f8f8; top: 0px; min-width: 260px; } #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item:hover .nav-column { display: block !important; } #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item-has-children >a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z'%3E%3C/path%3E%3C/svg%3E"); position: absolute; right: 0px; top: 50%; transform: translate(0, -50%); width: 15px; height: 15px; } #wide-nav ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item a:hover:after { filter: invert(1);} /* * menu chính khi có class megamenu * */ #wide-nav ul.header-nav li.megamenu >ul.nav-dropdown { display: flex; flex-flow: row wrap; width: 100%; min-width: 920px; border: 0px; padding: 10px;} #wide-nav ul.header-nav li.megamenu >ul.nav-dropdown >li.menu-item { max-width: 25%; flex-basis: 100%; padding: 10px;} #wide-nav ul.header-nav li.megamenu >ul.nav-dropdown li.menu-item a { padding: 10px 0px;} #wide-nav ul.header-nav li.megamenu >ul.nav-dropdown >li.menu-item >a { border-bottom: 1px dashed #000; padding-top: 0px;} #wide-nav ul.header-nav li.megamenu >ul.nav-dropdown li.menu-item li.menu-item a { padding-bottom: 0px;} #wide-nav ul.header-nav li.megamenu ul.nav-dropdown li.menu-item a:hover { color: #f6b716;} /* menu vertical flatsome */ .header-vertical-menu .ux-nav-vertical-menu li.more { list-style: none; margin: 0px; } .header-vertical-menu .ux-nav-vertical-menu li.more a { color: #000;} #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item.label-hot >a:after { top: -8px;} @media screen and (min-width: 960px) { .ux-nav-vertical-menu .menu-item { max-height: 100px; opacity: 1;} .ux-nav-vertical-menu .menu-item.hidden { max-height: 0px; opacity: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.5s ease; } #header .header-vertical-menu .ux-nav-vertical-menu { } #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item a { display: block; padding: 10px 15px 10px 20px; color: #000; line-height: initial; position: relative; font-weight: 400; text-transform: unset; margin: 0px; background: #fff; } #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item a:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: left center; width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); } #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item a:hover:before { filter: invert(1);} #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item a i.icon-angle-down { position: absolute; right: 5px; width: auto; min-height: auto; min-width: auto;} #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item a:hover { background: #3db7ef; color: #FFF;} #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item .sub-menu { position: absolute; left: 100%; top: 0px; box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #FFF !important; height: 100%; min-width: 260px;} #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item:hover >.sub-menu { display: block;} #header .header-vertical-menu .ux-nav-vertical-menu .sub-menu .menu-item { min-height: 38px; opacity: 1; overflow: unset; } #header .header-vertical-menu .ux-nav-vertical-menu li.menu-item .sub-menu a { border: 0px; } .header-vertical-menu__fly-out button#toggleButton { display: block; margin: 0px; width: 100%; text-align: left; text-transform: unset; font-weight: 600; font-size: 14px; position: relative; padding: 10px 15px 10px 20px; line-height: normal; border-top: 1px solid #ececec; } .header-vertical-menu__fly-out button#toggleButton:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M18.425 10.271C19.499 8.967 18.57 7 16.88 7H7.12c-1.69 0-2.618 1.967-1.544 3.271l4.881 5.927a2 2 0 0 0 3.088 0l4.88-5.927Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: left center; width: 18px; height: 18px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); } .header-vertical-menu__fly-out button#toggleButton.toggleButton-hide:before { transform: translate(0%, -50%) rotate(180deg);} .stuck #masthead #logo { width: 120px;} } /* menu di động */ .off-canvas-left.dark .mfp-content { background-color: #f6b716;} @media screen and (min-width: 960px) { #wide-nav { background: transparent; padding: 0px; } .header-wrapper.stuck #wide-nav { background: #f2be1a;} #wide-nav .flex-row.container { background: #f2be1a; padding: 5px 15px; border-radius: 10px; } } @media screen and (max-width: 959px) { #header .stuck div#masthead { position: fixed !important; top: 0px; left: 0px; z-index: 999999; background: #FFF; width: 100%; display: block !important;box-shadow: 0px 0px 5px 2px #ccc;} #header .stuck div#wide-nav { display: none;} #header div#wide-nav .hide-for-medium {display: none;} #header div#wide-nav .show-for-medium {display: block !important;} .mobile-sidebar .nav-uppercase li.menu-item { position: relative;} .mobile-sidebar .nav-uppercase li.menu-item a { color: #FFF !important;font-size: 16x; } .mobile-sidebar .nav-uppercase .menu >li.menu-item >a { text-transform: uppercase; font-weight: 600; } .mobile-sidebar .nav-vertical >li.menu-item >a { padding: 10px;} .mobile-sidebar .nav-uppercase ul.children a { text-transform: none;} .mobile-sidebar .nav-vertical >li.menu-item button.toggle { margin: 0px; width: 25px; font-size: 10px; } .mobile-sidebar .nav-uppercase li.menu-item ul.children { padding-bottom: 0; } .mobile-sidebar .nav-uppercase li.menu-item ul.children >li.menu-item { padding: 0px;margin: 0px;} .mobile-sidebar .nav-uppercase li.menu-item ul.children li.menu-item { border-top: 1px solid rgba(255,255,255,.2);} .mobile-sidebar .nav-uppercase li.menu-item ul.children >li.menu-item >a:before { content: "-"; margin-right: 5px;} .mobile-sidebar .nav-uppercase li.menu-item ul.children ul.nav-sidebar-ul a:before { content: "+"; margin-right: 5px;} .off-canvas-left .mfp-content { background: #0066b2;} .mobile-sidebar .nav-vertical .html.custom { font-weight: 600; font-size: 16px; color: #FFF; padding: 10px 20px;} #header .header-main .header-button .button { background: #f6b716 !important; text-transform: unset; border-radius: 5px; border: 0px; } .mobile-sidebar .nav-vertical >li.menu-item >a img { filter: brightness(0) invert(1); width: 15px; } #masthead #logo { max-width: 100px;} #masthead .show-for-medium { flex: auto;} #header .header-main .nav-icon { margin-right: 0px;} #masthead .mobile-nav a.icon { margin: 0px; padding: 0 5px; font-size: 11px;} #masthead .mobile-nav a.icon i.icon-menu { margin: 0px 3px 0px 0px;} #masthead .mobile-nav a.icon span.menu-title { padding: 0px; display: inline-block !important; margin: 0px; color: #FFF !important; text-transform: unset; } .mobile-sidebar .nav-uppercase li.menu-item a img { display: none;} } /* * breadcrumbs * */ .home .breadcrumb-blog {display: none;} .row-breadcrumb { line-height: 40px; margin-bottom: 20px;} .breadcrumbs { max-width: 1170px; margin: auto; text-transform: unset; line-height: 20px; padding: 10px 15px; font-size: 14px; font-weight: 400; color: #000; letter-spacing: 0px; text-align: left; } .breadcrumbs a { position: relative; display: inline-block; text-transform: none; font-weight: 400; font-size: 14px; color: #000; } .breadcrumbs a:hover { color: #f6b716; } /* khung tiêu đề background chung */ .page-featured-title { background: #f2be1a; display: flex; align-items: center;position: relative;} /* .page-featured-title:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; background: rgb(0 0 0 / 70%);} */ .page-featured-title h1 { text-align: left; margin: 0px; color: #000; z-index: 1; } @media only screen and (min-width: 960px) { .page-featured-title { min-height: 200px; } .page-featured-title h1 { font-size: 35px; padding: 0 15px;} } @media only screen and (max-width: 959px) { .page-featured-title { min-height: 150px; } .page-featured-title h1 { font-size: 25px; padding: 0 10px;} } /* * Khung web * */ .page-wrapper { padding-top: 0px;} .entry-content.single-page { padding-top: 0px;} .entry-header-text.entry-header-text-bottom.text-left { display: none;} .khungweb { padding: 0 15px; max-width: 1200px !important;} .khungweb .khung-noidung { padding: 0px !important; margin-bottom: 20px; background: #FFF; border: 0px !important; border-radius: 10px; } .khungweb .sidebar { padding: 0px !important; border: 0px;} .khung-noidung .product-main { padding-bottom: 0px;} .category-filtering { display: none;} .khungweb .khung-full { max-width: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; border: 0px !important; padding: 0px !important;} @media only screen and (min-width: 960px) { .khungweb .khung-noidung { max-width: 73%;} .khungweb .sidebar-right { margin-left: 0px; margin-right: auto; } .khungweb .sidebar-left { margin-left: auto; margin-right: 0px; } .khungweb .khung-product { max-width: 73%;} } @media only screen and (max-width: 959px) { .khungweb .khung-noidung { max-width: 100% !important; flex-basis: 100% !important; } .khungweb .sidebar { max-width: 100% !important; flex-basis: 100% !important; order: 2;display: block !important;} } /* * Nút quick view và giỏ hàng trong danh mục sản phẩm * */ .woocommerce .products .product .box-image .bottom.show-on-hover, .related .products .product .box-image .bottom.show-on-hover, .home-sanpham .product-small .box-image .bottom.show-on-hover { transform: unset; opacity: 1; width: 30px; height: 30px; overflow: hidden; right: 5px; bottom: 0px; border-radius: 5px; z-index: 3; display: flex !important; } .woocommerce .products .product .box-image a.quick-view, .related .products .product .box-image a.quick-view, .home-sanpham .product-small .box-image a.quick-view { opacity: 1; bottom: 0px; color: #bd0000; padding: 0px; font-weight: 400; position: relative; background: #bd0000;} .woocommerce .products .product .box-image a.quick-view:before, .related .products .product .box-image a.quick-view:before, .home-sanpham .product-small .box-image a.quick-view:before { content: "+"; color: #fff; font-size: 25px; position: absolute; height: 30px; width: 100%; line-height: 25px;} /* field product pizza */ #yith-wapo-container .yith-wapo-block .addon-header h3.wapo-addon-title { font-size: 18px; color: #000; } #yith-wapo-container .yith-wapo-block .yith-wapo-addon-type-checkbox .options .yith-wapo-option span.checkboxbutton { display: none;} #yith-wapo-container .yith-wapo-block .yith-wapo-addon-type-checkbox .options .yith-wapo-option { border: 1px solid #d5d5d5; padding: 5px; text-align: center; border-radius: 5px;} #yith-wapo-container .yith-wapo-block .yith-wapo-addon-type-checkbox .options .yith-wapo-option.selected { background: #f6b716;} #yith-wapo-container .yith-wapo-block .yith-wapo-addon-type-checkbox .options .yith-wapo-option .option-container { width: 100%;} #yith-wapo-container .yith-wapo-block .yith-wapo-addon-type-checkbox .options .yith-wapo-option label.yith-wapo-addon-label { width: 100%; font-size: 16px; margin: 0px;} #yith-wapo-container .yith-wapo-block .yith-wapo-addon-type-checkbox .options .yith-wapo-option label.yith-wapo-addon-label small.option-price { display: block; font-size: 16px;} #wapo-total-price-table table { width: auto; font-size: 20px; line-height: 40px; border: 0px !important; display: block;} #wapo-total-price-table table tbody { display: block;} #wapo-total-price-table table tr { display: block; border-bottom: 1px dashed #ccc;} #wapo-total-price-table table th { text-transform: unset; display: none; } #wapo-total-price-table table tr td { border: 0px; padding: 10px 0px !important; width: 100%; display: table;} #wapo-total-price-table table tr td:before { display: table-cell; font-weight: 600; width: 60%;} #wapo-total-price-table table tr.wapo-product-price #wapo-total-product-price:before { content: "Giá sản phẩm:";} #wapo-total-price-table table tr td >span { display: table-cell;} #wapo-total-price-table table tr.wapo-total-options #wapo-total-options-price:before { content: "Tổng số tiền cộng thêm:";} #wapo-total-price-table table tr.wapo-total-order #wapo-total-order-price:before { content: "Tổng tiền:"; } @media only screen and (min-width: 960px) { #yith-wapo-container .yith-wapo-block .yith-wapo-addon-type-checkbox .options { grid-template-columns: repeat(3, 1fr) !important;} } @media only screen and (max-width: 959px) { #yith-wapo-container .yith-wapo-block .yith-wapo-addon-type-checkbox .options { grid-template-columns: repeat(2, 1fr) !important;} } /* quick view biến thể */ form.variations_form table.variations { border: 0px;} form.variations_form table.variations { border: 0px;} form.variations_form table.variations th.label { padding: 5px 0px; font-size: 18px;} form.variations_form table.variations th.label label { margin: 0px; font-size: 18px; } form.variations_form table.variations td.value { padding: 10px 0px !important;} .variations_form .ux-swatch { font-size: 16px; border-radius: 5px;} .variations_form .ux-swatch.selected { background: #f6b716; box-shadow: 0 0 0 1px #d5d5d5;} .variations_form .variations tbody tr:last-child { display: none;} form.variations_form .variations tr th.label { padding: 0px !important;} form.variations_form .single_variation_wrap .woocommerce-variation.single_variation { display: none;} /* .product-small .box-image .grid-tools.bottom { z-index: 2; position: absolute; top: 2px; bottom: unset; right: 0px; display: block; width: 40px; text-align: center; visibility: hidden; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;} .product-small:hover .box-image .grid-tools.bottom, .related .product:hover .col-inner .box-image .grid-tools.bottom { visibility: visible; opacity: 1;} .product-small .box-image .grid-tools.bottom a.add-to-cart-grid { border: 0px; width: 40px; height: 40px; border-radius: 100%; background: #fff !important; color: #000; opacity: 1; font-size: 16px; font-weight: 400; line-height: 30px; margin-bottom: 5px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1); box-shadow: 0 3px 5px rgba(0, 0, 0, .1); position: relative;} .product-small .box-image .grid-tools.bottom a.add-to-cart-grid:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0px; bottom: 0px; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 10V6a3 3 0 0 1 3-3v0a3 3 0 0 1 3 3v4m3-2 .917 11.923A1 1 0 0 1 17.92 21H6.08a1 1 0 0 1-.997-1.077L6 8h12Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center;} .product-small .box-image .grid-tools.bottom a.added_to_cart { width: 40px; height: 40px; margin-bottom: 5px; border-radius: 100%; overflow: hidden; background: #fff; padding: 0px; color: #fff !important; text-overflow: unset; text-transform: unset; position: relative; border: 0px; white-space: normal; line-height: normal; font-size: 0px;} .product-small .box-image .grid-tools.bottom a.added_to_cart:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0px; bottom: 0px; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 11.917 9.724 16.5 19 7.5'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center;} .product-small .box-image .grid-tools.bottom a.add-to-cart-grid .cart-icon { position: relative; bottom: unset; left: unset; display: none;} .product-small .box-image .grid-tools.bottom a.quick-view { border: 0px; background: #fff; color: #fff; width: 40px; height: 40px; border-radius: 100%; font-size: 16px; position: relative; overflow: hidden; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1); box-shadow: 0 3px 5px rgba(0, 0, 0, .1); padding: 0px;} .product-small .box-image .grid-tools.bottom a.quick-view:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0px; bottom: 0px; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-width='2' d='M21 12c0 1.2-4.03 6-9 6s-9-4.8-9-6c0-1.2 4.03-6 9-6s9 4.8 9 6Z'/%3E%3Cpath stroke='currentColor' stroke-width='2' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } /* Giá tiền chung Sản phẩm */ span.price { font-size: 18px; position: relative; line-height: inherit;} .price, .woocommerce-Price-amount, .amount { color: #c51100 !important; font-weight: bold;} span.price del span { font-size: 14px; color: #000 !important;} span.price ins span { font-size: 16px;} .woocommerce-product-details__short-description { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } /* % Khuyến mãi sản phẩm */ .badge-container.absolute { top: 15px; left: 15px; margin: 0px;} .badge-container.absolute .badge-circle { margin: 0px; height: auto;} .badge-container.absolute .on-sale { border-radius: 5px !important; display: block; line-height: inherit; font-size: 14px; background: #c51100; color: #ffeb8d;} .badge-container.absolute .callout .on-sale { min-height: auto; height: auto; line-height: normal; padding: 5px;} .badge-container.absolute .callout .on-sale span.onsale { width: 84px; overflow: hidden; display: inline-block;} .badge-container.absolute .callout .on-sale span.onsale:before { content: "Khuyến mãi!"; margin-right: 10px;} /* * thanh bên sidebar * */ .sidebar .widget { -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 3%); box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%); border-radius: 10px; background-color: #fff; padding: 10px;} .sidebar .widget-title { font-weight: 600; display: block; margin: 0; color: #000; text-transform: capitalize; font-size: 20px; padding: 0px 0px 10px; position: relative;} .sidebar .flatsome_recent_posts .bg-fill { padding: 0px; border-radius: 5px;} .sidebar .flatsome_recent_posts a { color: #000; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;} .sidebar .flatsome_recent_posts li:hover a { color: #f6b716; } .sidebar .flatsome_recent_posts span.post_comments { display: none !important;} .sidebar .widget_products ul.product_list_widget li img { border-radius: 5px;} .sidebar .widget_products ul.product_list_widget li .product-title { font-size: 16px; color: #000; } .sidebar .widget_products ul.product_list_widget li:hover .product-title { color: #f6b716;} /* menu sidebar */ .sidebar .menu { } .sidebar .menu li { border: 0px; position: relative;} .sidebar .menu li a { display: block; border-bottom: 1px dashed #ccc !important; padding: 7px 15px 7px 20px; position: relative; font-weight: 400; color: #000; font-size: 14px; z-index: 1;line-height: inherit !important;} .sidebar .menu >li >a { padding-left: 25px;} .sidebar .menu >li >a:before { content: "\f138"; font-family: Fontawesome; position: absolute; left: 5px;} .sidebar .menu li a:after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; background-color: #f6b716; transform-origin: left; transition: width 0.25s ease; z-index: -1;} .sidebar .menu li button.toggle { background: #FFF; position: absolute; margin: 0px; border: 1px solid #ccc; right: 2px; top: 2px; height: 30px; width: 30px; z-index: 9;} .sidebar .menu .sub-menu { margin: 0px; padding: 0px; border: 0px;} .sidebar .menu .sub-menu li a { padding-left: 40px;} .sidebar .menu .sub-menu li a:before { content: "\f0da"; font-family: fontawesome; position: absolute; left: 25px;} .sidebar .menu .sub-menu .sub-menu a { padding-left: 60px;} .sidebar .menu .sub-menu .sub-menu a:before { left: 40px;} .sidebar .menu li a:hover { color: #FFF !important;} .sidebar .menu li a:hover:after { width: 100%;} /* * Chân trang footer * */ /* #footer { padding-top: 170px; background: url(image/bg-footer.png) no-repeat center top; background-size: contain; font-size: 16px;} */ #footer:before { content: ""; background: url(image/bg-footer.png) no-repeat center top; background-size: cover; font-size: 16px; width: 100%; height: 170px; display: block;} #footer .absolute-footer { display: none;} #footer .widget-title { color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 18px; margin-bottom: 15px; display: block;} #footer .is-divider.small { background: #000; width: 100%; max-width: 100%; height: 2px;} #footer a { color: #FFF; } #footer .menu li { list-style: none; border: 0px; } #footer .menu li~li { margin-top: 10px;} #footer .menu li a { display: block; color: #FFF; font-size: 16px; padding: 0px 0px 0px 25px; position: relative; } #footer .menu li a:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: left center; margin-right: 8px; filter: invert(1); width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%);} #footer .menu li a:hover { color: #f6b716;} a#top-link { color: #fff; background: #f6b716; } a#top-link:hover { color: #f6b716; background: #fff; } .footer-1 { position: relative; border: 0px; padding-top: 60px; } /* block chân trang */ .row-footer >.col { border-left: 1px solid rgba(0, 0, 0, .1);} .row-footer >.col:last-child { border-right: 1px solid rgba(0, 0, 0, .1);} .row-footer .col-left .featured-box .icon-box-img img { padding: 0px;} .row-footer .col-left .featured-box .icon-box-text .tit-phu { color: #0A0F0F; text-align: center; font-size: 16px; font-style: normal; line-height: normal; margin-bottom: 10px; font-weight: 600;} .row-footer .col-left .featured-box .icon-box-text .uppercase { color: #FFF; text-align: center; font-size: 35px; font-style: italic; line-height: normal;} .row-footer .col-left .featured-box .content-icon { font-size: 20px; font-style: italic; font-weight: 600; line-height: normal;} .row-footer .col-center .hbw-menu~.hbw-menu { margin-top: 30px;} .row-footer .col-center .hbw-menu .title-menu { padding: 0px; color: #0A0F0F; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; margin-bottom: 15px; text-transform: uppercase;} .row-footer .hbw-menu .nav .menu-item~.menu-item { margin-top: 5px !important;} .row-footer .hbw-menu .nav .menu-item a { padding: 0px !important; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; color: #0A0F0F !important;} .row-footer .hbw-menu .nav .menu-item a:before { display: none;} .row-footer .col-right .follow-icons { margin-bottom: 30px; width: 100%; } .row-footer .col-right .follow-icons span { display: block; padding: 0px; color: #0A0F0F; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; margin-bottom: 15px; text-transform: uppercase; } .row-footer .col-right label { color: #0A0F0F; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; margin-bottom: 15px; } .row-footer .footer-about h3 { padding: 0px; color: #0A0F0F; font-family: Mulish; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; margin-bottom: 15px; text-transform: uppercase; } .row-footer .footer-about ul { margin: 0px; list-style: none; } .row-footer .footer-about ul li { margin-left: 0px; } /* * bản quyền * */ .copyright a { color: #FFF !important; } .fa-clock:before { content: "\f017"; } .copyright { margin: 0px; font-size: 12px; background: #000; color: #FFF;padding: 10px; text-align: center; } .copyright div { max-width: 1170px; margin: auto; } /* * scroll bar * */ ::-webkit-scrollbar { width: 5px; background-color: #F5F5F5;} ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;} ::-webkit-scrollbar-thumb { background-color: #f6b716; background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)} /* * hbw call now * */ .hbw-call-now { position: fixed; z-index: 99; height: auto; display: flex; align-items: center; } .hbw-call-now .stack { max-width: 1200px; margin: 0 auto; justify-content: center; gap: 10px; align-items: center; } .hbw-call-now .hotline_float_icon { display: inline-block;} .hbw-call-now .hot-zalo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 50 50'%3E%3Cpath d='M 9 4 C 6.2504839 4 4 6.2504839 4 9 L 4 41 C 4 43.749516 6.2504839 46 9 46 L 41 46 C 43.749516 46 46 43.749516 46 41 L 46 9 C 46 6.2504839 43.749516 4 41 4 L 9 4 z M 9 6 L 15.580078 6 C 12.00899 9.7156859 10 14.518083 10 19.5 C 10 24.66 12.110156 29.599844 15.910156 33.339844 C 16.030156 33.549844 16.129922 34.579531 15.669922 35.769531 C 15.379922 36.519531 14.799687 37.499141 13.679688 37.869141 C 13.249688 38.009141 12.97 38.430859 13 38.880859 C 13.03 39.330859 13.360781 39.710781 13.800781 39.800781 C 16.670781 40.370781 18.529297 39.510078 20.029297 38.830078 C 21.379297 38.210078 22.270625 37.789609 23.640625 38.349609 C 26.440625 39.439609 29.42 40 32.5 40 C 36.593685 40 40.531459 39.000731 44 37.113281 L 44 41 C 44 42.668484 42.668484 44 41 44 L 9 44 C 7.3315161 44 6 42.668484 6 41 L 6 9 C 6 7.3315161 7.3315161 6 9 6 z M 33 15 C 33.55 15 34 15.45 34 16 L 34 25 C 34 25.55 33.55 26 33 26 C 32.45 26 32 25.55 32 25 L 32 16 C 32 15.45 32.45 15 33 15 z M 18 16 L 23 16 C 23.36 16 23.700859 16.199531 23.880859 16.519531 C 24.050859 16.829531 24.039609 17.219297 23.849609 17.529297 L 19.800781 24 L 23 24 C 23.55 24 24 24.45 24 25 C 24 25.55 23.55 26 23 26 L 18 26 C 17.64 26 17.299141 25.800469 17.119141 25.480469 C 16.949141 25.170469 16.960391 24.780703 17.150391 24.470703 L 21.199219 18 L 18 18 C 17.45 18 17 17.55 17 17 C 17 16.45 17.45 16 18 16 z M 27.5 19 C 28.11 19 28.679453 19.169219 29.189453 19.449219 C 29.369453 19.189219 29.65 19 30 19 C 30.55 19 31 19.45 31 20 L 31 25 C 31 25.55 30.55 26 30 26 C 29.65 26 29.369453 25.810781 29.189453 25.550781 C 28.679453 25.830781 28.11 26 27.5 26 C 25.57 26 24 24.43 24 22.5 C 24 20.57 25.57 19 27.5 19 z M 38.5 19 C 40.43 19 42 20.57 42 22.5 C 42 24.43 40.43 26 38.5 26 C 36.57 26 35 24.43 35 22.5 C 35 20.57 36.57 19 38.5 19 z M 27.5 21 C 27.39625 21 27.29502 21.011309 27.197266 21.03125 C 27.001758 21.071133 26.819727 21.148164 26.660156 21.255859 C 26.500586 21.363555 26.363555 21.500586 26.255859 21.660156 C 26.148164 21.819727 26.071133 22.001758 26.03125 22.197266 C 26.011309 22.29502 26 22.39625 26 22.5 C 26 22.60375 26.011309 22.70498 26.03125 22.802734 C 26.051191 22.900488 26.079297 22.994219 26.117188 23.083984 C 26.155078 23.17375 26.202012 23.260059 26.255859 23.339844 C 26.309707 23.419629 26.371641 23.492734 26.439453 23.560547 C 26.507266 23.628359 26.580371 23.690293 26.660156 23.744141 C 26.819727 23.851836 27.001758 23.928867 27.197266 23.96875 C 27.29502 23.988691 27.39625 24 27.5 24 C 27.60375 24 27.70498 23.988691 27.802734 23.96875 C 28.487012 23.82916 29 23.22625 29 22.5 C 29 21.67 28.33 21 27.5 21 z M 38.5 21 C 38.39625 21 38.29502 21.011309 38.197266 21.03125 C 38.099512 21.051191 38.005781 21.079297 37.916016 21.117188 C 37.82625 21.155078 37.739941 21.202012 37.660156 21.255859 C 37.580371 21.309707 37.507266 21.371641 37.439453 21.439453 C 37.303828 21.575078 37.192969 21.736484 37.117188 21.916016 C 37.079297 22.005781 37.051191 22.099512 37.03125 22.197266 C 37.011309 22.29502 37 22.39625 37 22.5 C 37 22.60375 37.011309 22.70498 37.03125 22.802734 C 37.051191 22.900488 37.079297 22.994219 37.117188 23.083984 C 37.155078 23.17375 37.202012 23.260059 37.255859 23.339844 C 37.309707 23.419629 37.371641 23.492734 37.439453 23.560547 C 37.507266 23.628359 37.580371 23.690293 37.660156 23.744141 C 37.739941 23.797988 37.82625 23.844922 37.916016 23.882812 C 38.005781 23.920703 38.099512 23.948809 38.197266 23.96875 C 38.29502 23.988691 38.39625 24 38.5 24 C 38.60375 24 38.70498 23.988691 38.802734 23.96875 C 39.487012 23.82916 40 23.22625 40 22.5 C 40 21.67 39.33 21 38.5 21 z'%3E%3C/path%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center;} .hbw-call-now .hot-face { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 11.73C3.5 6.71376 7.43003 3 12.5 3C17.57 3 21.5 6.71376 21.5 11.73C21.5 16.7462 17.57 20.46 12.5 20.46C11.5893 20.46 10.7157 20.3398 9.89477 20.114C9.7352 20.0701 9.56551 20.0825 9.41408 20.1493L7.62771 20.9379C7.16043 21.1442 6.63295 20.8119 6.61729 20.3012L6.56828 18.7003C6.56225 18.503 6.47351 18.3187 6.3265 18.1871C4.57532 16.6211 3.5 14.3538 3.5 11.73ZM9.73929 10.0887L7.09554 14.283C6.84183 14.6856 7.33661 15.1392 7.71564 14.8515L10.5555 12.6963C10.7476 12.5505 11.013 12.5497 11.2059 12.6944L13.3087 14.2715C13.9396 14.7447 14.8402 14.5786 15.2608 13.9113L17.9045 9.71695C18.1582 9.31442 17.6634 8.86082 17.2843 9.14846L14.4445 11.3037C14.2524 11.4495 13.987 11.4503 13.7941 11.3055L11.6914 9.72851C11.0604 9.25529 10.1598 9.42143 9.73929 10.0887Z' fill='black'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center;} .hbw-call-now .hot-phone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M7.22055 3C7.57667 3.07654 7.91927 3.1846 8.20777 3.42773C8.24834 3.46375 8.28891 3.49527 8.32948 3.53129C9.1409 4.33722 9.95231 5.14315 10.7547 5.95809C11.3498 6.56141 11.4579 7.39436 11.0342 8.08323C10.8449 8.3939 10.5789 8.61452 10.2318 8.73608C9.73594 8.91618 9.35277 9.21784 9.13639 9.71311C8.99214 10.0418 8.97411 10.3795 9.06877 10.7262C9.3122 11.6311 9.80806 12.392 10.4121 13.0854C11.1379 13.9184 11.9718 14.6298 12.9726 15.116C13.3918 15.3186 13.8201 15.4987 14.3024 15.4312C14.938 15.3411 15.4249 15.0305 15.6773 14.4226C15.8396 14.0219 16.0424 13.6662 16.4301 13.4366C17.0612 13.0674 17.8546 13.1169 18.3955 13.6077C18.8914 14.0579 19.3512 14.5397 19.8245 15.0125C20.2573 15.4447 20.7036 15.8634 21.1048 16.3182C21.6096 16.8945 21.6277 17.7995 21.1769 18.4253C21.0867 18.5514 20.9831 18.6774 20.8704 18.7855C20.397 19.2672 19.9057 19.731 19.4414 20.2173C18.9455 20.7395 18.3369 20.9692 17.6337 20.9962C16.8854 21.0277 16.1641 20.8611 15.4609 20.6225C14.077 20.1542 12.8283 19.4293 11.6428 18.5829C9.68184 17.1826 7.96435 15.5257 6.48577 13.6257C5.39487 12.23 4.46174 10.7352 3.88473 9.04675C3.63229 8.31286 3.4655 7.56095 3.50607 6.77303C3.54214 6.08416 3.76753 5.48534 4.27692 5.00358C4.70967 4.59836 5.12439 4.17513 5.53461 3.7474C5.90425 3.38271 6.29193 3.07204 6.83287 3C6.95909 3 7.08982 3 7.22055 3Z' fill='%231C1C1C'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center;} .hbw-call-now .hot-email { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center;} .hbw-call-now .hot-map { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M11.906 1.994a8.002 8.002 0 0 1 8.09 8.421 7.996 7.996 0 0 1-1.297 3.957.996.996 0 0 1-.133.204l-.108.129c-.178.243-.37.477-.573.699l-5.112 6.224a1 1 0 0 1-1.545 0L5.982 15.26l-.002-.002a18.146 18.146 0 0 1-.309-.38l-.133-.163a.999.999 0 0 1-.13-.202 7.995 7.995 0 0 1 6.498-12.518ZM15 9.997a3 3 0 1 1-5.999 0 3 3 0 0 1 5.999 0Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center;} .hbw-call-now .hot-datban { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center;} @media only screen and (min-width: 960px) { .hbw-call-now { left: 5px; top: 50%; transform: translate(0%, -50%); width: 60px; flex-direction: column; box-shadow: 3px 4px 0px 0px #811417; justify-content: center; border-radius: 8px; border: 0.75px solid var(--primary-500-main, #E7242A); padding: 20px 10px; background: rgb(255 255 255 / 80%); gap: 20px; } .hbw-call-now .hotline_float_icon { width: 30px; height: 30px;} } @media only screen and (max-width: 959px) { .hbw-call-now { left: 0px; right: 0px; bottom: 0px; margin: 0 auto; width: 100%; justify-content: space-around; padding: 10px; background-color: #dddddd; gap: 10px; } .hbw-call-now .hotline_float_icon { width: 30px; height: 30px; filter: brightness(0) saturate(100%) invert(33%) sepia(93%) saturate(3229%) hue-rotate(344deg) brightness(91%) contrast(89%); } } /* form popup */ .form-popup { max-width: 500px; background: #025395; padding: 20px;} .form-popup .header-form { text-align: center;margin-bottom: 20px;} .form-popup .header-form p { color: #FFF;} .form-popup .header-form h2 { color: #FFF; text-transform: uppercase; margin-bottom: 0px;} .form-popup input[type='email'], #form-now input[type='tel'], #form-now input[type='text'], #form-now textarea { box-shadow: none; color: #FFF; border: 0px; } .form-popup textarea { height: 75px !important; min-height: auto;} .form-popup .wpcf7-submit { background-image: -webkit-linear-gradient(bottom, #cc0000, #fb3333) !important; margin: 0px !important; border-radius: 25px !important;} .form-popup .close-buttom-popup { top: 0px !important; color: #FFF !important; opacity: 1; mix-blend-mode: unset !important;} @media screen and (max-width: 959px) { a.form-popup-menu span { display: none;} } /* * Page liên hệ * */ .page-contact { padding: 25px 0px; } .page-contact .col-left { padding: 20px; background: #f4f5f9; text-align: left; } .page-contact .col-right { padding: 0px; background: #f4f5f9;} .page-contact .col-left h2 { font-size: 25px; margin-bottom: 13px; padding-bottom: 10px; position: relative; text-transform: uppercase;} .page-contact .col-left h2:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 2px; background: #2a326a; z-index: 2;} .page-contact .col-left h2:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 2px; background: #000; z-index: 1;} .page-contact .col-left h3 { font-size: 16px;} .page-contact .col-left ul { margin-left: 0px; font-size: 16px; color: #444c59; margin-bottom: 15px;} .page-contact .col-left ul li { margin: 0px 0px 10px; list-style: none; position: relative; padding-left: 30px; line-height: normal; } .page-contact .col-left .noidung1 ul li:before { content: ''; position: absolute; left: 0px; width: 20px; height: 20px; left: 0px; top: 2px; } .page-contact .col-left .noidung1 ul li:nth-child(1):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 4h12M6 4v16M6 4H5m13 0v16m0-16h1m-1 16H6m12 0h1M6 20H5M9 7h1v1H9V7Zm5 0h1v1h-1V7Zm-5 4h1v1H9v-1Zm5 0h1v1h-1v-1Zm-3 4h2a1 1 0 0 1 1 1v4h-4v-4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E%0A"); background-size: contain; } .page-contact .col-left .noidung1 ul li:nth-child(2):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.8 13.938h-.011a7 7 0 1 0-11.464.144h-.016l.14.171c.1.127.2.251.3.371L12 21l5.13-6.248c.194-.209.374-.429.54-.659l.13-.155Z'/%3E%3C/svg%3E%0A"); background-size: contain; } .page-contact .col-left .noidung1 ul li:nth-child(3):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18.427 14.768 17.2 13.542a1.733 1.733 0 0 0-2.45 0l-.613.613a1.732 1.732 0 0 1-2.45 0l-1.838-1.84a1.735 1.735 0 0 1 0-2.452l.612-.613a1.735 1.735 0 0 0 0-2.452L9.237 5.572a1.6 1.6 0 0 0-2.45 0c-3.223 3.2-1.702 6.896 1.519 10.117 3.22 3.221 6.914 4.745 10.12 1.535a1.601 1.601 0 0 0 0-2.456Z'/%3E%3C/svg%3E%0A"); background-size: contain; } .page-contact .col-left .noidung1 ul li:nth-child(4):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-width='2' d='m3.5 5.5 7.893 6.036a1 1 0 0 0 1.214 0L20.5 5.5M4 19h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Z'/%3E%3C/svg%3E%0A"); background-size: contain; } .page-contact .col-left .noidung2 ul li:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E%0A"); background-size: contain; position: absolute; left: 0px; width: 20px; height: 20px; left: 0px; top: 0px; } .page-contact .col-bottom { padding: 20px; background: #f4f5f9;} .page-contact .col-right p { margin: 0px;} /* * home khung * */ .home h1.entry-title { display: none !important;} .home-section .section-content { max-width: 1200px; margin-left: auto; margin-right: auto;} .home #main { background: linear-gradient(0deg, #FFFDF8 0%, #FFFDF8 100%), #FFF; } /* home banner */ .banner-home:hover .img-inner img, .banner-home:hover .box-image img { filter: brightness(0.5);} .banner-home .img-inner:before, .banner-home .box-image div:before { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0;} .banner-home .img-inner:after, .banner-home .box-image div:after { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0;} .banner-home:hover .img-inner:after, .banner-home:hover .img-inner:before, .banner-home:hover .box-image div:before, .banner-home:hover .box-image div:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} /* Hiệu ứng bài viết */ .post-item:hover .box-image img { filter: brightness(0.5);} .post-item .box-image a { display: block; width: 100%; height: 100%;} .post-item .box-image a:before { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0;} .post-item .box-image a:after { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0;} .post-item:hover .box-image a:before, .post-item:hover .box-image a:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} /* Tiêu đề */ .home-page .tieude {text-align: center; margin-bottom: 30px; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .home-page .tieude h2 { color: #000; text-transform: uppercase; margin-bottom: 0px;} .home-page .tieude p { margin: 0 auto; font-size: 16px; } @media only screen and (min-width: 960px) { .home-page .tieude h2 { font-size: 40px; } } @media only screen and (max-width: 959px) { .home-page .tieude h2 { font-size: 30px; } } /* home dự án */ .home-duan .post-item .box-blog-post { padding: 10px; border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; } .home-duan .post-item .box-image { border-radius: 10px;} .home-duan .post-item .box-text { padding: 30px 0px 40px;} .home-duan .post-item .box-text .blog-post-inner { display: flex; flex-direction: column;} .home-duan .post-item .post-title { font-weight: 600; color: #000; order: 2; } .home-duan .post-item .post-title a.plain { margin: 0px; font-size: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;} .home-duan .post-item:hover .post-title a { color: #f6b716; } .home-duan .post-item .box-text .from_the_blog_excerpt { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;} .home-duan .post-item .box-text a.button { margin: 0px; border: 0px; padding: 0px; color: #222; text-transform: unset; font-size: 15px; position: absolute; left: 0px; bottom: 5px; min-height: auto; height: auto; line-height: normal;} .home-duan .post-item .box-text a.button:hover { color: #f6b716; background: transparent;} .home-duan .post-item .box-text a.button:after { content: ""; display: inline-block; width: 15px; height: 15px; position: relative; top: 2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='19' viewBox='0 0 14 19' fill='none'%3E%3Cpath d='M9.32096 12.9243C9.29751 12.9125 9.26525 12.8891 9.22421 12.854C9.18316 12.8188 9.13918 12.7778 9.09227 12.7309C9.01017 12.6489 8.95446 12.5668 8.92514 12.4848C8.89582 12.4028 8.88703 12.2973 8.89876 12.1684C8.91048 12.0278 8.95153 11.9047 9.0219 11.7993C9.09227 11.6938 9.3151 11.436 9.69039 11.0258L10.3589 10.2875L2.17864 10.27L2.07309 10.2172C1.99099 10.1821 1.92355 10.1381 1.87078 10.0854C1.818 10.0327 1.76816 9.96528 1.72125 9.88325C1.68606 9.81294 1.66554 9.76021 1.65967 9.72505C1.65381 9.68989 1.65088 9.62544 1.65088 9.53169C1.65088 9.43794 1.65381 9.37349 1.65967 9.33833C1.66554 9.30317 1.6802 9.2563 1.70365 9.19771C1.75057 9.11567 1.79455 9.05122 1.83559 9.00435C1.87664 8.95747 1.93821 8.9106 2.02031 8.86372L2.14345 8.77583H10.3589L9.69039 8.01997C9.3151 7.60981 9.09227 7.35493 9.0219 7.25532C8.95153 7.15571 8.91048 7.02974 8.89876 6.87739C8.88703 6.7602 8.89582 6.6606 8.92514 6.57856C8.95446 6.49653 9.01017 6.40864 9.09227 6.31489C9.17436 6.22114 9.25353 6.15962 9.32976 6.13032C9.40599 6.10103 9.50275 6.08638 9.62003 6.08638C9.76076 6.0981 9.89563 6.16255 10.0246 6.27974C10.1536 6.39692 10.57 6.8481 11.2737 7.63325C12.0125 8.43013 12.4377 8.90181 12.5491 9.04829C12.6605 9.19478 12.7162 9.35591 12.7162 9.53169C12.7162 9.69575 12.6634 9.8481 12.5579 9.98872C12.4523 10.1293 12.0301 10.604 11.2913 11.4125C10.7752 11.975 10.4205 12.3559 10.2269 12.5551C10.0334 12.7543 9.91909 12.8657 9.8839 12.8891C9.81354 12.9243 9.71971 12.9448 9.60243 12.9506C9.48515 12.9565 9.39133 12.9477 9.32096 12.9243Z' fill='%23222222'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center left;} .home-duan .post-item .box-text a.button:hover:after { filter: brightness(0) saturate(100%) invert(82%) sepia(27%) saturate(1705%) hue-rotate(349deg) brightness(101%) contrast(90%); } .home-duan .post-item .post-meta { color: #909090; font-size: 14px; margin-bottom: 5px; padding-left: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22' fill='none'%3E%3Cpath d='M2.92456 16.6289C2.86727 16.6003 2.81356 16.5645 2.76343 16.5215C2.7133 16.4785 2.67391 16.4212 2.64526 16.3496C2.63094 16.2923 2.6202 16.0703 2.61304 15.6836C2.60588 15.2969 2.60229 14.0221 2.60229 11.8594C2.60229 9.46745 2.60588 8.11393 2.61304 7.79883C2.6202 7.48372 2.65959 7.29036 2.7312 7.21875C2.74552 7.1901 2.77059 7.16504 2.8064 7.14355C2.8422 7.12207 2.87443 7.10417 2.90308 7.08984C2.94604 7.07552 2.99976 7.06478 3.06421 7.05762C3.12866 7.05046 3.31128 7.04688 3.61206 7.04688L4.21362 7.02539V6.72461C4.21362 6.53841 4.22078 6.41309 4.23511 6.34863C4.24943 6.28418 4.28524 6.22331 4.34253 6.16602C4.47144 6.00846 4.63615 5.94759 4.83667 5.9834C5.03719 6.01921 5.17326 6.12305 5.24487 6.29492C5.2592 6.33789 5.26994 6.38802 5.2771 6.44531C5.28426 6.5026 5.28784 6.5957 5.28784 6.72461V7.04688H10.6375V6.72461C10.6375 6.5957 10.641 6.5026 10.6482 6.44531C10.6554 6.38802 10.6661 6.33789 10.6804 6.29492C10.752 6.12305 10.8881 6.01921 11.0886 5.9834C11.2891 5.94759 11.4539 6.00846 11.5828 6.16602C11.6257 6.22331 11.6544 6.28418 11.6687 6.34863C11.683 6.41309 11.6902 6.53841 11.6902 6.72461V7.02539L12.2917 7.04688C12.6355 7.04688 12.8432 7.05404 12.9148 7.06836C12.9864 7.08268 13.058 7.12565 13.1296 7.19727C13.1583 7.22591 13.1833 7.25456 13.2048 7.2832C13.2263 7.31185 13.2442 7.34766 13.2585 7.39062C13.2872 7.44792 13.3015 7.66276 13.3015 8.03516C13.3015 8.40755 13.3015 9.69661 13.3015 11.9023C13.3015 14.0221 13.2979 15.2861 13.2908 15.6943C13.2836 16.1025 13.2729 16.3281 13.2585 16.3711C13.2299 16.4284 13.1869 16.4821 13.1296 16.5322C13.0723 16.5824 13.0151 16.6146 12.9578 16.6289C12.9005 16.6576 12.657 16.6719 12.2273 16.6719C11.7976 16.6719 10.3653 16.6719 7.93042 16.6719C5.53849 16.6719 4.12052 16.6719 3.67651 16.6719C3.2325 16.6719 2.98185 16.6576 2.92456 16.6289ZM12.2488 12.3965V9.19531H3.67651V15.5977H12.2488V12.3965ZM5.28784 13.4707V12.9336H6.34058V14.0078H5.28784V13.4707ZM7.41479 13.4707V12.9336H8.5105V14.0078H7.41479V13.4707ZM9.56323 13.4707V12.9336H10.6375V14.0078H9.56323V13.4707ZM5.28784 11.3223V10.7852H6.34058V11.8594H5.28784V11.3223ZM7.41479 11.8379C7.41479 11.8379 7.41479 11.7842 7.41479 11.6768C7.41479 11.5693 7.41479 11.444 7.41479 11.3008V10.7852H8.48901V11.8594H7.9519C7.75138 11.8594 7.61532 11.8594 7.5437 11.8594C7.47209 11.8594 7.42912 11.8522 7.41479 11.8379ZM9.56323 11.3223V10.7852H10.6375V11.8594H9.56323V11.3223Z' fill='%23C9C9C9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center;} /* home sản phẩm */ .home-sanpham .product-small { padding: 10px; border: 1px solid #e5e5e5; border-radius: 10px;} .home-sanpham .product-small .box-image { border-radius: 10px;} .home-sanpham .product-small .box-image .image-cover a { display: block;} .home-sanpham .product-small .box-text { padding: 15px 0px 5px;} .home-sanpham .product-small .product-title { font-weight: 600; } .home-sanpham .product-small .product-title a { margin: 0px; color: #000; font-size: 18px; display: block; width: 100%;} .home-sanpham .product-small:hover .product-title a { color: #c03131;} /* slide home */ .slide-home .img { padding: 10px 15px !important;} .slide-home .img img, .slide-home .img a { border-radius: 15px;} /* home 1 */ .home-page1 { } .home-page1:after { content: ""; position: absolute; bottom: 30px; left: 49%; width: 20%; height: 10px; border-radius: 40px; background: rgba(246, 183, 22, 0.10); } .home-page1:before { content: ""; position: absolute; bottom: 30px; right: 49%; width: 20%; height: 10px; border-radius: 40px; background: #F6B716; } .home-page1 .tabbed-content .nav { gap: 15px; } .home-page1 .tabbed-content .nav .tab a { font-size: 16px; color: #000; background: #EEEFF0; line-height: normal; text-transform: unset; } .home-page1 .tabbed-content .nav .tab.active a { background: #f6b716; color: #fff; } .home-page1 .tabbed-content .tab-panels { padding-top: 30px; } @media only screen and (min-width: 960px) { .home-page1 .tabbed-content .nav .tab a { padding: 15px 40px;} } @media only screen and (max-width: 959px) { .home-page1 .tieude { padding: 0 15px;} .home-page1 .tabbed-content .nav .tab a { padding: 10px 30px;} } /* home 2 */ .home-page2 { } .home-page2 .box-text-bottom { display: flex; flex-flow: row wrap; width: 100%; align-items: center; } .home-page2 .box-text-bottom .box-image { flex-basis: 100%;} .home-page2 .box-text-bottom .box-image .image-cover { padding: 0px !important; } .home-page2 .box-text-bottom .box-image .image-cover img { position: relative; } .home-page2 .box-text-bottom .box-text { flex-basis: 100%; padding: 0px; font-size: 16px;} .home-page2 .box-text-bottom .box-text .title-icon { margin: 0px 0px 15px; text-align: left; color: #F6B716;} .home-page2 .box-text-bottom .box-text a.button { margin: 15px 0px 0px; background: #0A0F0F; } @media only screen and (min-width: 960px) { .home-page2 .box-text-bottom .box-image { max-width: 40%; margin-right: 0px; margin-left: auto; order: 2;} .home-page2 .box-text-bottom .box-text { max-width: 55%; margin-left: 0px; margin-right: auto;} .home-page2 .box-text-bottom .box-text .title-icon { font-size: 58px; line-height: 69.6px;} } @media only screen and (max-width: 959px) { .home-page2 { padding: 0 15px;} .home-page2 .box-text-bottom .box-image { max-width: 100%; margin-bottom: 20px; } .home-page2 .box-text-bottom .box-text { max-width: 100%; } .home-page2 .box-text-bottom .box-text .title-icon { font-size: 40px; } } /* home 3 */ .home-page3 { } .home-page3 .section-content { display: flex; flex-flow: row wrap; width: 100%; } .home-page3 .row { flex-basis: 100%; } .home-page3 .product-small .box-image { border-radius: 100%; padding: 20px; } .home-page3 .product-small .box-image .image-cover { border-radius: 100%; } .home-page3 .product-small .box-text { padding: 15px 0px 0px; text-align: center; } .home-page3 .product-small .box-text .product-title a { color: #000; margin: 0px; display: block; width: 100%; font-weight: 600; font-size: 18px; } .home-page3 .product-small .box-text .woocommerce-product-details__short-description { font-size: 16px; } .home-page3 .row-slider .flickity-prev-next-button { opacity: 1; margin: 0px; top: unset; transform: unset !important; } .home-page3 .row-slider .flickity-prev-next-button svg.flickity-button-icon { border: 1px solid #B72A23 !important; padding: 5px !important;} .home-page3 .row-slider .flickity-prev-next-button svg.flickity-button-icon path.arrow { fill: #B72A23;} .home-page3 .noidung { flex-basis: 100%; font-size: 16px;} .home-page3 .noidung:before { content: ""; width: 90px; height: 90px; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='113' viewBox='0 0 44 113' fill='none'%3E%3Cpath d='M16.2811 0.231348C19.7454 0.35608 22.6481 2.87655 25.3128 5.03505C28.2743 7.35137 31.0625 9.92061 33.6513 12.7186C38.2237 17.6737 41.45 23.9146 42.9737 30.7515C44.4081 37.3866 43.9709 44.3435 41.7195 50.7093C39.468 57.0752 35.5075 62.5527 30.3575 66.4232C25.2449 70.1754 18.5058 72.6196 12.4552 70.254C9.65957 69.1653 7.06819 66.686 6.38881 63.4376C6.19372 62.565 6.21627 61.6509 6.45411 60.7902C6.69194 59.9295 7.1364 59.1536 7.74134 58.5431C9.04245 57.4237 10.5792 56.6776 12.2113 56.3729C23.9211 53.1843 39.2637 63.4799 36.9179 77.8521C35.676 85.4689 31.3517 92.2216 26.13 97.2857C20.9083 102.35 14.3609 105.957 7.72743 108.513C6.13087 109.139 4.50627 109.676 2.85996 110.121C1.73388 110.431 1.43599 108.571 2.37632 108.072C8.01886 105.132 13.807 102.656 19.0424 98.8271C24.2777 94.9984 28.8426 90.1315 31.601 83.9632C32.9599 81.1282 33.7626 78.016 33.958 74.8254C33.9796 71.844 33.0256 68.954 31.2678 66.6755C29.6154 64.4846 27.572 62.6837 25.2615 61.382C22.951 60.0803 20.4216 59.3049 17.8267 59.1028C15.4227 58.911 12.4222 59.1592 10.3145 60.5706C7.90994 62.166 10.5698 65.2994 12.1556 66.2963C16.7968 69.1771 22.943 67.0589 27.1638 64.2831C31.9355 61.1375 35.7235 56.4877 38.0277 50.9476C40.1352 45.7071 40.8539 39.9286 40.1019 34.2696C39.3939 28.4998 37.2932 23.0418 34.015 18.4547C32.0183 15.7513 29.7841 13.2678 27.3442 11.0395C24.963 8.73177 22.4611 6.57676 19.8511 4.5853C18.6713 3.6847 17.3518 3.02453 15.9561 2.63663C15.811 2.61601 15.6711 2.5644 15.5444 2.48473C15.4176 2.40506 15.3066 2.2989 15.2175 2.17231C15.1284 2.04571 15.0631 1.90116 15.0253 1.74692C14.9874 1.59267 14.9778 1.43175 14.9969 1.27333C15.016 1.11492 15.0636 0.962115 15.1368 0.823646C15.2099 0.685178 15.3074 0.563758 15.4235 0.466317C15.5396 0.368877 15.6722 0.297327 15.8135 0.255749C15.9549 0.214171 16.1023 0.203376 16.2474 0.223991L16.2811 0.231348Z' fill='%23B72A23'/%3E%3Cpath d='M8.50643 100.821C8.93642 102.687 7.90991 104.507 6.96951 105.974C5.81564 107.781 4.44767 109.412 2.90138 110.827L1.99305 108.363C3.00557 108.227 4.03231 108.308 5.0157 108.602C5.62125 108.872 5.88451 109.989 5.22405 110.396C4.30054 110.841 3.30554 111.08 2.29706 111.101C2.01927 111.135 1.739 111.07 1.49833 110.915C1.25765 110.76 1.06959 110.525 0.962393 110.243C0.869094 109.961 0.85947 109.653 0.934873 109.364C1.01028 109.075 1.1669 108.819 1.38265 108.632C2.63636 107.437 3.80418 106.138 4.87576 104.748C5.34855 104.086 5.87587 103.47 6.32442 102.787C6.73024 102.297 6.98608 101.681 7.05629 101.025C7.03282 100.818 7.08588 100.608 7.20381 100.443C7.32173 100.278 7.49486 100.171 7.6851 100.145C7.87534 100.119 8.06712 100.176 8.21824 100.305C8.36935 100.433 8.46744 100.622 8.49091 100.829L8.50643 100.821Z' fill='%23B72A23'/%3E%3Cpath d='M10.6198 112.588C9.95897 112.314 9.30141 112.117 8.60203 111.937C7.97396 111.711 7.33471 111.523 6.68728 111.374C5.99928 111.247 5.32074 111.106 4.62122 111.023C3.88049 110.993 3.15182 110.811 2.47389 110.485C2.36174 110.43 2.26433 110.345 2.19091 110.237C2.11748 110.13 2.07047 110.003 2.05433 109.87C2.03819 109.737 2.05345 109.602 2.09867 109.477C2.14388 109.352 2.21757 109.241 2.31272 109.156C3.05898 108.676 3.92638 108.469 4.78726 108.567C6.34457 108.651 7.87046 109.072 9.2758 109.807C10.0002 110.223 10.681 110.723 11.3065 111.299C11.4283 111.416 11.5092 111.575 11.5352 111.75C11.5612 111.925 11.5307 112.104 11.449 112.257C11.3673 112.41 11.2395 112.528 11.0873 112.589C10.9352 112.651 10.7682 112.653 10.6151 112.595L10.6198 112.588Z' fill='%23B72A23'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; left: 50%;} .home-page3 .noidung h2 { color: #B72A23; text-align: left; text-transform: uppercase; line-height: 60px;} @media only screen and (min-width: 960px) { .home-page3 .row { max-width: 70% !important; margin-left: 0px; margin-right: auto; } .home-page3 .noidung { max-width: 25%; margin-right: 0px; margin-left: auto;} .home-page3 .noidung h2 { font-size: 35px;} .home-page3 .row-slider .flickity-prev-next-button.previous { bottom: 20px; right: -12%;} .home-page3 .row-slider .flickity-prev-next-button.next { bottom: 20px; right: -20%; left: unset;} } @media only screen and (max-width: 959px) { .home-page3 .row { max-width: 100% !important; order: 2; } .home-page3 .noidung { max-width: 100%; padding: 0 15px; } .home-page3 .noidung h2 { font-size: 35px;} .home-page3 .row-slider .flickity-prev-next-button.previous { bottom: -30px; left: 30%; height: 30px; width: 30px !important; min-height: auto; } .home-page3 .row-slider .flickity-prev-next-button.next { bottom: -30px; left: unset; right: 30%; height: 30px; width: 30px !important; min-height: auto;} } /* home 4 */ .home-page4 { margin-top: 0px !important;} .home-page4 .col-left:after { content: ""; position: absolute; width: 200px; height: 200px; background: url(image/bg-icon.png) no-repeat center; background-size: contain;} .home-page4 .banner-img { padding: 0px;} .home-page4 .col-center { text-align: center;} .home-page4 .col-center h2 { color: #B72A23; text-transform: uppercase;} .home-page4 .col-center h2:before { content: ""; width: 55px; height: 55px; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='46' viewBox='0 0 51 46' fill='none'%3E%3Cpath d='M27.9448 19.0465C28.0137 16.5466 27.7412 14.0517 27.1348 11.6312C26.5315 9.17333 25.3398 6.90408 23.6627 5.01902C21.8076 3.05196 19.3923 1.70573 16.7411 1.16114C14.4031 0.789626 12.0237 0.734002 9.66628 0.995735C6.98163 1.18301 4.23044 1.44282 1.61987 0.805567C1.45403 0.748907 1.27392 0.747694 1.10649 0.802083C0.939049 0.856474 0.793253 0.96357 0.690823 1.10737C0.588394 1.25118 0.534831 1.42397 0.538153 1.59999C0.541474 1.77601 0.601506 1.94579 0.709258 2.08401C2.32236 4.15409 3.26027 6.6749 3.39672 9.30698C3.53751 12.0541 3.10172 14.6606 4.17569 17.2776C5.28988 19.7966 6.92265 22.048 8.96768 23.8851C10.7404 25.5689 13.0478 26.576 15.4928 26.7332C17.969 26.8699 21.0065 26.2291 22.7871 24.3557C23.2998 23.8135 22.8189 22.6611 22.0275 23.1247C20.1096 24.2405 18.2438 25.1161 15.9722 25.0577C13.6158 24.9815 11.3847 24.0039 9.73635 22.3256C7.96184 20.5668 6.21939 18.4183 5.40264 16.0145C4.58589 13.6107 5.14734 11.0263 4.91834 8.53877C4.64652 5.80176 3.60567 3.20401 1.91656 1.04692L1.00595 2.32536C5.43806 3.41276 9.92105 2.20444 14.4131 2.48721C16.9099 2.60489 19.3078 3.4741 21.2943 4.98162C23.2587 6.57857 24.6958 8.73318 25.42 11.167C25.8094 12.4261 26.1118 13.7113 26.3249 15.0134C26.5708 16.3807 26.8676 17.7393 27.134 19.0988C27.2205 19.5203 27.9259 19.5429 27.9109 19.0523L27.9448 19.0465Z' fill='%23B72A23'/%3E%3Cpath d='M25.4485 21.2878C26.2679 21.1816 26.855 20.4826 27.4572 19.9817C28.0865 19.5252 28.6301 18.9601 29.0623 18.3131C29.3573 17.7283 29.5373 17.0927 29.5923 16.4412C29.6129 15.8202 29.7362 15.206 29.957 14.6239C29.9753 14.5873 29.9992 14.5537 30.0279 14.5244C30.1661 14.3304 30.0546 14.2885 29.6307 14.3615C29.5704 14.4461 29.7163 14.8574 29.7379 14.9628L29.9341 16.1598C30.0558 16.8351 30.1413 17.5168 30.1904 18.2018C30.2543 18.8154 30.1118 19.4344 29.7856 19.9606C29.4348 20.4259 28.9593 20.7818 28.4152 20.9864C28.1804 21.0967 28.1299 21.5331 28.4349 21.5854C28.6708 21.6635 28.9251 21.6698 29.1657 21.6035C29.44 21.5157 29.698 21.3827 29.9294 21.2102C30.3927 20.8552 30.7587 20.388 30.9927 19.8531C31.5791 18.5912 31.4334 17.2502 31.2347 15.9315L31.0681 14.808C31.0436 14.4359 30.9631 14.0701 30.8292 13.7231C30.7565 13.5655 30.6456 13.4288 30.5066 13.3255C30.3676 13.2221 30.2048 13.1554 30.033 13.1312C29.8611 13.1071 29.6857 13.1263 29.5225 13.1872C29.3593 13.2481 29.2135 13.3487 29.0983 13.4799C28.1914 14.4086 28.3827 15.8421 28.0762 17.0034C27.8296 17.6727 27.3819 18.2501 26.7953 18.6554C26.4422 18.9737 26.1052 19.3111 25.7569 19.6329C25.3931 19.9195 25.1187 20.3047 24.9668 20.7422C24.9421 20.8148 24.9365 20.8924 24.9505 20.9674C24.9644 21.0425 24.9975 21.1126 25.0465 21.1709C25.0955 21.2292 25.1587 21.2736 25.2301 21.3001C25.3015 21.3265 25.3786 21.3339 25.454 21.3217L25.4485 21.2878Z' fill='%23B72A23'/%3E%3Cpath d='M28.4641 22.2439C29.9294 21.9829 30.9163 23.5631 31.5859 24.6175L32.3158 23.5928C30.7414 23.1612 29.413 24.0445 27.9707 24.4718C27.5901 24.5936 27.1867 24.6223 26.7943 24.5554C26.4018 24.4886 26.0318 24.3281 25.7154 24.0876C25.3502 23.8154 25.0078 23.5139 24.6915 23.1859C24.5114 23.039 24.3218 22.9039 24.124 22.7817C23.9329 22.6281 23.727 22.494 23.5093 22.3813C23.4603 22.364 23.4076 22.3599 23.3564 22.3694C23.3052 22.3789 23.2572 22.4017 23.2173 22.4355C23.1775 22.4693 23.147 22.513 23.1291 22.5621C23.1111 22.6112 23.1063 22.664 23.1151 22.7154C23.1814 22.943 23.2758 23.1613 23.3959 23.3653C23.4905 23.571 23.5961 23.7714 23.7122 23.9655C24.0425 24.3457 24.4312 24.6706 24.8637 24.9282C25.6545 25.4203 26.583 25.6457 27.5145 25.5716C28.2815 25.4993 29.0374 25.3325 29.765 25.075C30.4422 24.8165 31.1705 24.7256 31.8877 24.8099C32.0203 24.8525 32.1632 24.8516 32.2959 24.8072C32.4285 24.7628 32.5439 24.6772 32.6253 24.563C32.7067 24.4487 32.7498 24.3117 32.7484 24.1718C32.747 24.032 32.7012 23.8965 32.6176 23.7852C32.1191 22.9264 31.4188 22.2037 30.577 21.6794C29.8615 21.3086 29.0293 21.2285 28.2521 21.4556C27.8055 21.6023 28.0389 22.3084 28.4847 22.236L28.4641 22.2439Z' fill='%23B72A23'/%3E%3Cpath d='M29.1951 21.1967C28.5138 21.0935 27.8243 21.0516 27.1348 21.0714C26.4344 21.0646 25.7339 21.0963 25.0364 21.1664C24.854 21.1874 24.6753 21.2343 24.5058 21.3058C24.3262 21.3804 24.105 21.4403 24.0241 21.6375C23.9945 21.7141 23.9914 21.7983 24.0153 21.8766C24.0391 21.9548 24.0886 22.0224 24.1557 22.0687C24.3312 22.1546 24.5232 22.2019 24.7189 22.2075C25.0832 22.2342 25.4495 22.2238 25.8122 22.1763C26.1229 22.1577 26.4351 22.1477 26.7437 22.1425C27.5311 22.1335 28.3162 22.1904 29.105 22.1899C29.2312 22.1917 29.3538 22.1454 29.4479 22.0604C29.542 21.9754 29.6008 21.858 29.6122 21.7319C29.6236 21.6058 29.5869 21.4804 29.5095 21.3811C29.432 21.2817 29.3197 21.2158 29.1951 21.1967Z' fill='%23B72A23'/%3E%3Cpath d='M29.1368 21.613C31.1029 20.85 33.2114 20.5377 35.3068 20.6991C37.4586 20.8012 39.5351 21.5014 41.3043 22.7216C43.171 24.0271 44.6236 25.842 45.4917 27.9536C46.4667 30.3127 46.8027 32.9739 47.3282 35.4628C47.9662 38.504 48.4959 41.6032 49.2681 44.6126L50.3564 43.7007C48.1122 42.852 45.7845 42.9036 43.4222 42.9306C41.0705 42.988 38.726 42.6929 36.4664 42.0552C31.85 40.694 28.1133 37.68 26.5387 33.0193C25.6071 30.2338 25.2459 27.2321 24.7171 24.3511C24.5385 23.474 23.1659 23.6885 23.3267 24.5905C24.2134 29.5485 24.6036 35.1201 28.3123 38.894C31.6533 42.286 36.5134 43.9107 41.2018 44.1684C43.9068 44.318 47.1646 43.6393 49.5838 45.13C49.7145 45.2242 49.8702 45.2777 50.0315 45.2839C50.1929 45.2901 50.3528 45.2488 50.4917 45.165C50.6305 45.0811 50.7421 44.9586 50.8127 44.8124C50.8833 44.6661 50.9097 44.5027 50.8887 44.3423C50.3933 41.3725 49.6492 38.4281 49.0039 35.5016C48.4187 32.8353 48.053 29.9654 47.0276 27.4055C46.1085 25.1806 44.6105 23.2472 42.689 21.8061C40.7675 20.3649 38.4925 19.4684 36.1 19.2096C33.5494 18.9892 30.9897 19.6014 28.8023 20.9549C28.7119 20.9959 28.6412 21.0711 28.6057 21.1639C28.5703 21.2568 28.573 21.3597 28.6132 21.45C28.6534 21.5403 28.7279 21.6106 28.8203 21.6455C28.9126 21.6803 29.0153 21.6769 29.1057 21.6359L29.1368 21.613Z' fill='%23B72A23'/%3E%3Cpath d='M27.9814 15.3091C27.5323 12.9866 27.8349 10.5754 28.8452 8.42612C29.3573 7.32762 30.1259 6.36756 31.0854 5.62784C32.0449 4.88812 33.1667 4.39066 34.3554 4.17788C38.5137 3.48811 43.5914 5.35033 47.0227 1.95324L45.8187 1.09563C44.4345 4.2712 46.1266 7.62847 46.4662 10.8171C46.6775 12.7447 46.0272 14.3886 45.158 16.0789C44.7013 16.9941 44.1819 17.8769 43.6035 18.7207C42.9708 19.567 42.2489 20.3425 41.4503 21.0336C41.0497 21.4081 41.4431 22.2133 41.9813 21.9067C43.6545 20.9465 44.8058 19.1422 45.7441 17.5011C46.6825 15.86 47.6062 14.156 47.7013 12.2368C47.8898 8.83936 45.3321 5.06807 47.1523 1.81309C47.5438 1.1172 46.7468 0.137131 46.0454 0.77726C44.162 2.50251 41.609 2.58858 39.1989 2.53654C36.7888 2.4845 34.4913 2.34763 32.2999 3.23119C27.8621 5.03401 25.561 11.1781 27.12 15.5578C27.2981 16.0596 28.0607 15.793 27.992 15.2942L27.9814 15.3091Z' fill='%23B72A23'/%3E%3Cpath d='M2.18272 2.40671C3.91475 3.6404 5.9024 4.30635 7.86866 5.05454C9.83493 5.80273 11.8999 6.62123 13.8623 7.53158C15.9055 8.3901 17.8288 9.50804 19.5853 10.8582C20.3094 11.4552 20.9549 12.1417 21.5067 12.9016C22.0531 13.7535 22.5487 14.6373 22.9909 15.5484C23.1449 15.823 23.6541 15.8183 23.6558 15.4296C23.6766 13.5624 22.3414 11.7715 21.0677 10.5419C19.4039 9.04399 17.5075 7.82745 15.4519 6.93927C13.3907 5.87653 11.246 4.98328 9.03865 4.26826C6.76452 3.68142 4.54333 2.90932 2.39711 1.95957C2.12697 1.82714 1.93387 2.24443 2.15731 2.41108L2.18272 2.40671Z' fill='%23B72A23'/%3E%3Cpath d='M49.777 43.5951C47.9786 42.2153 46.5408 40.4196 45.5847 38.3595C44.5911 36.3397 43.9623 34.2047 43.1511 32.1272C41.7331 28.3954 38.8857 25.0101 34.8031 24.2466C34.7523 24.2416 34.7013 24.2537 34.6579 24.2809C34.6145 24.3081 34.5812 24.3488 34.5632 24.3968C34.5452 24.4448 34.5434 24.4972 34.5583 24.546C34.5731 24.5948 34.6037 24.6372 34.6453 24.6665C36.3783 25.7735 38.2181 26.814 39.6281 28.3432C41.0381 29.8723 41.8403 31.8684 42.5698 33.8727C43.9691 37.7037 45.6886 42.0252 49.327 44.2269C49.4089 44.2708 49.5042 44.2831 49.595 44.2615C49.6858 44.2399 49.7659 44.1859 49.8203 44.1096C49.8746 44.0333 49.8995 43.94 49.8902 43.8471C49.8809 43.7542 49.8381 43.6681 49.7699 43.6051L49.777 43.5951Z' fill='%23B72A23'/%3E%3Cpath d='M45.2904 2.63078C43.6776 6.03339 39.6291 7.4462 36.7111 9.45432C34.0202 11.3317 31.7381 14.3476 31.417 17.6805C31.4082 17.7382 31.4214 17.7969 31.4539 17.8449C31.4865 17.893 31.5359 17.9268 31.5925 17.9396C31.6491 17.9525 31.7086 17.9434 31.7592 17.9143C31.8097 17.8851 31.8475 17.838 31.8651 17.7823C32.5153 16.1483 33.3396 14.5884 34.3236 13.1299C35.4079 11.6546 36.754 10.3914 38.2938 9.40439C39.8113 8.5274 41.2844 7.57458 42.7074 6.54956C43.9887 5.5674 44.9713 4.2458 45.543 2.7357C45.6112 2.56684 45.3529 2.48037 45.2798 2.64572L45.2904 2.63078Z' fill='%23B72A23'/%3E%3Cpath d='M4.33308 7.62719C6.05464 8.23857 7.75475 7.81493 9.50762 7.47384C10.4792 7.2837 11.4719 7.23329 12.4556 7.32416C12.9709 7.37187 13.4816 7.45752 13.9838 7.5804C14.4616 7.70326 14.9186 7.93882 15.3993 8.02627C15.4442 8.0284 15.4889 8.01768 15.5281 7.99535C15.5673 7.97303 15.5995 7.94002 15.6209 7.90019C15.6422 7.86036 15.6519 7.81535 15.6487 7.77041C15.6455 7.72547 15.6296 7.68246 15.6029 7.64641C15.2593 7.35891 14.867 7.13532 14.4443 6.98609C13.9742 6.78223 13.4844 6.62678 12.9823 6.52208C11.9947 6.32131 10.9769 6.30852 9.98181 6.4844C8.19439 6.80088 6.27825 7.768 4.45102 7.33629C4.27882 7.29611 4.17441 7.53668 4.35079 7.60233L4.33308 7.62719Z' fill='%23B72A23'/%3E%3Cpath d='M3.91498 13.0279C4.39526 13.369 4.98432 13.522 5.57203 13.4584C6.21823 13.4388 6.88556 13.4417 7.53898 13.3598C8.98306 13.1207 10.3898 12.6877 11.7213 12.0723C13.0709 11.435 14.4892 10.9579 15.9471 10.6508C16.6512 10.5343 17.368 10.5242 18.0735 10.6208C18.7447 10.7768 19.4065 10.9703 20.0557 11.2004C20.1045 11.2154 20.1569 11.2146 20.2055 11.198C20.254 11.1814 20.2962 11.1499 20.3261 11.108C20.3559 11.0661 20.3719 11.0159 20.3717 10.9646C20.3715 10.9133 20.3551 10.8635 20.325 10.8223C19.6213 9.82617 18.0795 9.6203 16.9474 9.65373C15.5761 9.73931 14.2307 10.0805 12.9804 10.6597C11.5943 11.3301 10.175 11.9285 8.72832 12.4524C7.99897 12.6827 7.27112 12.8691 6.54128 13.0166C6.13752 13.1319 5.71561 13.1661 5.29986 13.117C4.88411 13.068 4.48276 12.9368 4.11908 12.7309C4.08318 12.7146 4.04263 12.7113 4.00437 12.7217C3.96611 12.7321 3.93254 12.7555 3.90947 12.7879C3.8864 12.8203 3.87527 12.8596 3.87796 12.8991C3.88065 12.9387 3.89699 12.976 3.92421 13.0045L3.91498 13.0279Z' fill='%23B72A23'/%3E%3Cpath d='M6.89109 20.3368C7.6931 21.5604 9.32287 21.3191 10.5627 21.1449C11.2245 21.0369 11.8775 20.8777 12.5157 20.6689C12.8478 20.5681 13.1652 20.4568 13.4875 20.3489C13.8146 20.2644 14.1146 20.0953 14.3573 19.8587C14.4601 19.7144 14.3468 19.5288 14.1958 19.5112C13.9208 19.4958 13.6454 19.5432 13.3904 19.6498C13.0921 19.7448 12.7925 19.8313 12.4753 19.8903C11.8838 20.0314 11.2904 20.1336 10.6969 20.2358C9.67468 20.4074 8.14553 20.8104 7.32072 19.9529C7.26947 19.9035 7.20175 19.8747 7.13041 19.8721C7.05907 19.8695 6.98907 19.8933 6.93367 19.9389C6.87826 19.9845 6.84131 20.0487 6.82983 20.1195C6.81835 20.1902 6.83313 20.2626 6.87136 20.3227L6.89109 20.3368Z' fill='%23B72A23'/%3E%3Cpath d='M16.5873 18.2004C17.6543 18.0211 18.6764 17.63 19.5935 17.0499C20.4331 16.5174 21.3824 16.1852 22.3677 16.0791C22.7695 16.058 23.6177 16.3396 23.749 15.7584C23.8804 15.1771 22.9534 15.0792 22.5466 15.0969C21.5315 15.1798 20.5502 15.5106 19.6885 16.0604C18.6673 16.7566 17.6075 17.3937 16.5144 17.9686C16.4903 17.9833 16.4717 18.0056 16.4614 18.032C16.4512 18.0584 16.45 18.0874 16.4579 18.1144C16.4658 18.1415 16.4824 18.165 16.5052 18.1815C16.528 18.1979 16.5556 18.2063 16.5837 18.2054L16.5873 18.2004Z' fill='%23B72A23'/%3E%3Cpath d='M8.74569 2.21516C9.57386 2.00274 10.7804 1.86485 11.3838 2.59457C11.6813 3.01895 11.8814 3.50451 11.9699 4.01679C12.0185 4.31478 12.0971 4.60687 12.2043 4.8886C12.2868 5.15478 12.4356 5.39502 12.6369 5.58663C12.6664 5.6069 12.7003 5.6201 12.7358 5.62527C12.7713 5.63045 12.8076 5.62747 12.8419 5.61651C12.8762 5.60556 12.9077 5.58693 12.9339 5.56206C12.96 5.53718 12.9803 5.50671 12.9931 5.47293C13.0221 5.32533 13.0268 5.1741 13.0069 5.02535C12.996 4.85265 13.0071 4.68055 12.9912 4.50434C12.9597 4.16114 12.9067 3.82044 12.8327 3.48419C12.7329 2.81115 12.425 2.18798 11.9523 1.70232C11.7218 1.48606 11.4499 1.31872 11.1529 1.21019C10.8558 1.10165 10.5397 1.05415 10.223 1.07047C9.6151 1.11828 9.03159 1.33668 8.53936 1.70074C8.49051 1.73969 8.45589 1.79378 8.44098 1.85442C8.42606 1.91505 8.43171 1.97879 8.45702 2.03554C8.48232 2.09228 8.52584 2.13877 8.5807 2.1677C8.63555 2.19664 8.69861 2.20633 8.75988 2.19525L8.74569 2.21516Z' fill='%23B72A23'/%3E%3Cpath d='M16.0063 2.02555C17.3501 2.35283 19.0002 2.98086 19.3319 4.4993C19.4827 5.20656 19.5006 5.95416 19.6055 6.67369C19.6354 7.444 19.8362 8.19663 20.1932 8.87688C20.3509 9.09414 20.6528 8.94179 20.6943 8.71643C20.7356 8.28675 20.7132 7.85378 20.6276 7.4317C20.5679 7.01427 20.4885 6.58276 20.4471 6.1709C20.4267 5.34978 20.2832 4.53735 20.0216 3.76082C19.3327 2.19041 17.6709 1.70405 16.0955 1.63923C15.8802 1.6283 15.7791 1.96866 16.0063 2.02555Z' fill='%23B72A23'/%3E%3Cpath d='M24.1418 7.97003C24.5024 8.89211 24.592 9.90026 24.4002 10.8759C24.2935 11.4346 24.1494 11.9858 23.9688 12.5257C23.8819 12.8244 23.8123 13.1278 23.7604 13.4344C23.6678 13.7292 23.6269 14.0376 23.6395 14.3456C23.6509 14.4045 23.6791 14.4587 23.7208 14.5017C23.7624 14.5446 23.8157 14.5744 23.8741 14.5874C23.9326 14.6005 23.9936 14.5962 24.05 14.5751C24.1063 14.5541 24.1554 14.5171 24.1914 14.4688C24.3753 14.1897 24.5207 13.8872 24.6237 13.5695C24.7552 13.2776 24.8692 12.9781 24.9649 12.6728C25.1665 12.0591 25.3053 11.4269 25.3791 10.7859C25.4657 10.2403 25.4355 9.68345 25.2905 9.15229C25.1456 8.62113 24.8893 8.12786 24.5386 7.7053C24.5006 7.6623 24.4484 7.63434 24.3915 7.62643C24.3345 7.61852 24.2765 7.63116 24.2276 7.6621C24.1788 7.69303 24.1424 7.74024 24.1249 7.79535C24.1074 7.85045 24.1099 7.90987 24.132 7.96299L24.1418 7.97003Z' fill='%23B72A23'/%3E%3Cpath d='M45.1638 43.4512C45.0141 43.3551 44.8865 43.2284 44.789 43.0793C44.6904 42.9382 44.616 42.7813 44.5691 42.6153C44.498 42.2615 44.4782 41.8989 44.5104 41.5386C44.5507 40.6676 44.5472 39.7953 44.5303 38.9209C44.5245 38.6994 44.1849 38.6749 44.1723 38.8909C44.0485 39.8567 43.9749 40.828 43.9518 41.8007C43.9255 42.2201 43.9928 42.6394 44.1486 43.0281C44.2417 43.2202 44.3735 43.3907 44.5358 43.5288C44.7051 43.6564 44.9064 43.735 45.1178 43.7559C45.2957 43.7777 45.3246 43.5283 45.1835 43.4653L45.1638 43.4512Z' fill='%23B72A23'/%3E%3Cpath d='M44.3114 37.1082C44.8061 37.5509 45.3713 37.9079 45.9838 38.1645C46.29 38.2897 46.6054 38.3915 46.9272 38.469C47.0896 38.5022 47.2568 38.5388 47.4164 38.555C47.5729 38.5862 47.7354 38.5719 47.8847 38.5137C47.9122 38.4998 47.9357 38.4792 47.9532 38.4539C47.9707 38.4285 47.9816 38.3992 47.9849 38.3686C47.9881 38.338 47.9836 38.3072 47.9718 38.2789C47.96 38.2506 47.9412 38.2259 47.9172 38.2069C47.7802 38.1237 47.6241 38.077 47.4635 38.0712C47.3195 38.0436 47.1769 38.0245 47.0365 37.9919C46.7312 37.9308 46.4315 37.8452 46.1402 37.736C45.5563 37.5133 45.0101 37.2026 44.5204 36.8147C44.328 36.6776 44.143 36.9582 44.3114 37.1082Z' fill='%23B72A23'/%3E%3Cpath d='M48.2845 34.2246C47.6681 34.4529 46.988 33.8935 46.5171 33.5731C45.919 33.1237 45.3649 32.6185 44.862 32.0643C44.1506 31.3401 42.9522 30.224 41.8213 30.6107C41.7733 30.6344 41.7331 30.6716 41.7057 30.7177C41.6783 30.7638 41.6649 30.8169 41.6672 30.8703C41.6694 30.9238 41.6873 30.9753 41.7185 31.0184C41.7496 31.0616 41.7928 31.0946 41.8426 31.1133C42.1214 31.1919 42.4194 31.2017 42.6995 31.2888C43.0184 31.3964 43.3188 31.5522 43.5903 31.7508C44.1657 32.208 44.7099 32.7033 45.2193 33.2335C45.7479 33.7239 46.3466 34.1326 46.9958 34.4464C47.2113 34.5774 47.4535 34.6582 47.7049 34.6829C47.9563 34.7076 48.2105 34.6755 48.4488 34.5891C48.668 34.4902 48.5191 34.1667 48.2922 34.2451L48.2845 34.2246Z' fill='%23B72A23'/%3E%3Cpath d='M46.2785 26.7966C45.5343 27.0163 44.809 26.4997 44.1848 26.175C43.3873 25.8026 42.5503 25.5207 41.6891 25.3347C40.8713 25.148 40.0343 25.0549 39.1942 25.0572C38.4456 25.0639 37.5077 25.0857 36.9287 25.6481C36.7178 25.8502 36.9187 26.2782 37.2192 26.1174C37.9728 25.7396 38.8165 25.5838 39.6517 25.668C40.5344 25.6889 41.4111 25.8103 42.265 26.0298C43.0475 26.2583 43.8096 26.5503 44.5438 26.9032C44.8211 27.0698 45.1306 27.1762 45.4523 27.2155C45.774 27.2548 46.1008 27.2262 46.4118 27.1314C46.6119 27.049 46.511 26.6998 46.3033 26.7617L46.2785 26.7966Z' fill='%23B72A23'/%3E%3Cpath d='M40.1145 21.3113C39.8498 21.1053 39.542 20.9618 39.2136 20.8915C38.8853 20.8211 38.5448 20.8257 38.2173 20.9047C37.5724 21.0005 36.9426 21.1823 36.3446 21.4454C35.0894 21.9424 34.0208 22.8248 33.2926 23.9654C33.2456 24.0314 33.2266 24.1131 33.2396 24.1927C33.2526 24.2723 33.2967 24.3433 33.3622 24.3899C33.4276 24.4365 33.509 24.4549 33.5885 24.4413C33.668 24.4276 33.7391 24.3829 33.7861 24.3169C34.5017 23.4177 35.3932 22.6744 36.405 22.1333C36.9062 21.8866 37.435 21.7018 37.9797 21.5828C38.545 21.4681 39.3625 21.2706 39.8517 21.649C40.0441 21.786 40.3202 21.5028 40.1441 21.3324L40.1145 21.3113Z' fill='%23B72A23'/%3E%3Cpath d='M32.5583 25.0696C31.9846 26.3031 30.8885 27.1945 30.0696 28.2607C29.3913 29.1533 28.8275 30.1273 28.3916 31.1596C27.9594 32.1915 27.6505 33.2702 27.4712 34.3731C27.3778 34.9506 27.3277 35.5341 27.3214 36.1185C27.311 36.3984 27.3176 36.6785 27.3413 36.9574C27.3891 37.2106 27.4618 37.4583 27.5584 37.6969C27.6122 37.8927 27.889 37.9324 27.9263 37.6815C27.9636 37.4307 28.035 37.1216 28.0421 36.8193C28.0492 36.5169 28.0491 36.2769 28.0618 36.0085C28.0884 35.4456 28.1478 34.8845 28.2397 34.3281C28.4249 33.2457 28.7405 32.1889 29.1796 31.181C29.6184 30.1756 30.1788 29.2275 30.8482 28.358C31.6198 27.3479 32.5076 26.4357 32.9576 25.2191C33.0521 24.9715 32.6923 24.8501 32.578 25.0837L32.5583 25.0696Z' fill='%23B72A23'/%3E%3Cpath d='M36.7681 42.5923C36.4428 42.1025 36.0906 41.6313 35.713 41.1809C35.3438 40.6883 35.0136 40.1673 34.7254 39.6227C34.1522 38.5849 33.8321 37.4244 33.7911 36.2353C33.7635 33.9662 34.7856 31.8524 35.4561 29.7206C35.6575 29.1196 35.825 28.5079 35.9578 27.8885C36.1339 27.2851 36.1817 26.6524 36.098 26.0313C36.0385 25.8015 35.6687 25.7255 35.6023 25.9857C35.4471 26.5275 35.4421 27.1088 35.3369 27.6637C35.212 28.244 35.0526 28.8165 34.8595 29.3782C34.4952 30.5058 34.0314 31.5851 33.6966 32.7339C33.3242 33.8187 33.1205 34.9535 33.093 36.098C33.1046 37.2997 33.3905 38.4807 33.929 39.5503C34.2302 40.1508 34.5795 40.7256 34.9735 41.269C35.3548 41.8685 35.8235 42.4071 36.3642 42.867C36.5517 43.0005 36.8559 42.7823 36.7336 42.5677L36.7681 42.5923Z' fill='%23B72A23'/%3E%3Cpath d='M41.0184 43.1828C40.3601 41.5067 39.6493 39.6957 39.9624 37.8568C40.1258 36.8859 40.4579 35.9602 40.615 34.9774C40.6945 34.4837 40.7483 33.9864 40.7762 33.4875C40.8411 32.9917 40.8133 32.4888 40.6944 32.0046C40.6348 31.8272 40.3459 31.8464 40.2876 32.0223C40.1832 32.5313 40.1308 33.0492 40.1312 33.5681C40.082 34.0653 40.0144 34.5571 39.9213 35.0531C39.7324 36.0808 39.3422 37.0776 39.2217 38.124C38.9932 40.0007 39.7868 41.7582 40.5624 43.4053C40.5904 43.4671 40.6418 43.5149 40.7053 43.5384C40.7688 43.5618 40.8392 43.5589 40.901 43.5303C40.9628 43.5018 41.0109 43.4498 41.0348 43.386C41.0587 43.3221 41.0563 43.2516 41.0283 43.1898L41.0184 43.1828Z' fill='%23B72A23'/%3E%3Cpath d='M30.0521 5.07113C28.9865 6.20167 29.1203 8.02913 29.3527 9.44683C29.4718 10.2087 29.629 10.9638 29.8238 11.7094C29.8755 12.0652 29.9991 12.4062 30.187 12.7115C30.375 13.0168 30.6232 13.2801 30.9168 13.4852C30.9461 13.4936 30.9772 13.4937 31.0066 13.4853C31.0361 13.4769 31.0627 13.4605 31.0835 13.4379C31.1042 13.4153 31.1183 13.3873 31.1241 13.3572C31.13 13.3271 31.1273 13.2961 31.1165 13.2675C30.8072 12.6933 30.5576 12.0884 30.3717 11.4623C30.2024 10.8019 30.0523 10.1251 29.9289 9.45235C29.7931 8.77835 29.7187 8.09289 29.7066 7.40444C29.6476 6.65553 29.8537 5.90769 30.2888 5.29222C30.3951 5.14298 30.1816 4.93098 30.0521 5.07113Z' fill='%23B72A23'/%3E%3Cpath d='M35.169 3.42213C34.0864 4.31557 33.7481 5.76172 33.6043 7.09143C33.5365 7.74023 33.5167 8.3928 33.545 9.04379C33.5381 9.73312 33.659 10.4167 33.9016 11.0598C34.0238 11.3268 34.3745 11.1792 34.3666 10.9187C34.342 10.3163 34.2044 9.71587 34.1663 9.11141C34.1344 8.4928 34.1463 7.87234 34.202 7.25475C34.2328 5.95313 34.6691 4.69072 35.4495 3.64445C35.57 3.47532 35.3445 3.26972 35.1867 3.39727L35.169 3.42213Z' fill='%23B72A23'/%3E%3Cpath d='M39.2575 3.37309C38.7535 3.91928 38.3679 4.56387 38.125 5.2658C38.0042 5.61316 37.9184 5.97152 37.8688 6.33553C37.78 6.70307 37.7888 7.08686 37.8943 7.44845C37.9129 7.48888 37.943 7.52281 37.9809 7.5459C38.0188 7.569 38.0628 7.58021 38.1073 7.57816C38.1518 7.57612 38.1948 7.5609 38.2308 7.53439C38.2668 7.50789 38.2942 7.47132 38.3096 7.42932C38.3675 7.09326 38.3934 6.75268 38.387 6.41219C38.4276 6.07188 38.4979 5.73554 38.5971 5.4071C38.8023 4.74662 39.1265 4.12865 39.5535 3.58397C39.6953 3.38499 39.4118 3.19812 39.2575 3.37309Z' fill='%23B72A23'/%3E%3Cpath d='M45.7244 6.39712C45.1922 7.99009 43.3273 8.20641 41.9058 8.17619C40.4844 8.14598 38.9135 8.00185 37.8704 9.16343C37.757 9.32261 37.9395 9.50507 38.0985 9.43841C38.7923 9.08277 39.5437 8.85581 40.3162 8.76854C41.1454 8.72179 41.9692 8.8287 42.7899 8.78341C44.2286 8.70592 45.8438 8.05683 46.1344 6.47926C46.1781 6.24043 45.8033 6.16095 45.7314 6.38719L45.7244 6.39712Z' fill='%23B72A23'/%3E%3Cpath d='M33.4465 14.0274C35.0701 12.2596 37.487 12.4064 39.6507 12.7104C40.7284 12.9057 41.8223 13.0022 42.9189 12.9988C43.4292 12.9879 43.9368 12.9166 44.4313 12.7863C44.9189 12.7114 45.3632 12.4594 45.6795 12.0783C45.761 11.9639 45.7029 11.7425 45.5292 11.7463C45.0119 11.8392 44.5038 11.9792 44.0113 12.1647C43.488 12.2714 42.955 12.3193 42.422 12.3074C41.2293 12.2902 40.0612 12.0505 38.8857 11.9256C36.9075 11.7163 34.2731 11.8644 33.1743 13.856C33.1517 13.8877 33.1426 13.927 33.1489 13.9652C33.1551 14.0034 33.1763 14.0374 33.2077 14.0598C33.2391 14.0821 33.2782 14.091 33.3164 14.0845C33.3545 14.0779 33.3886 14.0564 33.4112 14.0248L33.4465 14.0274Z' fill='%23B72A23'/%3E%3Cpath d='M45.9558 15.2824C44.3428 17.0353 41.9379 17.1744 39.7411 16.8544C37.5442 16.5343 35.2123 15.7356 33.1422 16.7205C32.5974 16.9976 32.0947 17.3517 31.6495 17.7718C31.149 18.1402 30.7492 18.6296 30.4879 19.1939C30.4767 19.2288 30.4756 19.266 30.4846 19.3014C30.4936 19.3368 30.5124 19.3688 30.5388 19.3938C30.5652 19.4189 30.5981 19.4359 30.6338 19.443C30.6696 19.4501 30.7066 19.447 30.7408 19.434C31.2089 19.1567 31.6226 18.7955 31.9609 18.3685C32.3735 17.9642 32.8411 17.6207 33.3496 17.3482C34.4195 16.8993 35.5967 16.7818 36.7288 17.0107C38.9653 17.3065 41.246 17.9788 43.5044 17.3979C44.063 17.2799 44.5936 17.0523 45.0656 16.7283C45.5376 16.4043 45.9418 15.9904 46.2547 15.5103C46.2838 15.4694 46.2956 15.4187 46.2875 15.3694C46.2794 15.32 46.2521 15.276 46.2115 15.2471C46.1709 15.2182 46.1205 15.2068 46.0712 15.2153C46.0219 15.2238 45.9778 15.2515 45.9487 15.2924L45.9558 15.2824Z' fill='%23B72A23'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; margin-right: 30px; margin-left: auto; margin-bottom: 30px;} .home-page4 .col-center a.button { margin: 15px 0px 0px; background: #0A0F0F; font-size: 16px;} .home-page4 .col-center p { max-width: 400px; margin: 0 auto 15px; font-size: 18px;} @media only screen and (min-width: 960px) { .home-page4 .col-center { padding: 30px; } .home-page4 .col-left:after { right: -100px; bottom: -50px;} .home-page4 .col-center h2 { font-size: 50px; line-height: 60px; } } @media only screen and (max-width: 959px) { .home-page4 .col-center { padding: 30px 15px;} .home-page4 .col-left:after { left: 0%; bottom: -90px;} .home-page4 .col-center h2 { font-size: 40px; } } /* home 5 */ .home-page5 { margin-bottom: -150px; padding-bottom: 120px !important;} .home-page5 .tit { padding: 0 15px; margin-bottom: 20px; } .home-page5 .tit h2 { font-size: 35px; color: #F6B716; text-transform: uppercase; line-height: 54px; margin: 0px; text-align: left;} @media only screen and (min-width: 960px) { } @media only screen and (max-width: 959px) { } /* home 6 */ .home-page6 { } @media only screen and (min-width: 960px) { } @media only screen and (max-width: 959px) { } /* * Page giới thiệu * */ /* page 1 */ .page-about1 { padding-top: 0px !important; } .page-about1 .section-bg img { max-width: 440px; object-fit: contain;} .page-about1 .section-content { display: flex; flex-flow: row wrap; width: 100%; align-items: center; } .page-about1 .noidung { flex-basis: 100%; text-align: center;} .page-about1 .noidung h1 { margin: 0px; color: #000; font-style: normal; font-weight: 600; } .page-about1 .noidung h1 strong { color: #f6b716; } .page-about1 .img { flex-basis: 100%;} .page-about1 .img:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; background: rgb(255, 255, 255); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); z-index: 2; } @media only screen and (min-width: 960px) { .page-about1 .noidung { max-width: 40%;} .page-about1 .img { max-width: 60%;} .page-about1 .noidung h1 { font-size: 90px; line-height: 94px;} } @media only screen and (max-width: 959px) { .page-about1 .noidung { max-width: 100%; order: 2; padding: 15px 15px 0px; } .page-about1 .img { max-width: 100%;} .page-about1 .noidung h1 { font-size: 60px; } } /* page 2 */ .page-about2 { } .page-about2 .section-content { display: flex; flex-flow: row wrap; width: 100%; align-items: center; } .page-about2 .noidung { flex-basis: 100%; } .page-about2 .stack { flex-basis: 100%; flex-flow: row wrap; width: 100%; } .page-about2 .noidung h2 { font-style: normal; color: #0A0F0F; text-align: left;} .page-about2 .noidung h2 strong { font-style: normal; color: #f6b716;} .page-about2 .featured-box { flex-basis: 100%; align-items: center; margin-bottom: 15px !important;} .page-about2 .featured-box .icon-box-img { border-radius: 50px; background: rgba(10, 15, 15, 0.10); padding: 10px; } .page-about2 .featured-box:hover .icon-box-img { background: #f6b716; } .page-about2 .featured-box .icon-box-img img { padding: 0px; } .page-about2 .featured-box .icon-box-text .uppercase { text-transform: unset; color: #000; font-size: 16px; letter-spacing: 0; } @media only screen and (min-width: 960px) { .page-about2 .noidung { max-width: 45%; margin-left: 0px; margin-right: auto;} .page-about2 .stack { max-width: 45%; margin-right: 0px; margin-left: auto;} .page-about2 .noidung h2 { font-size: 35px; line-height: 49px;} .page-about2 .noidung h2 strong { font-size: 48px; line-height: 49px; } .page-about2 .featured-box { max-width: 48%;} .page-about2 .featured-box:nth-child(even) { margin-right: 0px !important; margin-left: auto !important;} .page-about2 .featured-box:nth-child(odd) { margin-left: 0px !important; margin-right: auto !important;} } @media only screen and (max-width: 959px) { .page-about2 .noidung { max-width: 100%; margin-bottom: 30px; padding: 0 15px; } .page-about2 .stack { max-width: 100%; } .page-about2 .noidung h2 { font-size: 30px; } .page-about2 .noidung h2 strong { font-size: 40px; } } @media only screen and (max-width: 959px) and (min-width: 600px) { .page-about2 .featured-box { max-width: 48%; padding: 0 15px; } .page-about2 .featured-box:nth-child(even) { margin-right: 0px !important; margin-left: auto !important;} .page-about2 .featured-box:nth-child(odd) { margin-left: 0px !important; margin-right: auto !important;} } @media only screen and (max-width: 599px) { .page-about2 .featured-box { max-width: 100%; padding: 0 15px; } } /* page 3 */ .page-about3 .section-content { display: flex; flex-flow: row wrap; width: 100%; border-radius: 15px; background: rgba(242, 190, 26, 0.20); padding: 0px; align-items: center; } .page-about3 .noidung { flex-basis: 100%; font-size: 18px;} .page-about3 .img { flex-basis: 100%; transform: rotate(-54.19deg); flex-shrink: 0; } .page-about3 .noidung h2 { font-size: 35px; color: #0A0F0F; line-height: 49px; margin-bottom: 5px; } .page-about3 .noidung ul { display: flex; flex-flow: row wrap; width: 100%; } .page-about3 .noidung ul li { max-width: 50%; flex-basis: 100%; padding: 0 15px; line-height: normal; list-style: none; position: relative; } .page-about3 .noidung ul li { max-width: 50%; flex-basis: 100%; padding: 0 15px; line-height: normal; list-style: none; position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='black' /%3E%3C/svg%3E%0A"); background-size: 8px; background-repeat: no-repeat; background-position: left center;} @media only screen and (min-width: 960px) { .page-about3 { padding-bottom: 60px !important;} .page-about3 .noidung { max-width: 40%; margin-left: 0px; margin-right: auto; padding: 70px;} .page-about3 .img { max-width: 50%; margin-right: 0px; margin-left: auto; margin-top: -50px; margin-bottom: -100px;} } @media only screen and (max-width: 959px) { .page-about3 .section-content { padding: 15px;} .page-about3 .noidung { max-width: 100%; order: 2; } .page-about3 .img { max-width: 100%; margin-bottom: 30px;} } /* page 4 */ .page-about4 { } .page-about4 .tieude { padding: 0 15px; margin-bottom: 30px;} .page-about4 .tieude h2 { text-align: center; color: #0A0F0F; font-style: normal; font-weight: 600; } .page-about4 .tieude h2 strong { color: #F2BE1A; font-style: normal; font-weight: 600; } @media only screen and (min-width: 960px) { .page-about4 .tieude h2 { font-size: 36px; line-height: 49px;} .page-about4 .tieude h2 strong { font-size: 48px; line-height: 49px;} } @media only screen and (max-width: 959px) { .page-about4 .tieude { padding: 0 15px;} .page-about4 .tieude h2 { font-size: 30px; line-height: 49px;} .page-about4 .tieude h2 strong { font-size: 40px; line-height: 49px;} } /* page 5 */ .page-about5 { } @media only screen and (min-width: 960px) { } @media only screen and (max-width: 959px) { } /* * Mã giảm giá * */