/*
Theme Name: WebSeo Child Theme
Theme URI: https: //webseo.vn
Description: Day la child theme cua WebSeo
Author: Huy Tap
Author URI: https://webseo.com.vn
Template: webseo-theme
Version: 0.1
*/
@import url("/css/style.css");
:root { --main-color: #f5f5f5; --extra-color: #1a4d24; --black-color: #23232B; --wrap-color: #f6f6f6; --manu-color: #992a30; --font-ws-color: #0066b3; --bg-ws-color: #0066b3; --hover-color: #20b14c }
.title-home h3 { font-family: 'Paytone One', sans-serif; font-size: 34px !important; margin-top: 45px; font-weight: 400 !important; }
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0 !important; }
body { counter-reset: section }
pre { padding: 15px; max-height: 600px; background: #f1f1f1; overflow-y: auto; border: 1px dashed #ccc; }

/* Header */
.home #page { padding: 0; }
#site-header .header-top { background: var(--bg-ws-color); color: #fff; padding: 3px 0; }
#site-header .header-top .container { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; }
#site-header .header-top .hotline-top { margin: 0 30px 0 0; font-weight: 700; }
#site-header .header-top .hotline-top:before { font-family: 'FontAwesome'; content: "\f095"; color: #fff; margin-right: 4px; }
#site-header .header-top .hotline-top a { color: #fff; }
#site-header .header-top .menu-top-ws ul li a { color: #e1e1e1; }
#site-header .header-top .menu-top-ws ul li { padding: 5px 15px; }
#site-header .header-top .menu-top-ws ul { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; }
#site-header .header-top .ngon-ngu { padding-top: 5px; }
#header { background: #eee; width: 100%; z-index: 999; transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1); position: relative; padding: 10px 0; }
#header .header-right { display: flex; flex-direction: row; }
#header .header-right #hkt-navigation .navigation { width: auto; float: right; }
#header .header-right .navigation a { color: #0066b3 !important; float: left; font-size: 14px; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: 0.5s all; -webkit-transition: 0.5s all; font-weight: 700; }
#header .header-right .navigation a:hover { color: var(--hover-color) }
.header-right .navigation>ul>.current a, .header-right .navigation>ul>.current-menu-item a { background: transparent; color: #0066b3 !important; }
#site-header .header-top .search-header input[type=search] { width: 130px; box-sizing: border-box; border-radius: 25px 0 0 25px; font-size: 14px; margin-top: -3px; margin-left: 30px; border: none; height: 28px; padding: 3px 8px; -webkit-transition: width 0.4s ease-in-out; background: #f5f5f5; transition: width 0.4s ease-in-out; }
#site-header .header-top .search-header input[type=search]:focus { background: #fff; width: 300px; }
#site-header .header-top .search-header button { background: #f7be68; border: none; padding: 0px 11px 1px 5px; color: #fff; height: 28px; font-size: 17px; margin: -3px 0 0 -5px; border-radius: 0 25px 25px 0; }
#site-header .header-top .search-header form.search { display: flex; flex-direction: row; margin: 0; align-items: center; }
.auth .login { margin-right: 30px; }
.auth { display: flex; flex-direction: row; align-items: center; font-size: 15px; }
.auth a { color: #f7be68; font-weight: 700; }
.auth .minicart { margin-right: 10px; }
.auth .minicart i { margin-right: 5px; }
@media (min-width:1200px) {
    .auth .minicart { margin-left: 20px; margin-right: -15px; }
}
@media (max-width:575px) {
    .auth .minicart { display: none; }
}
#main-content { background: #fbfbfb; }
.mini-cart-ws { position: fixed; font-weight: 700; bottom: 20px; border-radius: 5px; padding: 10px 15px; left: 15px; background: var(--main-color); z-index: 999; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background: rgb(255 255 255 / 25%) !important; border-radius: 5px; }
.woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a { color: var(--extra-color) !important; }
.woocommerce div.product form.cart { margin-bottom: 25px; margin-top: 25px; }
.woocommerce ul.products li.product a img:hover { object-position: center bottom; -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 2s ease; transition: all 2s cubic-bezier(0.25, 0.1, 0.51, 0.49); }
.woocommerce ul.products li.product a img { object-fit: cover; object-position: center top; height: 380px; width: 100%; }
.woocommerce-error { border-top-color: #b81c23; background: #9e0000; color: #fff; border-radius: 60px; }
.woocommerce-error::before { color: #ffeb3b; }
ul.woocommerce-error a { color: #ffeb3b; font-weight: 700; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper img:hover { object-position: center bottom; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 2s ease; transition: all 2s cubic-bezier(.25, .1, .51, .49); }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper img { object-fit: cover; object-position: center top; height: 700px; width: 100%; }
#san-pham .vc_tta-style-modern .vc_tta-tab>a { font-family: 'Montserrat Alternates', sans-serif; font-size: 18px; }
.sidebar .widget, .category-theme-ws-main-sidebar .widget { background: rgb(255 255 255 / 52%); margin-bottom: 40px; padding: 10px; }
.sidebar .widget .widget-title, .category-theme-ws-main-sidebar .widget .widget-title { border-bottom: none !important; font-family: 'Paytone One', sans-serif; font-weight: 400; padding: 7px 0 7px; background: #1f79bc; font-size: 17px; margin-bottom: 0; text-align: center; margin: 0 0 13px 0 !important; color: #fff; position: relative; }
.sidebar .widget .widget-title: after, .category-theme-ws-main-sidebar .widget .widget-title:after;
{ position: absolute; bottom: -8px; content: ''; background: #1f79bc; width: 100%; height: 3px; left: 0px; }
.page .single-page h1.entry-title { font-family: 'Paytone One', sans-serif; font-weight: 400; color: var(--extra-color); font-size: 30px; }
ul.product-categories li:last-child { border-bottom: none; }
ul.product-categories li { padding: 7px 0; border-bottom: 1px solid #ffe6c2; }
#cong-trinh-tieu-bieu { background: var(--extra-color); }
.cam-ket h3 { margin-bottom: 0; }
.cam-ket { display: flex; flex-direction: row; align-content: center; align-items: center; color: #fcb040; }
.cam-ket .img-box { width: 30px; margin-right: 15px }
.cam-ket img { filter: brightness(200%); }
.title-home h2 { font-size: 2vw; }
.title-home p { font-size: 1vw; }
.goi-dich-vu { background: rgb(255 255 255 / 39%) !important; border-radius: 5px; box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -webkit-box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); border-radius: 10px; overflow: hidden; }
.goi-dich-vu .title-box { background: #20b14c; text-align: center; padding: 20px 10px 10px 10px; margin: 0; text-transform: uppercase; text-shadow: 0 1px #555; color: #fff; }
.goi-dich-vu .info-box-price { background: #20b14c; color: #fff3e0; text-shadow: 0 1px #555; font-size: 15px; padding: 0 15px 5px 15px; max-width: 100%; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; min-height: 50px; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.goi-dich-vu .price-box { text-align: center; background: #20b14c; font-size: 25px; color: #f7be68; padding-bottom: 15px; font-weight: 700; text-shadow: 0 1px #555; }
.goi-dich-vu .giadichvu { text-align: center; display: table; margin: 20px auto; padding: 8px 20px; border-radius: 50px; background: #20b14c; color: #fff; }
.goi-dich-vu .boxcontent { padding: 0 15px; }
.goi-dich-vu .boxcontent li { border-bottom: 1px solid #ddd; padding: 7px 0; font-size: 13px; }
.goi-dich-vu .boxcontent a { color: #20b14c; }
.goi-dich-vu.goi-web-ca-nhan .title-box, .goi-dich-vu.goi-web-ca-nhan .info-box-price, .goi-dich-vu.goi-web-ca-nhan .price-box, .goi-dich-vu.goi-web-ca-nhan .giadichvu { background: #009688; }
.goi-dich-vu.goi-web-doanh-nghiep .title-box, .goi-dich-vu.goi-web-doanh-nghiep .info-box-price, .goi-dich-vu.goi-web-doanh-nghiep .price-box, .goi-dich-vu.goi-web-doanh-nghiep .giadichvu { background: #0066b3; }
.goi-dich-vu.goi-theo-yeu-cau .title-box, .goi-dich-vu.goi-theo-yeu-cau .info-box-price, .goi-dich-vu.goi-theo-yeu-cau .price-box, .goi-dich-vu.goi-theo-yeu-cau .giadichvu { background: #673ab7; }
.goi-dich-vu.goi-web-co-ban .title-box, .goi-dich-vu.goi-web-co-ban .info-box-price, .goi-dich-vu.goi-web-co-ban .price-box, .goi-dich-vu.goi-web-co-ban .giadichvu { background: #3f51b5; }
#thanhcuon::-webkit-scrollbar { width: 6px; }
.goi-dich-vu.goi-web-co-ban #thanhcuon::-webkit-scrollbar-thumb { background: #3f51b5; }
.goi-dich-vu.goi-web-ca-nhan #thanhcuon::-webkit-scrollbar-thumb { background: #009688; }
.goi-dich-vu.goi-web-doanh-nghiep #thanhcuon::-webkit-scrollbar-thumb { background: #0066b3; }
.goi-dich-vu.goi-theo-yeu-cau #thanhcuon::-webkit-scrollbar-thumb { background: #673ab7; }
#san-pham-webseo { margin-top: 30px; padding-bottom: 40px; }
.san-pham-webseo .vc_column-inner { padding: 0 !important; }
#san-pham-webseo .title-home { border-radius: 20px 0 0 0; }
.san-pham-webseo-col { height: 360px; }
.san-pham-webseo-col-1.san-pham-webseo-col { background: #0066b3; color: #fff; padding: 40px 20px; }
.san-pham-webseo-col-2.san-pham-webseo-col { background: #0076cf; color: #fff; padding: 40px 20px; }
#tinh-nang-tieu-bieu { background: #f6f6f6 url(/img/responsive-web-design.png) no-repeat center right; padding: 30px 0; background-size: 37vw; }
.title-home .title-ttnb { font-size: 1.6vw; font-weight: 700; }
#tinh-nang-tieu-bieu .tinh-nang-noi-bat-item h3 { font-size: 16px; margin: 20px 0 0 0; padding: 0; }
#tinh-nang-tieu-bieu .tinh-nang-noi-bat-item h3:before { font-family: 'FontAwesome'; content: "\f046"; color: #5aa1e3; font-size: 30px; margin-right: 10px; }
#tinh-nang-tieu-bieu .tinh-nang-noi-bat-item p { line-height: 1.5; }
.single section.related.products { clear: both; }
.single .content.single .thecontent ul { list-style: inside; padding: 0 0 0 30px; margin: 0; }
.single .content.single .thecontent .post-thumbnail img { width: 100%; }
.single .thecontent, .page .entry-content { font-size: 16px; }
.single .single-post { padding: 10px; background: #fff; margin-top: 10px; }
.single .single-post header h1 { color: #212121; font-weight: 700; font-size: 2em; line-height: 1.15; margin: 0 0 0.4em; letter-spacing: -.04em; }
.single .thecontent h2 { line-height: 1.3; text-align: left !important; }
.single .single-post header .info { color: #777; margin-bottom: 20px; }
#custom_html-2 { position: sticky; top: 0; z-index: 999; }
ul.social-share-container { list-style: none !important; padding: 0 0 15px 0 !important; }
ul.social-share-container a { padding: 5px 15px; background: #ddd; color: #fff; display: flex; margin-right: 10px; }
ul.social-share-container a i { padding-top: 3px; padding-right: 5px; }
ul.social-share-container .facebook-btn { background: #0c7bd3; }
ul.social-share-container .twitter-btn { background: #0f578d; }
ul.social-share-container .linkedin-btn { background: #36a4fb; }
ul.social-share-container .pinterest-btn { background: #e91e63; }
.single .hkt-breadcrumb .current { display: none; }
#quy-trinh-web .vc_message_box { font-size: 14px; }
#quy-trinh-web .title-home { color: #fff; }
.ly-do-chon img { background: #0066b3 !important; }
.lydo-chon h4 { margin: 0; }
.woocommerce .quantity .qty { display: none !important; }
.single .single-post ul { list-style: square; padding-left: 25px; }
#sidebar .widget.ez-toc { position: sticky; top: 0; z-index: 9; background: #fff; }
.ez-toc-widget-container li.active>a { font-weight: 400; color: #ff6000; }
#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: transparent !important; }
.archive-description { background: #fbfaed; padding: 15px; border: 1px solid #fff6a6; }

/* chăm sóc web */
#hang-muc-cong-viec .wpb_text_column.wpb_content_element.csw-lv { border-radius: 6px; background: #fff; text-align: justify; min-height: 175px; box-shadow: 0 2px 4px 0px rgb(0 0 0 / 5%); margin: 20px auto; padding: 15px; border-top: 4px solid rgb(32, 177, 76); }
#bang-gia-dich-vu { margin-bottom: 25px; width: 100%; overflow-x: scroll; }
#bang-gia-dich-vu .tichok { background: url(assets/img/icon-check-ok.png) no-repeat center center; height: 30px; width: 30px; background-size: 20px; margin: auto; }
#bang-gia-dich-vu .tichclose { background: url(assets/img/icon-check-ok.png) no-repeat center center; height: 30px; width: 30px; background-size: 20px; margin: auto; }
#bang-gia-dich-vu table td { text-align: center; border: 1px solid #ccc; padding: 5px; }
#bang-gia-dich-vu table { width: 100%; }
#bang-gia-dich-vu table tr:nth-child(odd) { background: #fff5f5; }
#bang-gia-dich-vu table tr:nth-child(even) { background: #ecffec; }
#bang-gia-dich-vu table tr td:nth-child(1) { background: #f1f1f1; max-width: 250px; text-align: left; }
#bang-gia-dich-vu table tr:nth-child(1) td:nth-child(1) { font-size: 30px; }
#bang-gia-dich-vu table tr:nth-child(1) td { font-weight: 700; text-align: center; }
#bang-gia-dich-vu table tr:nth-child(2) td, #bang-gia-dich-vu table tr:nth-child(3) td { background: #ccc !important; text-align: center !important; }
#bang-gia-dich-vu table tr:nth-child(2) td { color: #f00; font-weight: 700; }
.check-list-ki-thuat-viet-bai { overflow-x: scroll; }
.check-list-ki-thuat-viet-bai table td:nth-child(1) { background: #f1f1f1; }
.check-list-ki-thuat-viet-bai table td:nth-child(2), .check-list-ki-thuat-viet-bai table td:nth-child(3), .check-list-ki-thuat-viet-bai table td:nth-child(4) { text-align: center; }
.button-goi-ngay a { background: #ed1c24; -webkit-box-shadow: 0 4px 0 #ff3323; box-shadow: 0 4px 0 #ff3323; color: #fff; background-color: #ff675b; -webkit-box-shadow: 0 5px 0 #ff3323; box-shadow: 0 5px 0 #ff3323; font-size: 20px !important; }
.khuyenmai-dv { background: url(images-webseo/KM.gif) no-repeat left center; background-size: 100px; padding-left: 110px; height: 100px; padding-top: 36px; }
#quy-trinh-trien-khai .timeline-balloon .balloon-content .balloon-photo img { border-radius: 0; }

/* liên hệ */
#thong-tin-lien-he { background: url(assets/img/bg-map.png) no-repeat bottom left; background-size: 95% !important; padding: 10px 0; }
#thong-tin-lien-he a { color: #282828; }
#thong-tin-lien-he .featured-box .icon-featured { background-color: #0060ae; }
#thong-tin-lien-he .featured-box .box-content { border-top: 1px solid #f5f5f5 !important; position: relative; top: 0; background: #fff; }
#thong-tin-lien-he ul { list-style: none; padding: 0; margin: 0; }
#thong-tin-lien-he ul li { padding: 5px; background: rgb(255 255 255 / 51%); margin: 5px 0; border-radius: 3px; }
#thong-tin-lien-he ul li:before { font-family: FontAwesome; color: #f5821f; padding-right: 8px; font-size: 20px; }
#thong-tin-lien-he ul li:nth-child(1):before { content: "\f095"; }
#thong-tin-lien-he ul li:nth-child(2):before { content: "\f003"; }
#thong-tin-lien-he ul li:nth-child(3):before { content: "\f1d8"; }
#thong-tin-lien-he ul li:nth-child(4):before { content: "\f1d8"; }
#thong-tin-lien-he ul li:nth-child(5):before { content: "\f041"; }

/* hosting */
#tab-hosting .vc_tta-container h2 { text-align: center; text-transform: uppercase; }
#tab-hosting .entry { width: 100%; border: 1px solid #eee; margin-bottom: 30px; }
table.table.i-table.ng-scope tr td { border: 1px solid #ccc; }

/* custom type theme webseo */
.single .thecontent blockquote, .page .entry-content blockquote { font-size: 95% !important; background: #eee; padding: 15px; margin: 10px 0; }
.single.single-themes-webseo #main-content { background: #fff; }
.single.single-themes-webseo article#the-post { width: 100% !important; }
.single-post-theme-webseo { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.single-post-theme-webseo .single-themes-webseo-left { width: 47%; }
.single-post-theme-webseo .single-themes-webseo-right { width: 50%; height: 600px; border-radius: 12px; overflow: hidden; box-shadow: 0 0 5px #ccc; }
.single-post-theme-webseo .single-themes-webseo-right img, .post-listing .theme-ws-item img { width: 100%; -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 4.7s ease; transition: all 4.7s cubic-bezier(0.25, 0.1, 0.51, 0.49); }
.single-post-theme-webseo .single-themes-webseo-right img:hover, .post-listing .theme-ws-item img:hover { position: relative; -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); opacity: 1.0; }
.single.single-themes-webseo .breadcrumb { display: none; }
.single.single-themes-webseo .box-km { margin-top: 10px; padding-left: 10px; padding-right: 10px; }
.single.single-themes-webseo .box-km li { padding: 5px 0; }
#popup-dat-hang-thietke input, #popup-dat-hang-thietke textarea { height: 36px; border: 1px solid #e9ecef; width: 100%; padding-left: 10px; }
#popup-dat-hang-thietke p { padding: 0; margin: 0; width: calc(100% - 40px); }
#popup-dat-hang-thietke .input-group-prepend { width: 37px !important; }
#popup-dat-hang-thietke textarea { height: 60px }
#popup-dat-hang-thietke input.wpcf7-submit { margin: auto; width: 160px !important; background: #008ea1; display: table; height: auto; padding: 7px 15px; border-radius: 5px; color: #fff; }
.category-theme-ws-main { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; padding-top: 25px; }
.article.category-theme-ws-main-content { width: calc(100% - 350px); }
.category-theme-ws-main-sidebar { width: 330px; background: #fff; padding: 10px; }
.theme-ws-item-main { border: 1px solid #ececec; margin: 15px; position: relative; overflow: hidden; box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -webkit-box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); background: #fff; }
.post-listing { display: flex; flex-wrap: wrap; background: #fff; }
.post-listing .theme-ws-item { width: 33.333333%; }
.theme-ws-item-main .post-thumbnail { height: 350px; overflow: hidden; }
.category-theme-ws-main-sidebar .widget_nav_menu li, .sidebar  .widget_nav_menu li { padding: 6px 0; border-bottom: 1px solid #eee; }
.category-theme-ws-main-sidebar .widget_nav_menu li a, .sidebar .widget_nav_menu li a { color: #222; }
.category-theme-ws-main-sidebar .widget_nav_menu li a:before, .sidebar .widget_nav_menu li a:before { font-family: 'FontAwesome'; content: "\f054"; color: #7e7e7e; font-size: 10px; margin-right: 7px; }
.category-theme-ws-main-sidebar .widget_nav_menu li.showMore a, .sidebar .widget_nav_menu li.showMore a { color: #ff6000; }
.theme-ws-item-main .entry { display: flex; padding: 12px; justify-content: space-between; }
.theme-ws-item-main .entry .post-box-title a { color: #222; font-weight: 700; }
.single-themes-webseo .single .post-thumbnail { width: 100%; padding: 0; }
.single-themes-webseo .single .entry { width: 100%; }
.item-duan .button-mauweb { display: none; }
.item-duan h3 { margin-bottom: 0; font-size: 15px; }
.home .theme-ws-item-main .post-thumbnail { height: 350px; width: 100% !important; padding-right: 0 !important; overflow: hidden; }
.button-mauweb { display: none; }
.box-category-duan:hover .button-mauweb button { margin-bottom: 15px; }
.box-category-duan .theme-ws-item-main:hover .button-mauweb { display: flex; z-index: 99; position: absolute; top: 35%; align-items: center; right: 0; animation: moveDown 0.6s ease-in-out 0.2s backwards; left: 0; flex-direction: column; justify-content: center; }
@keyframes moveDown {
    0% { transform: translateY(-10px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}
.box-category-duan .theme-ws-item { width: 25%; }

/* custom type dự án đã triển khai */
.single.single-du-an #main-content { background: #fff; }
.single.single-du-an article#the-post { width: 100% !important; }
.single-post-theme-webseo { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.single-post-theme-webseo .single-du-an-left { width: 47%; }
.single-post-theme-webseo .single-du-an-right { width: 50%; height: 600px; border-radius: 12px; overflow: hidden; box-shadow: 0 0 5px #ccc; }
.single-post-theme-webseo .single-du-an-right img { width: 100%; -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 4.7s ease; transition: all 4.7s cubic-bezier(0.25, 0.1, 0.51, 0.49); }
.single-post-theme-webseo .single-du-an-right img:hover, .post-listing .theme-ws-item img:hover { position: relative; -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); opacity: 1.0; }
.single.single-du-an .breadcrumb { display: none; }
.single.single-du-an .box-km { margin-top: 10px; padding-left: 10px; padding-right: 10px; }
.single.single-du-an .box-km li { padding: 5px 0; }
.single-du-an .single .post-thumbnail { width: 100%; padding: 0; }
.single-du-an .single .entry { width: 100%; }
.single .thecontent h2 { font-size: 130%; border-left: 6px solid #20b14c; padding-left: 10px; text-align: left !important; }
.single .thecontent h3 { font-size: 100%; }
.single .thecontent h4 { font-size: 100%; }
.single .thecontent h5 { font-size: 100%; }
.single .thecontent p { font-size: 16px; }

/* footer */
#site-footer { position: relative; overflow: hidden; color: #ffffff; font-size: 14px; line-height: 1.4; padding: 0; background: #01508b; box-shadow: inset 0 0 2px 0 rgb(0 0 0 / 20%); clear: both; }
#site-footer .inner { padding: 50px 0 !important; }
#media_image-2 img { background: #fff; padding: 5px; border-radius: 6px; }
#site-footer .widget .widget-title { padding: 0 0 8px; margin-bottom: 5px; font-weight: 700; font-size: 16px; color: #fff; text-transform: uppercase; line-height: 1.4; border-bottom: 0 solid #f6df91 !important; background-color: transparent; }
#site-footer ul li:before { font-family: 'FontAwesome'; content: "\f054"; font-size: 10px; color: var(--main-color); margin-right: 10px; }
#site-footer i.fa.fa-facebook-square, #site-footer i.fa.fa-youtube { font-size: 30px; padding: 10px; color: #fff !important; }
#site-footer i.fa.fa-facebook-square:hover { color: #008bfa !important; }
#site-footer i.fa.fa-youtube:hover { color: #ec0000 !important; }
.single-product .left-sinlge-woo-content table { text-align: left; }
.woocommerce div.product.product-type-variable p.price, .related.products .price, .related.products .add_to_cart_button, .related.products .product_type_variable { display: none !important; }
#site-footer .widget_nav_menu li { padding: 5px 0; }
#site-footer a { color: #fff; }
footer#site-footer .copyrights { border-top: 1px solid rgb(0 132 203 / 40%); padding: 10px 0 !important; }
.grecaptcha-badge { display: none !important; }
#bang-gia-viet-bai table td { border: 1px solid #ffefb4; }
#bang-gia-viet-bai table  thead { background: #ffc107; font-weight: 700; }

/* category post */
.tl-category-post { display: grid; grid-template-columns: 70% 30%; }
.tl-category-post .layout-frist { display: grid; grid-template-columns: 60% 40%; }
.tl-category-post .layout-frist-right { padding-left: 20px; }
.tl-category-post .layout-frist-right article.item { grid-template-columns: 15% 85%; display: grid; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #ddd; }
.tl-category-post .layout-frist-right article.item:last-child, .tl-category-post .layout-list article.item:last-child { border: none; }
.tl-category-post .layout-frist .ngaydang { color: #777; font-size: 90%; }
.tl-category-post .layout-frist-right article.item h3.title { font-size: 100%; font-weight: 400; padding-left: 15px; margin-top: 0; padding-top: 0; }
.tl-category-post .layout-grid { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0; border-top: 1px solid #ddd; padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.tl-category-post .layout-grid article.item { width: 23%; }
.tl-category-post .layout-grid article.item img { margin: auto; object-fit: cover; object-position: center center; height: 175px; width: 100%; }
.tl-category-post .layout-grid article.item h3.title, .tl-category-post .layout-list article.item .list-infool h3.title { font-size: 100%; }
.tl-category-post .layout-list article.item { padding-bottom: 15px; display: flex; margin-bottom: 15px; border-bottom: 1px solid #ddd; flex-wrap: wrap; justify-content: space-between; }
.tl-category-post .layout-list article.item .post-thumbnail { width: 160px; }
.tl-category-post .layout-list article.item .list-infool { width: calc(100% - 175px); }
.tl-category-post .layout-list article.item .list-infool h3.title { margin-top: 0; padding-top: 0; }
aside#sidebar { padding-left: 25px; }
@media screen and (max-width:991px) {
    .tl-category-post .layout-frist { display: grid; grid-template-columns: auto; }
    .tl-category-post .layout-frist-right { padding-left: 0; border-top: 1px solid #ddd; margin-top: 20px; padding-top: 10px; }
    .tl-category-post .layout-grid article.item { width: 48%; margin-bottom: 20px; }
    .tl-category-post .layout-grid article.item img { height: 160px; }
    .tl-category-post .layout-grid article.item h3.title, .tl-category-post .layout-list article.item .list-infool h3.title { font-weight: 400; }
    .tl-category-post .layout-list article.item .list-infool .excerpt { display: none }
    aside#sidebar { padding-left: 0; }
}
@media screen and (max-width:575px) {
    .tl-category-post .layout-grid article.item img { height: 135px; }
    .tl-category-post .layout-list article.item .post-thumbnail { width: 125px; }
    .tl-category-post .layout-list article.item .list-infool { width: calc(100% - 135px); }
}

/* RESPONSIVE */
@media screen and (min-width:992px) {
    .cam-ket { padding: 25px 15px }
    .ly-do-chon-left, .ly-do-chon-right { margin-top: 100px; }
    .category .post-article article .recent-item, .single article .recent-item, .archive.tag .article .recent-item { margin-top: 10px; background: #fff; padding: 10px; }
    .auth .account, .auth .login { margin-left: 50px; }
    .service_type-email-doanh-nghiep, .service_type-cloud-vps {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .content-single-du-a { flex-wrap: wrap; display: flex; flex-direction: row; margin-top: 30px; }
}
@media screen and (max-width:991px) {
    .nav-header a.close-menu { padding: 0 !important; right: 0px !important; top: 2px; position: absolute; }
    #header .header-right #hkt-navigation .navigation { width: 300px; float: none; }
    #header { position: relative !important; top: 0; padding: 0; }
    #site-header .header-top .menu-top-ws, #site-header .header-top .hotline-top { display: none !important; }
    #header .header-right { width: 50px; position: absolute; right: 20px; top: 25px; }
    #header .header-right .navigation a { color: #e4e4e4 !important; }
    .title-home .title-ttnb, .title-home h2 { font-size: 23px; }
    .title-home p { font-size: 14px; }
    .goi-dich-vu .boxcontent { max-height: 300px; }
    #tinh-nang-tieu-bieu { padding: 0; }
    #tinh-nang-tieu-bieu .tinh-nang-item { width: 50%; }
    #tinh-nang-tieu-bieu { background-size: 80%; }
    #tinh-nang-tieu-bieu .wpb_column.vc_column_container.vc_col-sm-12 { background: rgb(255 255 255 / 95%); padding-top: 40px; padding-bottom: 40px; }
    #site-header .header-top .container { justify-content: space-between; }
    #site-header .header-top .search-box { padding-top: 3px; }
    .ly-do-chon-left { position: relative; z-index: 1; width: 100%; }
    .ly-do-chon-center { position: absolute !important; top: 15%; z-index: 0; opacity: 0.1; width: 100%; }
    .ly-do-chon-right { position: relative; z-index: 1; width: 100%; }
    #quy-trinh-web .vc_message_box { font-size: 14px; border-color: #ffeccc; background-color: rgb(255 244 226 / 90%); }
    .san-pham-webseo-col-2.san-pham-webseo-col { padding: 20px 15px; text-align: center; }
    .dich-vu-col { width: 50% !important; }
    #san-pham-webseo { margin-top: 0; padding-bottom: 0; }
    .san-pham-webseo .san-pham-webseo-col { height: auto; }
    .san-pham-webseo-col-2.san-pham-webseo-col, .san-pham-webseo-col-1.san-pham-webseo-col { background: #0066b3; border-bottom: 1px solid #0071c7; border-top: 1px solid #00599d; }
    .san-pham-webseo-col-1.san-pham-webseo-col { padding: 10px 5px; }
    .san-pham-webseo .box-item-ws-1 { display: flex; justify-content: flex-start; text-align: left; flex-wrap: wrap; }
    .san-pham-webseo .box-item-ws-1 .box-item-left { width: 100px; }
    .san-pham-webseo .box-item-ws-1 .box-item-right { width: calc(100% - 100px); padding-left: 15px; }
    .san-pham-webseo .box-item-ws-1 .box-item-right .title-box, .san-pham-webseo .link-box { text-align: left !important; padding: 5px 0 !important; margin: 0; }
    .san-pham-webseo .vc_btn3-container.vc_btn3-center { text-align: left; }
    .san-pham-webseo .vc_btn3-container { margin-bottom: 0; }
    .single-post-theme-webseo { flex-direction: column-reverse; }
    .single-post-theme-webseo .single-themes-webseo-left, .single-post-theme-webseo .single-themes-webseo-right { width: 100%; }
    .single-post-du-an .single-du-an-left, .single-post-du-an .single-du-an-right { width: 100%; }
    .single.single-themes-webseo .box-km li { border-bottom: 1px dashed #f7de8e; }
    .single.single-du-an .box-km li { border-bottom: 1px dashed #f7de8e; }
    .category-theme-ws-main { display: flex; justify-content: center; flex-direction: row; padding-top: 25px; flex-wrap: wrap; }
    .article.category-theme-ws-main-content { width: 100%; }
    .category-theme-ws-main-sidebar { width: 100%; padding: 0; }
    .post-listing .theme-ws-item { width: 50%; }
    .theme-ws-item-main .post-thumbnail { height: 240px; }
    .bang-gia-dv-ws { display: flex; flex-wrap: wrap; }
}
@media screen and (max-width:767px) {
    #cong-trinh-tieu-bieu .vc_column_container { border-bottom: 1px dashed rgb(255 182 75 / 43%); padding-bottom: 15px; }
    th.product-subtotal, td.product-subtotal, th.product-quantity, td.product-quantity, th.product-price, td.product-price, table.shop_table td.product-remove, table.shop_table th.product-remove { width: 100% !important; }
    #tinh-nang-tieu-bieu .tinh-nang-item { width: 100%; }
    #tinh-nang-tieu-bieu .tinh-nang-noi-bat-item { padding: 10px; background: rgb(238 238 238 / 64%); margin-top: 3px !important; }
    #tinh-nang-tieu-bieu .tinh-nang-noi-bat-item h3 { margin: 0; }
    #tinh-nang-tieu-bieu .title-home { margin-bottom: 25px !important; }
    #tinh-nang-tieu-bieu .tinh-nang-noi-bat-item h3:before { font-size: 22px; }
    .theme-ws-item-main { margin: 10px 5px; }
    .single .single-post { padding: 0; }
    ul.social-share-container a { padding: 6px 10px; margin-right: 5px; }
    #tinh-nang-tieu-bieu { background: #f6f6f6; }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 50%; margin: 0; }
    .recent-item.default { display: flex !important; flex-wrap: nowrap; flex-direction: row !important; }
    .recent-item.default .post-thumbnail { width: 25%; }
    .recent-item.default .entry { width: 75%; }
    .recent-item.default .entry h3.post-box-title { font-size: 14px; margin-top: 0 !important; padding-left: 10px; padding-top: 0; }
    .recent-item.default .entry .excerpt { display: none !important; }
}
@media screen and (max-width:575px) {
    .box-category-duan .theme-ws-item { width: 50%; }
    .category .post-article article .recent-item .entry, .single article .recent-item .entry, .category .post-thumbnail, .single .post-thumbnail { width: 100%; padding-right: 0 !important; }
    .category .entry .post-box-title, .single .entry .post-box-title { margin-top: 10px !important; }
    .dich-vu-col, .san-pham-webseo { width: 100% !important; }
    .san-pham-webseo .box-item-ws-1 .box-item-right { padding-left: 10px; }
    .home .theme-ws-item-main .post-thumbnail { height: 320px; }
}
@media screen and (max-width:400px) {
    .home .theme-ws-item-main .post-thumbnail { height: 265px; }
}
.theme-ws-item-main .entry a.view-more { display: none; }
.full-w { width: 100%; }

/* PAGE KINGCOMPOSER */
#page, #page > .page { width: 100%; margin-bottom: 30px; }
.home .main-container #page { padding-left: 0; padding-right: 0; padding-top: 0; }
#slider { }
section.kc_row { padding: 35px 10px; }
.kc-title-wrap { margin-bottom: 20px; }
.kc-title-wrap .kc_title { font-size: 2rem; text-transform: uppercase; margin-bottom: 0 !important; text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.15); font-weight: 700; }
.kc-title-wrap .kc_title.center { text-align: center; }
.kc_row .kc_button { border-radius: 3px; padding: 6px 10px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .15); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .15); -webkit-transition: all .15s linear 0s; -o-transition: all .15s linear 0s; transition: all .15s linear 0s; white-space: normal; }
.kc_row .kc_button:hover { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15); }
#banner { padding: 40px 10px; background-color: #3199ff; color: #fff; background-image: url("assets/images/mountain_in_whois.png"); background-position: center bottom; background-repeat: no-repeat; background-size: auto; }
#banner .kc-title-wrap { margin-bottom: 25px; }
#banner .kc-title-wrap .kc_title { font-size: 2.5rem; }
#banner .kc_text_block h3 { font-size: 1.7rem; }
.kc_row.bg-color { background: #232C3B; color: #fff; }
.cell-view { display: table-cell; vertical-align: middle; height: inherit; width: 1000px; }
.service-block .post-thumbnail { width: 80px; height: 80px; position: relative; margin: 0 auto -40px auto; display: block; border-radius: 50%; }
.service-block .entry { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); text-align: center; padding: 0; }
.service-block .top { background: #242b32; color: #fff; height: 210px; padding: 0 20px; }
.service-block .top .title { color: #fff; font-size: 24px; font-weight: 600; line-height: 24px; padding: 20px 0 0; margin-bottom: 15px; }
.service-block .middle { }
.service-block .middle p { font-size: 14px; line-height: 18px; color: #6a7483; text-align: center; padding: 11px 5px; margin-bottom: 0; }
.service-block .middle p:nth-child(2n) { background: #f0f0f0; }
.service-block .bottom { background: #f9f9f9; height: 130px; padding: 0 20px; }
.service-block .bottom .price { font-size: 20px; line-height: 30px; color: #ff6c3a; font-family: 'bold', sans-serif, Arial; margin-bottom: 22px; }
.service-block .bottom p { text-align: center; margin-bottom: 0; }
.service-block .button { background-color: #198a35; border: solid 1px #2f8c46; color: #fff; padding: 10px 20px; }

/*--- ---*/
.domain-register .kc_button { color: #fff; }
.design-webshop { background: url("assets/images/zozo-web-bg.png") top center/cover no-repeat #e06d18; color: #fff; position: relative; z-index: 1; }
.design-webshop:before { content: ""; background-color: #e06d18; opacity: .87; filter: alpha(opacity=87); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
.design-webshop .kc_button { background-color: #fff; }
.design-webshop .kc_title { margin-top: 0; }
.button:hover, .btn:hover { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 -40px rgba(255, 255, 255, 0.2) !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, .2), inset 0 -40px rgba(255, 255, 255, 0.2) !important; }
.btn-default { padding: 8px 10px; color: #333; background-color: #fff; border-color: #ccc; line-height: 1; font-size: .95rem; }
#page.page-register-domain, #page.page-whois-domain { padding-top: 0; }
.search-form-wrap { border-radius: 4px; background-color: #e2e2e2; padding: 20px }
.hkt-check-domain .search-form .input-group.is-focus, .hkt-check-domain .search-form .input-group:focus { -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.35); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.35); }
.hkt-check-domain .search-form .input-search, .hkt-check-domain .search-form .btn-search { outline: none; box-shadow: none; }
.hkt-check-domain .search-form .input-search { border-radius: 5px 0 0 5px; border-width: 1px 0 1px 1px; }
.hkt-check-domain .search-form .btn-search { background-color: #f7c641; border-color: #f7c641; color: #424242; border-radius: 0 5px 5px 0; }
.search-result .re-item { display: flex; justify-content: space-between; align-items: center; background-color: #fff; color: #424242; padding: 10px; border-bottom: 2px solid #e2e2e2; }
.search-result .re-first { padding: 15px; border-bottom: none; }
.re-first .box-left { color: #424242; font-size: 1.6rem; }
.re-item .fee { margin: 0; color: #cf6b15; font-size: 18px; }
.search-result .suggestion-wrap { background-color: #e2e2e2; padding-top: 20px; padding-bottom: 20px; flex-direction: column; }
.search-result .suggestion-wrap .title { color: #424242; font-weight: 600; margin-bottom: 20px; }
.cart-item-content .header { padding: 0 15px; border-bottom: 1px solid #e2e2e2; background-color: #424242; }
@media (max-width:767px) {
    .cart-item-content .header { display: none; }
}
.cart-item-content .order-prd-title { font-size: 15px; padding: 8px 0; display: block; color: #fff; }
.product-incart .cart-item { margin-bottom: 15px; padding: 10px; border: 1px solid #e2e2e2; box-shadow: 1px 2px 0 0 rgba(0, 0, 0, .1); -moz-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, .1); }
.cart-item p { margin-bottom: 5px; }
.cart-item p.name:first-letter { text-transform: uppercase; }
.cart-item .status > small { font-size: .9rem; border: 1px dashed #1eba5c; padding: 3px 6px; white-space: nowrap; }
.cart-item .price .btn-remove { padding: 0 5px; color: #525252; background-color: #fff; border: 1px dotted #b6b6b6; margin-top: 2px; font-size: .9rem; }
.cart-sidebar .box-inner.promotion { padding: 10px; background-color: #f2f2f2; }
.cart-sidebar label { margin-bottom: 1px; }
.cart-sidebar .input-group .form-control { height: 34px; }
.cart-sidebar .cart-order-sum { background-color: #fff8d0; padding: 10px; margin-bottom: 15px; border: 1px dashed #e2e2e2; }
.cart-sidebar .total-payment, .cart-sidebar .total-saving { padding: 5px 0; margin: 0 0 10px; border-bottom: 1px dotted #b6b6b6; }
.cart-sidebar .total-saving { display: flex; justify-content: space-between; }
.total-saving .cart-txt-sum { font-size: 18px; font-weight: 600; color: #cc5e0e; }
.total-payment .txt-title { font-size: 20px; font-weight: 600; }
.total-payment .cart-txt-sum { font-size: 20px; font-weight: 600; color: #c61818; }
.checkout-wrap h3 { padding: 0; padding-left: 8px; margin-bottom: 0; border-left: 2px solid #e81224; color: #424242; font-size: 18px; font-weight: 600; text-transform: uppercase; margin-top: 0; }
.customer-info label { margin-bottom: 0; }
.customer-info textarea { min-height: 55px; }
.box-user p, #modal_user_mess p { margin-bottom: 3px; line-height: 20px; font-size: 15px; }
.personal-register { background-color: #e2e2e2; margin-bottom: 20px; padding: 10px; border-radius: 3px; }
.personal { padding: 10px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15); }
.personal .personal-label { font-size: 18px; font-weight: 600; }
.personal .form-group { margin-bottom: 8px; }
.personal .form-group label { font-size: 14px; line-height: 18px; font-weight: 600; }
.personal label sup { color: #c61818; top: 0; font-size: 16px; }
.menu.nav-tabs { margin: 0; flex-direction: column; border: 1px solid #dee2e6; }
.menu.nav-tabs .nav-item { border: solid #ddd; border-width: 0 0 1px 0; }
.menu.nav-tabs .nav-link { border: none; }
.menu.nav-tabs .nav-link.active { background-color: #242b32; color: #fff; }
.menu.nav-tabs .nav-link i { margin-right: 5px; }
.dashboard { padding-top: 15px; }
.dashboard td.service-info p { margin-bottom: 0; }
.dashboard form label { margin-bottom: 0; }
.dashboard .tab-pane { font-size: 14px; }
.page-email { font-size: 1rem; }
.list-group-item.title, .list-group-item.title:focus, .list-group-item.title:hover { color: #777; cursor: not-allowed; background-color: #eee; }
.page-email .list-group-item { padding: 10px 15px; }
.page-email .td-action a { display: inline-block; font-size: 1.4rem; }
.page-email .td-action a:not(:last-child) { margin-right: 10px; }
.top-action p { margin-bottom: 0; }
.top-action .btn { border: 1px solid #242b32; }
.top-action .btn.active, .top-action .btn:hover { background-color: #242b32; color: #fff; }
.service-suggest { font-size: 16px; font-weight: 600; }
.service-suggest .panel { margin-bottom: 8px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.service-suggest .panel-heading { color: #333; padding: 10px 15px; background-color: #f5f5f5; border: 0 solid #ddd; border-bottom-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.service-suggest .panel-title { position: relative; padding-right: 20px; }
.service-suggest .panel-title .icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
.service-suggest .panel-title .accordion-toggle { display: block; width: 100%; }
.service-suggest .panel-title .accordion-toggle span { display: block; }
.service-suggest .panel-title .des-info { font-size: 12px; color: #727272; }
.service-suggest .panel-body { padding: 15px 5px; display: flex; overflow-x: auto; overflow-y: hidden;    /*white-space: nowrap;*/ -webkit-overflow-scrolling: touch; }
.service-suggest::-webkit-scrollbar { height: 6px; }
.service-suggest::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #FF3636 0%, #FFC700 100%); border-radius: 2px; transform: matrix(1, 0, 0, -1, 0, 0); }
.panel-collapse .item { max-width: 100% !important; }
.recent-item.layout-s1 { padding: 10px 10px 20px; margin: 5px 10px; background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); width: 280px; }
.recent-item.layout-s1 .top { margin-bottom: 20px; }
.recent-item.layout-s1 .title { text-align: center; font-size: 16px; font-weight: 600 }
.recent-item.layout-s1 .middle { font-size: 14px; font-weight: 400; height: 100px; overflow: hidden; }
.recent-item.layout-s1 .middle p { margin-bottom: 3px; padding-left: 12px; position: relative }
.recent-item.layout-s1 .middle:before { content: "\f105"; position: absolute; left: 0; top: 0; display: block; font-family: "FontAwesome"; }
.recent-item.layout-s1 .bottom { margin-top: 20px; padding-top: 20px; border-top: 1px solid  #e2e2e2; text-align: center; }
.recent-item.layout-s1 .price { margin-bottom: 6px; color: #ff6c3a; }
.bottom .btn-red-outline { font-size: 14px; padding: 5px 15px; border: 1px solid #e03b24; background-color: #fff; color: #c02f1b; }
.bottom .btn-red-outline:hover { background-color: #e03b24; color: #fff; -webkit-box-shadow: none; box-shadow: none; }
.btn-main { margin: 10px 0 20px; padding: 10px 20px; font-size: 14px; border: 1px solid #4894df; background-color: #4894df; color: #fff; }
.btn-main:hover { color: #fafafa; }

/* Nganluong Style */
.table-responsive .boxContent { display: block; width: 100%; max-width: 100%; }
ul.bankList { clear: both; height: 202px; width: 636px; }
ul.bankList li { list-style-position: outside; list-style-type: none; cursor: pointer; float: left; margin-right: 0; padding: 5px 2px; text-align: center; width: 90px; }
.list-content li { list-style: none outside none; margin: 0 0 10px; }
.list-content li .boxContent { display: none; border: 1px solid #cccccc; padding: 10px; }
.list-content li.active .boxContent { display: block; }
.list-content li .boxContent ul { min-height: 280px; }
i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB, i.NAB, i.BAB { width: 80px; height: 30px; display: block; background: url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat; }
i.MASTE { background-position: 0px -31px }
i.AMREX { background-position: 0px -62px }
i.JCB { background-position: 0px -93px; }
i.VCB { background-position: 0px -124px; }
i.TCB { background-position: 0px -155px; }
i.MB { background-position: 0px -186px; }
i.VIB { background-position: 0px -217px; }
i.ICB { background-position: 0px -248px; }
i.EXB { background-position: 0px -279px; }
i.ACB { background-position: 0px -310px; }
i.HDB { background-position: 0px -341px; }
i.MSB { background-position: 0px -372px; }
i.NVB { background-position: 0px -403px; }
i.DAB { background-position: 0px -434px; }
i.SHB { background-position: 0px -465px; }
i.OJB { background-position: 0px -496px; }
i.SEA { background-position: 0px -527px; }
i.TPB { background-position: 0px -558px; }
i.PGB { background-position: 0px -589px; }
i.BIDV { background-position: 0px -620px; }
i.AGB { background-position: 0px -651px; }
i.SCB { background-position: 0px -682px; }
i.VPB { background-position: 0px -713px; }
i.VAB { background-position: 0px -744px; }
i.GPB { background-position: 0px -775px; }
i.SGB { background-position: 0px -806px; }
i.NAB { background-position: 0px -837px; }
i.BAB { background-position: 0px -868px; }
ul.cardList li { cursor: pointer; float: left; margin-right: 0; padding: 5px 4px; text-align: center; width: 90px; }

/* MẪU BIÊN BẢN BÀN GIAO */
.contenthopdong { position: relative; }
.watermarch { display: flex; margin: auto; align-items: center; justify-content: center; top: 0; border: 0; z-index: 0; color: #00000026; height: 100%; width: 100%; font-family: times; font-size: 203px; position: absolute; transform: rotate(311deg); -webkit-transform: rotate(311deg); -ms-transform: rotate(311deg); -moz-transform: rotate(311deg); }
.mau-bbbg { position: relative; font-family: times; }
.bbbg1:after { content: ""; width: 200px; left: 0; right: 0; margin: auto; height: 2px; border-bottom: 2px dashed #ccc; position: absolute; }

.fade:not(.show) {
    opacity: 1;
}

.overlay_menu.active {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000000d1;
    z-index: 999;
}
.views-coupon-list {
    margin: 10px 0 5px;
    display: block;
}
.flags-list-group, .list-group-ui-base, .list-group-ui-bordered, .list-style-none, ul.list-group-material, ul.product-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
    .list-group-ui-base > li {
        padding: 5px 0;
    }
.cart-sidebar .frm-coupon .coupons-list .list-item > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100%;
    padding: 0 1px;
    min-height: 40px;
}
    .cart-sidebar .frm-coupon .coupons-list .list-item > a .label {
        padding: 5px 15px;
        margin-bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 36%;
        background-color: #fff;
        color: #000;
        position: relative;
    }
        .cart-sidebar .frm-coupon .coupons-list .list-item > a .label:before {
            top: -5px;
        }
        .cart-sidebar .frm-coupon .coupons-list .list-item > a .label:after {
            bottom: -5px;
        }
        .cart-sidebar .frm-coupon .coupons-list .list-item > a .label:after, .cart-sidebar .frm-coupon .coupons-list .list-item > a .label:before {
            content: "";
            background-color: #e3f2ff;
            height: 10px;
            width: 11px;
            position: absolute;
            right: -6px;
            border-radius: 50%;
        }
    .cart-sidebar .frm-coupon .coupons-list .list-item > a .txt {
        color: #424242;
        padding: 2px 5px 2px 10px;
        border-left: 1px dashed #bcddff;
        background-color: #fff;
        width: 100%;
        white-space: normal;
        font-size: .9em;
        line-height: 1.7;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
.cur-pointer {
    cursor: pointer;
}
.loadding-animate {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999999;
    display: none;
}