/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*!
  * Item: Kitzu
  * Description: Personal Portfolio Template
  * Author/Developer: Exill
  * Author/Developer URL: https://themeforest.net/user/exill
  * Version: v2.0.0
  * License: Themeforest Standard Licenses: https://themeforest.net/licenses
  */
:root {
    --custom: #009e66
}

.table-custom, .table-custom > td, .table-custom > th {
    background-color: #b8e4d4
}

.table-hover .table-custom:hover {
    background-color: #a6ddc9
}

.table-hover .table-custom:hover > td, .table-hover .table-custom:hover > th {
    background-color: #a6ddc9
}

.btn-custom {
    background-color: #009e66;
    border-color: #009e66;
    color: #fff
}

.btn-custom:hover {
    background-color: #00784d;
    border-color: #006b45;
    color: #fff
}

.btn-custom.focus, .btn-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 173, 125, .5)
}

.btn-custom.disabled, .btn-custom:disabled {
    background-color: #009e66;
    border-color: #009e66;
    color: #fff
}

.btn-custom:not(:disabled):not(.disabled).active, .btn-custom:not(:disabled):not(.disabled):active, .show > .btn-custom.dropdown-toggle {
    background-color: #006b45;
    border-color: #005e3d;
    color: #fff
}

.btn-custom:not(:disabled):not(.disabled).active:focus, .btn-custom:not(:disabled):not(.disabled):active:focus, .show > .btn-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 173, 125, .5)
}

.btn-outline-custom {
    border-color: #009e66;
    color: #009e66
}

.btn-outline-custom:hover {
    background-color: #009e66;
    border-color: #009e66;
    color: #fff
}

.btn-outline-custom.focus, .btn-outline-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 158, 102, .5)
}

.btn-outline-custom.disabled, .btn-outline-custom:disabled {
    background-color: transparent;
    color: #009e66
}

.btn-outline-custom:not(:disabled):not(.disabled).active, .btn-outline-custom:not(:disabled):not(.disabled):active, .show > .btn-outline-custom.dropdown-toggle {
    background-color: #009e66;
    border-color: #009e66;
    color: #fff
}

.btn-outline-custom:not(:disabled):not(.disabled).active:focus, .btn-outline-custom:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 158, 102, .5)
}

.badge-custom {
    background-color: #009e66;
    color: #fff
}

a.badge-custom:focus, a.badge-custom:hover {
    background-color: #006b45;
    color: #fff
}

a.badge-custom.focus, a.badge-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 158, 102, .5);
    outline: 0
}

.alert-custom {
    background-color: #ccece0;
    border-color: #b8e4d4;
    color: #005235
}

.alert-custom hr {
    border-top-color: #a6ddc9
}

.alert-custom .alert-link {
    color: #001f14
}

.list-group-item-custom {
    background-color: #b8e4d4;
    color: #005235
}

.list-group-item-custom.list-group-item-action:focus, .list-group-item-custom.list-group-item-action:hover {
    background-color: #a6ddc9;
    color: #005235
}

.list-group-item-custom.list-group-item-action.active {
    background-color: #005235;
    border-color: #005235;
    color: #fff
}

.bg-custom {
    background-color: #009e66 !important
}

a.bg-custom:focus, a.bg-custom:hover, button.bg-custom:focus, button.bg-custom:hover {
    background-color: #006b45 !important
}

.border-custom {
    border-color: #009e66 !important
}

.text-custom {
    color: #009e66 !important
}

a.text-custom:focus, a.text-custom:hover {
    color: #005235 !important
}

::-moz-selection {
    background-color: #009e66;
    color: #fff
}

::selection {
    background-color: #009e66;
    color: #fff
}

a:not(.btn) {
    color: #009e66
}

a:not(.btn):focus, a:not(.btn):hover {
    color: #005235
}

.color-scheme {
    color: #009e66
}

.background-scheme {
    background-color: #009e66
}

.btn.button-scheme {
    background-color: #009e66 !important;
    border: 1px solid #009e66 !important
}

.btn.button-scheme:focus {
    background-color: #005235 !important;
    border-color: #005235 !important;
    box-shadow: none !important
}

.btn.button-outline {
    background-color: transparent !important;
    border: 1px solid #009e66 !important;
    color: #222 !important
}

.btn.button-outline:focus {
    background-color: rgba(34, 34, 34, .05) !important;
    border-color: #005235 !important;
    box-shadow: none !important
}

.lightbox-wrapper .lightbox-content .section-heading.page-heading > .animated-bar {
    background-color: #009e66
}

.info-section .info-content .content-subtitle {
    color: #009e66
}

