/*
Theme Name: WebSeo Child
Theme URI:  https://webseo.comm.vn
Author: Huy Tập - nguyenhuytap@gmail.com
Author URI: https://webseo.comm.vn
Description: This theme is an engaging WordPress theme that is designed to help boost social shares and get you more viral traffic from the web's top social media websites.
Version: 2.1 (Updated: 24/11/2023 17:00)
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hkt
Template: hkt-simple
*/

/* width */::-webkit-scrollbar { width: 10px; }

/* Track */
::-webkit-scrollbar-track { box-shadow: inset 0 0 2px grey; border-radius: 0; }

/* Handle */
::-webkit-scrollbar-thumb { background: #777; border-radius: 0; }
:root { --xam: #9e9e9e; --do: #ed1c24; --nau: rgba(25,119,168,0.98); --nen: #d9d9d9 }
body { font-family: "Arial", sans-serif; color: #565656 }
.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1600px; }
a { color: var(--nau); }
a:hover { color: var(--cam); text-decoration: none; }
b, strong { font-weight: bold; }
.container-fluid.p-0.clearfix { background: #fff; }
.home .container-fluid.p-0.clearfix { background: transparent; }
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0; }
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0; }
.post-thumbnail a { background: transparent; }
.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1170px; }

/* CSS THEME */
header#site-header {
    box-shadow: 1px 1px 2px #ccc;
    background-color: transparent;
    background-image: linear-gradient(110deg, #30724A 0%, #192051 100%);
    padding: 10px 0;
}
.header-top { background: var(--xam); color: var(--white); }
.menu-header-top { display: flex; justify-content: flex-end; }
.menu-header-top li { padding: 0 10px; }
.menu-header-top a { color: #fff; }
.header-top-wrapper { display: flex; justify-content: flex-end; }
.tl-header-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.tl-header-wrapper .tl-menu-wrapper-center #hkt-navigation { background: transparent; }
.navigation a { color: var(--black); font-weight: 700; text-transform: none; }
.navigation > ul > .current a, .navigation > ul > .current-menu-item a { background: transparent; color: var(--cam); }
.navigation:not(.mobile-only) ul ul { background-color: var(--nau); }
nav.navigation:not(.mobile-only) ul ul { background-color: var(--nau); margin: 10px 0 0; width: 280px; }
nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:before { border-bottom: 10px solid var(--nau); }
#hkt-navigation nav.navigation:not(.mobile-only) ul ul li+li { border-top: 1px solid var(--xam); }
#hkt-navigation nav.navigation:not(.mobile-only) ul ul li+li { border-top: 1px solid var(--xam); }
.header__button { display: inline-block; padding: 8px 20px 9px 20px; color: #fff !important; width: 100%; text-align: center; font-weight: 700; background-color: var(--xam); }
.header__button:hover { background: var(--nau); }
#hkt-navigation nav.navigation:not(.mobile-only) ul ul li a { text-transform: none; }
.navigation ul li:hover > a { background: transparent; color: var(--cam); }
ul#mainmenu { display: flex; justify-content: flex-start; }
ul#mainmenu a {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}
#logo img { max-width: 240px; height: auto; }
.info-slider-wrapper {
    top: 25%;
    left: 0;
    right: 0;
    position: absolute;
}
.home #slider-home-vanho-wrapper img {
    height: calc(100vh - 80px);
}
#slider-home-vanho-wrapper img {
    margin: auto;
    object-fit: cover;
    object-position: top left;
    height: calc(77vh - 80px);
    width: 100%;
    animation: zoominoutsinglefeatured 0s infinite;
}
.info-slider-wrapper-left .info-slider-wrapper-center {
    background: #fff;
    color: #222;
    padding: 20px;
    max-width: 540px;
}
.home .info-slider-wrapper-left .info-slider-wrapper-center {
    background: rgb(0 0 0 / 79%);
    color: #fff;
}
.info-slider-wrapper-left .title.entry-title {
    font-size: 180%;
    text-align: center;
    font-weight: 400;
}
.info-slider-wrapper-left .info-mttt {
    font-size: 97%;
    line-height: 1.7;
}
.button-home-slider {
    background: rgb(255 255 255 / 70%);
    display: table;
    margin: auto;
    padding: 9px 15px;
    border-radius: 3px;
}
.button-home-slider:hover {
    background: #fff;
}
.button-home-slider a {
    color: #222;
    font-size: 90%;
}
.form-tuvanvinhomes {
    background: url(/wp-content/uploads/2024/03/thanh-pho-bien-ho-vinhomes-ocean-park.jpg);
    background-size: cover;
    border-width: 2px;
    border-color: #ffffff;
    border-style: solid;
    box-shadow: 0 0 10px 0 #000000;
    padding: 30px;
}

