@charset "UTF-8";
.page-title{
    font-size: 1.5rem !important;
}
.home-about-title{
    text-align: center;
}
.home-about-title-sub{
    text-transform: initial;
    font-weight: lighter;
}

.box-subtitle.home-about-title {
    display: block;
    width: 90%;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 64%;
    transform: translateX(-50%);
    font-size: 16px;
    line-height: 1.7em;
    font-weight: 400;
    color: #151515;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-family: "Roboto Condensed", sans-serif;
}
.contentpage h1, .contentpage .heading-1{
    font-size: 1.5rem;
}
.contentpage h2, .contentpage .heading-2{
    font-size: 1.3rem;
}

.contentpage h3, .contentpage .heading-3{
    font-size: 1.2rem;
}

.contentpage h4, .contentpage .heading-4{
    font-size: 1rem;
}

.table_content:hover {
    color: green !important;
}

.table_content.headingh2 {
    margin-left: 15px;
}

.table_content.headingh3 {
    margin-left: 30px;
}

.table_content.headingh4 {
    margin-left: 45px;
}

#hidden_show_main_content {
    color: green;
    margin-left: 20px;
    cursor: pointer;
}
#main-content-js .table_content{
    width: 100%;
    display: block;
}

#main-content-js {
    padding: 20px;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    max-width: 1000%;
    background: #ccc;
    font-size: 16px;
    margin-bottom: 20px;
}

#text-main-content-js {
    font-weight: bold;
    font-size: 23px;
}

#show-main-content {
    margin-top: 10px;
}
.social-detail-item{
    width: 25px;
}

.breadcrumbs-custom-nobackground {
    min-height:200px!important;
}
.breadcrumbs-custom-nobackground .breadcrumbs-custom-inner {
    padding: 20px 0 20px;
}
.nopaddingtop{
    padding-top: 0 !important;
}
.nopaddingbottom{
    padding-bottom: 0 !important;
}
.nomargintop{
    margin-top: 0!important;
}
.box-creative-icon::after {
    background: #f0f0f0;
}
.title-16{
    font-size: 16px;
}
.title-18{
    font-size: 18px;
}
.title-20{
    font-size: 20px;
}
.title-22{
    font-size: 22px;
}
.title-24{
    font-size: 24px;
}
.title-left{
    text-align: left;
}
.title-right{
    text-align: right;
}
.title-center{
    text-align: center;
}
.rd-navbar-minimal.rd-navbar-static .rd-navbar-megamenu.dropdown-menu-sm{
    width: calc(75% + 27px + 15px) !important;
}
.post-classic-title{
    font-size: 1.2rem !important;
    line-height: 1.2;
}


.breadcrumbs-custom-path.darkcolor a, .breadcrumbs-custom-path.darkcolor a:active, .breadcrumbs-custom-path.darkcolor a:focus {
    color: #29293b;
}
.breadcrumbs-custom-path.darkcolor li::after {
    color: #29293b;
}
.breadcrumbs-custom-path.darkcolor li{
    color: #29293b;
}
.breadcrumbs-custom-nobackground.smallbreadscrumb {
    min-height: 60px!important;
    margin-top: 40px;
}
.darkcolor.bg-overlay:before{
    background: none!important;
}
.breadcrumbs-custom-nobackground.darkcolor {
    /*border-top: 1px solid #e8e9ee;*/
}
.darkcolor .breadcrumbs-custom-title{
    color: #29293a;
    font-size: 2.4rem;
}
.margintop10{
    margin-top:10px!important;
}
.hidden{
    display: none;
}
.section.page-header{
    border-bottom: 1px solid #e8e9ee;
}
.bigmodal .modal-dialog{
    max-width: 100%;
}
.nopaddingModal{
    padding: 0!important;
    padding-right: 0 !important;
}
.nopaddingModal .modal-body{
    padding: 0;
}
.relativeMenu{
    position: relative !important;
    background: none !important;
    z-index: 100!important;
}
.rd-navbar-static.relativeMenu .rd-nav-item > .rd-navbar-submenu-toggle{
    font-size: 25px !important;
}
.hidden{
    display: none!important;
}
.row.pagedesc {
    margin-top: 20px !important;
}
.rd-navbar-static.relativeMenu .rd-nav-item + .rd-nav-item{
    margin-left: 20px !important;
}
.close-project {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: auto;
    position: relative;
    right: -25px;
}
section.section .swiper-button-next::after,
section.section .swiper-button-prev::after {
    content: '' !important;
}
h2, .heading-2 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}
.svg-box.fit-height{
    height: -webkit-fill-available;
}
.button-black-outline:hover, .button-black-outline:active {
    color: #fff !important;
}
@media (min-width: 768px){
    * + .row {
        margin-top: 50px;
    }
}
@media (max-width: 767px){
    .breadcrumbs-custom-nobackground {
        min-height: 120px!important;
    }
}
.button_share_art-gallery {
    background-color: #096148 !important;
    border-color: #cccccc !important;
    border-radius: 8px;
    margin-top: 10px;
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px !important;
    line-height: 30px;
    height: 30px;
}
.btn-share-fullwidth {
    width: 100%!important;
    margin: 0!important;
    /* margin-top: 10px!important; */
    height: 40px!important;
    display: flex;
    align-items: center;
    border-radius: 7px;
    cursor: pointer;
    padding: 0 20px!important;
}
.btn-share-fullwidth i {
    font-size: 19px;
    margin-right: 10%;
    font-style: inherit;
}