.info-section .info-content .content-follow li a:focus, .info-section .info-content .content-follow li a:hover {
    color: #009e66
}

.services-section .single-service:hover {
    border-bottom-color: #009e66
}

.services-section .single-service .service-icon {
    color: #009e66
}

.testimonials-section .single-review .review-icon {
    color: #009e66
}

.pricing-section .single-plan .plan-icon {
    color: #009e66
}

.resume-section .resume-item {
    border-left-color: #009e66
}

.resume-section .resume-item .item-arrow:before {
    background-color: #009e66
}

.resume-section .resume-item .item-arrow:after {
    border-left-color: #009e66
}

.skills-section .single-skill .skill-progress .progress-bar {
    background-color: #009e66
}

.portfolio-section .filter-control > li.tab-active, .portfolio-section .filter-control > li:hover {
    color: #00bd7a
}

.portfolio-section .filter-control > li.tab-active:before, .portfolio-section .filter-control > li:hover:before {
    background-color: #00bd7a
}

.portfolio-section .portfolio-grid .portfolio-wrapper .item-content .content-more {
    color: #009e66
}

.blog-section .single-post .post-img .content-date {
    background-color: #009e66
}

.contact-section .contact-form .form-group .form-control:focus {
    border-bottom: 1px solid #00d187
}

.contact-section .contact-info .list-info .info-icon i {
    color: #009e66
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

#header .header-inner .header-nav {
    justify-content: center;
}

.tth-title-1 {
    position: relative;
}

.tth-title-1:before {
    content: 'TVP';
    color: rgba(0, 0, 0, 0.03);
    font-size: 160px;
    line-height: 200px;
    font-weight: 700;
    position: absolute;
    top: -60px;
    left: 0;
}


.tth-title .tth-title-line span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    font-weight: 300;
    color: #589931;
    font-size: 14px;
}

