@font-face {
    font-family: 'ellefutura';
    src: url('fonts/elle-futura.otf');
    font-display: swap;
}
@font-face {
    font-family: 'ellefuturabold';
    src: url('fonts/elle-futura-bold.otf');
    font-display: swap;

}
@font-face {
    font-family: "NewParisText";
    src: url("fonts/NewParisText-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{
    font-family: "ellefutura" !important;
}
.nav > li > a {
    font-family: "ellefuturabold" !important;
}
h1,
h2,
h3,
.heading-font {
    font-family: "ElleFuturaBold" !important;
}
h4,
h5,
h6 {
    font-family: "ElleFuturaBold" !important;
}
span.widget-title {
    font-family: ElleFuturaBold !important;
}
.is-uppercase,
.uppercase {
    line-height: 1.6;
}
.title {
    font-family: "NewParisText", Arial, serif !important;
    font-size: 34px;
    margin-bottom: 10px;
    font-weight: normal;
    text-transform: uppercase;
}
a:hover {
    text-decoration: none;
}
:root {
    --primary-color: #446084;
}
.bg {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}
.bg-loaded {
    opacity: 1;
}
.header-main {
    height: 90px;
    background: linear-gradient(225deg, #422213 22%, #a13807 100%);
}
#logo {
    width: 150px;
    padding: 10px 0px;
}
.nav-spacing-xlarge>li{
    margin: 0 8px;
    font-size: 15px;
}
.header-top {
    min-height: 30px;
}
.transparent .header-main {
    height: 90px;
}
.transparent #logo img {
    max-height: 90px;
}
.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 90px;
}
.header-bottom {
    background-color: #f1f1f1;
}
body {
    font-size: 100%;
}
body {
    font-family: "Lato", sans-serif;
}
body {
    font-weight: 400;
}
body {
    color: #000000;
}
.nav > li > a {
    font-family: "Lato", sans-serif;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: "Lato", sans-serif;
}
.nav > li > a {
    font-weight: 700;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "Lato", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    color: #2b57a5;
}
.alt-font {
    font-family: "Dancing Script", sans-serif;
}
.alt-font {
    font-weight: 400 !important;
}
.absolute-footer,
html {
    background-color: #ffffff;
}
.box-image:hover::before,
.post-item:hover .box-image::before,
.img:hover > .img-inner::before {
    -webkit-animation: shine 0.75s;
    animation: shine 0.75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.box-image::before,
.img > .img-inner::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(
        left,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.3) 100%
        );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.3) 100%
        );
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.label-new.menu-item > a:after {
    content: "New";
}
.label-hot.menu-item > a:after {
    content: "Hot";
}
.label-sale.menu-item > a:after {
    content: "Sale";
}
.label-popular.menu-item > a:after {
    content: "Popular";
}

.header-main .nav > li > a {
    line-height: 16px;
    color: #fff;
}
.header:not(.transparent) .header-nav.nav > li > a {
    color: #fff;
}

.nav > li > a {
    font-family: "ElleFuturaBold", Arial, sans-serif !important;
}

.header:not(.transparent) .header-nav.nav > li > a:hover,
.header:not(.transparent) .header-nav.nav > li.current > a,
.header:not(.transparent) .header-nav.nav > li > a.current {
    color: #fff;
}

.title2 {
    color: #0d2148;
}
.h3,
h3 {
    font-size: 1.25em;
}

