#main,#wrapper {
  background-color: #f0f2ef;
  position: relative;
  max-width: 1920px;
  margin: 0 auto
}

body {
  background-color: #f0f2ef
}

p {
  padding: 4px 0;
  line-height: 1.4
}

#ftwp-container.ftwp-wrap #ftwp-header-minimize,#ftwp-container.ftwp-wrap #ftwp-header-control,#ftwp-container.ftwp-wrap #ftwp-header-title {
  padding: 10px 0;
  cursor: pointer
}

#ftwp-container.ftwp-wrap #ftwp-header {
  padding: 0 10px
}

.single .content {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #2E3749;
  text-align: justify;
}

p.wp-caption-text {
  text-align: center
}

.has-view img,.single .content img {
  display: block;
  /*margin: 15px;*/
  width: 100%
}

.has-view p,.single .content p {
  margin-bottom: 10px;
  padding: 4px 0
}

.has-view p img,.single .content p img {
  margin: 0 auto;
  width: 100%
}

.has-view ul,.has-view ol,.single .content ul,.single .content ol {
  margin-left: 24px;
  margin-bottom: 10px;
  padding: 4px 0
}

.has-view table,.single .content table {
  margin-bottom: 10px
}

@media (max-width: 550px) {
  .has-view table,.single .content table {
      display:block;
      overflow: scroll
  }
}

.has-view h1,.has-view h2,.has-view h3,.has-view h4,.has-view h5,.has-view h6,.single .content h1,.single .content h2,.single .content h3,.single .content h4,.single .content h5,.single .content h6 {
  margin-top: 10px;
  padding: 4px 0
}

.has-view h1,.single .content h1,.h2-css {
  font-size: 28px
}

.single .content h2 {
  font-size: 24px
}

.single .content h3 {
  font-size: 20px
}

.single .content h4 {
  font-size: 18px
}

.single .content h5,.single .content h6 {
  font-size: 16px
}

.single .content a {
  font-weight: 500
}

.wp-caption.aligncenter {
  max-width: 100%!important
}

.alignnone {
  margin: 5px 20px 20px 0
}

.aligncenter,div.aligncenter {
  display: block;
  margin: 5px auto
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0
}

.aligncenter {
  display: block;
  margin: 5px auto
}

.has-view h1 {
  font-size: 35px
}

.has-view h2 {
  font-size: 30px
}

.has-view h3 {
  font-size: 25px
}

.has-view h4 {
  font-size: 20px
}

.has-view p {
  font-size: 18px
}

.single .content a,.has-view a {
  color: #1908d3
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px
}

a img.alignnone {
  margin: 5px 20px 20px 0
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

/*.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center
}*/
.wp-caption {
    max-width: 100%;
    text-align: center;
}

td,th {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  padding: 10px!important
}

table {
  border-top: 1px solid #333;
  border-left: 1px solid #333
}

.wp-caption.alignnone {
  margin: 0 auto;
  /*display: table*/
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto
}

.wp-caption p.wp-caption-text {
  font-size: 13px;
  margin: 0;
  padding: 10px
}

.p-0 * {
  padding-bottom: 0!important
}

.fz-18 {
  font-size: 18px;
  letter-spacing: .9px
}

.fz-15 {
  font-size: 15px
}

.fw-500 * {
  font-weight: 500
}

.mb-20 * {
  margin-bottom: 20px
}

#wrapper {
  overflow-x: hidden
}

.header.transparent {
  background: -webkit-linear-gradient(180deg,rgba(36,18,2,.8) 0%,rgba(36,18,2,0) 100%);
  background: -moz-linear-gradient(180deg,rgba(36,18,2,.8) 0%,rgba(36,18,2,0) 100%);
  background: linear-gradient(180deg,rgba(36,18,2,.8) 0%,rgba(36,18,2,0) 100%);
  height: 152px
}

.nav>li,.nav>li>a {
  outline: none
}

.nav-icon * {
  font-size: 25px;
  color: #c28e35!important
}

.header-button-1 .button:hover span,.nav-icon a:hover i,.nav-icon a:hover * {
  color: #ffb942!important
}

.header-button-1 .button {
  font-size: 25px;
  font-weight: 700;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  gap: 11px;
  color: #c28e35!important
}

.header-button-1 .button::after {
  content: url(../icons/listrich.svg);
  width: 26px
}

.header-button-1 .button:hover::after {
  content: url(../icons/listrich2.svg)
}

.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
  content: url(../icons/line_slider.svg);
  background-color: transparent!important;
  height: auto;
  width: auto;
  border: 0;
  opacity: 1;
  margin: 0 12px
}

.slider-nav-dots-dashes-spaced .flickity-page-dots .dot.is-selected {
  content: url(../icons/icon_minus_cirlce.svg);
  line-height: 0
}

.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
  background-color: transparent;
  border: 1px solid #fff;
  opacity: 1
}

.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot.is-selected {
  background-color: #fff
}

.slider-nav-outside .flickity-page-dots {
  bottom: 35px
}

.flickity-page-dots {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  bottom: 35px;
  width: max-content;
  left: 0;
  right: 0;
  margin: 0 auto
}

.fz-35 * {
  font-size: 35px;
  margin-bottom: 29px
}

.form-ss .col-inner {
  max-width: 603px;
  margin: 0 auto!important
}

h3.section-title-center span,h2.section-title-center span {
  color: #ac7d2f;
  text-align: center;
  font-family: Roboto;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2px;
  margin: 0 60px
}

h2.section-title b {
  background-color: rgba(36,18,2,.2);
  opacity: 1;
  height: 1px
}

.text-main p {
  position: relative;
  color: #ac7d2f;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  width: max-content;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  gap: 50px;
  letter-spacing: 1.5px
}

.text-main p::after,.text-main p::before {
  content: "";
  width: 50px;
  height: 1px;
  display: block;
  background-color: rgba(36,18,2,.2)
}

.text-main p::after {
  left: 100%
}

.title-large strong,.title h3 {
  color: #ac7d2f;
  font-size: 35px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.75px;
  margin-bottom: 5px
}

.title-main-1 strong,.h3_main h3,.title h1,.title h2 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: normal;
  margin-bottom: 7px;
  color: #50B74A;
  text-transform: uppercase
}

.title-large h1 {
  text-transform: uppercase
}

.title-large.h3_main h3,.title-large h1,.title-large h2 {
  font-size: 40px;
  letter-spacing: 2px;
  margin-bottom: 0px
}

.title-main-1 h1 {
  font-size: 35px;
  margin-bottom: 10px
}

.title-main-1 strong,.title-main-1 h2 {
  font-size: 45px
}

.mb-10.title-large h2 {
  margin-bottom: 10px
}

.title p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .9px;
  margin-bottom: 0;
  color: #241202;
}
.txt-home{text-align: justify}

.title-large p {
  font-size: 25px;
  color: #241202;
  letter-spacing: 1.25px
}

.title-small_p p,.title-small h3 {
  font-size: 20px;
  color: #241202;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px
}

.slider-cus .text h3 {
  margin-bottom: 0;
  color: #241202;
  text-align: center;
  font-size: 75px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 3.75px
}

body:not(.ux-builder-iframe) .slide-bst-col2 .title-small {
  margin-bottom: 138px
}

body:not(.ux-builder-iframe) .slide-bst-2 .col {
  padding-bottom: 0
}

.slide_s {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  column-gap: 43px;
  margin-top: 113px;
  position: relative
}

.slide_s-wrap {
  position: relative
}

.slide_s-btn {
  cursor: pointer
}

.slide_s-btn::after {
  content: url(../icons/icon_collapse.svg);
  position: absolute;
  left: -10px;
  top: 0
}

.slide_s-col {
  margin: 0 22px!important;
  cursor: pointer;
  max-width: 23%
}

.slide_s-col:first-child {
  margin-left: 0!important
}

.slide_s-col:last-child {
  margin-right: 0!important
}

.slide_s-inner {
  padding: 10px 0
}

.slide_s-col span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000
}

.slide_s-col.is-selected span::before {
  content: "";
  height: 2px;
  width: 102%;
  background-color: #ffec40;
  position: absolute;
  top: 10px;
  left: -1px;
  animation: slide_boder 3s linear
}

@keyframes slide_boder {
  from {
      width: 0
  }

  to {
      width: 100%
  }
}

.btn-out.is-outline {
  border-radius: 3px;
  border: 1px solid #000;
  min-height: auto;
  color: #241202;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .9px;
  height: auto;
  padding: 0 10px
}

body:not(.ux-builder-iframe) .slide-bst-col2 .btn-out.is-outline {
  margin-top: 60px
}

.btn-out.is-outline span {
  line-height: normal;
  color: #241202;
  position: relative;
  top: 2px
}

.btn-out.is-outline:hover span {
  color: #fff
}