.modal-open .rd-navbar-static.rd-navbar--is-stuck, .modal-open .rd-navbar-static.rd-navbar--is-clone{
    right: 15px
}
.modalShare #box-share .at-share-btn-elements .at-icon-wrapper>.at-icon-wrapper {
    line-height: 40px !important;
    text-decoration: none;
    border: 1px solid transparent;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    transition: all 0.3s ease-in-out
}
.modalShare #box-share .at-icon-facebook,
.modalShare #box-share .at-icon-twitter,
.modalShare #box-share .at-icon-gmail,
.modalShare #box-share .at-icon-pinterest_share,
.modalShare #box-share .at-icon-linkedin,
.modalShare #box-share .at-icon-link,
.modalShare #box-share .at-icon-email {
    width: 40px !important;
    height: 40px !important;
}
.modalShare #box-share .at-resp-share-element a{
    margin: 15px 18px 15px !important;
    background-color: white !important;
    border-radius: 50% !important;
}
.modalShare #box-share .at-resp-share-element .at-svc-facebook {
    border:1px solid #1877F2 !important
}
.modalShare #box-share .at-resp-share-element .at-svc-twitter {
    border:1px solid #46C1F6 !important
}
.modalShare #box-share .at-resp-share-element .at-svc-pinterest_share {
    border:1px solid #e1306c !important
}
.modalShare #box-share .at-resp-share-element .at-svc-linkedin {
    border:1px solid #1877F2 !important
}
.modalShare #box-share .at-resp-share-element .at-svc-email {
    border:1px solid #25d366 !important
}
.modalShare #box-share .at-resp-share-element .at-svc-gmail {
    border:1px solid #db4437 !important
}
.modalShare #box-share .at-resp-share-element .at-svc-link {
    display: none !important;
}

.modalShare #box-share .at-icon-facebook {
    fill: #1877F2 !important;
}
.modalShare #box-share .at-icon-twitter {
    fill: #46C1F6 !important;
}
.modalShare #box-share .at-icon-gmail {
    fill: #db4437 !important;
}
.modalShare #box-share .at-icon-pinterest_share {
    fill: #e1306c !important;
}
.modalShare #box-share .at-icon-linkedin {
    fill: #1877F2 !important;
}
.modalShare #box-share .at-icon-email {
    fill: #25d366 !important;
}
/* .modalShare #box-share .at-icon-facebook {
    fill: #1877F2 !important;
    border-color: #B7D4FB !important;
} */

.modalShare .btn-close {
    box-shadow: none;
    border: none;
    outline: none
}

.modalShare .modal-body-share .icons {
    margin: 15px 0 20px 0
}

.modalShare .modal-body-share .field {
    margin: 15px 0 -5px 0;
    height: 45px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 0 5px
}

.modalShare .modal-body-share .field.active {
    border-color: #096148
}

.modalShare .field span {
    width: 50px;
    font-size: 1.1rem
}

.modalShare .field.active span {
    color: #096148
}

.modalShare .field input {
    border: none;
    outline: none;
    font-size: 0.89rem;
    width: 100%;
    height: 100%
}