.form-tuvanvinhomes h2 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    color: #606060;
}
.style-2.home-gioithieu-oceanpark-cty {
    padding: 100px 0;
}
.style-2.home-gioithieu-oceanpark-cty a {
    color: #222;
}
.style-2.home-gioithieu-oceanpark-cty .img-box {
    width: 70%!important;
}
.style-2.home-gioithieu-oceanpark-cty .img-box img {
    border: 10px solid #ffffffc4;
    border-radius: 250px;
}
.style-2.home-gioithieu-oceanpark-cty .box-item-webseo-left {
    width: 30%!important;
}
.style-2.home-gioithieu-oceanpark-cty .box-item-webseo-left-center {
    margin-left: 50px;
}
.style-2.home-gioithieu-oceanpark-cty .box-item-webseo-left-center .title-box {
    font-weight: 400;
    text-align: center;
}
.ws-full-screen-box {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-gioithieu-cacduan .img-box{
    width: 60%!important;
}
.home-gioithieu-cacduan .box-item-webseo-left a {
    color: #fff;
}
.home-gioithieu-cacduan .box-item-webseo-left {
    width: 40%!important;
    color: #fff;
}
.home-gioithieu-cacduanvin {
        flex-direction: row-reverse;
}
.home-gioithieu-cacduanvin img {
    border: 10px solid #fff;
}
.home-gioithieu-cacduan:before,.hinh-mo:before {
    background: #000000ba;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.hinh-mo-white:before {
    background: rgb(255 255 255 / 90%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.home-chothuechuyennhuong .img-box {
    width: 65%;
}
.home-chothuechuyennhuong .box-item-webseo-left {
    width: 35%;
    max-width: 500px;
    padding: 30px;
    margin: auto;
}
.home-chothuechuyennhuong .box-item-webseo-left .title-box {
    text-align: center;
    font-size: 170%;
    font-weight: 400;
}
a.xemchitiet:hover {
    opacity: 0.7;
}
#home-congdongvinhomes {
    padding: 140px 0;
}
.form-vinhomesland-footer {
    position: relative;
    overflow: hidden;
    background: url(/wp-content/uploads/2024/03/vinhomes-ocean-park-background.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.av-section-color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 70%);
}
.form-vinhomesland-footer h2 {
    color: #fff;
    text-align: center;
    font-weight: 400;
    padding: 15px;
    font-size: 140%;
}
.form-footer-ws {
    position: relative;
}
.form-vinhomesland-footer textarea {
    width: 100%;
    height: 150px;
}
.con-so-biet-noi {
    padding: 80px;
    color: #fff;
}
.con-so-biet-noi .wsboxtitlecontent h3 {
    font-weight: 400;
    font-size: 180%;
}
.con-so-biet-noi .wsboxtitlecontent {
    text-align: center;
    margin-bottom: 45px;
}
.con-so-biet-noi #number {
    font-size: 290%;
}
.about-visaochon-item {
    padding: 40px 20px;
    background: #eee;
    margin-top: 60px;
    position: relative;
    margin-bottom: 20px;
}
.about-visaochon-item:before {
    font-family: 'FontAwesome';
    content: "\f005";
    font-size: 25px;
    height: 50px;
    width: 50px;
    margin: auto;
    left: 44%;
    top: -25px;
    border-radius: 50%;
    color: #fff;
    margin-right: 10px;
    position: absolute;
    background: #545454;
    padding: 8px 13px;
}
.about-visaochon-item.icon-hotrochuyensau:before {
    content: "\f00c";
}
.about-visaochon-item.icon-hotrofull:before {
    content: "\f004";
}
.about-visaochon-item.icon-hotrotralai:before {
    content: "\f01e";
}
.box-item-webseo.img-rounded-circle img {
    border-radius: 50%;
    border: 10px solid rgb(255 255 255 / 80%);
}
.box-item-webseo.style-5 {
    padding: 50px 0;
}
.box-item-webseo.style-5 .box-item-webseo-left-center {
    border: 2px solid #fff;
    margin: 10px;
}
.box-item-webseo.style-5 .title-box a {
    color: #fff;
}
.box-item-webseo.style-5 .title-box {
    text-align: center;
    font-size: 170%;
    font-weight: 400;
}
.box-item-webseo-left-center.text-white.p-3 .xemchitiet {
    color: #fff;
}
.slider-style-1 img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: top;
}
.slider-style-1 .carousel-thumbnails img {
    width: 25%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: top;
}
.gradient-background {
    background: linear-gradient(270deg, #236093 0%, #345574 100%);
}
.ws-title-center .title-box {
    text-align: center;
    font-weight: 400;
    font-size: 180%;
}
.image-background-2 {
    padding: 10px;
    background-color: #345574;
    border-radius: 0;
}
.image-background-white {
    padding: 10px;
    background-color: #fff;
    border-radius: 0;
}
.boxcontent table td, .boxcontent table th {
    border: 1px solid #a3a3a3;
    padding: 6px;
}
.boxcontent table th {
    background: #236093;
    color: #fff;
}
.boxcontent table {
    width: 100%;
}
.image-background-white-border-round .img-box img {
    border: 10px solid #ffffffbf;
    border-radius: 200px;
}
.navigation ul li,.navigation ul li:first-child {
    border: transparent;
}
.home-csbh {
    border-style: double;
    border-width: 5px 5px 5px 5px;
    border-color: #e39725;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-radius: 4%;
}
.home-csbh-images img {
    border-style: solid;
    border-color: #e39725;
    border-radius: 25px 25px 25px 25px;
}
.wpb_wrapper {
    text-align: justify;
    font-family: "Quicksand", Roboto;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.7em;
}
.form-vinhomesland {
    background-image: linear-gradient(130deg, #192051 10%, #20472F 100%);
    padding: 70px 0;
    text-align: center;
    color: #fff;
}
.form-inffo-colurm h2 {
    font-family: 'Quicksand';
    font-weight: 400;
    text-align: center;
}
.form-inffo-colurm h3 {
    font-family: 'Quicksand';
    font-weight: 400;
    text-align: center;
    font-size: 20px;
    color: #ffcc00;
    padding-bottom: 33px;
}
.wpcf7-submit {
    background: #e39725;
    color: #fff;
    padding: 10px 25px;
    font-size: 90%;
    width: 100%;
}
.lydonenchon {
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    color: #222;
    border-style: solid;
    border-color: #e39725;
    border-radius: 30px 30px 30px 30px;
}
.single .post-single-content ul {
    list-style: none!important;
    margin: 0!important;
}
.lydonenchon ul li:before {
        display: inline-block;
    font-family: 'FontAwesome';
    padding-right: 5px;
    font-weight: 900;
    content: "\f058";
    color: #27940e;
    font-size: 0.9em;
}
.grid-anh-ws .gallery-columns-4 figure.gallery-item {
    width: 25%;
}
.grid-anh-ws .gallery-columns-4 {
    display: flex;
    flex-wrap: wrap;
}
.grid-anh-ws .gallery-columns-4 figure.gallery-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: top;
}
#main-content { background: #fff; }
.ws-header-page-left { position: relative; line-height: 1.6; background: var(--nau) url(/wp-content/uploads/2023/12/v1.png) no-repeat bottom right; min-height: 400px; width: 30%; background-size: 60%; padding: 30px; color: #fff; box-shadow: -1px 16px 20px 20px #77777726; margin-top: -200px; margin-bottom: 50px; }
.ws-header-page-left h1 { padding-bottom: 25px; line-height: 1.2 !important; }
.ws-header-page-left h1 a { font-size: 26px; color: #fff; }
.slogan-vh .content-slogan-vanho { background: #fff; padding: 15px; }
.slogan-vh .content-slogan-vanho .content__container { font-size: 13px; font-weight: 400; color: var(--do); }
.slogan-vh .content-slogan-vanho .content__container #text-container { padding-right: 10px; }
.slogan-vh .content-slogan-vanho .content__container ul.content__container__list { padding-top: 6px; }
.caption-vh ul { list-style: square; padding-left: 15px; }
.ws-header-page-center { position: relative; top: 80px; width: 20%; padding: 35px; display: flex; justify-content: center; min-width: 200px; }
.ws-header-page-right { position: relative; width: 50%; margin-top: 0; padding: 30px 0; text-align: justify; }
.form-contact-vanho input, .form-contact-vanho textarea, .form-contact-vanho select { width: 100%; padding: 12px; max-height: 100px; }
.form-contact-vanho { box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.15); background: #fff; padding: 30px; margin-bottom: 50px; }
.form-contact-vanho input.wpcf7-submit { background: var(--nau); border: none; color: #fff; text-transform: uppercase; font-weight: 700; }
.form-contact-vanho input.wpcf7-submit:hover { background: var(--do); }
.gioi-thieu-ngan { border-left: 2px solid var(--xam); padding-left: 30px; }
.moduntamnhin .title-box { font-size: 100%; }
.title-tamnhinsumenh { padding: 40px 0; }
#lich-su-hinh-thanh { background: url(/wp-content/uploads/2023/12/v1.png) no-repeat bottom left; background-size: contain; padding: 40px 0; }
.giatricuachungtoi .title-box { text-align: center; font-size: 30px; }
.giatricuachungtoi img { border-radius: 16px; }
.giatricuachungtoi { padding: 40px 0; }
.lich-su-hinh-thanh .lsht-vanho { list-style-type: none; position: relative }
.lich-su-hinh-thanh .lsht-vanho:before { content: ' ' !important; background: #d4d9df !important; display: inline-block !important; position: absolute !important; left: 29px !important; width: 2px !important; height: 100% !important; z-index: 400 !important }
.lich-su-hinh-thanh .container-ws.left { margin: 20px 0; padding-left: 20px }
.lich-su-hinh-thanh .container-ws.left:before { content: ' '; background: #fff; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid var(--nau); left: 20px; width: 20px; height: 20px; z-index: 400 }
.lich-su-hinh-thanh .container-ws.left .content-ws { box-shadow: 0 3px 25px 0 rgb(31 38 67 / 10%); -o-box-shadow: 0 3px 25px 0 rgba(31, 38, 67, .1); -moz-box-shadow: 0 3px 25px 0 rgba(31, 38, 67, .1); -webkit-box-shadow: 0 3px 25px 0 rgb(31 38 67 / 10%); background: #fff; padding: 15px; position: relative; margin-left: 25px; border-radius: 4px }
.lich-su-hinh-thanh .container-ws.left .content-ws .title-nam { margin: 0; padding-top: 0; color: var(--do); font-size: 16px }
.lich-su-hinh-thanh .container-ws.left .content-ws:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #fff transparent transparent; left: 0; top: 10px; margin-left: -9px }
.lich-su-hinh-thanh .container-ws.left .content-ws ul { list-style: square; padding: 0 0 0 20px }
#doi-ngu-vanho { padding: 30px 0; }
.doingu-row .wpb_wrapper { display: flex; flex-wrap: wrap; }
.doingu-row .wpb_wrapper .doingu-item { width: 50%; display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.doingu-row .wpb_wrapper .doingu-item .img-box { width: 40%; }
.doingu-row .wpb_wrapper .doingu-item .box-item-webseo-left { width: 60%; padding: 0 20px; }
.doingu-row .wpb_wrapper .doingu-item .box-item-webseo-left .title-box { color: var(--nau); font-size: 160%; }
.vanho-md2 { padding: 40px 0; }
.vanho-md2 .vanhomd2-item { box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.15); background: #fff; padding: 30px; }
.vanho-md2 .vanhomd2-item a { color: var(--nau); }
.vanho-md2 .vanhomd2-item .item-box h3 { font-size: 24px; line-height: 1.4; margin-bottom: 30px; }
.single-project .ws-header-page-right { display: flex; flex-wrap: wrap; }
.single-project .ws-header-page-left h1 a { font-size: 25px; color: #fff; }
.single-project .ws-header-page-right .thongso-duan-item-1 label, .thongso-duan-item-2 label { opacity: 0.8; font-size: 16px; font-weight: 400; }
.single-project .ws-header-page-right .thongso-duan-item-1 { width: 46%; display: flex; margin: 0 2%; padding: 20px; font-size: 20px; line-height: 1.3; font-weight: 700; text-align: center; color: #fff; align-items: center; background: var(--xam); justify-content: center; flex-direction: column; }
.thongso-duan-item-r { display: flex; flex-direction: column; justify-content: space-between; }
.thongso-duan-item-2 { background: var(--xam); color: #fff; padding: 20px; font-size: 25px; display: flex; flex-direction: column; }
.single-project-ttda { padding: 45px 0; }
.single-project-ttda .carousel-inner img { height: 360px !important; width: 100%; }
.ban-co-du-an { background: var(--nau) url(/wp-content/themes/hkt-simple-child/assets/images/Archetype-Group-asset-3.svg) no-repeat center right; color: #fff; padding: 70px 20px; font-size: 30px; }
.ban-co-du-an .header__button { font-size: 21px; }
.duan-item { position: relative; margin-bottom: 0 !important; margin-top: 20px; }
.duan-item img { margin: auto; object-fit: cover; object-position: center center; height: 265px; width: 100%; }
.duan-item .title-duan { position: absolute; bottom: 0; font-size: 12px; padding: 10px; background: rgb(127 102 10 / 65%); width: 100%; }
.duan-item .title-duan .post-box-title a { color: #fff; font-size: 15px; }
.duan-item .title-duan .diadiem-category { color: #fff; margin-top: 5px; }
.category-duan { padding-top: 40px; padding-bottom: 40px; }
.vanho-doitac .item.slide-item .post-image {
    margin: auto;
    display: table;
}
.vanho-doitac .item.slide-item {
    background: #fff;
    border: 1px solid #ccc;
    height: 70px;
    display: flex;
    align-items: center;
}
.vanho-doitac .post-image img {
    max-height: 70px;
    width: auto!important;
    padding: 8px;
}
.vanho-doitac .owl-nav i {
    color: transparent;
    background: transparent;
}
.vanho-doitac .owl-nav:hover i {
    color: #fff;
    background: #222;
}


.hotline-tuan a {
    font-size: 2em;
    font-weight: 700;
    fill: #ff2626;
    color: #ff2626;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 35px 35px 35px 35px;
    padding: 10px 30px 7px 30px;
    display: table;
    margin: 30px auto;
}
h5#tuvanngayTitle {
    text-align: center;
    color: #1977a8;
    font-family: 'Quicksand';
    margin-bottom: 10px;
    margin-top: 30px;
    font-weight: 700;
}
.form-goilai input.wpcf7-form-control {
    border: 1px solid #28892b;    border-radius: 0;
}
.form-goilai .wpcf7-submit {
   color: #fff;    border-radius: 0;
    background: #28892b;
    font-weight: 700; 
}
.social-contact {
    display: flex;
    flex-wrap: wrap;
}
.social-contact .elementor-icon-wrapper {
    width: 33.3%;
}
.social-contact .elementor-icon-wrapper a {
    padding: 5px;
    border: none;
}
.social-contact .elementor-icon-wrapper svg {
    height: 50px;
    width: 50px;
}
.tuvanngay {
    position: fixed;
    bottom: 15px;
    left: 250px;
    z-index: 999;
}
.bangiaban {
    position: fixed;
    bottom: 15px;
    left: 430px;
    z-index: 999;
}
#banggiaban ul i {
    color: #28892b;
}
/* Định nghĩa keyframes cho hiệu ứng nhấp nháy */
@keyframes nhapnhay {
  0%, 100% { opacity: 1;background:red; border: 1px solid #ff6000 } /* Ở trạng thái bắt đầu và kết thúc, nút có độ mờ là 1 (hoàn toàn rõ) */
  50% { opacity: 0.7;background:red; border: 1px solid red} /* Ở giữa quá trình, nút có độ mờ là 0 (hoàn toàn trong suốt) */
}

/* Áp dụng hiệu ứng cho nút */
.btn.tuvanngay {
  animation: nhapnhay 1s infinite; /* Thực hiện hiệu ứng 'nhapnhay' trong 1 giây, lặp lại mãi mãi */
}










/* box news */
.s-news-home .recent-item img { margin: auto; object-fit: cover; object-position: center center; height: 175px; width: 100%; }
.hotline-header a {
    color: #c69e5c;
}
/* footer */
footer#site-footer { clear: both;     background-image: linear-gradient(130deg, #192051 10%, #20472F 100%); }
.footer-w-item button i, .footer-w-item button svg { color: #5c5b5c; }
.footer-w-item button:hover { background: var(--do) !important; }
.footer-w-item button:hover i, .footer-w-item button:hover svg { color: #fff !important; }
#site-footer .inner { padding: 40px 0; }
#site-footer .footer-w-item { font-size: 90%; }
#site-footer .footer-w-item ul { margin: 0; padding: 0; }
#site-footer ul li { list-style: square; margin: 0 0 0 15px; }
.footer-w-item.footer-w-item-1 li { list-style: none !important; margin: 0 !important; }
.footer-w-item a { color: #0c248e; }
.footer-w-item button { border: 1px solid #ccc; color: #222; margin-right: 6px; padding: 0; height: 40px; width: 40px; }
.footer-w-item .btn-outline-light:hover { color: #E91E63; background-color: #f8f9fa; border-color: #E91E63; }
footer#site-footer .copyrights { color: #8b8b8b; padding: 10px 0; font-size: 85%; clear: both; line-height: 1.4; background: #2e2e2e; }
#site-footer .footer-w-item ul li { padding: 5px 0; }
#site-footer .footer-w-item ul a { color: #5c5b5c }
#site-footer .footer-w-item ul li:hover a { color: var(--do); }

/* tl breadcrumb */
.tl-breadcrumb .breadcrumb { padding: 7px; margin: 0; }
.tl-breadcrumb .breadcrumb .delimiter { padding: 0 5px; }
.hkt-breadcrumb .delimiter { padding-left: 4px; padding-right: 4px; }
.hkt-breadcrumb { padding: 0; margin: 0; background: transparent; }

/* 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); }
}

/* single post */
.tl-single-post { display: grid; grid-template-columns: 65% 35%; padding: 25px 0; }
aside#sidebar .horizontal-container-inner { display: flex; flex-wrap: wrap; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.horizontal-container-inner .post-thumbnail { width: 100px; height: 80px; }
.horizontal-container-inner .post-data.entry { width: calc(100% - 100px); padding-left: 15px; }
.woocommerce ul.product_list_widget li img { float: right; margin-left: 4px; width: 120px; height: auto; box-shadow: none; }
.woocommerce ul.product_list_widget li { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; }
.single ul.social-share-container { list-style: none !important; padding: 0 0 15px 0 !important }
.single ul.social-share-container a { padding: 5px 15px; background: #ddd; color: #fff; display: flex; margin-right: 10px }
.single ul.social-share-container a i { padding-top: 3px; padding-right: 5px }
.single ul.social-share-container .facebook-btn { background: #0c7bd3 }
.single ul.social-share-container .twitter-btn { background: #0f578d }
.single ul.social-share-container .linkedin-btn { background: #36a4fb }
.single ul.social-share-container .pinterest-btn { background: #e91e63 }
.single article#the-post h1.title { text-transform: none; font-size: 26px; padding-left: 0; line-height: 1.4; background: none; background-size: 0; height: auto; margin-top: 0 }
.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 }
.single .post-single-content ul li { padding: 5px 0 }
.single .post-single-content ul { list-style: square; margin: 15px 15px 15px 30px }
.tl-single-product { padding-top: 20px }
.tl-single-product .group-products a.item-link { border: 1px solid #e0e0e0; border-radius: 2px; color: #333; display: inline-block; font-size: 13px; min-width: 67px; padding: 0 15px; text-align: center; margin-bottom: 5px; margin-right: 2px; vertical-align: top; height: 36px; line-height: 36px; position: relative }
.tl-single-product .group-products a.item-link.active { border-color: #2f80ed; color: #2f80ed }
/* popup dai ly modal */
#popuplaocaiford .modal {
    position: fixed;
    top: 0!important;
}
 #dailyPopup .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -0px);
  }
  #dailyPopup .modal.in .modal-dialog {
    transform: translate(0, 0);
  }
  #dailyPopup .modal-backdrop.fade {
    opacity: 0;
}
#popuplaocaiford .fade:not(.show) {
    opacity: 1 !important;
    background: rgb(0 0 0 / 66%);
}
/* RESPONSIVE */
@media screen and (min-width:1601px) { }
@media screen and (max-width:1600px) { }
@media screen and (max-width:1200px) { }
@media screen and (min-width:992px) {
.tl-button-menu-mobile {
    display: none;
}#popup .form-popup-colum {
    display: flex;
}
}
@media screen and (max-width:991px) {
    .tl-header-wrapper { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
    #mobile-nav-toggle { position: relative; left: 0; right: auto; top: auto; color: #fff; }
    .tl-header-wrapper .tl-logo { display: flex; justify-content: center; }
    .tl-button-menu-mobile { width: 100px; }
    .tl-header-wrapper .tl-header-right { width: 100px; }
    .header__button { padding: 4px 15px; font-size: 86%; }
    .header__button span { display: none; }
    .content-slogan-vanho { display: none; }
    .vanho-home-gioithieu { margin: 20px 0; padding: 25px 20px; }
    .vanho-home-gioithieu .boxcontent ul { flex-direction: column; }
    .vanho-home-gioithieu .boxcontent ul li { margin: 5px 0; width: 100%; padding: 20px !important; background: var(--nau); }
    .vanho-home-gioithieu .boxcontent ul li a { background: transparent; color: #fff; padding: 0; font-size: 90%; width: 100%; }
    .vanho-home-gioithieu.linhvucdautu .boxcontent ul li { margin: 5px 0; width: 100%; }
    .tl-single-post {
    display: grid;
    grid-template-columns: 100% 100%;
    padding: 25px 0;
    padding: 15px;
}    #mobile-nav-toggle { z-index: 999; }
    #popuplaocaiford .modal { z-index: 9999; }
}
@media screen and (max-width:768px) {
    #solieu-item-col { display: flex; }
    .solieu-item { width: 33.333%; padding: 0; margin: 0; }
    .solieu-item-vanho { background: #fff; padding: 5px; margin-top: 35px; position: relative; }
    .solieu-item-vanho .title-box a { font-size: 14px; }
    .solieu-item .vc_column-inner { padding: 10px; }
    .solieu-item-vanho img { margin: auto; width: 60%; }
    .vanho-home-gioithieu.linhvucdautu .boxcontent ul li a { background: transparent; color: #fff; font-size: 120%; font-weight: 700; text-align: left; padding: 0; }
    .ws-header-page-left-default { display: flex; flex-direction: column; margin-top: 20px; }
    .ws-header-page-left { position: relative; line-height: 1.6; min-height: 100px; width: 100%; background-size: 60%; padding: 15px; color: #fff; box-shadow: -1px 16px 20px 20px #77777726; margin-top: 0; margin-bottom: 40px; }
    .ws-header-page-center { position: relative; top: 0; width: 100%; padding: 10px; display: flex; justify-content: center; min-width: 100%; }
    .ws-header-page-right { position: relative; width: 100%; margin-top: 0; padding: 45px 0; text-align: justify; }
    .doingu-row .wpb_wrapper .doingu-item { width: 100%; }
}
@media screen and (max-width:575px) {
    #logo img { max-width: 130px; height: auto; }
    .vanho-home-gioithieu .boxcontent h4 a { letter-spacing: 2px; color: var(--nau); font-weight: 400; font-size: 12px; }
    .vanho-home-gioithieu .title-box { font-size: 35px; }
    .solieu-vanho p { font-size: 154%; line-height: 1.3; margin-top: 25px; }
    .doingu-row .wpb_wrapper .doingu-item .box-item-webseo-left .title-box { color: var(--nau); font-size: 140%; padding-top: 0; margin-top: 0; }
    .grid-anh-ws .gallery-columns-4 figure.gallery-item {
    width: 50%;
}
.box-news .itemnews {
    width: 50%!important;
}
.phone1 .number {
    display: none;
}
.tuvanngay {
    left: 90px;
}
.bangiaban {
    left: auto;
    right: 10px;
}
}
@media screen and (max-width:480px) {
    #slider-home-vanho #video-container { max-height: 170px !important; }
    .ws-header-page-left h1 a { font-size: 25px; color: #fff; }
    .ws-header-page-left h1 { padding-bottom: 0px; line-height: 1.2 !important; }
    #ws-single-images img { height: 200px !important; }
    .thongso-duan-item-2 { margin-bottom: 3px; }
    .thongso-duan-item-r { margin-bottom: 30px; }
}