/*.slide-cus .flickity-slider>.row:not(.is-selected) {
  opacity: 1
}

.slide-cus .flickity-slider>div:not(.col) {
  max-width: calc(100% - 238px)
}

.slide-cus .flickity-slider>div:not(.is-selected)::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.6) 100%);
  background: -moz-linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.6) 100%);
  background: linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.6) 100%)
}

.slide-cus .flickity-prev-next-button {
  top: auto;
  bottom: 24px;
  left: 40px;
  width: 30px;
  opacity: 1
}

.slide-cus .flickity-prev-next-button.next {
  left: auto;
  right: 40px
}

.slide-cus .flickity-prev-next-button svg {
  display: none
}

.slide-cus .flickity-prev-next-button::after {
  content: url(../icons/icon_caret.svg);
  display: inline-block;
  line-height: 0
}

.slide-cus .flickity-prev-next-button.next::after {
  transform: rotate(180deg)
}*/
.slide-cus .flickity-page-dots .dot.is-selected{background-color: #ffffff;}
.slide-cus .flickity-page-dots .dot{border: 2px solid #ffffff;}

.pause_slide {
  position: absolute;
  left: 0;
  right: 0;
  width: max-content;
  display: block;
  margin: 0 auto;
  bottom: 24px;
  line-height: 0;
  content: url(../icons/pause.svg);
  cursor: pointer
}

.pause_slide.active {
  content: url(../icons/icon_caret.svg);
  transform: rotate(180deg)
}

.is-outline.btn-out-main {
  color: #241202;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .9px;
  border-radius: 4px;
  border: 1px solid #241202;
  min-height: auto;
  height: auto;
  padding: 9px 0 6px;
  min-width: 250px;
  margin: 10px!important
}

.single-san-pham .btn-outline.is-outline.primary {
  padding: 7px 15px 6px
}

.is-outline.btn-out-main .is-outline.btn-out-main {
  margin-left: 53px!important
}

.btn-out-main .icon-phone:before {
  content: url(../icons/icon_call.svg)
}

.button.is-outline span {
  line-height: inherit;
  color: #241202
}

.button.is-outline:hover span {
  color: #fff
}

.gallery-row-center .box-text {
  top: 0;
  bottom: 0;
  margin: auto;
  height: max-content;
  background: none!important;
  padding: 10px
}

.gallery-row h3 {
  color: #fff;
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.5px;
  margin-bottom: 6px
}

.gallery-row .box-text .button {
  font-size: 15px;
  line-height: normal;
  margin: 0;
  height: auto;
  min-height: auto
}

.gallery-row .box-text .button span {
  text-decoration: underline;
  line-height: normal
}

.gallery-row .box-overlay.dark .box-text {
  background: -moz-linear-gradient(0,rgba(36,18,2,.5) 0%,rgba(36,18,2,0) 95.83%);
  background: -webkit-linear-gradient(0,rgba(36,18,2,.5) 0%,rgba(36,18,2,0) 95.83%);
  background: linear-gradient(0,rgba(36,18,2,.5) 0%,rgba(36,18,2,0) 95.83%)
}

.showroom-col-1 .slide_s-btn::after {
  display: none
}

.showroom-col-1>.col-inner {
  padding: 0 100px
}

.showroom-col-1 h3 {
  color: #ac7d2f;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 40px;
  letter-spacing: 1.5px
}

.showroom-col-1 p {
  color: #241202;
  text-align: justify;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: .9px;
  margin-bottom: 27px
}

.showroom-col-1 .icon-box {
  width: max-content;
  align-items: center;
  margin-left: auto
}

.showroom-col-1 .icon-box p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-decoration: underline;
  letter-spacing: .8px
}

.showroom-col-1 .icon-box:hover * {
  color: #c28e35!important
}

.showroom-col-1 .slide_s {
  margin-top: 0!important
}

.showroom-col-1 .icon-box-left .icon-box-img .icon-box-text {
  padding-left: 6px
}

.showroom-col-2>.col-inner {
  padding-right: 100px
}

.logo-slide .col {
  flex-basis: 20%;
  max-width: 20%;
  padding-bottom: 0
}

.logo-slide .img {
  max-width: 133px;
  height: 93px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto
}

.logo-ft {
  max-width: 140px;
  margin: 0 auto
}

footer .icon-box {
  transition: all 0.5s
}

footer .icon-box:hover {
  transform: translateY(2px)
}

.accordion-title {
  color: #241202!important;
  border: 0;
  opacity: 1;
  padding-left: 0;
  padding: 11px 0;
  font-weight: 400;
  padding-right: 20px;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px
}

.accordion-title h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0
}

.accordion .toggle {
  left: auto;
  right: 0;
  font-size: 12px
}

.accordion-title.active {
  color: #241202;
  background-color: transparent;
  font-weight: 400
}

.accordion-inner {
  padding: 0;
  font-size: 16px;
  color: #2E3749;
  font-weight: 400;
  padding-top: 24px
}

.accordion-inner table {
  border: 0
}

.accordion-inner tr {
  vertical-align: top
}

.accordion-inner td,.accordion-inner th {
  border: 0;
  color: #241202;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: .5px;
  padding: 6px 0
}

footer .accordion-inner {
  padding: 0
}

footer .accordion-inner p {
  margin-bottom: 0;
  padding: 6px 0;
  color: #241202
}

.stack.flow-icon-cus a {
  --stack-gap: 30px !important
}

.flow-icon-cus .icon-box-img svg {
  padding: 0
}

.stack.flow-icon-cus a:hover svg {
  color: var(--primary-color)
}

.stack.flow-icon-cus a:hover rect {
  stroke: var(--primary-color)
}

.row-soild>.col:nth-child(2) {
  border-left: 1px solid rgba(36,18,2,.2)
}

.btn-ff a.is-outline.btn-out-main {
  margin: 0!important;
  margin-bottom: 10px!important;
  color: #241202;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 1.1px;
  height: 44px;
  width: max-content;
  min-width: 216px;
  padding: 8px 20px 10px;
  background: rgb(230,230,230)
}

.btn-ff a.is-outline.btn-out-main:hover {
  background-color: var(--primary-color)
}

.btn-ff a.is-outline.btn-out-main:hover i:before {
  content: url(../icons/phone2.svg)
}

footer .is-outline.btn-out-main .is-outline.btn-out-main {
  margin: 0!important
}

.absolute-footer {
  padding: 0
}

.ab-ff * {
  margin-bottom: 0
}

.ab-ff .dmca {
  color: #241202;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 1.1px
}

.ab-ff .copy {
  color: #241202;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px
}

.ab-ff strong {
  font-weight: 400
}

.ab-ff .img {
  max-width: 131px;
  margin-bottom: 0
}

.breadcrumb p {
  margin-bottom: 0;
  text-align: center;
  color: #241202;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px
}

.breadcrumb p .last {
  color: #ac7d2f;
  font-weight: 400
}

.contact-icon {
  align-items: center;
  margin-bottom: 10px
}

.contact-icon p {
  color: #000;
  margin-bottom: 0;
  text-align: justify;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.5s;
  letter-spacing: 1.25px
}

.contact-title h2,.contact-title p {
  color: #241202;
  font-size: 35px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.75px;
  margin-bottom: 0
}

#popup .contact-icon p {
  font-size: 20px
}

#popup .contact-title p {
  font-size: 25px
}

#popup.wpcf7-form input:not([type="submit"])::placeholder,#popup.wpcf7-form textarea::placeholder {
  color: rgba(36,18,2,.6)
}

#popup.wpcf7-form textarea,#popup.wpcf7-form input:not([type="submit"]) {
  font-size: 18px;
  background-color: transparent
}

#popup.lightbox-content {
  background-color: #f0f2ef
}

#popup .row {
  margin: 0 auto!important
}

.map {
  width: 100%;
  position: relative;
  padding-top: 65%
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.map p {
  margin-bottom: 0
}

.map-title p {
  margin-bottom: 0;
  color: #241202;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.5px
}

.row-contact .col:first-child::before {
  display: none
}

.row-contact .col:last-child::before {
  border-left: 1px solid rgba(36,18,2,.2);
  content: " ";
  height: 82%;
  left: -1px;
  position: absolute;
  top: 15%;
  margin: auto
}

.wpcf7-form textarea {
  min-height: 164px
}

.contact-form .wpcf7-form textarea {
  min-height: 233px
}

.wpcf7-form textarea,.wpcf7-form input:not([type="submit"]) {
  border-radius: 3px;
  border: 1px solid rgba(36,18,2,.2);
  background: #fff;
  width: 100%;
  height: 54px;
  color: #857637;
  margin-bottom: 29px;
  padding-left: 20px;
  box-shadow: none
}

.wpcf7-form textarea::placeholder,.wpcf7-form input:not([type="submit"])::placeholder {
  color: rgba(36,18,2,.2);
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px
}

.wpcf7-spinner {
  position: absolute
}

.wpcf7-form [type="submit"]:not(.is-form) {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #ece9e7;
  background-color: #e8e8e8;
  color: #241202;
  font-size: 22px;
  height: 54px;
  text-transform: none;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.1px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin-bottom: 0;
  justify-content: center;
  gap: 12px
}

.wpcf7-form [type="submit"]:not(.is-form)::before {
  content: "";
  line-height: normal;
      position: absolute;
    left: 0;
    width: 31px;
    height: 31px;
    top: 0;
    background: url(../images/icon_send.svg);
}

.wpcf7-form [type="submit"]:not(.is-form):hover:before {
  content: url(../icons/icon_send3.svg)
}

.wpcf7-form [type="submit"]:not(.is-form):hover {
  color: var(--primary-color);
  background-color: #fff
}

.banner-bg-main img {
  min-height: 350px;
  object-fit: cover
}

.banner-bg-main::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background: -moz-linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
  background: -webkit-linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
  background: linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%)
}

