/*
Theme Name: Nội Thất Xây Dựng Mẫu
Description: Giao diện con dựng bằng khối kéo thả cho website thiết kế nội thất và xây dựng.
Template: flatsome
Version: 1.0.18
*/

/* NOITHAT-V1-START */
.nav>li>a{font-weight:400}
.is-divider{display:none}
h1,h2,h3,h4,h5,h6,.heading-font{color:#578bb9}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#fff}
.section-title-normal{border-bottom:0}
.section-title-normal span{border-bottom:5px solid #6794b5}
.header-main #logo a{font-weight:700;font-size:32px;line-height:1.05;text-transform:none}
.header-main .nav>li>a{font-size:16px}
.header-main .nav-left>li,.header-main .nav-right>li{margin:0 11px}
.header-main .nav-left>li:first-child{margin-left:0}
.header-main #logo{width:276px}
.message-header-note{display:none}

/* Nút trên ảnh banner */
.buttom.button{font-size:13.2px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:8px 12px;line-height:31.68px;min-height:0}
a.button.primary.is-xlarge.buttom:hover{background-color:#000;transition-delay:.15s}
.banner .text-box .text p{margin-bottom:13px;font-size:12.8px;line-height:1.6}
.banner .text-box h3{margin-bottom:.2em}
.banner .text-box .text{font-size:inherit}
.sec-muasam .banner .text h3{font-size:25.6px;line-height:1;text-transform:uppercase;margin:0 0 6px}
.sec-muasam .buttom.button{padding:8px 30px}

/* Khối hoạt động */
.hoatdong i{color:#fff;font-size:60px}
.hoatdong .text p{color:#000;font-size:16px}
.hoatdong .text h3{font-size:20px;font-weight:700;color:#578bb9}
.hoatdong>.col-inner{padding:50px 0 0}
.dem{position:relative}
.dem .so{position:absolute;left:0;right:0;top:50%;margin:0;transform:translateY(-50%);text-align:center;font-size:50px;line-height:1}
.dem p{margin-bottom:0}

/* Khối chúng tôi có gì */
.sec-cogi .img{margin-bottom:0}
.sec-cogi .row>.col{padding-bottom:0}
.sec-cogi h5{font-size:16px;font-weight:700;color:#578bb9}
.sec-cogi ol{margin-left:0;padding-left:0;list-style-position:inside}
.sec-cogi li{margin-bottom:9.6px;line-height:1.6}
.sec-cogi .button,.cta-lienhe{padding:0 30px;font-size:15.52px;font-weight:700;text-transform:uppercase}

/* Mua sắm và tin tức */
.content-area .box-text p{display:none}
.sec-muasam .box-blog-post .box-text{padding:10px;text-align:center}
.sec-muasam .post-title.is-large{font-size:15px}
.sec-muasam .box-blog-post .box-text .post-title a{color:#578bb9}

/* Chân trang */
.sec-doitac h2{font-size:25.6px;font-weight:700;color:#578bb9;margin-bottom:.5em}
.foot h3{font-size:20px;line-height:.75;color:#fff}
.foot p i{color:#333333a6;font-size:50px}
.foot .section-title-normal span{color:#fff;text-transform:uppercase;font-weight:700}
.sec-doitac .slider-wrapper{margin-bottom:30px}
.foot .foot-btns .button,.foot .foot-links .button{padding:0 34px;margin-bottom:18.4px}
.foot .foot-links .button.alert{padding:0 20px}
.foot .foot-links a{color:#f1f1f1;font-size:23.2px}
.foot .foot-links p{margin-bottom:.4em}
.foot .foot-btns .button{display:block;width:fit-content;margin:0 0 15px}
.absolute-footer,html{background-color:#000}
.absolute-footer{font-size:.9em}

/* Nút liên hệ nổi */
#main-cta{position:fixed;bottom:10%;left:20px;z-index:9999}
ul.cta-list{list-style:none;margin:0;padding:0}
ul.cta-list li{margin:0 0 10px}
ul.cta-list a{display:flex;align-items:center}
ul.cta-list img{padding:5px;background:#fff;border-radius:99%;width:3rem;height:3rem;order:1;box-shadow:0 0 10px rgba(128,128,128,.5)}
ul.cta-list span{padding:10px 20px 12px 55px;background:#fff;border-radius:20px;position:relative;right:30px;z-index:-1;display:none;color:#0d74ff;font-weight:700;width:15rem;text-align:center;box-shadow:0 0 10px rgba(128,128,128,.5)}
ul.cta-list li:hover span{display:block}
ul.cta-list li:hover a{flex-direction:row-reverse;justify-content:flex-end}

/* NOITHAT-RESP-START */
@media (max-width:849px){
  .sec-hero .img-inner{padding-top:380px!important}
  .dem{max-width:270px;margin-left:auto;margin-right:auto}
  .dem .so{font-size:40px}
  .hoatdong>.col-inner{padding:30px 0 10px}
  .sec-cogi .img{margin-bottom:10px}
  .sec-cogi .row>.col{padding-bottom:10px}
  .foot .foot-btns .button,.foot .foot-links .button{margin-bottom:12px}
}
@media (max-width:549px){
  .sec-hero .img-inner{padding-top:240px!important}
  .buttom.button,.sec-muasam .buttom.button{font-size:11px;padding:6px 8px;line-height:1.3;white-space:normal;min-height:0}
  .banner .text-box .text p{font-size:11px;margin-bottom:6px}
  .sec-muasam .banner .text h3{font-size:20px;margin-bottom:4px}
  .hoatdong i{font-size:34px}
  .hoatdong .text p{font-size:10.5px;line-height:1.3;margin-bottom:.5em}
  .hoatdong .text h3{font-size:12px;line-height:1.3;margin-bottom:0}
  .dem{max-width:160px}
  .dem .so{font-size:26px}
  .banner .text-box .text h3{font-size:14px}
  .sec-doitac h2{font-size:20px}
  .sec-cogi li{font-size:14px;margin-bottom:6px}
  .sec-cogi h5{font-size:15px}
  .sec-muasam .post-title.is-large{font-size:13px}
  .sec-muasam .box-blog-post .box-text{padding:8px}
  .foot .foot-links a{font-size:18px}
  .foot .foot-btns .button,.foot .foot-links .button{font-size:14px;padding:0 20px;margin-bottom:10px;height:auto;min-height:0;line-height:2.6}
  .foot .foot-btns,.foot .foot-links{padding-bottom:0}
  .foot iframe{height:250px}
}
/* NOITHAT-RESP-END */
/* NOITHAT-V1-END */

/* DEM-FIX */
.banner .text-box .text .dem .so{font-size:50px;line-height:1}
@media (max-width:849px){.banner .text-box .text .dem .so{font-size:40px}.dem{max-width:210px}}
@media (max-width:549px){.banner .text-box .text .dem .so{font-size:26px}.dem{max-width:160px}}
/* DEM-FIX-END */

/* NUT-DEU */
@media (max-width:849px){.sec-thietke .buttom.button,.sec-baogia .buttom.button{display:inline-flex;align-items:center;justify-content:center;min-height:64px;line-height:1.3;white-space:normal;text-align:center}}
@media (max-width:549px){.sec-thietke .buttom.button,.sec-baogia .buttom.button{min-height:52px;padding:6px 6px}}
/* NUT-DEU-END */

/* HD-PHONE */
@media (max-width:549px){.hoatdong .text h3{font-size:14px;line-height:1.3}.hoatdong .text p{font-size:12px}.hoatdong .text h3{letter-spacing:0}}
/* HD-PHONE-END */
/* MENU-GON */
@media (max-width:1499px) and (min-width:850px){.header-main .nav>li{margin:0 5px}.header-main .nav>li>a{font-size:15px}}
@media (max-width:1399px) and (min-width:850px){.header-main #logo a{font-size:26px}.header-main .nav>li{margin:0 3px}.header-main .nav>li>a{font-size:14px}}
@media (max-width:1279px) and (min-width:850px){.header-main #logo{width:210px}.header-main #logo a{font-size:22px}.header-main .nav>li{margin:0 1px}.header-main .nav>li>a{font-size:12.5px}.header-main .cart-item .header-cart-title{display:none}}
/* MENU-GON-END */
/* NOIBAT-START */
.sec-thietke .banner,.sec-baogia .banner,.sec-muasam .banner{border-radius:6px;overflow:hidden}
.sec-thietke .col-inner,.sec-baogia .col-inner,.sec-muasam .row:first-child>.col>.col-inner{border-radius:6px;box-shadow:0 6px 22px rgba(87,139,185,.28);transition:transform .25s ease,box-shadow .25s ease}
.sec-thietke .banner::after,.sec-baogia .banner::after,.sec-muasam .row:first-child .banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#e4bb4c;z-index:3}
.sec-muasam .post-item .col-inner{border-bottom:3px solid #578bb9;border-radius:4px;box-shadow:0 6px 18px rgba(87,139,185,.22);transition:transform .25s ease,box-shadow .25s ease}
.sec-hoatdong .banner .dem svg{filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));transition:transform .4s ease}
.hoatdong i{transition:transform .3s ease}
.sec-cogi .img-inner{border-radius:6px;box-shadow:0 8px 26px rgba(87,139,185,.32)}
.cta-lienhe,.buttom.button{box-shadow:0 3px 10px rgba(87,139,185,.35);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.sec-doitac .img{transition:transform .3s ease}
.foot .foot-btns .button{box-shadow:0 3px 10px rgba(0,0,0,.2);transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover){
.sec-thietke .col-inner:hover,.sec-baogia .col-inner:hover,.sec-muasam .row:first-child>.col>.col-inner:hover,.sec-muasam .post-item .col-inner:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(87,139,185,.42)}
.sec-hoatdong .banner:hover .dem svg{transform:scale(1.05)}
.hoatdong .col:hover i{transform:translateY(-6px) scale(1.1)}
.cta-lienhe:hover,.buttom.button:hover,.foot .foot-btns .button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(87,139,185,.45)}
.sec-doitac .img:hover{transform:scale(1.08)}
}
@media (prefers-reduced-motion:reduce){.sec-thietke .col-inner,.sec-baogia .col-inner,.sec-muasam .col-inner,.sec-hoatdong .dem svg,.hoatdong i,.cta-lienhe,.buttom.button,.sec-doitac .img,.foot .foot-btns .button{transition:none!important;transform:none!important}}
/* NOIBAT-END */
/* KHOANG-GON-START */
.sec-hero,.sec-hoatdong,.sec-cogi{padding-top:12px!important;padding-bottom:12px!important}
.sec-muasam .row>.col{padding-bottom:12px}
.sec-muasam .row:last-child>.col{padding-bottom:0}
.sec-doitac{padding-top:14px!important;padding-bottom:6px!important}
.sec-doitac .slider-wrapper{margin-bottom:0}
.sec-doitac h2{margin-bottom:6px}
.foot{padding-top:22px!important;padding-bottom:22px!important}
@media (max-width:549px){.sec-hero,.sec-hoatdong,.sec-cogi{padding-top:8px!important;padding-bottom:8px!important}.sec-muasam .row>.col{padding-bottom:8px}}
.sec-muasam .post-item{padding-bottom:10px}
@media (max-width:849px){.sec-thietke .row>.col,.sec-baogia .row>.col{padding-bottom:6px}}
@media (max-width:849px){.foot .row>.col{padding-bottom:4px}.foot .foot-links p,.foot .foot-links a{margin-bottom:0}.foot iframe{height:230px}}
/* KHOANG-GON-END */