/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
body {
    font-size: 18px!important;
    color: #000;
}

.icon-zalo {
    background: url('img/icon-zalo.png') top left no-repeat;
    background-size: 100% 100%;
}

#header {
    background: #ad1f23;
}

#header.header:not(.transparent) .header-nav-main.nav > li.active > a {
    color: #fff200;
}

#header .header-top {
    background-color: #0422a0!important;
}

#masthead .header-nav-main li .sub-menu {
    padding: 5px 10px;
    border: 0;
    border-radius: 4px;
    min-width: 230px;
    width: max-content;
    max-width: 320px;
}

#masthead .header-nav-main li .sub-menu li a {
    padding: 10px 5px;
    margin: 0;
    letter-spacing: -0.6px;
    line-height: 1.4;
    color: #333;
    font-weight: 500;
    text-align: justify;
    font-size: 17px;
}

#main-menu.mobile-sidebar .nav > li > a {
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: -1px;
    color: #333;
}

.my-footer {
    padding: 30px 0 0!important;
    border-top: 5px solid #ff0;
}

.my-footer h4 {
    font-size: 22px;
    margin: 0;
}

.my-footer div.txt {
    margin: 5px 0;
}

.my-footer div.txt a {
}

.my-footer div.txt a i {
    font-size: 14px;
    vertical-align: 1px;
}

/* bottom-conversion*/
#bottom-conversion {
    position: fixed;
    left: 10px;
    bottom: 15px;
    width: auto;
    height: auto;
    z-index: 9999
}

#bottom-conversion a {
    display: block;
    overflow: hidden
}

#bottom-conversion a div {
    width: 40px;
    height: 40px;
    display: block;
    margin: 5px auto
}

#bottom-conversion a .phone {
    background: url(img/call.png) top center no-repeat;
    background-size: 100% 100%
}

#bottom-conversion a .zalo {
    background: url(img/zalo.png) top center no-repeat;
    background-size: 100% 100%
}

#bottom-conversion a .mess {
    background: url(img/fbmessenger.png) top center no-repeat;
    background-size: 100% 100%
}

@media only screen and (max-width: 768px) {
    #bottom-conversion {
        left:0;
        bottom: 0;
        width: 100%;
        height: 50px;
        background: #fffbfbd4
    }

    #bottom-conversion a {
        float: left;
        width: 25%
    }
}

/* end bottom-conversion*/
/* Bai viet lien quan cung chuyen muc */
.related-box .related-head {
    display: block;
    margin-bottom: 20px;
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
    border-bottom: 4px double #ccc;
    font-weight: 600;
}

.related-box .box-post {
    height: 100%;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-top: 3px solid #dc190a;
    overflow: hidden;
    border-bottom: 3px solid #9E9E9E;
}

.related-box ul li {
    margin-bottom: 3px;
}

.related-box ul li a {
    font-weight: 700;
    font-size: 16px;
    /*color: #2a9e2f;*/
}

.related-box ul li a:hover {
    text-decoration: underline;
}

.related-box .feature {
    position: relative;
    overflow: hidden;
}

.related-box .feature::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.related-box .feature .image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}

.related-box ul.row.related-post li {
    list-style: none;
}

.related-box .related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
    padding: 5px 15px 10px;
    font-weight: 600;
}

.related-box .related-title a {
    font-size: 18px;
    color: #000;
}

/* -- Bai viet lien quan */
/* -- Trang chu */
.home .kk-star-ratings, .home .kk-star-ratings .kksr-stars, .home .kk-star-ratings .kksr-legend {
    width: fit-content;
    margin: 0 auto;
    display: block;
}

.home div#ez-toc-container {
    width: max-content;
    margin: 0 auto;
    margin-bottom: 30px;
}

.home div#ez-toc-container ul li {
    font-size: 100%;
    text-align: left;
}

.home .danh-gia .col {
    padding-bottom: 0;
}

.inner-title .col .col-inner h2 {
    text-align: center;
    margin: 0;
    color: #ad1f23;
    font-size: 28px;
    text-transform: uppercase;
}

.inner-title .col .col-inner div {
    text-align: center;
    margin: 5px 0 0;
}

.home-mo-dau {
    background: rgb(230, 229, 243);
    padding: 30px 0 5px!important;
}