.po-re {
  position: relative
}

.box-2 .text-title_box p,.box-2 h3,.box-2 h2 {
  color: #fffdfc;
  font-size: 35px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3.5px
}

.box-2 .button span,.box-2 .button {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2px;
  text-decoration: underline
}

.box-2 p {
  color: #fff1e4;
  text-align: center;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  max-width: 778px;
  margin: 0 auto;
  letter-spacing: 1.25px
}

.img-bg {
  border-radius: 3px;
  border: 1px solid #efda87
}

.add-over .overlay {
  transition: all 0.5s
}

.add-over:hover .overlay {
  background-color: rgba(240,242,239,.5)!important
}

.add-over:hover .button span,.add-over:hover h2 {
  color: #241202
}

.img-bg::after,.row-2gl::after,.row-glla::after,.box-2:not(.not-bg) .banner-bg.fill::before,.box-2:not(.not-bg) .banner-bg.fill::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: -moz-linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
  background: -webkit-linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
  background: linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
  z-index: 1
}

.img-bg::after {
  bottom: -2px;
  left: -1px;
  width: 101%;
  height: 14%
}

.box-2:not(.not-bg) .banner-bg.fill::before {
  bottom: auto;
  top: 0;
  z-index: 2;
  background: -moz-linear-gradient(180deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
  background: -webkit-linear-gradient(180deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
  background: linear-gradient(180deg,#f0f2ef 0%,rgba(240,242,239,0) 100%)
}

.icon-count p {
  margin-bottom: 0;
  color: #241202;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.25px
}

.count-text p {
  color: #ac7d2f;
  text-align: center;
  font-size: 35px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.75px;
  margin-bottom: 5px
}

.mb-0 * {
  margin-bottom: 0!important
}

.row-2gl .col,.row-glla .col {
  padding: 0 10px 20px
}

.row-glla::after {
  bottom: 36px
}

.row-2gl,.row-glla,.row-glla .row {
  position: relative;
  margin: 0 -10px!important
}

.row-2gl img,.row-glla img {
  border-radius: 3px;
  border: 1px solid #f9ea6d
}

.text-bd-1 {
  font-weight: 400;
  font-size: 88px;
  line-height: normal;
  letter-spacing: 22.5px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px rgba(36,18,2,1);
  position: relative;
  z-index: 2
}

.text-bd-1 p {
  margin-bottom: 0
}

.ab-content.h3_large h3,.ab-content h2 {
  display: block;
  color: #ac7d2f;
  margin-bottom: 30px;
  font-size: 45px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0
}

.single-san-pham .ab-content.h3_large h3,.single-san-pham .ab-content h2 {
  font-size: 30px
}

.ab-content.h3_large h3 strong,.ab-content h2 strong,.ab-content.h2_small h2,.ab-content h2.h2_small,.ab-content h3 {
  color: #ac7d2f;
  font-size: 35px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
  letter-spacing: 1.75px;
  display: block
}

.content-single h3,.content-single h2 strong,.content-single h2 {
  color: #241202!important
}

.ab-content p {
  color: #241202;
  text-align: justify;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.25px;
  margin-bottom: 0
}

.content-single p {
  margin-bottom: 16px;
  font-size: 18px
}

.content-single.text-center p {
  text-align: center
}

.quote {
  color: #241202;
  margin-bottom: 24px;
  height: 50px;
  text-align: center;
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.ab-content ul li {
  list-style: none;
  margin: 0!important;
  margin-bottom: 24px!important;
  color: #241202;
  text-align: justify;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.25px;
  padding-left: 45px;
  position: relative
}

.ab-content ul li::before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 34px;
  height: 34px;
  background: url(../icons/iconpen.png) center/ contain no-repeat;
  content: ""
}

.single-san-pham .ab-content ul li {
  font-size: inherit
}

.single-san-pham {
  font-size: 18px
}

.row-2gl::after {
  bottom: 18px;
  height: 20%
}

.ab-tt p {
  max-width: 1664px
}

.text-2 {
  position: relative
}

.text-2 h2,.text-2 h3 {
  font-weight: 600;
  font-size: 50px;
  line-height: normal;
  letter-spacing: 50px;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
  margin-bottom: 40px;
  -webkit-text-stroke: 2px rgba(36,18,2,.4)
}

.text-2 h3.text-outline,.text-2 h3 strong,.text-2 h2 strong {
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 108px;
  line-height: normal;
  letter-spacing: 27px;
  -webkit-text-fill-color: transparent;
  margin-bottom: -10px;
  -webkit-text-stroke: 3px rgba(172,125,47,1);
}

.text-2-s h2 strong {
  bottom: 87px;
  font-size: 110px
}

.text-2 p {
  color: #241202;
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: normal;
  letter-spacing: 2.5px
}

.btn-link.button.primary:not(.is-outline) {
  color: #241202;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  min-height: auto;
  height: auto
}

.btn-link.button.primary:not(.is-outline) span {
  line-height: normal;
  text-decoration: underline
}

.btn-link.button.primary:not(.is-outline) i {
  margin: 0
}

.btn-link.button.primary:not(.is-outline) i::before {
  content: url(..//icons/map.svg)
}

.btn-link.button.primary:not(.is-outline):hover span {
  color: #c28e35
}

.btn-link.button.primary:not(.is-outline):hover i::before {
  content: url(..//icons/map2.svg)
}

.btn-outline.is-outline.primary span {
  line-height: normal
}

.btn-outline.is-outline.primary {
  color: #241202;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.1px;
  padding: 7px;
  padding-top: 5px;
  height: 40px;
  min-height: auto;
  border-radius: 4px;
  border: 1px solid #241202
}

.is-outline.primary:hover span,.is-outline.primary:hover {
  color: #fff!important
}

#search-box {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap
}

.showroom-se {
  background-color: #f0ebda;
  height: 80px;
  color: #241202;
  margin-bottom: 0;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.25px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center
}

.showroom-se select {
  margin-bottom: 0;
  width: max-content;
  height: auto;
  background-color: transparent;
  box-shadow: none;
  border: 0;
  text-transform: uppercase;
  background-size: auto 10px;
  background-image: url(../icons/icon_arrowdown.svg)
}

.banner-tk {
  align-items: flex-end
}

.banner-tk .overlay,.banner-tk .bg-fill .section-bg-overlay {
  background: url(../icons/BANNER.png) left / cover no-repeat!important
}

.banner-tk2 .overlay,.banner-tk2 .bg-fill .section-bg-overlay {
  background: url(../icons/BANNER_2.png) right / cover no-repeat!important
}

.banner-tk3 .overlay,.banner-tk3 .bg-fill .section-bg-overlay {
  background: url(../icons/BANNER_3.png) bottom / cover no-repeat!important
}

.banner-tk3 strong,.banner-tk .text-main_banner p,.banner-tk h2 {
  color: #fff;
  font-size: 60px;
  font-weight: 500!important;
  line-height: normal;
  letter-spacing: 4px;
  margin-bottom: 20px
}
.tknt .text-sub_banner p{font-size: 36px !important}
.tknt .text-main_banner p{font-size: 42px; margin-top: 10px}
.txt-tk a {
    font-size: 30px !important;
}
.txt-tk {
    text-transform: math-auto;
}
.banner-tk .text-sub_banner p,.banner-tk h2 strong,.banner-tk .h3_banner h2,.banner-tk h3 {
  color: #fff;
  display: block;
  font-size: 50px;
  font-weight: 500!important;
  line-height: normal;
  letter-spacing: 2.5px;
  margin-bottom: 0
}
@media (min-width: 851px){.dracolto p{font-size: 60px !important}}
@media (max-width: 550px){.dracolto p{font-size: 20px !important}}
.slide-text h3,.fw-400 h3,.fw-400 strong,.fw-400 h2 {
  font-weight: 400!important;
  font-size: 56px;
}
@media (max-width: 550px){.text-main p{gap: 30px;}}
@media (max-width: 550px){.tknt .text-sub_banner p {
    font-size: 15px !important;
}
.tknt .text-main_banner p{font-size: 20px !important}
}
.has-text-cus p {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  font-size: 26px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5px;
  margin: 0
}

.banner-tk .white.button.is-outline {
  color: #fffdfc!important;
  height: 34px!important;
  min-height: auto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.1px;
  border-radius: 4px;
  margin-bottom: 24px;
  margin-top: 15px;
  padding-top: 3px
}

.banner-tk .button.is-outline span {
  color: #fffdfc!important
}

.banner-tk .button.is-outline:hover span {
  color: var(--primary-color)!important
}

.stack .button.button.primary:not(.is-outline),.stack .button span {
  color: #ac7d2f;
  height: auto;
  min-height: auto;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.25px
}

.stack .button:hover span {
  color: #000
}

.banner-hover .overlay {
  transition: all 0.5s
}

.banner-hover:hover .overlay {
  background: rgba(240,242,239,.6)!important
}

.banner-hover:hover * {
  color: #241202!important
}

.tab-slide-title {
  max-width: 695px;
  margin: 0 auto
}

.tab-slide-title ul {
  padding-left: 0;
  margin-bottom: 0
}

.tab-slide-title ul li {
  margin: 0;
  cursor: pointer;
  color: #241202;
  text-align: justify;
  font-size: 25px;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 1.25px;
  list-style: none;
  width: 100%
}

.tab-slide-title ul li.is-selected {
  color: #ac7d2f;
  font-weight: 500
}

.slide-tab .banner p {
  color: #fff;
  text-align: justify;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.25px;
  margin-bottom: 0
}

.slide-tab .flickity-page-dots {
  right: 0;
  margin-right: 0;
  width: 100%;
  bottom: -31.65px;
  z-index: 10
}

.slide-tab .flickity-page-dots .dot {
  width: 212.25px;
  position: relative;
  height: 1px;
  border: 0;
  background-color: rgba(172,125,47,.5)
}

.slide-tab .flickity-page-dots .dot.is-selected::before {
  content: "";
  height: 2px;
  width: 101%;
  background-color: #ac7d2f;
  position: absolute;
  top: -2px;
  left: 0;
  animation: slide_boder 3s linear
}

.tab-relative,.tab-relative .flickity-enabled,.tab-relative .slider-wrapper,.tab-relative .col-inner {
  position: unset!important
}

.tab-drop {
  width: 100%;
  height: 80px;
  text-align: center;
  border-radius: 3px;
  background: #f0ebda;
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.tab-drop * {
  margin-bottom: 0;
  color: #241202;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase
}

.tab-drop:hover * {
  color: #c28e35
}

.tab-drop::after {
  position: absolute;
  right: 34px;
  content: url(../icons/icon_arrowdown.svg)
}

.tab-drop:hover::after {
  content: url(../icons/icon_arrowdown2.svg)
}

.has-view {
  color: #000;
  text-align: justify;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.25px
}

.has-view p {
  margin-bottom: 10px
}

.has-view.hide-content>#ftwp-postcontent>*,.has-view.hide-content>* {
  display: none
}

.has-view.hide-content>#ftwp-postcontent>:nth-child(-n+3),.has-view.hide-content>:nth-child(-n+3) {
  display: block
}

.has-view {
  max-width: 1200px;
  margin: 0 auto
}

.has-view li {
  font-size: 18px
}

.view-more {
  border-radius: 3px;
  background: -moz-linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%),#e8e5e5;
  background: -webkit-linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%),#e8e5e5;
  background: linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%),#e8e5e5;
  text-align: center;
  color: #ac7d2f;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.1px;
  padding: 7px 0;
  text-transform: uppercase;
  cursor: pointer
}