.modalShare .field button {
    padding: 3px 17px;
    color: #096148;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 5px;
    font-weight: 700;
}

@media (max-width: 330px) {
    .modalShare .modal-body-share .icons a {
        margin-right: 15px;
        width: 35px;
        height: 35px
    }
}
.modalShare .modal-header {
    padding: 25px;
    border-bottom: unset;
}
.modalShare .modal-body-share {
    padding: 0 25px 25px 25px;
}
.modalShare #box-share .at-resp-share-element {
    border-top: 1px solid #dfdfdf !important;
    border-bottom: 1px solid #dfdfdf !important;
}
.modalShare .avatar img {
    height: 60px;
    width: 60px;
    border-radius: 5px;
}
.modalShare .avatar {
    padding-left: 15px;
}
.modalShare .name {
    display: inline-flex;
    margin-left: 20px;
}
.modalShare .modal-title {
    font-weight: 600;
}
.share {
    position: relative;
    display: flex;
    align-items: center;
}
.swal2-container{z-index: 2000}
.bigmodal .modal-dialog.modal-sm{max-width: 500px !important;}
.form-group.required .control-label:after{
    content: '*';
    color: red;
    margin-left: 10px;
}
.form-group.has-error .help-block{color: red; font-size: 14px;}
.btn-submitFengshui{padding: 14px 35px}
.line-header {
    border-bottom: #47474730 2px solid;
    padding: 8px 0;
}
.phong_thuy_content{margin-top: 30px}
.phong_thuy_content h2{ font-size: 26px;}
.phong_thuy_content p + p {
    margin-top: 10px;
}

.slider-timeline {
    font-size: 14px;
    color: rgb(255 255 255 / 89%);
}
.slider-text-shadow{
    text-shadow: 1px 1px 2px rgb(0 0 0 / 76%);
    font-weight: bold;
}
.slider-caption-dark-bg{
    padding: 15px;
    display: inline-block;
    background: linear-gradient(to right, #33333342, #8b8b8b00 75%);
}

.white-slider .slider-timeline {
    font-size: 14px;
    color: rgb(0 0 0 / 89%);
    font-weight: bold;
}
.white-slider .slider-text-shadow{
    text-shadow: 4px 4px 2px rgb(92 92 92 / 60%)
}

.ui-to-top {
    right: 30px;
    bottom: 250px;
}
.blog-layout .container-fluid, .blog-layout .container-sm, .blog-layout .container-md, .blog-layout .container-lg, .blog-layout .container-xl {
    padding-right: 0px;
    padding-left: 0px;
}
.box-creative {
    max-width: 95%;
}
.rd-navbar-minimal.rd-navbar-static .rd-navbar-main-element{
    min-width: auto;
}
.rd-navbar-static .rd-nav-item.last-item .rd-navbar-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 480px) {
    .button-lg {
        padding: 14px 15px;
        font-size: 13px;
    }
    .title-24{font-size: 20px}
    .breadcrumbs-custom-nobackground.smallbreadscrumb{margin-top: 15px}
    .section-sm{padding: 15px 0;}
    .blog-layout-aside-item {
        padding: 25px 15px;
    }
}
.pricing-minimal-price span.price_unit, .pricing-minimal-price span.price_from{
    /*font-size: 20px;*/
    /*font-weight: normal;*/
}
.price_unit{
    font-weight: normal;
}
.package-items{
    list-style: none;
    margin-top: 20px;
}
.package-items li{
    padding: 6px 0;
    font-size: 16px;
}
.package-items li.popup-click{cursor: pointer; color: #c5080d;}
.package-items li.popup-click:hover{
    color: #916638;
}
.package-items li::before {
    font-family: 'Linearicons';
    content: "\ec44";
    font-size: 14px;
    padding-right: 10px;
}
.package-items li a{
    color: #151515;
}
.package-items li span, .package-items li:hover a{
    color: #c5080d;
}
#serviceModal h5.modal-title{
    font-weight: bold;
    font-size: 20px;
}
.swiper-slider-business h1.font-condensed{
    font-size: 58px;
}
.blog-layout-main h1.post-creative-title{font-size: 30px}
.quote-light-text, blockquote p{
    font-size: 18px;
    line-height: 1.33333;
    color: #727272;
    font-style: normal;
}
.table td {
    padding: 15px 24px;
}
.ui-to-top {
    display: none;
}
.ui-to-top.active {
    transform: translate3d(0, 0, 0);
    display: inherit;
}
h2,
.heading-2 {
    font-size: 40px;
}
h3,
.heading-3 {
    font-size: 35px;
}