.tth-title .tth-title-line span:before {
    content: '';
    width: 30px;
    border-top: 2px solid #589931;
    margin-bottom: 0;
    margin-right: 10px;
    display: block;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.content-cl-1 {
    color: #212121;
}

.content-cl-2 {
    color: #589931;
}

.tth-title .tth-title-content .content-cl-1 {
    font-size: 30px;
    font-weight: 600;
}

.tth-title .tth-title-content .content-cl-2 {
    font-size: 40px;
    font-weight: 900;
}

@media only screen and (max-width: 768px) {
    .tth-title .tth-title-content .content-cl-1, .tth-title .tth-title-content .content-cl-2 {
        font-size: 30px;
        line-height: 40px;
        font-weight: 800;
    }
}

/*.tth-title .tth-tittle-sub{*/
/*    max-width: 800px;*/
/*}*/

.tth-title .tth-tittle-sub p {
    margin-bottom: 20px;
    text-align: justify;
}

.tth-title .tth-tittle-sub p:last-child {
    margin-bottom: 0;
}

.about-info {
    padding: 70px 20px;
    text-align: center;
}

.about-info:hover {
    background: #589931;
}

.about-info.about-info-1 {
    background: #f7f7f7;
}

.about-info:hover.about-info-1 {
    background: #589931;
}

.about-info .countbox {
    vertical-align: top;
    display: table;
    margin: 0 auto;
}

.about-info .countbox > span {
    display: table-cell;
}

.about-info:hover .countbox .num {
    color: #fff;
}

.about-info .countbox .num {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    padding-right: 6px;
    padding-bottom: 10px;
    padding-left: 6px;
}

.about-info:hover .countbox .suf {
    color: #fff;
}

.about-info:hover .lbl {
    color: #fff;
}

.about-info .countbox .suf {
    font-size: 30px;
    line-height: 32px;
    font-weight: 400;
    vertical-align: top;
}

.tv-feature-box {
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 4px 3px rgb(0 0 0 / 30%);
    min-height: 240px;
    border-radius: 5px;
    border-bottom: 5px solid #70ad2d;
}

.feature-box-ic {
    width: 80px;
    height: 80px;
    background: linear-gradient(to bottom, #1b612b 0%, #70ad2d 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #e4e0e0;
    margin: 0 auto 1px;
    border-radius: 50%;

}

.feature-box-ic i {
    font-size: 35px;
    color: #fff;
}

.feature-box-title {
    font-size: 20px;
    font-weight: 900;
    color: #589931;
    margin: 5px 0;
    text-transform: uppercase;
}

/*.feature-box-suv {*/
/*    line-height: 24px;*/
/*    overflow: hidden;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 2;*/
/*    -webkit-box-orient: vertical;*/
/*    max-height: 48px;*/
/*}*/

.feature-box-link {
    margin-top: 10px;
}

.feature-box-link a {
    color: #589931;
    font-size: 14px;
}


.why-chose-item {
    position: relative;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 3px 5px rgb(121 182 65);
}

.why-chose-item-ic i {
    font-size: 50px;
}

.why-chose-item:hover .why-chose-item-ic i {
    color: #589931;
}

.why-chose-item-title {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
    margin: 10px 0;
    color: #7ab741;
    background: -webkit-linear-gradient(#7cb940, #34773a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.why-chose-item-sub {
    text-align: justify;
    min-height: 95px;
    line-height: 24px;
}


.why-chose-us .tv-chose-us-title {
    color: #8ee73c;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
}

.why-chose-us h3 {
    font-size: 24px;
    font-weight: 900;
    color: #fff;
}

.tv-product-item {
    padding: 10px;
    border: 5px solid #e4e0e0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.tv-product-item.left {
    background: linear-gradient(to right, #1b612b 0%, #70ad2d 100%);
}

.tv-product-item.right {
    background: linear-gradient(to left, #1b612b 0%, #70ad2d 100%);
}

.tv-product-item.right .tv-product-title {
    text-align: right;
}

.tv-product-ic {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}


.tv-product-ic i {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
    background: -webkit-linear-gradient(#7cb940, #34773a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tv-product-title {
    width: calc(100% - 60px);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    color: #ffff;
}

.tv-pp .tv-pp-title {
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 15px;
    background: -webkit-linear-gradient(#7cb940, #34773a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.tv-list-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.tv-location-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    font-weight: bold;
    width: 50%;
}

.tv-locatiton-ic {
    padding-right: 10px;
    color: #579831;
}

.ss-bg-fixed .section-bg {
    background-attachment: fixed;
}

.tv-safe .tv-safe-title {
    font-size: 35px;
    font-weight: 900;
    background: -webkit-linear-gradient(#7cb940, #34773a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tv-safe-sub {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}


.tv-contact-title {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 900;
    background: -webkit-linear-gradient(#7cb940, #34773a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tv-contact-company {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 900;
}

.tv-contact-info-item {
    display: flex;
    gap: 15px;
    padding: 5px 0;
}

.tv-contact-info-ic i {
    color: #34773a;
}

.wpcf7 .wpcf7-submit {
    margin: 0 auto;
    display: block;
    padding: 5px 30px;
    border-radius: 3px;
}

.row-full-width p {
    margin-bottom: -10px;
}

.absolute-footer {
    background: linear-gradient(to top, #1b612b 0%, #70ad2d 100%);
    padding: 15px 0;
}

.absolute-footer.dark {
    color: #fff;
}

.desktop-fixed {
    position: fixed;
    right: 10px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 150px;
    padding: 10px 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

@media only all and (max-width: 767px) {
    .desktop-fixed {
        left: 0;
        bottom: 0;
        background: #fff;
        border-radius: 0;
        width: 100%;
        z-index: 150;
        padding: 10px 0;
        border: 1px solid #f2f2f2;
    }

    .desktop-fixed ul {
        display: flex;
    }

    .desktop-fixed ul li {
        width: 25%;
    }

    .desktop-fixed ul li a {
        margin: 0 auto;
    }

}

.desktop-fixed ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.desktop-fixed ul li {
    margin-bottom: 0.6em;
}

.desktop-fixed ul li a {
    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}

.desktop-fixed ul li a i {
    margin: auto;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

.desktop-fixed ul li a i.icon-phone-s {
    background: url(/wp-content/uploads/2022/06/icon-phone-s.png) no-repeat;
    background-size: contain;
}

.desktop-fixed ul li a i.icon-zalo {
    background: url(/wp-content/uploads/2022/06/ic-zalo.png) no-repeat;
    background-size: contain;
}

.desktop-fixed ul li a i.icon-fb {
    background: url(/wp-content/uploads/2022/06/ic-fb.png) no-repeat;
    background-size: contain;
}

.desktop-fixed ul li a i.icon-contact {
    background: url(/wp-content/uploads/2022/06/ic-contact.png) no-repeat;
    background-size: contain;
}

.mm-ic-item a {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 50%;
    background: #fff;
    font-size: 20px;
    line-height: 44px;
    border-radius: 50%;
    background: linear-gradient(#f3d23a, #f79425);
    color: #fff;
}

.mm-ic-item {
    display: inline-block;
    margin-bottom: 15px;
}

.text-center .pull-right {
    height: 1px;
    padding: 0;
}