.view-more::after {
  content: url(../icons/icon_double_down.svg);
  line-height: normal;
  margin-right: 5px
}

.slide-single img {
  height: 694px;
  object-fit: cover;
  width: 100%
}

.section-info {
  padding-top: 50px;
  padding-bottom: 0
}

.col-single-main {
  padding-right: 89px
}

.col-single-sub {
  padding-left: 87px
}

.blog-share,.blog-share-social {
  /* display: flex; */
  /* display: -webkit-flex; */
  /* align-items: center; */
  /* flex-wrap: wrap; */
  /* column-gap: 30px; */
  /* justify-content: flex-end; */
}

.blog-share {
  /* margin-top: 65px; */
  /* color: #241202; */
  /* font-size: 22px; */
  /* font-weight: 400; */
  /* line-height: normal; */
  /* letter-spacing: 1.1px; */
  /* flex-wrap: wrap; */
  /* width: max-content; */
}

.not-mg .blog-share {
  margin: 0 auto
}

.blog-share-social a {
  border-radius: 5px;
  border: 1px solid #241202;
  background: #f0f2ef;
  width: 46px;
  height: 46px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center
}

.blog-share-social a:hover {
  color: var(--primary-color);
  border-color: var(--primary-color)
}

.blog-share-social a:hover path {
  fill: var(--primary-color)
}

.list_info-item p,.list_info-item h4 {
  color: rgba(36,18,2,.75);
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.5px;
  margin-bottom: 0
}

.list_info-item p:last-child {
  color: #241202;
  padding-bottom: 9px;
  margin-bottom: 11px;
  border-bottom: 1px solid rgba(0,0,0,.2)
}

.project-item {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  display: block
}

.project-item-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  padding: 15px;
  background: -moz-linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 100%);
  background: -webkit-linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 100%);
  background: linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 100%)
}

.project-item-box h3 {
  color: #fff1e4;
  text-align: center;
  font-size: 25px;
  text-transform: math-auto;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.25px;
  margin-bottom: 0
}

.project-item:hover .project-item-box {
  opacity: 1;
  visibility: visible
}

.box-zoom img,.project-item img {
  transition: all 0.5s
}

.box-zoom:hover img,.project-item:hover img {
  transform: scale(1.05)
}

.project_tb {
  padding-top: 85px
}

.ss-content {
  padding: 0px 0;
  padding-bottom: 0
}

.slide-web-main .img,.slide-web-main img {
  height: 694px;
  object-fit: cover
}

.lits-post-ar {
  margin-top: 46px
}

.tax-danh-muc-san-pham .lits-post-ar {
  margin-top: 27px
}

ul.list-cat {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(36,18,2,.2);
  border-left: 0;
  border-right: 0;
  position: relative;
  margin-bottom: 0;
  z-index: 99
}

ul.list-cat>li {
  list-style: none;
  margin: 0!important;
  color: #241202;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  position: relative;
  padding: 43px 40px 38px
}

.archive:not(.tax-danh-muc-san-pham) ul.list-cat>li+li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 32px;
  height: 50px;
  width: 1px;
  background-color: #c3c3c3
}

@media (max-width: 1600px) {
 ul.list-cat>li {
      padding: 43px 30px 38px;
     font-size: 20px
  }
}

ul.list-cat li:hover>a>h2,ul.list-cat li:hover>a>h3,ul.list-cat li:hover>a {
  color: #ac7d2f
}

ul.list-cat>li>ul {
  position: absolute;
  top: 112px;
  left: 0;
  padding: 12px 16px;
  border-radius: 3px;
  border: 1px solid #fff;
  background: #f0f2ef;
  z-index: 8;
  text-align: left;
  min-width: 283px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  margin: 0;
  z-index: 999
}

.list-cat h2,.list-cat h3 {
  font-size: inherit;
  margin: 0;
  line-height: inherit
}

ul.list-cat>li:hover>ul {
  opacity: 1;
  visibility: visible
}

ul.list-cat>li>ul li {
  text-align: left;
  color: #000;
  list-style: none;
  margin: 0!important;
  padding: 5px 0
}

ul.list-cat>li>ul li a {
  color: #000!important;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.1px
}

ul.list-cat>li>ul li:hover a {
  color: var(--primary-color)!important
}

ul.list-cat>li>ul li li {
  border-top: 1px solid rgba(36,18,2,.2)
}

.cat-section {
  padding: 0
}

[disabled] {
  cursor: no-drop
}

.pagination,ul.cus_pagination {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  gap: 20px!important;
  margin: 50px auto
}

.pagination {
  margin: 40px auto
}

.pagination .page-numbers,ul.cus_pagination li {
  margin: 0!important;
  color: #241202;
  text-align: center;
  list-style: none;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  display: -webkit-flex;
  align-items: center
}

ul.cus_pagination li a {
  display: flex;
  display: -webkit-flex;
  align-items: center
}

.pagination .page-numbers.current,ul.cus_pagination li .current {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #241202;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center
}

.archive .rank-math-breadcrumb :nth-child(-n3) {
  display: inline!important
}

.rank-math-breadcrumb a {
  color: #241202;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px
}

.rank-math-breadcrumb .last {
  color: #ac7d2f;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px
}

.view-btn {
  margin: 30px auto 100px
}

.title-bst h1,.title-bst h2 {
  margin-bottom: 30px;
  color: #241202;
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 4px
}

.img-border .img,.img-border img {
  border-radius: 3px;
  border: 2px solid #e4da80
}

.section-hr {
  border-top: 1px solid rgba(36,18,2,.2);
  padding-top: 60px;
  margin-top: 15px;
  padding-bottom: 0px
}

.product-re {
  padding: 60px 0
}

.product-item {
  position: relative;
  display: block
}

.product-item-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  transition: all 0.5s;
  background: -moz-linear-gradient(0deg,rgba(240,242,239,.5) 0%,rgba(240,242,239,.5) 100%);
  background: -webkit-linear-gradient(0deg,rgba(240,242,239,.5) 0%,rgba(240,242,239,.5) 100%);
  background: linear-gradient(0deg,rgba(240,242,239,.5) 0%,rgba(240,242,239,.5) 100%);
  padding: 20px;
  z-index: -1
}