.home-mo-dau .col-inner h1 {
    color: #0000ff;
    font-size: 36px;
    text-align: center;
    margin: 0;
}

.home-mo-dau .col-inner div {
    text-align: center;
    font-weight: 500;
    margin: 7px 0 0;
}

.home-bang-gia {
    padding: 40px 0 15px!important;
}

.home-bang-gia .luu-y .col-inner h5 {
    font-size: 20px;
    color: red;
    margin: 0;
}

.home-bang-gia .luu-y .col-inner div {
    margin: 10px 0 0;
}

.home-bang-gia .luu-y .col-inner div i {
    font-size: 10px;
    color: red;
    vertical-align: 2px;
}

.home-tien-ich {
    background: #fbebeb;
    padding: 35px 0 20px!important;
}

.home-tien-ich .inner-box .col-inner {
    background: #fff;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.home-tien-ich .inner-box .col-inner h3 {
    margin: 0;
    color: blue;
    text-align: center;
    font-size: 20px;
}

.home-tien-ich .inner-box .col-inner .box-text-inner div {
    font-size: 18px;
    text-align: justify;
    margin: 5px 0 0;
}

.home-quy-trinh {
    padding: 35px 0 15px!important;
}

.home-quy-trinh .inner-box .col-inner {
    background: #f1f1f1;
}

.home-quy-trinh .inner-box .col-inner .box-text-inner h3 {
}

.home-quy-trinh .inner-box .col-inner .box-text-inner div {
    font-size: 18px;
    margin: 0;
}

.home-quy-trinh .inner-box .col-inner .box-text {
    padding: 10px 0;
}

.home-loi-ich {
    background: #ad1f23;
    padding: 35px 0 15px!important;
}

.home-loi-ich .inner-title .col .col-inner h2 {
    color: #ff0;
}

.home-loi-ich .inner-box .col-inner {
    background: #fff;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    border-top: 3px solid #fb3d0d;
    border-bottom: 3px solid #fb3d0d;
}

.home-loi-ich .inner-box .col-inner .box-text {
}

.home-loi-ich .inner-box .col-inner .box-text .box-text-inner h3 {
    font-size: 20px;
    color: red;
    margin: 0;
}

.home-loi-ich .inner-box .col-inner .box-text .box-text-inner div {
    font-size: 18px;
    text-align: justify;
    letter-spacing: -0.5px;
    margin: 5px 0 0;
}

.home-hang-hoa {
    padding: 40px 0 10px!important;
}

.home-hang-hoa .inner-box .col-inner {
}

.home-hang-hoa .inner-box .col-inner .box-image img {
    border-radius: 20px;
}

.home-hang-hoa .inner-box .col-inner .box-text {
}

.home-hang-hoa .inner-box .col-inner .box-text h2 {
    margin: 0;
    font-size: 25px;
    color: green;
}

.home-hang-hoa .inner-box .col-inner .box-text .text div {
    font-size: 18px;
    margin: 5px 0 0;
    color: #000;
    text-align: justify;
}

.home-hang-hoa .inner-box .col-inner .box-text .text div i {
    font-size: 13px;
    vertical-align: 1px;
}

.home-hang-hoa .inner-box .col-inner .box-text .text div strong, .home-hang-hoa .inner-box .col-inner .box-text .text div i {
    color: green;
}

.home-hang-hoa .inner-box.non .col-inner .box-text h2, .home-hang-hoa .inner-box.non .col-inner .box-text .text div i {
    color: red;
}

.home-tai-sao {
    background: #e8f9d8;
    padding: 35px 0 15px!important;
}

.home-tai-sao .inner-title .col {
    padding-bottom: 15px;
}

.home-tai-sao .inner-box .col-inner .box-text {
    padding: 0 20px;
}

.home-tai-sao .inner-box .col-inner .box-image img {
    border-radius: 20px;
}

.home-tai-sao .inner-box .col-inner .box-text .text ul {
    margin: 0;
}

.home-tai-sao .inner-box .col-inner .box-text .text ul li {
    text-align: justify;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-bottom: 8px;
}

.home-tai-sao .inner-box .col-inner .box-text .text ul li:last-child {
    margin-bottom: 0;
}

.home-doi-tac {
    padding: 40px 0 20px!important;
}

.phan-hoi-khach-hanh .hinh .col {
    padding-bottom: 15px;
}