.box-minimal-img{
    width: 80px;
}
.box-minimal-img img{
    max-width: 64px;
}
.card-custom ul{
    margin-left: 20px;
}
.card-custom ul li{
    list-style: disc;
    display: list-item;
}
.nml-alo-phone.nml-alo-show {
    visibility: visible;
    display: none;
}

.nml-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 200px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: 200000 !important;
}

.nml-alo-phone {
    bottom: 50px;
    right: 0px;
}

.nml-alo-phone.nml-alo-green .nml-alo-ph-circle {
    border-color: #87de91;
    opacity: 0.5;
}

.nml-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running nml-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 160px;
    left: 20px;
    opacity: 0.1;
    position: absolute;
    top: 20px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 160px;
}

.nml-alo-phone.nml-alo-show {
    visibility: visible;
}

.nml-alo-phone.nml-alo-green .nml-alo-ph-circle-fill {
    background-color: #9fe4a7;
    opacity: 0.75 !important;
}

.nml-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running nml-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 100px;
    left: 50px;
    opacity: 0.1;
    position: absolute;
    top: 50px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 100px;
}

.nml-alo-phone.nml-alo-green .nml-alo-ph-img-circle {
    background-color: #007b93;
}

.nml-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running nml-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 60px;
    left: 70px;
    opacity: 0.7;
    position: absolute;
    top: 70px;
    transform-origin: 50% 50% 0;
    width: 60px;
}

.nml-alo-ph-img-circle a img {
    padding: 4px 0 0 3px;
}

.chatfixed {
    position: fixed;
    bottom: 180px;
    right: 25px;
    width: 55px;
    z-index: 1000;
}

@keyframes nml-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-moz-keyframes nml-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes nml-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes nml-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}

@-moz-keyframes nml-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}

@-webkit-keyframes nml-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}

@keyframes nml-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-moz-keyframes nml-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes nml-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