.product-item:hover .product-item-box {
  opacity: 1;
  z-index: 2
}

.product-item-box h4,.product-item-box h3 {
  color: #241202;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 3.5px
}

.product-item-box span {
  color: #241202;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  text-decoration-line: underline
}

.title-2 h3 {
  color: #ac7d2f;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.5px;
  margin-bottom: 20px
}

.title-2 h2 {
  color: #241202;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.5px;
  margin-bottom: 0
}

.ab-his {
  padding-left: 80px;
  padding-right: 90px
}

.ab-his h2 {
  color: #241202;
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2px
}

.ab-his.strong_small h2 strong,.ab-his.h2_small h2 {
  color: #ac7d2f;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 14px;
  line-height: normal;
  letter-spacing: 2px;
  position: relative
}

.ab-his.strong_small h2 strong::before,.ab-his.h2_small h2::before {
  content: url(../icons/icon_send.svg);
  position: absolute;
  left: -46px;
  top: 4px
}

.row-his {
  border-left: 1px solid #000
}

.ss-news {
  padding: 10px 40px
}

.kk-star-ratings,.ss-news .blog-share {
  margin-top: 20px;
  margin-bottom: 20px
}

@media (min-width: 1800px) {
  .ss-news .large-9 {
      flex-basis:75%;
      max-width: 1230px
  }

  .ss-news .large-3 {
      flex-basis: AUTO;
      max-width: 550px
  }
}

.ss-news h1 {
  color: #241202;
  text-align: center;
  font-size: 35px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.75px;
  margin-bottom: 40px
}

.ss-comment {
  border-top: 1px solid rgba(36,18,2,.2);
  padding: 10px 0
}

#text-2 * {
  color: #ac7d2f;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
  line-height: normal;
  letter-spacing: 1.5px
}

#text-3,#text-2 {
  margin-top: 45px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(36,18,2,.2);
  margin-bottom: 49px
}

.widget-title span {
  color: #241202;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.5px;
  margin-bottom: 46px;
  display: block
}

.widget .is-divider {
  display: none
}

.widget iframe {
  width: 100%;
  height: 279px
}

.recent-blog-posts {
  align-items: center!important
}

.recent-blog-posts-li .badge {
  width: 200px;
  height: 150px
}

.recent-blog-posts-li a {
  color: #241202!important;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.25px
}

.recent-blog-posts-li a:hover {
  color: #c28e35!important
}

@media (max-width: 1500px) {
  .recent-blog-posts-li .badge {
      width:150px;
      height: 100px
  }

  .recent-blog-posts-li a {
      font-size: 20px
  }

  .ss-news.row-large>.col {
      padding: 0 15px 20px
  }
}

@media (max-width: 1100px) {
  .ss-news.row-large>.col {
      flex-basis:100%;
      max-width: 100%
  }
}

.blog-wrapper {
  padding: 0
}

.video-item h2,.video-item h3 {
  color: #241202;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0 auto 20px;
  text-transform: math-auto;
  margin-top: 15px;
  margin-bottom: 5px;
  max-width: 720px;
  letter-spacing: 1px;
}

.off-canvas-left .mfp-content {
  width: 50%;
  box-shadow: none;
  background: #f0f2ef!important
}

.off-canvas-left .mfp-content::-webkit-scrollbar {
  width: 4px
}

.off-canvas-left .mfp-content::-webkit-scrollbar-track {
  background: var(--primary-color)
}

.off-canvas-left .mfp-content::-webkit-scrollbar-thumb {
  background: #888
}

.nav-sidebar.nav-vertical>li+li {
  border: 0
}

.mfp-bg.mfp-ready.main-menu-overlay {
  opacity: 1
}

.mfp-bg.off-canvas-left::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: url(../icons/banner-menu.png) center / cover
}

.nav-sidebar.nav-vertical>li li {
  border: 0
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
  color: #241202;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  letter-spacing: 1.25px;
  padding: 10px;
  justify-content: center
}

.menu-logo img {
  max-width: 140px;
  margin: 0 auto 10px;
  display: block
}

.header-search-form {
  /* max-width: 507px; */
  /* margin: 40px 0 0!important; */
  padding: 0!important;
}

#menu-btn-out {
  margin: 0 auto!important;
  margin-top: 60px!important;
  display: block;
  width: max-content;
  position: relative;
  top: 0;
  left: 0;
  transform: none!important;
  mix-blend-mode: normal;
  text-align: center;
  cursor: pointer
}

#menu-btn-out:hover path {
  color: #ac7d2f;
  fill: #ac7d2f;
  fill-opacity: 1
}

.header-search-form .form-flat input:not([type="submit"])::placeholder {
  color: rgba(36,18,2,.2)
}

.header-search-form .form-flat input:not([type="submit"]) {
  /* max-width: 507px; */
  /* padding-left: 94px; */
  /* height: 58px; */
  /* border-radius: 4px; */
  /* border: 1px solid rgba(0,0,0,.2); */
  /* background: #fffdfc; */
  /* margin: 0 auto!important; */
  /* color: #000; */
  /* font-size: 25px; */
  /* font-weight: 400; */
  /* line-height: normal; */
  /* letter-spacing: 1.25px; */
}

.header-search-form .searchform .button.icon {
  /* position: absolute; */
  /* font-size: 25px; */
  /* left: 7px; */
  /* top: -2px; */
  /* color: rgba(36,18,2,.2)!important; */
}

.menu_ux {
  position: fixed;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  overflow-y: scroll;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  z-index: -1
}

.menu_ux.active {
  opacity: 1;
  visibility: visible;
  z-index: 999999999999
}

.box-menu.box-overlay .box-text {
  top: 0;
  margin: auto;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1.25px;
  text-shadow: none;
  cursor: pointer
}

.box-menu.box-overlay .overlay {
  transition: all 0.5s
}

.box-menu.box-overlay:hover .overlay {
  background-color: rgba(240,242,239,.5)!important
}

.box-menu.box-overlay:hover img {
  transform: scale(1.05)
}

.box-menu.box-overlay .box-text * {
  margin-bottom: 0;
  color: #fff1e4;
  position: relative;
  width: max-content;
  margin: 0 auto;
  line-height: normal;
  margin-bottom: 4px
}

.box-menu.box-overlay .box-text-inner *::after {
  position: absolute;
  content: "";
  left: 0;
  top: 102%;
  background: #241202;
  transition: all 0.5s;
  width: 0%;
  height: 1px
}

.box-menu.box-overlay:hover .box-text *::after {
  width: 103%
}

.box-menu.box-overlay:hover .box-text * {
  color: #241202
}

.slide-line .slider-nav-light .flickity-page-dots {
  width: 100%;
  bottom: -7px
}

.slide-line .slider-nav-light .flickity-page-dots .dot {
  border: 0;
  width: 33.333%;
  margin: 0;
  padding: 0;
  height: 1px;
  position: relative;
  background-color: rgba(172,125,47,.5)
}

.slide-line .slider-nav-light .flickity-page-dots .dot.is-selected::before {
  content: "";
  height: 3px;
  width: 102%;
  background-color: #df9f31;
  position: absolute;
  top: -.6px;
  left: -1px;
  animation: slide_boder 3s linear
}

#popup>.row>li {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0
}

.box-dn-none .box-text {
    top: 38%;
    display: block;
    width: 100%;
    align-items: center;
    text-shadow: none !important;
}

.box-dn-none .box-text h3 {
  opacity: 0;
  color: #fff1e4;
  text-align: center;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.5px;
  transition: all 0.5s
}

.box-dn-none:hover .box-text h3 {
  opacity: 1
}

.box-dn-none:hover img {
  transform: scale(1.05)
}

#banner-video {
  padding-top: 695px
}

.fixedMobile {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  display: none;
  width: 100%;
  z-index: 9999
}

.fixedMobile a.contact_pp,.fixedMobile a.popup_pp {
  width: 69px;
  height: 62px;
  border-radius: 2px;
  border: 1px solid #241202;
  background: #E6E6E6;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center
}

.fixedMobile a.contact_pp::after {
  content: url(../icons/zalo-2.png);
  line-height: 0
}

.fixedMobile a.popup_pp::after {
  content: url(../icons/chat.svg);
  line-height: 0
}

.fixedMobile a.phone_pp {
  width: calc(100% - 138px);
  height: 62px;
  border-radius: 2px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #241202;
  background: #E6E6E6;
  color: #241202;
  font-size: 28px;
  font-weight: 600;
  line-height: normal
}

.fixedMobile a.phone_pp::before {
  line-height: 0;
  content: url(../icons/phone.svg);
  margin-right: 10px
}

@media (max-width: 991px) {
  .fixedMobile a.phone_pp,.fixedMobile a.contact_pp,.fixedMobile a.popup_pp {
      height:45px
  }

  .fixedMobile a.phone_pp {
      font-size: 22px
  }
}

.back-to-top {
  bottom: 50px
}