.phan-hoi-khach-hanh .hinh .gallery-col {
    padding-bottom: 0;
}

.phan-hoi-khach-hanh .hinh .gallery-col img {
    border: 1px solid #ccc;
    border-radius: 20px;
}

@media only screen and (max-width: 850px) {
    .home-tai-sao .inner-box .col-inner .box-image, .home-tai-sao .inner-box .col-inner .box-text, .home-hang-hoa .inner-box .col-inner .box-image, .home-hang-hoa .inner-box .col-inner .box-text {
        width:100%!important;
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .inner-title .col .col-inner h2 {
        font-size: 25px;
        letter-spacing: -0.5px;
    }

    .home-bang-gia .luu-y .col-inner div {
        text-align: justify;
    }

    .home-hang-hoa .inner-box .col-inner .box-text h2 {
        text-align: center;
        letter-spacing: -0.5px;
    }

    .home-hang-hoa {
        padding: 40px 0 0px!important;
    }

    .home-tai-sao .inner-box .col-inner .box-text {
        padding: 15px 0 0;
    }

    .home-mo-dau .col-inner h1 {
        font-size: 32px;
        line-height: 1.3;
    }
}

/* -- Trang chu */
/* -- sidebar */
.post-sidebar span.widget-title {
    border-bottom: 1px solid #efe6e6;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.post-sidebar .is-divider {
    display: none;
}

#content .post-sidebar .widget .side-call, #content .post-sidebar .widget ul {
    overflow: hidden;
    padding: 10px 0;
}

#content .post-sidebar .widget .side-call a {
    height: 40px;
    display: block;
}

#content .post-sidebar .widget .side-call a.phone {
    float: left;
    width: calc(100% - 65px);
    line-height: 38px;
    background: #F44336;
    padding: 0 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #795548;
    font-size: 17px;
}

#content .post-sidebar .widget .side-call a.phone i {
    font-size: 13px;
    vertical-align: 0px
}

#content .post-sidebar .widget .side-call a.zalo {
    float: left;
    margin-left: 15px;
    animation: pulse-blue 2s infinite;
    background-color: #028fe3;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #028fe3;
    overflow: hidden
}

@keyframes pulse-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(2,143,227,.7);
        transform: scale(.95)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(2,143,227,0);
        transform: scale(1)
    }

    to {
        box-shadow: 0 0 0 0 rgba(2,143,227,0);
        transform: scale(.95)
    }
}

#content .post-sidebar .widget .side-call a.zalo img {
    width: 40px;
    height: 40px
}

@media only screen and (max-width: 420px) {
    #content .post-sidebar .widget .side-call a.phone span {
        display:none;
    }
}

/* -- sidebar */
@media screen and (max-width: 549px) {
    .bao-chi .slider-wrapper .flickity-prev-next-button {
        display: block;
    }
}

/* HOME GT */
.home .inner-title .col .col-inner h2 {
    color: #FF5722;
    font-size: 28px;
    text-transform: capitalize;
}

.hgt-tom-tat {
    padding: 35px 0 10px!important;
    background: #fffef9;
}

.hgt-tom-tat .col-inner h2 {
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    color: blue;
    margin: 0;
}

.hgt-tom-tat .col-inner p {
    text-align: justify;
    margin: 10px 0 0;
}

.hgt-tien-ich {
    padding: 35px 0 15px!important;
}

.hgt-tien-ich .inner-box .col-inner {
    border: 1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.hgt-tien-ich .inner-box .col-inner .box-text {
    padding-bottom: 10px;
}

.hgt-tien-ich .inner-box .col-inner .box-text-inner h3 {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    color: #0000ff;
}

.hgt-tien-ich .inner-box .col-inner .box-text-inner p, .hgt-tien-ich .inner-box .col-inner .box-text-inner div {
    font-size: 17px;
    margin: 0;
    color: #333;
    text-align: justify;
}

.home .phan-hoi-khach-hanh {
    background: whitesmoke;
    padding: 35px 0 0 !important;
}

.home .bao-chi .gap-element {
    padding-top: 0 !important;
}

@media only screen and (max-width: 768px) {
    .hgt-tom-tat .col-inner h2 {
        font-size: 26px;
    }

    .home .inner-title .col .col-inner h2 {
        font-size: 24px !important;
    }
}

/* ---HOME GT*/