.fix-bg3 {
    background-image: url(img/csr-waves-bgd-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center !important;
    align-self: center !important;
    vertical-align: middle !important;
}

.thong-tin ul {
    list-style: disc;
    margin: 0px;
    margin-left: 20px;
}
.thong-tin ul li {
    list-style-type: disc;
    margin-bottom: 5px;
    margin-left: 0;
}

.thong-tin .col-inner,
.vitri-ketnoi .col-inner {
    padding: 5% 5% 5% 5%;
}

.title22 {
    background: linear-gradient(225deg, #2b57a5 27%, #347db0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vitri-ketnoi th,
td {
    font-weight: normal;
    text-transform: none;
}

.form-action {
    padding: 5px;
    background: linear-gradient(248deg, #0d2148 10%, #2b57a5 100%);
}

.form-action .col-inner {
    background-color: rgb(255, 255, 255);
    padding: 20px 20px 20px 20px;
}

.form-action ul {
    list-style: none !important;
    margin: 0px;
}

.form-action ul li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: 0;
}

.form-action ul li:before {
    content: "— ";
}
input[type="submit"]:not(.is-form) {
    border: 0;
    font-family: "ElleFuturaBold", Arial, san-serif !important;
    background:#b3430f;
    border-radius: 10px;
    width: 100%;
}
input[type="submit"]:hover {
    box-shadow: none !important;
    color: yellow;
}

input[type="email"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #d8a515 !important;
}

input[type="email"],
input[type="tel"],
input[type="text"] {
    border-bottom: 1px solid #000 !important;
    border: none;
    box-shadow: none;
}
.fix-tintuc .box-text {
    background: linear-gradient(225deg, #422213 22%, #a13807 100%);
}

.fix-tintuc .is-divider {
    display: none;
}

.fix-footer .section-bg:before {
    content: "";
    background-image: linear-gradient(245deg,#0d2148 0%,#0d2148 0%,#000000 100%);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.form-action2 {
    padding: 5px;
    background: #ffffff87;
}

.form-action2 .col-inner {
    background-color: rgb(255, 255, 255);
    padding: 20px 20px 20px 20px;
}

.desk-contact {
    position: fixed;
    bottom: 20px;
    left: 10px;
    z-index: 999;
}
.desk-contact a {
    color: #ffffff;
    text-transform: uppercase;
    margin-right: 15px;
    font-size: 16px;
}
.desk-contact .zalo,
.desk-contact .phone,
.desk-contact .dang-ky {
    padding: 13px;
    border-radius: 22px;
    background-color: #f36e20;
    background-image: url(img/bg-cheetah.png);
    position: relative;
    border: 0;
}
.desk-contact .zalo{
    background-color: #0573ff;
    background-image: url(img/bg-cheetah.png);
}
.desk-contact .phone{
    background-color: #7d9143;
    background-image: url(img/bg-cheetah.png);
}
.desk-contact .zalo img,
.desk-contact .phone img,
.desk-contact .dang-ky img{
    width: 30px;
    height: auto;
    vertical-align: text-bottom;
}
.desk-contact .zalo:after,
.desk-contact .dang-ky:after,
.desk-contact .phone:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    bottom: -4px;
    right: -4px;
    border-radius: 26px;
    border: 4px solid rgba(255, 255, 255, 0.22);
}

@media (max-width: 849px) {
    .desk-contact {
        display: none;
    }
}

.call-now-button {
    display: block !important;
    color: #fff;
}
.call-now-button p.call-text a {
    color: #fff !important;
}

.call-now-button {
    top: 75% !important;
}
.blog-archive{
    padding-top: 0px !important
}
.slider-home{
    padding: 0px;
}
.header-wrapper.stuck{
    background: #fff;
}
#section_1806483692 {
    padding-top: 30px;
    padding-bottom: 30px;
    background: url(img/bg_footer.jpg) center center no-repeat;
    background-size: cover;
}
.bottom-contact{
    position: fixed;
    bottom: 0;
    background: #2b57a5;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea;
    height: 70px;
    overflow: hidden;
}
.bottom-contact ul{
    margin: 0px;
    padding: 0px;
}
.bottom-contact ul li{
    width: 33.33%;
    float: left;
    list-style: none;
    text-align: center; 
    font-size:13.5px;
    margin: 0px;
}
.bottom-contact ul li span{color:#fff}
.bottom-contact ul li img{    
    height: 33px;
    margin-top: 10px;
    margin-bottom: 0px;
    width: auto;
}
.flickity-prev-next-button,
.flickity-prev-next-button{
    opacity: 1;
}
.mt-40{
    margin-top: 40px;
}
#section_1662878591 {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-top: 0px;
    background: #fff url(img/bg_popup.png);
}
#tienich-box h2,.text-editor h2{
    background: linear-gradient(280deg,#0d2148 75%,#2b57a5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-editor h3{
    background: linear-gradient(280deg,#0d2148 75%,#2b57a5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
img.size-full.alignnone{
    margin: 0px;
}
#section_166996169 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#gap-1709322928 {
    padding-top: 40px;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin: 0px;
    text-align: center;
}
#image_1498677578 {
    width: 100%;
}
#gap-29421907 {
    padding-top: 30px;
}
.gallery{
    margin-left: -15px !Important;
    margin-right: -15px !Important;
}
.gallery-style2 .gallery{
    margin-left: 0px !Important;
    margin-right: 0px !Important;
}
.gallery-style2 .gallery-item{
    margin-top: 5px !Important;
    padding: 0px;
}
.gallery-style2 .gallery-item img{
    border: none !Important;
    border-radius: 10px;
}
#gap-736868616 {
    padding-top: 30px;
}
.item-thietke{
    margin-bottom: 60px;
}
.item-thietke .slider-wrapper{
    box-shadow: 0 0.5rem 2rem 0.25rem rgb(0 0 0 / 30%);
}
.flickity-prev-next-button{
    top:50%;
}
.slider-nav-light .flickity-prev-next-button {
    color: #fff;
    background-image: linear-gradient(248deg, #0d2148 0%, #2b57a5 100%);
    border-radius: 100%;
    height: 36px;
    width: 36px;
}
.slider-nav-light .flickity-page-dots .dot{
    border: 1px solid #2b57a5;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
}
.slider-nav-light .flickity-page-dots .dot.is-selected{
    background: #2b57a5
}
.align-middle-hwp {
    -webkit-transform: translate(-50%,-50%) !important;
    left: 50%;
    position: absolute !important;
    top: 50%;
    transform: translate(-50%,-50%) !important;
}
.icon-youtube {
    -webkit-transition: all .2s;
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    padding: 10px;
    transition: all .3s;
    width: 80px;
}
.video-img{
    position: relative;
    margin-top: 20px;
}
.divider{
    background: url('img/line.png') center center no-repeat;
    background-size: contain;
    bottom: 22px;
    content: '';
    display: block;
    height: 14px;
    left: 0;
    margin: 0 auto;
    max-width: 200px;
    right: 0;
    width: 100%;
    margin-top: 20px;
}
#section_1515648506 {
    padding-top: 0px;
    padding-bottom: 0px;
}
#page-header-941083316 .page-title-inner {
    min-height: 400px;
}
#page-header-941083316 .title-bg {
    background-image: url(img/background-header.jpg);
    background-position: top right;
}
.share-top .iframe, .share-top .post_time {
    display: inline-block;
}
.post_time {
    font-size: 12px;
    position: relative;
    padding: 0px 0px 0px 20px !Important;
}
.wp-caption img{
    width: 100%;
    height: auto;
}
.bg_thietke{
    background: rgba(37, 68, 129, 1);
    color: #fff;
}
.gallery-item{
    opacity: 1;
}
.bg_thietke dt{
    border-image: linear-gradient(180deg, rgba(255, 236, 67, 0.95) 0%, rgba(0, 226, 255, 1) 100%) 1;
    border-style: solid;
    border-width: 5px;
    margin: 0px;
    margin-bottom: 10px;
}
.bg_thietke img{
    border: none !Important;
}
.editor ul{
    list-style: disc;
}
.pt-40{
    padding-top: 40px;
}
.pb-40{
    padding-bottom: 40px;
}
.bg_tiendo{
    background: #e0f9ff;
}
.bg_tiendo dt{
    border-image: linear-gradient(180deg, rgba(246, 117, 31, 0.95) 0%, rgba(255, 236, 67, 1) 100%) 1;
    border-style: solid;
    border-width: 5px;
}
.bg_tiendo img{
    border: none !Important;
}
.bg_banggia{
    background-color: rgb(244, 238, 228);
    background-image: url(img/wave-bg-design.png);
    padding-top: 50px;
}
.bg_banggia .content{
    padding: 10px;
    background: linear-gradient(114deg, #f8d10e 10%, #ba6646 100%);
}
.bg_banggia .content .desc {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    background: #fff;
}
.noibat .col-inner {
    min-height: 330px;
    background: linear-gradient(225deg, #2b57a5 27%, #347db0 100%);
    background-size: contain;
    border-radius: 20px;
}
.noibat .box-image {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}
.box-text.text-center {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16.5px;
}
.icon-why .title_why {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
}
.noibat .box-text p {
    padding: 0px 5px;
    max-height: 300px;
    text-align: justify;
}
.noibat .box-text:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-image: linear-gradient( to right, rgba(255, 255, 255, 0.13), #fff, rgba(255, 255, 255, 0.13) );
    top: 0;
    left: 0;
}
.icon-why img {
    height: 44px;
    width: inherit !Important;
    padding: 0px !Important;
}
.phankhu .col .image-cover {
    box-shadow: 6px 6px 0px 0px #114853;
}
.phankhu_text {
    background-image: linear-gradient(180deg,rgb(61 61 61 / 0%) 0%,#0c0c0c 100%);
    border-radius: 2px;
    overflow: hidden;
    min-height: 52px;
    padding-top: 12px!important;
    padding-right: 15px!important;
    padding-bottom: 8px!important;
    padding-left: 15px!important;
    margin-top: -35px!important;
    margin-right: 15px!important;
    margin-left: 15px!important;
    z-index: 10;
    position: relative;
    color: #ffffff!important;
    margin-bottom: 3.093%;
}
.phankhu_text .phankhu_text_inner{
    font-weight: bold;
    font-size: 16px;
    color: #e8de8b!important;
    line-height: 25px;
    margin-bottom: 0px;
    background: linear-gradient(to right, #f5bf44, #e0b936, #d1c631, #be9945, #dfc94e, #c2b836, #be9945);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.phankhu_text .phankhu_text_inner p{
    margin-bottom: 0;
    color: #ffffff!important;
    position: relative;
    padding-bottom: 0;
}
.phankhu_button {
    text-align: center;
}
.phankhu_button  a{
    color: #e2984d;
    text-transform: none;
    border-radius: 2px;
    text-transform: none;
    background-color: #fff;
    border: 2px solid #e2984d;
}
.phankhu_button  a:hover{
    background-color: #e2984d;
    color:#fff;
}
.item-phankhu{
    background: #fff;
}
.item-phankhu button{
    box-shadow: none;
    font-size: 16px;
    margin: 0;
    min-width: 0;
    padding: 12px 18px;
    background: linear-gradient(25deg,#d64c7f,#ee4758 50%);
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    border: none;
    width: 100%;
}
.item-phankhu > img{
    width: 100%;
}
.item-phankhu .link {
    padding: 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.item-phankhu {
    border-image: linear-gradient(180deg, rgba(255, 236, 67, 0.95) 0%, rgba(0, 226, 255, 1) 100%) 1;
    border-style: solid;
    border-width: 5px;
}
.item-phankhu .info {
    padding: 15px;
    background: #fff;
    height: 230px;
}
.item-phankhu .name {
    color: #256baf;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}
.item-phankhu .price {
    color: red;
    font-weight: 700;
    font-size: 16px;
}
.item-phankhu .info p {
    margin-bottom: 5px;
    color: #000;
}
.item-phankhu .editor {
    border-top: 1px dashed #ddd;
    padding-top: 10px;
    margin-top: 10px;
}
.item-phankhu .link a {
    width: 100%;
    text-align: center;
    display: block;
    padding: 10px 20px;
    background: linear-gradient(135deg, #2c56a6, #44b5be, #5fab78, #d0802e, #db4636) ! Important;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}
.phankhu {
    margin-top: 20px;
}
.phankhu_box{
    background:url("img/bg-phankhu.jpg") center center no-repeat;
    background-size: cover;
}
#nhanbanggia input[type="email"],
#nhanbanggia input[type="tel"],
#nhanbanggia input[type="text"]{
    box-shadow: none;
    border: 1px solid #ddd !Important;
    padding: 0 .75em;
    height: 40px;
    font-size: .97em;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    margin-bottom: 0px;
}
#nhanbanggia .col{
    padding-bottom: 10px;
}
#nhanbanggia textarea{
    height: 70px;
    min-height: 70px;
}
.editor-post h2{
    text-align: justify;
    font-size: 20px;
    line-height: 30px;
}
.fix-tintuc .post-title{
    min-height: 52px;
}
.title_modal{
    color: #2b57a5;
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "ElleFuturaBold" !important;
}
.lazyload, .lazyloading {
    opacity: 1 !Important;
}
.footer_title{
    font-family: "ElleFuturaBold" !important;
    font-size: 1.125em;
    margin-bottom: 15px;
}
.item-duan .desc{
    background: linear-gradient(48deg, #0d2148 0%, #3f9ce5 100%);
    text-align: center;
    padding: 10px 0px;
}
.item-duan .desc a{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}
.item-duan img{
    width: 100%;
}
.footer_title_contact{
    color: #bb4209;
    text-transform: uppercase;
}
#kk_ratings_box{
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: flex;
    margin-bottom: 20px;
}
.wp-caption .wp-caption-text{
    background: none;
}
.intro{
    background: url(img/bg_intro_1.jpg) center center;
    padding-bottom: 30px;
    color: #fff;
}
.item-why .box-image{
    background: #fff;
    border-radius: 100%;
    padding: 3px;
}
.title_gradient {
    background: linear-gradient(90deg, #00A8CC, #FFD700, #FF4500);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 700;
    display: initial;
    text-transform: uppercase;
}
.width_100{
    width: 100%;
    height: auto;
}
#row-1072484544{
    padding-top: 30px;
}
#section_tienich{
    background: #fdc9b1;
}
.gallery{
    margin-left: -15px !Important;
    margin-right: -15px !Important;
}
.gallery{
    margin-left: 0px !Important;
    margin-right: 0px !Important;
}
.gallery-item{
    margin-top: 5px !Important;
    padding: 0px;
}
.gallery-item img{
    border: none !Important;
    border-radius: 0px;
}
.editor ul{
    margin-left: 30px;
}
.wpcf7-spinner{
    display: none;
}
.vitri-ketnoi p{
    margin-bottom: 10px;
}
.vitri-ketnoi ul li{
    margin-bottom: 10px;
}
.editor h3{
    margin-top: 20px;
}
.uudau .item_uudai{
    border: 2px solid #DCA356;
    padding: 5px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    text-align: center;
    height: 100%;
    background: #fef8e0;
}
.uudau .item_uudai p{
    margin-bottom: 0px;
}
.uudau input[type="email"],
.uudau input[type="tel"],
.uudau input[type="text"]{
    border: 1px solid #ddd !Important;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}