blockquote {
  padding: 20px;
  font-style: initial;
  border: 1px solid var(--primary-color)
}

.relatedcat {
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid var(--primary-color)
}

.relatedcat p {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  color: var(--primary-color)
}

.relatedca ul {
  margin-bottom: 0
}

.comment-form>div,.comment-form>p,.author-description {
  font-size: 16px;
  color: #2E3749;
  font-weight: 400
}

.author-description strong {
  color: var(--primary-color);
  display: block
}

.author-wrap {
  padding: 20px;
  border: 1px solid var(--primary-color)
}

.comment-respond>p,.author-wrap-title {
  color: #241202;
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: 15px
}

.comments-area>p {
  display: none
}

.author-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px
}

.form-cus {
  margin-top: 30px;
  max-width: 551px;
  margin-left: auto;
  margin-right: 0!important
}

.form-cus.form-flat input:not([type=submit])::placeholder {
  color: rgba(36,18,2,.2)
}

.form-cus.form-flat input:not([type=submit]) {
  max-width: 551px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,.2);
  background: #F0F2EF;
  box-shadow: none;
  height: 58px;
  color: #000!important;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.25px;
  padding-left: 91px
}

.form-cus .button.secondary:not(.is-outline) {
  position: absolute;
  top: 11px;
  left: 11px;
  color: rgba(36,18,2,.2)!important
}

.fixed-lbtn .col-inner {
  position: fixed;
  bottom: 10px;
  left: 20px;
  width: max-content;
  display: flex;
  flex-direction: column
}
div#button-contact-vr {
    bottom: 120px;
}

.thumbgallery-item {
  max-width: 190px;
  height: 142.455px;
  margin: 0 15px!important
}

.thumbgallery-item img {
  width: 100%;
  height: 150px;
  object-fit: cover
}

.thumbgallery {
  max-width: 1100px;
  margin: 0 auto 30px
}

.tab-slide-title .flickity-slider {
  line-height: 0;
  transform: none!important;
  position: relative!important;
  left: 0!important;
  line-height: 0
}

.tab-slide-title .flickity-viewport {
  height: auto!important
}

.tab-slide-title ul li {
  position: relative!important;
  left: 0!important
}

@media (min-width: 850px) {
  ul.list-cat.cat-2 {
      column-gap:0;
      justify-content: space-around;
      row-gap: 0;
      position: relative
  }

  ul.list-cat.cat-2::before {
      content: "";
      position: absolute;
      top: 111px;
      left: 0;
      right: 0;
      border-bottom: 1px solid rgba(36,18,2,.2)
  }

  .nav-sidebar.nav-vertical>li.menu-item.active,.nav-sidebar.nav-vertical>li.menu-item.active>a,.nav-sidebar.nav-vertical>li.menu-item.hover>a,.nav-sidebar.nav-vertical>li.menu-item:hover>a {
      color: #ac7d2f;
      background-color: transparent
  }

  .nav-sidebar.nav-vertical>li.menu-item.active>a::after,.nav-sidebar.nav-vertical>li.menu-item.hover>a::after {
      content: url(../icons/chevronright.svg);
      margin-left: 10px
  }

  .nav-sidebar.nav-vertical>li.menu-item button,.nav-sidebar.nav-vertical>li.menu-item ul {
      display: none!important
  }

  .ab-tt h2 {
      text-align: left;
      display: flex;
      display: -webkit-flex;
      align-items: center;
      gap: 40px;
      margin-bottom: 45px
  }

  .ab-tt h2::before,.ab-tt h2::after {
      content: "";
      display: block;
      width: 10.6%;
      height: 1px;
      background-color: rgba(36,18,2,.2)
  }

  .ab-tt h2::after {
      width: 33%
  }

  .row-full {
      padding: 0 15px
  }

  .row-2gl>.col:nth-child(1) {
      flex-basis: 59.8%;
      max-width: 59.8%
  }

  .row-2gl>.col:nth-child(2) {
      flex-basis: 33.5%;
      max-width: 33.5%
  }

  .row-2gl>.col:nth-child(3) {
      flex-basis: 97.7%;
      max-width: 97.7%
  }

  .row-boo .large-3 {
      flex-basis: 27.25%;
      max-width: 27.25%
  }

  .row-boo .large-6 {
      flex-basis: 44.8%;
      max-width: 44.8%
  }

  .row-boo .col {
      padding: 0 9px 20px
  }

  .row-boo .img {
      margin-bottom: 0!important
  }
}

@media (min-width: 1200px) {
  .text-po {
      position:absolute;
      right: 0;
      top: 47%;
      transform: rotate(90deg) translateY(-150px)
  }

  .row-glla>.col:nth-child(1) {
      max-width: 44.4%;
      flex-basis: 44.4%
  }

  .row-glla>.col:nth-child(2) {
      max-width: 49.5%;
      flex-basis: 49.5%
  }

  .row.row-gla-2 {
      max-width: 98%
  }
}

@media (min-width: 850px) and (max-width:1500px) {
  .img-po img {
      object-position:91% 0
  }
}

@media (min-width: 850px) and (max-width:1600px) {
  .slide-bst-col2 {
      flex-basis:41.6666666667%;
      max-width: 41.6666666667%
  }

  .slide-bst-col1 {
      flex-basis: 58.3333333333%;
      max-width: 58.3333333333%
  }
}

@media (max-width: 1800px) {
  .ab-tt h2::before,.ab-tt h2::after {
      width:6%
  }
}

@media (max-width: 1600px) {
  .ab-tt h2 {
      font-size:34px
  }

  .ab-tt p {
      font-size: 20px
  }

  .ab-tt h2::before {
      width: 6%
  }

  .ab-tt h2::after {
      width: 20%
  }

  .slide-bst-col2 .col-inner {
      padding: 20px!important
  }

  .slider-cus .text h3 {
      font-size: 4vw
  }

  .slide_s {
      margin-top: 70px
  }

  body:not(.ux-builder-iframe) .slide-bst-col2 .title-small {
      margin-bottom: 70px
  }

  body:not(.ux-builder-iframe) .slide-bst-col2 .btn-out.is-outline {
      margin-top: 40px
  }

  .col-single-main {
      padding-right: 40px;
	  padding-bottom: 0
  }

  .col-single-sub {
      padding-left: 40px
  }
}

@media (max-width: 1200px) {
  .slide_s {
      margin-top:30px
  }

  body:not(.ux-builder-iframe) .slide-bst-col2 .title-small {
      margin-bottom: 30px
  }

  body:not(.ux-builder-iframe) .slide-bst-col2 .btn-out.is-outline {
      margin-top: 20px
  }

  .showroom-col-1>.col-inner {
      padding: 0 50px
  }

  .showroom-col-1 .slide_s {
      margin-top: 50px
  }

  .showroom-col-2>.col-inner {
      padding-right: 50px
  }

  .box-2 p {
      font-size: 20px;
      padding: 0 15px
  }

  .icon-count p {
      font-size: 20px
  }

  .image-gg-main .image-cover {
      padding-top: 500px!important
  }

  .image-gg-1 .image-cover {
      padding-top: 300px!important
  }

  .image-gg-2 .image-cover {
      padding-top: 100px!important
  }

  .image-gg-3 .image-cover {
      padding-top: 184px!important
  }

  .image-gg-4 .image-cover {
      padding-top: 182px!important
  }

  .text-bd-1 {
      font-size: 90px
  }

  .ab-content.h3_large h3 strong,.ab-content.h2_small h2,.ab-content h2.h2_small,.ab-content h2 strong,.ab-content h3 {
      font-size: 30px
  }

  .ab-content.h3_large h3,.ab-content h2 {
      margin-bottom: 20px;
      font-size: 40px
  }

  .ab-content p {
      font-size: 20px
  }

  .content-single p {
      margin-bottom: 15px
  }

  .ab-content ul li {
      margin-bottom: 20px!important;
      font-size: 20px
  }

  .row-2gl>.col:nth-child(1) .image-cover {
      padding-top: 250px!important
  }

  .row-2gl>.col:nth-child(2) .image-cover {
      padding-top: 300px!important
  }

  .row-2gl>.col:nth-child(3) .image-cover {
      padding-top: 280px!important
  }
}