/*ZALO*/
@keyframes zoom{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{opacity:0;transform:scale(1)}}
@keyframes lucidgenzalo{0% to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}
.jscroll-to-top{bottom:100px}
.fcta-zalo-ben-trong-nut svg path{fill:#fff}
.fcta-zalo-vi-tri-nut{position:fixed;bottom:105px;right:30px;z-index:999}
.fcta-zalo-nen-nut,div.fcta-zalo-mess{box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)}
.fcta-zalo-nen-nut{width:50px;height:50px;text-align:center;color:#fff;background:#0068ff;border-radius:50%;position:relative}
.fcta-zalo-nen-nut::after,.fcta-zalo-nen-nut::before{content:"";position:absolute;border:1px solid #0068ff;background:#0068ff80;z-index:-1;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:zoom 1.9s linear infinite}
.fcta-zalo-nen-nut::after{animation-delay:.4s}.fcta-zalo-ben-trong-nut,.fcta-zalo-ben-trong-nut i{transition:all 1s}
.fcta-zalo-ben-trong-nut{position:absolute;text-align:center;width:60%;height:60%;left:10px;bottom:10px;line-height:70px;font-size:25px;opacity:1}
.fcta-zalo-ben-trong-nut i{animation:lucidgenzalo 1s linear infinite}
.fcta-zalo-nen-nut:hover .fcta-zalo-ben-trong-nut,.fcta-zalo-text{opacity:0}
.fcta-zalo-nen-nut:hover i{transform:scale(.5);transition:all .5s ease-in}.fcta-zalo-text a{text-decoration:none;color:#fff}.fcta-zalo-text{position:absolute;top:6px;text-transform:uppercase;font-size:12px;font-weight:700;transform:scaleX(-1);transition:all .5s;line-height:1.5}.fcta-zalo-nen-nut:hover .fcta-zalo-text{transform:scaleX(1);opacity:1}div.fcta-zalo-mess{position:fixed;bottom:110px;display:none;right:58px;z-index:99;background:#fff;padding:7px 25px 7px 15px;color:#0068ff;border-radius:50px 0 0 50px;font-weight:700;font-size:15px}.fcta-zalo-mess span{color:#0068ff!important}
span#fcta-zalo-tracking{font-family:Roboto;line-height:1.5}.fcta-zalo-text{font-family:Roboto}

@media only screen and (max-width: 767px){

    .nml-alo-phone.nml-alo-show{
        display: block;
    }
}

@media (min-width: 768px) {
    h2,
    .heading-2 {
        font-size: 34px;
    }
    h3,
    .heading-3 {
        font-size: 32px;
    }
}
@media (min-width: 1200px) {
    h1, .heading-1 {
        font-size: 36px;
    }
    h2,
    .heading-2 {
        font-size: 36px;
    }
    h3,
    .heading-3 {
        font-size: 34px;
    }
}
@media (min-width: 1600px) {
    h1, .heading-1 {
        font-size: 38px;
    }
}
@media (max-width: 800px) {
    .swiper-slider-business h1.font-condensed {
        font-size: 25px;
    }
    .blog-layout-main h1.post-creative-title{font-size: 25px}

    h2,
    .heading-2 {
        font-size: 34px;
    }
    h3,
    .heading-3 {
        font-size: 32px;
    }
}
@media (max-width: 560px) {
    .service-package-price .form-control{max-width: 100% !important; margin: 10px 0 0 0 !important;}
    .service-package-price .filter{display: flex; gap: 5px; flex-wrap: wrap;}

    h2,
    .heading-2 {
        font-size: 28px;
    }
    h3,
    .heading-3 {
        font-size: 26px;
    }
}
@media (max-width: 480px) {
    .rd-navbar-static.relativeMenu .rd-nav-item + .rd-nav-item{
        margin-left: 0 !important;
    }
    .corporate-description{font-size: 16px}
    .box-creative * + p,
    .whyhomebox .box-creative p{font-size: 16px}
    .box-creative-title{font-size: 18px}
    .m-fz16{font-size: 16px}
    .m-fz18{font-size: 18px}
    body{font-size: 16px}
    h5{font-size: 18px}
    .card-corporate{visibility: visible !important;}
    .icon-creative{width: 1em;}
}
.modal-content .jssocials-share-link{
    box-shadow: none;
    width: 36px;
    height: 36px;
    background: none !important;
    border: none !important;
}
.modal-content .jssocials-share .fa-zalo{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="36px" height="36px"><g transform="translate(-32,-32) scale(1.25,1.25)"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><path d="M15,36v-29.173l-1.211,-0.811c-5.149,2.067 -8.789,7.096 -8.789,12.984v10c0,7.732 6.268,14 14,14h10c4.722,0 8.883,-2.348 11.417,-5.931v-1.069z" fill="%232962ff"></path><path d="M29,5h-10c-1.845,0 -3.601,0.366 -5.214,1.014c-3.333,3.236 -5.786,8.514 -5.786,12.986c0,6.771 0.936,10.735 3.712,14.607c0.216,0.301 0.357,0.653 0.376,1.022c0.043,0.835 -0.129,2.365 -1.634,3.742c-0.162,0.148 -0.059,0.419 0.16,0.428c0.942,0.041 2.843,-0.014 4.797,-0.877c0.557,-0.246 1.191,-0.203 1.729,0.083c3.313,1.759 7.193,1.995 10.86,1.995c4.676,0 9.339,-1.04 12.417,-2.916c1.621,-2.285 2.583,-5.07 2.583,-8.084v-10c0,-7.732 -6.268,-14 -14,-14z" fill="%23eeeeee"></path><path d="M36.75,27c-2.067,0 -3.75,-1.683 -3.75,-3.75c0,-2.067 1.683,-3.75 3.75,-3.75c2.067,0 3.75,1.683 3.75,3.75c0,2.067 -1.683,3.75 -3.75,3.75zM36.75,21c-1.24,0 -2.25,1.01 -2.25,2.25c0,1.24 1.01,2.25 2.25,2.25c1.24,0 2.25,-1.01 2.25,-2.25c0,-1.24 -1.01,-2.25 -2.25,-2.25z" fill="%232962ff"></path><path d="M31.5,27h-1c-0.276,0 -0.5,-0.224 -0.5,-0.5v-8.5h1.5z" fill="%232962ff"></path><path d="M27,19.75v0.519c-0.629,-0.476 -1.403,-0.769 -2.25,-0.769c-2.067,0 -3.75,1.683 -3.75,3.75c0,2.067 1.683,3.75 3.75,3.75c0.847,0 1.621,-0.293 2.25,-0.769v0.269c0,0.276 0.224,0.5 0.5,0.5h1v-7.25zM24.75,25.5c-1.24,0 -2.25,-1.01 -2.25,-2.25c0,-1.24 1.01,-2.25 2.25,-2.25c1.24,0 2.25,1.01 2.25,2.25c0,1.24 -1.01,2.25 -2.25,2.25z" fill="%232962ff"></path><path d="M21.25,18h-8v1.5h5.321l-5.571,6.5h0.026c-0.163,0.211 -0.276,0.463 -0.276,0.75v0.25h7.5c0.276,0 0.5,-0.224 0.5,-0.5v-1h-5.321l5.571,-6.5h-0.026c0.163,-0.211 0.276,-0.463 0.276,-0.75z" fill="%232962ff"></path></g></g></g></svg>');
    width: 36px;
    height: 36px;
}
.modal-content .jssocials-share .fa-facebook{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="36px" height="36px"><defs><linearGradient x1="9.993" y1="9.993" x2="40.615" y2="40.615" gradientUnits="userSpaceOnUse" id="color-1"><stop offset="0" stop-color="%232aa4f4"></stop><stop offset="1" stop-color="%23007ad9"></stop></linearGradient></defs><g transform="translate(-25.6,-25.6) scale(1.2,1.2)"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><path d="M24,4c-11.046,0 -20,8.954 -20,20c0,11.046 8.954,20 20,20c11.046,0 20,-8.954 20,-20c0,-11.046 -8.954,-20 -20,-20z" fill="url(%23color-1)"></path><path d="M26.707,29.301h5.176l0.813,-5.258h-5.989v-2.874c0,-2.184 0.714,-4.121 2.757,-4.121h3.283v-4.588c-0.577,-0.078 -1.797,-0.248 -4.102,-0.248c-4.814,0 -7.636,2.542 -7.636,8.334v3.498h-4.949v5.258h4.948v14.452c0.98,0.146 1.973,0.246 2.992,0.246c0.921,0 1.82,-0.084 2.707,-0.204z" fill="%23ffffff"></path></g></g></g></svg>');
    width: 36px;
    height: 36px;
}
.modal-content .jssocials-share i:before{content: '' !important;}
.modal-content .jssocials-share .fa-instagram{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="36px" height="36px"><defs><radialGradient cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse" id="color-1"><stop offset="0" stop-color="%23ffdd55"></stop><stop offset="0.328" stop-color="%23ff543f"></stop><stop offset="0.348" stop-color="%23fc5245"></stop><stop offset="0.504" stop-color="%23e64771"></stop><stop offset="0.643" stop-color="%23d53e91"></stop><stop offset="0.761" stop-color="%23cc39a4"></stop><stop offset="0.841" stop-color="%23c837ab"></stop></radialGradient><radialGradient cx="11.786" cy="5.5403" r="29.813" gradientUnits="userSpaceOnUse" id="color-2"><stop offset="0" stop-color="%234168c9"></stop><stop offset="0.999" stop-color="%234168c9" stop-opacity="0"></stop></radialGradient></defs><g transform="translate(-42.24,-42.24) scale(1.33,1.33)"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><path d="M34.017,41.99l-20,0.019c-4.4,0.004 -8.003,-3.592 -8.008,-7.992l-0.019,-20c-0.004,-4.4 3.592,-8.003 7.992,-8.008l20,-0.019c4.4,-0.004 8.003,3.592 8.008,7.992l0.019,20c0.005,4.401 -3.592,8.004 -7.992,8.008z" fill="url(%23color-1)"></path><path d="M34.017,41.99l-20,0.019c-4.4,0.004 -8.003,-3.592 -8.008,-7.992l-0.019,-20c-0.004,-4.4 3.592,-8.003 7.992,-8.008l20,-0.019c4.4,-0.004 8.003,3.592 8.008,7.992l0.019,20c0.005,4.401 -3.592,8.004 -7.992,8.008z" fill="url(%23color-2)"></path><path d="M24,31c-3.859,0 -7,-3.14 -7,-7c0,-3.86 3.141,-7 7,-7c3.859,0 7,3.14 7,7c0,3.86 -3.141,7 -7,7zM24,19c-2.757,0 -5,2.243 -5,5c0,2.757 2.243,5 5,5c2.757,0 5,-2.243 5,-5c0,-2.757 -2.243,-5 -5,-5z" fill="%23ffffff"></path><circle cx="31.5" cy="16.5" r="1.5" fill="%23ffffff"></circle><path d="M30,37h-12c-3.859,0 -7,-3.14 -7,-7v-12c0,-3.86 3.141,-7 7,-7h12c3.859,0 7,3.14 7,7v12c0,3.86 -3.141,7 -7,7zM18,13c-2.757,0 -5,2.243 -5,5v12c0,2.757 2.243,5 5,5h12c2.757,0 5,-2.243 5,-5v-12c0,-2.757 -2.243,-5 -5,-5z" fill="%23ffffff"></path></g></g></g></svg>');
    width: 36px;
    height: 36px;
}
.modal-content .jssocials-share .fa-pinterest{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="36px" height="36px"><g transform="translate(-24.32,-24.32) scale(1.19,1.19)"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><circle cx="24" cy="24" r="20" fill="%23e60023"></circle><path d="M24.44391,11.41614c-8.63232,0 -13.21539,5.79462 -13.21539,12.10309c0,2.93384 1.56152,6.58539 4.06,7.74841c0.37842,0.17621 0.58154,0.10004 0.66846,-0.26691c0.06689,-0.27844 0.40381,-1.6369 0.55536,-2.26843c0.04846,-0.20154 0.02466,-0.37463 -0.13843,-0.57312c-0.82697,-1.00305 -1.48846,-2.84613 -1.48846,-4.56458c0,-4.41156 3.33997,-8.67999 9.02997,-8.67999c4.91309,0 8.35309,3.34845 8.35309,8.1369c0,5.40997 -2.7323,9.15845 -6.28693,9.15845c-1.96307,0 -3.43304,-1.62384 -2.96155,-3.61536c0.56543,-2.37695 1.65692,-4.94153 1.65692,-6.65845c0,-1.5354 -0.82306,-2.81696 -2.52997,-2.81696c-2.00696,0 -3.61847,2.07538 -3.61847,4.85693c0,1.77002 0.59845,2.96844 0.59845,2.96844c0,0 -1.9823,8.38153 -2.3454,9.94153c-0.40198,1.72229 -0.2453,4.1416 -0.07135,5.72339v0c0.45111,0.17688 0.9024,0.35376 1.36877,0.49811v0c0.81689,-1.32782 2.03497,-3.50568 2.48645,-5.24225c0.24384,-0.93616 1.24689,-4.75464 1.24689,-4.75464c0.65155,1.2439 2.55615,2.29694 4.58313,2.29694c6.03149,0 10.37842,-5.54694 10.37842,-12.44c0,-6.60846 -5.39154,-11.55151 -12.32996,-11.55151z" fill="%23ffffff"></path></g></g></g></svg>');
    width: 36px;
    height: 36px;
}
.modal-content .jssocials-share .fa-messenger, .jssocials-share .fa-commenting{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="36px" height="36px"><defs><radialGradient cx="11.087" cy="42.978" r="47.612" gradientUnits="userSpaceOnUse" id="color-1"><stop offset="0" stop-color="%231292ff"></stop><stop offset="0.079" stop-color="%232982ff"></stop><stop offset="0.23" stop-color="%234e69ff"></stop><stop offset="0.351" stop-color="%236559ff"></stop><stop offset="0.428" stop-color="%236d53ff"></stop><stop offset="0.754" stop-color="%23df47aa"></stop><stop offset="0.946" stop-color="%23ff6257"></stop></radialGradient></defs><g transform="translate(-21.76,-21.76) scale(1.17,1.17)"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="translate(0,-2.53752) scale(5.33333,5.33333)"><path d="M44,23.5c0,10.77 -8.95,19.5 -20,19.5c-1.651,0 -3.25,-0.194 -4.784,-0.564c-0.465,-0.112 -0.951,-0.069 -1.379,0.145l-4.377,2.189c-1.13,0.565 -2.46,-0.257 -2.46,-1.521v-4.025c0,-0.575 -0.257,-1.111 -0.681,-1.499c-3.894,-3.56 -6.319,-8.615 -6.319,-14.225c0,-10.77 8.95,-19.5 20,-19.5c11.05,0 20,8.73 20,19.5z" fill="url(%23color-1)"></path><path d="M34.992,17.292c-0.428,0 -0.843,0.142 -1.2,0.411l-5.694,4.215c-0.133,0.1 -0.28,0.15 -0.435,0.15c-0.15,0 -0.291,-0.047 -0.41,-0.136l-3.972,-2.99c-0.808,-0.601 -1.76,-0.918 -2.757,-0.918c-1.576,0 -3.025,0.791 -3.876,2.116l-1.211,1.891l-4.12,6.695c-0.392,0.614 -0.422,1.372 -0.071,2.014c0.358,0.654 1.034,1.06 1.764,1.06c0.428,0 0.843,-0.142 1.2,-0.411l5.694,-4.215c0.133,-0.1 0.28,-0.15 0.435,-0.15c0.15,0 0.291,0.047 0.41,0.136l3.972,2.99c0.809,0.602 1.76,0.918 2.757,0.918c1.576,0 3.025,-0.791 3.876,-2.116l1.211,-1.891l4.12,-6.695c0.392,-0.614 0.422,-1.372 0.071,-2.014c-0.358,-0.654 -1.034,-1.06 -1.764,-1.06z" fill="%23000000" opacity="0.05"></path><path d="M34.992,17.792c-0.319,0 -0.63,0.107 -0.899,0.31l-5.697,4.218c-0.216,0.163 -0.468,0.248 -0.732,0.248c-0.259,0 -0.504,-0.082 -0.71,-0.236l-3.973,-2.991c-0.719,-0.535 -1.568,-0.817 -2.457,-0.817c-1.405,0 -2.696,0.705 -3.455,1.887l-1.21,1.891l-4.115,6.688c-0.297,0.465 -0.32,1.033 -0.058,1.511c0.266,0.486 0.787,0.8 1.325,0.8c0.319,0 0.63,-0.107 0.899,-0.31l5.697,-4.218c0.216,-0.163 0.468,-0.248 0.732,-0.248c0.259,0 0.504,0.082 0.71,0.236l3.973,2.991c0.719,0.535 1.568,0.817 2.457,0.817c1.405,0 2.696,-0.705 3.455,-1.887l1.21,-1.891l4.115,-6.688c0.297,-0.465 0.32,-1.033 0.058,-1.511c-0.266,-0.486 -0.786,-0.8 -1.325,-0.8z" fill="%23000000" opacity="0.07"></path><path d="M34.394,18.501l-5.7,4.22c-0.61,0.46 -1.44,0.46 -2.04,0.01l-3.974,-2.991c-1.68,-1.25 -4.06,-0.82 -5.19,0.94l-1.21,1.89l-4.11,6.68c-0.6,0.94 0.55,2.01 1.44,1.34l5.7,-4.22c0.61,-0.46 1.44,-0.46 2.04,-0.01l3.974,2.991c1.68,1.25 4.06,0.82 5.19,-0.94l1.21,-1.89l4.11,-6.68c0.6,-0.94 -0.55,-2.01 -1.44,-1.34z" fill="%23ffffff"></path></g></g></g></svg>');
    width: 36px;
    height: 36px;
}
#projectShare{
    z-index: 1280;
}

@media (min-width: 1200px) {
    .container-sm {
        max-width: 860px;
    }
}
@media (min-width: 576px) {
    .ui-to-top {
        bottom: 250px;
        right: 35px;
    }
}
.footer-social{list-style: none; margin: 15px 0 0 0; padding: 0; display: flex; gap: 15px}
.footer-social li svg{fill: white}
.footer-social li:hover svg{fill: #c5080d}
* + .pricing-minimal-divider-nobd {
    margin-top: 15px !important;
}
.pricing-minimal-divider-nobd{
    border-bottom: none !important;
}
.title-18-force{
    font-size: 18px!important;
}
.post-creative-meta .icon {
    font-size: 1.2em;
    color: #c5080d;
}
.mdi-zalo::before {
    width: 16px !important;
    height: 16px !important;
}