@media (max-width: 850px) {
  .header.transparent {
      background:#fff;
      height: auto;
      position: sticky
  }

  .slide-banner .flickity-page-dots {
      bottom: -20px!important
  }

  .slide-banner .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot.is-selected {
      background-color: var(--primary-color)
  }

  .slide-banner .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
      border-color: var(--primary-color)
  }

  #banner-video {
      padding-top: 450px
  }

  .box-dn-none .overlay,.box-dn-none .box-text h3 {
      opacity: 1!important;
      font-size: 20px
  }

  #menu-btn-out {
      margin-top: 20px!important
  }

  .off-canvas-left .mfp-content {
      width: 90%
  }

  .header-search-form .form-flat input:not([type="submit"]) {
      width: 90%;
      font-size: 16px;
      height: 40px;
      padding-left: 40px
  }

  .header-search-form {
      max-width: 100%;
      padding: 0 15px!important;
      margin-top: 15px!important
  }

  .header-search-form .searchform .button.icon {
      font-size: 16px;
      left: 0;
      top: 0
  }

  .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
      font-size: 16px;
      justify-content: start
  }

  .menu_ux {
      display: none
  }

  #text-3,#text-2 {
      margin-top: 20;
      padding-bottom: 20px;
      margin-bottom: 20px
  }

  .recent-blog-posts-li .badge {
      width: 100px;
      height: 100px
  }

  .video-item h2,.video-item h3 {
      font-size: 25px;
      margin-top: 20px;
      margin-bottom: 10px
  }

  .ss-comment,.ss-news {
      padding: 40px 0
  }

  .ab-his {
      padding: 30px 0
  }

  .widget-title span,.product-item-box h4,.product-item-box h3 {
      font-size: 20px
  }

  .recent-blog-posts-li a,.product-item-box span {
      font-size: 16px
  }

  .product-re,.section-hr {
      padding-top: 30px;
      padding-bottom: 30px
  }

  .ss-news h1,.title-bst h1,.title-bst h2 {
      font-size: 30px
  }

  .ss-news h1 {
      margin-bottom: 30px
  }

  .view-btn {
      margin: 0 auto 20px
  }

  ul.cus_pagination {
      gap: 15px!important;
      margin: 30px auto
  }

  .lits-post-ar {
      margin-top: 30px
  }

  .over-mb {
      overflow: hidden;
      overflow-x: scroll
  }

  ul.list-cat {
      width: max-content;
      min-width: 100%;
      flex-wrap: nowrap
  }

  ul.list-cat li {
      font-size: 20px;
      padding: 20px 20px
  }

  .archive:not(.tax-danh-muc-san-pham) ul.list-cat>li+li::before {
      display: block!important;
      top: 23px;
      height: 16px
  }

  .slide-web-main .img,.slide-web-main img {
      height: 450px
  }

  .project_tb {
      padding-top: 30px
  }

  .fz-35 * {
      font-size: 30px
  }

  .btn-outline.is-outline.primary {
      font-size: 14px;
      height: 28px
  }

  .blog-share {
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 10px;
      max-width: 100%
  }

  .quote {
      margin-bottom: 0
  }

  .list_info-item p,.list_info-item h4 {
      font-size: 20px;
      margin-bottom: 10px
  }

  .section-info {
      padding-top: 40px;
      padding-bottom: 20px
  }

  .col-single-sub,.col-single-main {
      padding: 0 15px 30px
  }

  .blog-share {
      margin-top: 30px
  }

  .slide-single img {
      height: 400px;
      object-fit: cover;
      width: 100%
  }

  .tab-drop {
      height: 50px
  }

  .tab-drop * {
      font-size: 20px
  }

  .slide-bst-col2 .title-small {
      margin-top: 20px
  }

  .row-contact .col:after,.row-contact .col:last-child::before {
      display: none
  }

  .slide-bst-col2 .col-inner {
      padding: 0!important
  }

  .banner-tk3 strong,.has-text-cus p,.banner-tk .text-main_banner p,.banner-tk h2 {
      font-size: 19px
  }

  .banner-tk h2 strong {
      font-size: 25px
  }

  .banner-tk .text-sub_banner p,.banner-tk .h3_banner h2,.banner-tk h3,.box-2 h3,.box-2 h2,.box-2 .text-title_box p,.count-text p,.slider-cus .text h3 {
      font-size: 30px
  }

  .box-2 p,.nav-icon .menu-title {
      display: block!important;
      font-size: 16px
  }

  .header-button-1 .button {
      font-size: 16px;
      gap: 5px
  }

  .slide_s-btn::after {
      display: none
  }

/*  .slide-cus .flickity-slider>div:not(.col) {
      max-width: calc(100% - 100px)
  }

  .slide-cus .flickity-prev-next-button {
      bottom: 10px;
      left: 8px;
      display: block!important
  }

  .slide-cus .flickity-prev-next-button.next {
      right: 10px
  }

  .slide-cus .image-cover {
      padding-top: 50%!important
  }*/

  .is-outline.btn-out-main .is-outline.btn-out-main {
      margin-left: 10px!important
  }

  .gallery-row .image-cover {
      padding-top: 500px!important
  }

  .showroom-col-1>.col-inner {
      padding: 0 20px
  }

  .showroom-col-1 .slide_s {
      margin-top: 20px
  }

  .showroom-col-2>.col-inner {
      padding-right: 0;
      margin-bottom: 20px
  }

  .showroom-col-1 h3 {
      margin-bottom: 20px
  }

  .logo-slide .col {
      flex-basis: 25%;
      max-width: 25%;
      padding-bottom: 0
  }

  .accordion-inner td,.accordion-inner th {
      font-size: 16px
  }

  .accordion-title,.btn-ff a.is-outline.btn-out-main,.ab-ff .dmca,.ab-ff .copy {
      font-size: 18px
  }

  .showroom-se,.contact-icon p {
      font-size: 20px
  }

  .showroom-se {
      margin-bottom: 20px;
      height: 50px
  }

  .title-large strong,.contact-title h2,.contact-title p {
      margin-top: 20px;
      font-size: 28px
  }

  .wpcf7-form textarea,.wpcf7-form input:not([type="submit"]) {
      margin-bottom: 12px
  }

  .icon-count .icon-box-img {
      max-width: 60px
  }

  .text-2 h3.text-outline,.text-2 h3 strong,.text-2 h2 strong {
      font-size: 130px;
      bottom: 28px
  }

  .text-2 h2,.text-2 h3 {
      font-size: 30px
  }

  .text-2 p {
      font-size: 20px
  }

  .slide-tab .banner p {
      font-size: 16px
  }

  .tab-slide-title ul li {
      font-size: 18px;
      line-height: 2
  }
}

@media (max-width: 550px) {
  .thumbgallery-item img {
      margin:0!important;
      max-width: 100px;
      height: 50px
  }

  .gallery-icon img {
      margin-bottom: 5px!important
  }

  .thumbgallery-item {
      max-width: 100px;
      height: 50px;
      margin: 0 2px!important
  }

  .has-view h2 {
      font-size: 25px
  }

  .has-view h3 {
      font-size: 20px
  }

  .has-view p {
      font-size: 16px
  }

  #footer .stack {
      max-width: 100%;
      flex-wrap: wrap;
      column-gap: 0;
      row-gap: 0
  }

  #footer .stack .icon-box .icon-box-img {
      margin: 0
  }

  .text_bst_desc p {
      font-size: 18px!important;
      margin-bottom: 0!important
  }

  .fixed-lbtn .col-inner {
      display: none
  }

  body {
      padding-bottom: 46px
  }

  .fixedMobile {
      display: flex
  }

  #popup .col-inner,#popup .col {
      padding: 0!important
  }

  #popup.lightbox-content {
      padding: 10px!important
  }

  #banner-video {
      padding-top: 350px
  }

  .title-bst h1,.title-bst h2 {
      font-size: 25px
  }

  #popup .icon-box-img {
      max-width: 35px
  }

  .title-large strong,.title h3,#popup .contact-title p,ul.list-cat li {
      font-size: 18px
  }

  .title-large p,#popup .wpcf7-form textarea::placeholder,#popup .wpcf7-form input:not([type="submit"])::placeholder,#popup .wpcf7-form textarea,#popup .wpcf7-form input:not([type="submit"]),.wpcf7-form [type="submit"]:not(.is-form),#popup .contact-icon p {
      font-size: 16px
  }

  #menu-btn-out {
      margin: 0 auto!important
  }

  .slide-web-main .img,.slide-web-main img {
      height: 350px
  }

  .ss-content {
      padding: 0
  }

  h3.section-title-center span,h2.section-title-center span,.fz-35 * {
      font-size: 25px
  }

  .slide-single img {
      height: 300px;
      object-fit: cover;
      width: 100%
  }

  .tab-drop {
      height: 35px
  }

  .tab-drop * {
      font-size: 18px
  }

  .banner-tk3 strong,.banner-tk .text-main_banner p,.banner-tk h2 {
      font-size: 35px;
      margin-bottom: 0
  }

  .banner-tk .h3_banner h2,.banner-tk .text-sub_banner p,.banner-tk h2 strong,.banner-tk h3 {
      font-size: 20px
  }

  .slide_s-col {
      margin: 0 12px!important;
      max-width: 20%
  }

  .slide-cus .image-cover {
      padding-top: 70%!important
  }

  .title h1,.ab-content.h3_large h3,.ab-content h2,.h3_main h3,.title-main-1 strong,.title h2 {
      font-size: 26px
  }

  .ab-content.h3_large h3 strong {
      font-size: 24px
  }

  .ab-content p,.ab-content ul li,.ab-content.h2_small h2,.ab-content h2.h2_small,.ab-content h3,.title p {
      font-size: 16px!important
  }

  .ab-content p *,.title p * {
      font-size: 16px!important
  }

  .is-outline.btn-out-main {
      margin: 10px 0!important
  }

  .is-outline.btn-out-main .is-outline.btn-out-main {
      margin-left: 0px!important
  }

  .gallery-row .image-cover {
      padding-top: 300px!important
  }

  .gallery-row h3 {
      font-size: 18px
  }

  .gallery-row .box-text .button {
      font-size: 14px
  }

  .gallery-row .box-overlay.dark .box-text {
      padding: 0
  }

  .logo-slide .col {
      flex-basis: 30%;
      max-width: 30%;
      padding-bottom: 0
  }

  .box-2 .button span,.box-2 .button,.box-2 h3,.box-2 h2,.box-2 .text-title_box p,.count-text p,.contact-title h2,.contact-title p {
      font-size: 20px;
      margin: 3px 0
  }

  .icon-count p {
      font-size: 14px
  }

  .contact-icon p {
      font-size: 18px
  }

  .image-gg-main .image-cover {
      padding-top: 287px!important
  }

  .image-gg-1 .image-cover {
      padding-top: 150px!important
  }

  .image-gg-2 .image-cover {
      padding-top: 57px!important
  }

  .image-gg-3 .image-cover {
      padding-top: 75px!important
  }

  .image-gg-4 .image-cover {
      padding-top: 126px!important
  }

  .text-bd-1 {
      font-size: 50px;
      background: -moz-linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
      background: -webkit-linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
      background: linear-gradient(0deg,#f0f2ef 0%,rgba(240,242,239,0) 100%);
      letter-spacing: 14px
  }

  .row-glla .col {
      padding: 0 5px 10px
  }

  .row-glla::after {
      bottom: 17px
  }

  .row-glla,.row-glla .row {
      position: relative;
      margin: 0 -5px!important
  }

  .row-2gl>.col:nth-child(1) .image-cover {
      padding-top: 200px!important
  }

  .row-2gl>.col:nth-child(2) .image-cover {
      padding-top: 250px!important
  }

  .row-2gl>.col:nth-child(3) .image-cover {
      padding-top: 200px!important
  }

  .text-2 h2,.text-2 h3 {
      font-size: 30px;
      margin: 0 0 10px;
      letter-spacing: 10px
  }

  .text-2 h3.text-outline,.text-2 h3 strong,.text-2 h2 strong {
      font-size: 50px;
      bottom: 97px;
      position: relative;
      bottom: 0;
      text-align: center;
      letter-spacing: 10px
  }

  .blog-share,.blog-share-social {
      column-gap: 10px
  }

  .stack.flow-icon-cus a {
      --stack-gap: 10px !important
  }

  .banner-tk3 .bg-fill .section-bg-overlay,.banner-tk3 .overlay {
      background-color: rgba(0,0,0,.5)!important
  }

  .product_shortcode .col {
      display: none
  }

  .product_shortcode .col:nth-child(-n+4) {
      display: block
  }

  .box-cush3 h3 {
      font-size: 15px
  }

  .single-san-pham {
      font-size: 16px
  }
}

#ftwp-container.ftwp-wrap #ftwp-list .ftwp-item,#ftwp-container #ftwp-list.ftwp-liststyle-decimal .ftwp-anchor::before {
  font-weight: 700
}

.product-main-info {
  padding: 50px 0 0
}

.slide-product {
  background-color: #fff;
  margin-bottom: 30px
}

.slide-product {
  padding: 15px 5px 0
}

.slider-product-main img {
  width: 100%
}

.slide-product .col {
  padding: 0 5px 10px
}

.btn-register {
  padding: 10px 20px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 10px;
  background-color: #c8242d;
  font-weight: 700;
  font-size: 20px;
  margin-top: 20px;
  display: inline-block
}

.slide-product img {
  border: .25px solid #eee
}

@media (max-width: 850px) {
  .btn-register {
      margin-bottom:20px;
      margin-top: 0
  }
}

#bao-gia {
  padding: 0!important
}

#bao-gia section {
  padding: 30px
}
/*bài viết liên quan*/
.related-posts {
    margin-top: 16px;
}
.related-posts ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.related-posts ul li {
    flex: 1 1 20%;
    margin: 10px;
    box-sizing: border-box;
    text-align: center;
	box-shadow: 0px 0px 1px 1px #b5b5b5;
    padding: 8px;
}
.related-posts ul li img {
    width: 100%;
    height: 166px;
}
.related-posts h3 {
    margin-bottom: 10px;
}
.related-posts ul li p {
    margin-top: 10px; 
    font-size: 17px;
	margin-bottom: 0;
	color: black;
    font-weight: 400;
	text-align: left;
}
@media (max-width: 768px) {
    .related-posts ul li {
        flex: 1 1 100%;
        margin: 5px;
    }
	.related-posts ul li img {
    height: auto;
}
.related-posts{margin-bottom: 20px;}
}
/*danh mục tin tức*/
.tit-blog h2 {
    text-align: left;
}
/*trang bst*/
.row.row-full-width.product_shortcode {
    max-width: none !important;
}
@media (max-width: 768px){
	.pagination {
    margin: 20px auto;
}
}
/*home*/
.video-posts-grid{
	display: flex; 
	flex-wrap: wrap; 
	gap: 10px;
	margin-bottom: 10px;
}
.video-posts-grid h3 {
    text-transform: math-auto;
}
/*dự án home*/
.du-an-page-home {
    display: grid;
    grid-template-columns: 25% 50% 25%;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
}
@media (min-width: 860px){.du-an-page-home{height: 400px;}}
.duan-home {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.duan-home:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}

.duan-home:nth-child(2) {
    grid-column: 2;
    grid-row: span 2;
}

.duan-home:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
}

.duan-home:nth-child(4) {
    grid-column: 1;
    grid-row: 2;
}

.duan-home:nth-child(5) {
    grid-column: 3;
    grid-row: 2;
}
.project-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.image-cover {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 768px) {
    .du-an-page-home {
        display: block;
    }
    
    .duan-home {
        width: 100%;
        margin-bottom: 10px;
    }
}
/*sản phẩm home*/
.sp-home {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sp-home .product-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.sp-home .product-item {
    width: 31%;
    box-sizing: border-box;
    margin: 0 10px;
	margin-bottom: 20px;
}

.sp-home .image-cover {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.sp-home .image-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 768px) {
    .sp-home .product-item {
        width: 100%;
        margin-bottom: 20px;
    }
	.sp-home .product-item {
	margin-bottom: 10px;
}
}

@media (max-width: 768px){.col-sp-home {
    flex-basis: 50%;
    max-width: 50%;
}}
.tit-sp-home {
    padding-bottom: 20px;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    background-color: white;
}
.col-hd .tit-sp-home{
	font-size: 14px !important;
    height: 77px;
    overflow: hidden;
    padding: 10px;
}
.txt-home li span {
    color: black;
    font-weight: 400;
    font-size: 19px !important;
}
@media (max-width: 768px){
.txt-home li span {
    font-size: 17px !important;
}
.txt-home h2{letter-spacing: 1px;text-align: center;}
.title p {
    text-align: justify;
}
.title-large p {text-align: center !important;}
    .project-item-box {
        opacity: 1;
        visibility: visible;
        position: unset;
        background: unset;
    }
	.project-item-box h3{color: black;font-size: 17px;}
	.tit-sp-home h3 {
    font-size: 16px;
}
div#button-contact-vr {
    /* display: none; */
}

div#contact-vr{display: block !important;}
div#gom-all-in-one {
    display: flex;
    flex-direction: column;
}
}
/*video*/
.row-video .video-fit{height: 50px;}
.video-bv {margin-top: 8px;}
@media (min-width: 851px){.video-nb-ctsp .row-video {
    padding-left: 10px;
	padding-right: 10px;
    max-width: 100% !important;
}}
.video-cat-tt {
    margin-top: 20px;
}
/*footer*/
div#phone-vr {
    /* display: none; */
}
div#contact-vr{display: none;}
/*trang dịch vụ*/
. title-large p {text-align: center !important;}
.row-video {
    margin-top: 0px !important;
}
.video-bv{margin-top: 20px !important;}
/*slide home*/
.du-an-page-home1 ol.flickity-page-dots {
    bottom: -33px;
    left: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
}
.du-an-page-home1 .slider-style-focus .flickity-slider>* {
    max-width: 70%;
}
@media (max-width: 768px){
	.du-an-page-home1 .slider-style-focus .flickity-slider>* {
    max-width: 100%;
}
.du-an-page-home1 ol.flickity-page-dots{display: none;}
.col-hd .tit-sp-home{height: 91px;}
}
.du-an-home {
    padding: 0 !important;
}
.du-an-home.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #F30000 !important;
}
.du-an-home .flickity-page-dots .dot{border: 3px solid #F30000;}
/*flash sale home*/
.sale-home span strong {
    font-size: 13px !important;
    opacity: 1 !important;
    margin-top: 5px;
    font-weight: 400;
}
.col-hd .row-full-width {
    margin-left: 0 !important;
}
/*ảnh chi tiết bài viết*/
#ftwp-postcontent dl {
    opacity: 1;
}
#ftwp-postcontent dd{text-transform: math-auto;}