@charset "UTF-8";
/*!
Theme Name: Firmfit
Theme URI: http://underscores.me/
Author: Firmfit
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: firmfit
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

tenacity is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}

a:hover {
  text-decoration: none;
}

:root {
  --blue-main: #0D223F;
  --yellow-main: #CF9C2D;
  --yellow-border: #dba329;
  --white: #FFFFFF;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
ul,
ol,
li,
label,
table {
  margin: 0;
  padding: 0;
  font-family: 'fontBody';
  list-style: none;
}

table {
  width: 100%;
  table-layout: fixed
}

button {
  border: 0;
  outline: none;
  background-color: transparent;
}

html,
body {
  overflow-y: unset !important;
  overflow-x: hidden;
}

body {
  font-family: 'fontBody';
  font-weight: 300;
  color: var(--blue-main);
  max-width: 100%;
  height: auto !important;
}

input {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

.text-yellow {
  color: var(--yellow-main);
}

.text-blue {
  color: var(--blue-main);
}

.text-title-section {
  font-family: 'fontBody';
  font-size: 72px;
  line-height: 88px;
  font-weight: 700;

  text-shadow: 0px 10px 4px rgba(0, 0, 0, 0.2);
  color: var(--white);
}

.text-title-section-02 {
  font-family: 'fontTitle';
}

.title-section-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  text-align: center;
  width: 100%;
}

.position-absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  text-align: center;
}

h1 {
  font-size: 34px;
  margin: 0.67em 0;
}

/* Single Category */
.single-cat-title-wrapper {
  margin-top: 20px;
}

.single-cat-title {
  margin: 0.67em 0;
  text-align: center;
  color: #0a213e;
  position: relative;
  font-size: 34px;
  font-weight: bold;
  top: inherit;
  left: inherit;
  text-shadow: none;
}

.cat-info-above {
  max-width: 1500px;
  margin: 0 auto;
  font-size: 18px;
  margin-top: 2.5rem;
}

.cat-info-above p {
  font-size: 18px;
  line-height: 35px;
}

.table-wrap-outer .table {
  border: none;
}

.table-wrap-outer .table td {
  border: none;
  padding: 0.4rem;
  font-weight: 300;
}

.table-wrap-outer .table td[scope] {
  font-weight: 400;
  color: #0a213e;
}

.posts-by-category {
  background: #e3b02d;
  padding: 45px 25px;
}

.item-product {
  margin: 5px 0 5px 0;
  padding: 0 5px;
}

.item-product .img-wrap {
  border: 5px solid var(--white);
}

.item-product .img-wrap img {
  width: 100%;
}

.item-product .product-title-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  padding: 12px;
}

.item-product .product-title,
.item-product .product-number {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--white);
}

.item-product .product-number {
  margin-bottom: 10px;
}

.item-product:hover .product-title-container {
  border: 2px solid white;
  transform: translate(-50%, -50%) scale(1.2);
}

/* .item-product:hover .product-title,
.item-product:hover .product-number {
  font-size: 26px;
} */

#sec-list-collections {
  padding: 30px;
}

.item-collection {
  margin: 5px -10px;
  position: relative;
}

.item-collection a {
  display: block;
  position: relative;
  z-index: 2;
}

.item-collection .collection-cat-thumb {
  width: 100%;
}


.item-collection .collection-title {
  position: absolute;
  font-size: 2.5rem;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin: 0 auto;
  text-align: center;
  top: 50%;
  text-shadow: -5px -5px 0 rgba(0, 0, 0, 0.2);
  font-weight: bold;
  color: #fff;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  opacity: 1;
}

.item-collection:hover .collection-title {
  opacity: 0;
}

.item-collection .outer-overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

.item-collection:hover .outer-overlay {
  opacity: 1;
  z-index: 1;
  background: rgba(12, 34, 63, .5);
}

.item-collection .inner-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  height: 100%;
}

.item-collection .inner-overlay {
  border: 2px solid #fff;
  margin-left: 1.5rem;
  padding: 1rem;
  margin-right: 1.5rem;
  color: #fff;
}

.item-collection .category {
  font-size: 12px;
  display: block;
  margin: 0px 0 0.5rem 0;
  text-align: center;
}

.item-collection .cat-head {
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-bottom: 0.8rem;
}

.item-collection .cat-info {
  font-size: 16px;
  line-height: 16px;
  font-weight: 300;
}

/* Table style */

.single .table td,
.single .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 3px solid #ffffff;
  font-weight: 300;
  border: 3px solid #ffffff;
}

.a.darkbeige,
.darkbeige {
  background: #0A213C;
  text-align: center;
  color: white;
  font-weight: bold;
}

.beige {
  background-color: #e7e2d7;
  color: #3a3a3a;
  text-align: center;
  font-weight: bold;
}


#parallax-background {
  position: relative;
  display: block;
  margin: 0 auto;

}

.parallax-overlay {
  position: absolute;
  top: 0px;
  width: 100%;
  margin-top: 0px;
  transform: translate(0%, 35%);
  background: none;
  height: 100%;
}

h1.category strong {
  text-shadow: -5px -5px 0px rgb(0 0 0 / 20%);
}

@media screen and (min-width: 768px) {
  .table-wrap-outer {
    border-left: 5px solid #0a213e;
    padding-left: 3.5rem;
    margin-left: 2rem;
  }
}

@media screen and (max-width:1199px) {
  .text-title-section {
    font-size: 48px;
  }

  .item-collection .outer-overlay {
    display: none;
  }
}

@media screen and (max-width:768px) {
  .text-title-section {
    font-size: 32px;
    line-height: 44px;
  }

}

#page__header {
  background-color: #0D223F;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#page__header.fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;

  padding: 0;
}

#page__header .logo-uk {
  margin: 0 20px;
  width: auto;
  cursor: pointer;
}

#page__header .logo-uk img {
  width: 230px;
  height: auto;
}
#page__header .menu__container{
  width:100%;
  max-width:1800px;
  padding:0 30px;
}
#page__header .menu__container .menu {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#page__header .menu__item {
  position: relative;
  width: fit-content;
  text-align: center;
  padding: 0 15px;
  align-self: stretch;
}

#page__header .menu-item.menu-item-has-children {
  padding-right: 25px;
}

#page__header .menu-item.menu-item-has-children::before {
  position: absolute;
  right: 8px;
  top: 15px;
  content: '';

  z-index: 9;
  border: solid var(--white);
  border-width: 0 3px 3px 0;

  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);

  transition: all 0.25s linear;
}

#page__header .menu-item.menu-item-has-children:hover::before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 20px;
}

#page__header .menu__item a {
  color: var(--white);
  font-size: 17px;
  padding: 10px 0;
  display: block;

  text-transform: uppercase;
  width: fit-content;
  text-align: center;
}

#page__header .submenu__item a {
  color: var(--white);
  font-size: 17px;
  padding: 10px;
  display: block;

  text-transform: none;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

#page__header .submenu__item a:hover {
  color: var(--yellow-main);
}

#page__header .menu__item:hover .submenu__container {
  visibility: visible;
  opacity: 0.95;
  box-shadow: rgba(255, 255, 255, 0.56) 0px 1px 4px;
  border-top: 1px solid white;
}

#page__header .menu__item .submenu__container {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;

  z-index: 9;
  background-color: var(--blue-main);
  width: fit-content;

  min-width: 170px;
  opacity: 0;
  transition: all linear 0.25s;
  background-color: #0D223F;
}

#page__header .menu__item.search-icon a {
  font-size: 30px;
  color: var(--white)
}

#page__header .menu__item.search-icon i.fa {
  color: var(--white)
}

#header--right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  width:100%;
  max-width:600px;
}

#header--right .top {
  padding: 5px 15px 15px 0;
  display: flex;
  justify-content: flex-end;
  align-items: end;
}

#header--right .top .title,
#header__menu--mobile .select-country-side .title {
  margin-right: 5px;
  font-size: 17px;
}

#header--right .top .select-side,
#header__menu--mobile .select-country-side .select-side {
  width: 215px;
  position: relative;
}

#header--right .top .down-arrow-icon,
#header__menu--mobile .select-country-side .down-arrow-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  content: '';

  transform: translateY(-35%);
}

#header--right .top .down-arrow-icon i.fa,
#header__menu--mobile .select-country-side i.fa {
  color: var(--white);
  font-size: 20px;
}

#header--right .top select.select-container,
#header__menu--mobile .select-country-side select.select-container {
  color: var(--white);
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 100%;
  padding: 3px 5px;
  outline: none;
  font-size: 17px;
}

#header--right .bottom {
  background-color: var(--yellow-main);
  width: 430px;
  height: 54px;
  display: grid;
  float: right;

  place-items: center;
  position: relative;
}

#header--right .bottom::before {
  position: absolute;
  top: -1px;
  left: -1px;
  content: '';

  width: 55px;
  height: 55px;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  background-color: var(--blue-main);
}

#header--right .icon__container {
  display: flex;
  transform: translateX(20px);
}

#header--right .icon__container .icon__item:not(:last-child) {
  margin-right: 10px;
}

#header--right .icon__link img {
  width: 35px;
  height: 35px;
}

#page__header--mobile {
  display: none;
  background-color: var(--blue-main);
  justify-content: space-between;
  align-items: center;

  padding: 0 30px;
  height: 120px;
}

#page__header--mobile.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}

#page__header--mobile .logo-uk img {
  width: 230px;
  height: auto;
}

#page__header--mobile .nav-menu {
  position: relative;
  width: 30px;
  height: 5px;
  background-color: var(--white);

  border-radius: 10px;
}

#page__header--mobile .nav-menu::before {
  position: absolute;
  width: 30px;
  height: 5px;
  content: '';
  background-color: var(--white);
  top: -10px;
  left: 0;
  border-radius: 10px;
}

#page__header--mobile .nav-menu::after {
  position: absolute;
  width: 30px;
  height: 5px;
  content: '';
  background-color: var(--white);
  bottom: -10px;
  left: 0;
  border-radius: 10px;
}

#header__menu--mobile {
  position: fixed;
  top: 0;
  left: 100vw;
  width: 100vw;

  height: 100vh;
  overflow-x: scroll;
  z-index: 9999;
  background-color: var(--blue-main);
  text-align: center;

  padding-top: 40px;
  /* transform: translateX(100vw); */
  transition: left 0.25s linear;
}

#header__menu--mobile.show {
  /* transform: translateX(0); */
  left: 0;
}

#header__menu--mobile .exit-icon {
  position: absolute;
  right: 25px;
  top: 30px;
  content: '';
  padding: 0;
  z-index: 9;
  color: var(--white);
  font-size: 30px;
}

#header__menu--mobile .exit-icon i.fa {
  color: var(--white);
}

#header__menu--mobile .logo-uk {
  text-align: center;
}

#header__menu--mobile .logo-uk img {
  width: 300px;
}

#header__menu--mobile .select-country-side {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto;
}

#header__menu--mobile .icon__container .icon__item:not(:last-child) {
  margin-right: 10px;
}

#header__menu--mobile .icon__link img {
  width: 35px;
  height: 35px;
}

#header__menu--mobile .menu__container {
  margin-top: 40px;
}

#header__menu--mobile .menu__container a {
  color: var(--white);
  font-size: 24px;
  font-weight: 700;
  display: block;

  padding: 20px 0;
  text-transform: uppercase;
}

#header__menu--mobile .submenu__container {
  background-color: var(--yellow-main);
}

#header__menu--mobile .menu__item .arrow-down-icon {
  position: absolute;
  content: '';
  top: 50%;
  right: 50%;

  transform: translate(180px, -50%) rotate(0);
  color: var(--white);
  font-size: 20px;
  transition: transform 0.25s linear;
}

#header__menu--mobile .menu__link[aria-expanded="true"] .arrow-down-icon {
  transform: translate(180px, -50%) rotate(180deg);
}

#header__menu--mobile .menu__item i.fa {
  color: var(--white);
  font-size: 24px;
}

#searchform {
  float: right;
  width: 100%;
  max-width: 370px;
  margin-right: 15px;
}

#searchform .submit-btn {
  padding: 0;
  padding-right: 8px;
  background: transparent;
  color: #fff;
  border: none;
}

#searchform .search-icon {
  color: #fff;
  font-size: 14px;
}

#searchform .keyword {
  height: 33px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  padding: 1px 5px;
  border-radius: 0px;
}


#searchform .select-collections {
  height: 33px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  margin-left: 10px;
}

#searchform .select-collections option {
  color: #fff;
  background-color: #000;
}

@media screen and (max-width: 1600px) {
  #page__header .menu__item {
    flex-shrink: 0;
  }

  #page__header .logo-uk {
    margin: 0 10px;
  }

  #page__header .logo-uk img {
    width: 200px;
  }

  #page__header .menu__item a {
    font-size: 15px;
  }

  #page__header .menu__item a {
    font-size: 15px;
  }

  #searchform {
    width: fit-content;
  }

  #searchform .select-collections,
  #searchform .keyword {
    width: 70px;
  }

  #header--right {
    width: 360px;
  }

  #header--right .bottom {
    width: 360px;
    margin-left: auto;
    margin-top: auto;
  }

  #header--right .top .title,
  #header__menu--mobile .select-country-side .title {
    font-size: 15px;
  }

  #header--right .top .select-side {
    width: 150px;
  }

  #header--right .top select.select-container {
    padding: 3px 20px 3px 5px
  }

  #header--right .top .down-arrow-icon,
  #header__menu--mobile .select-country-side .down-arrow-icon {
    right: 6px;
    transform: translateY(-40%)
  }
}

@media screen and (max-width: 1400px) {
  #page__header {
    display: none;
  }
  #page__header--mobile {
    display: flex;
  }
}

@media screen and (max-width: 1200px) {
  #header--right {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  #header__menu--mobile .select-country-side .title {
    color: var(--white);
  }
}

@media screen and (max-width: 595px) {
  #page__header--mobile {
    padding: 20px;
  }

  #header__menu--mobile .exit-icon {
    right: 20px;
    top: 15px;
  }
}

/* homepage */
#homepage .hero {
  position: relative;
  display: flex;
}

#homepage .hero .hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  color: #fff;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
}

#homepage .hero .hero-inner {
  text-align: center;
  width: 100%;
}

#homepage .hero .hero-title {
  font-family: 'fontBody';
  text-shadow: 0 0 10px #000;
  font-weight: 700;
  margin-bottom: 30px;
}

#homepage .hero-tagline {
  font-family: 'fontTitle';
  font-size: 34px;
  margin-bottom: 30px;
}

#homepage .hero-tagline p {
  line-height: 34px;
  font-family: 'fontTitle';
}

#homepage .hero-cta .btn {
  background-color: var(--yellow-main);
  border: 1px solid var(--yellow-border);
  font-weight: 700;
  padding: 10px 20px;
}

#homepage .hero-cta p {
  font-weight: 700;
  line-height: 28px;
}

.homepage__introduce {
  display: flex;
  padding: 60px 0 100px;
}

.homepage__introduction--left {
  padding: 30px 90px;
  background-color: var(--blue-main);
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.homepage__introduction--left .section-image-container {
  position: relative;
  z-index: 9;
}

.homepage__introduction--left .background-hidden {
  position: absolute;
  right: 0;
  top: 0;
  content: '';

  background-color: var(--white);
  width: 200px;
  height: 100%;
  z-index: 8;
}

.homepage__introduction--left .section-image-container img {
  width: 595px;
  height: auto;
}

.homepage__introduction--right {
  padding: 30px 150px 30px 0;
  color: var(--blue-main);
}

.homepage__introduction--right .top-side .general-title {
  font-family: 'fontTitle';
  font-size: 45px;
  line-height: 52px;
  margin-bottom: 15px;

  text-align: left;
}

.homepage__introduction--right .top-side .general-content {
  font-size: 20px;
  line-height: 25px;
}

.homepage__introduction--right .bottom-side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 50px;
  row-gap: 50px;
  margin-top: 50px;
}

.homepage__introduction--right .info-item {
  display: flex;
}

.homepage__introduction--right .icon img {
  max-width: 35px;
  margin-right: 5px;
}

.homepage__introduction--right .question-container .question {
  font-family: 'fontTitle';
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 10px;
}

.homepage__introduction--right .question-container .answer {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}

.homepage__when .when__container {
  display: grid;
  grid-template-columns: repeat(4, 22vw);
  column-gap: 2.5vw;
  row-gap: 3vw;

  padding: 0 2.25vw;
}

.homepage__when .when__item {
  padding: 1vw;
  width: 22vw;
  height: 22vw;
  color: var(--white);
}

.homepage__when .when__item .inner {
  border: 1px solid var(--white);
  width: 100%;
  height: 100%;
  padding: 4vw 0 2vw;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.homepage__when .when__item.first {
  background-color: var(--yellow-main);
}

.homepage__when .when__item.second {
  background-color: #3083A1;
}

.homepage__when .when__item.third {
  background-color: #469C80;
}

.homepage__when .when__item.fourth {
  background-color: var(--blue-main);
}

.homepage__when .when__item .title,
.homepage__when .when__item .title-special {
  font-family: 'fontTitle';
  font-size: 33px;
  line-height: 38px;
  text-align: center;
}

.homepage__when .when__item .title {
  margin-bottom: 2vw;
}

.homepage__when .when__item .content {
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}

.homepage__when .when__item .learn-button {
  padding: 10px 15px;
  border: 1px solid var(--white);
  color: var(--white);
  font-weight: 700;

  margin-top: auto;
  font-size: 16px;
  transition: all 0.2s linear;
}

.homepage__when .when__item.first .learn-button:hover {
  color: var(--yellow-main);
  background-color: var(--white);
}

.homepage__when .when__item.second .learn-button:hover {
  color: #3083A1;
  background-color: var(--white);
}

.homepage__when .when__item.third .learn-button:hover {
  color: #469C80;
  background-color: var(--white);
}

.homepage__when .when__item.fourth .learn-button:hover {
  color: var(--blue-main);
  background-color: var(--white);
}

.homepage__discover {
  margin-top: 60px;
  padding: 0 50px 60px;
}

.homepage__discover .discover__head-title,
.section-title-uk {
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 60px;
  color: var(--blue-main);

  text-align: center;
  font-family: 'fontBody';
  font-weight: 700;
}

.homepage__discover .discover__item {
  display: flex;
}

.homepage__discover .discover__image-presentation {
  padding-right: 80px;
}

.homepage__discover .discover__image-presentation.left {
  padding-left: 80px;
  padding-right: 0px;
}

.homepage__discover .discover__image-presentation img {
  width: 100%;
  height: auto;
}

.homepage__discover .discover__image-text img {
  width: 100%;
  height: auto;
}

.homepage__discover .discover__content-container {
  margin-bottom: 80px;
}

.homepage__discover .discover__content-container:last-child {
  margin-bottom: 0;
}

.homepage__discover .discover__content-container.left {
  margin-bottom: 0px;
}

.homepage__discover .discover__image-text {
  margin-bottom: 40px;
}

.homepage__discover .discover__item-content {
  color: var(--blue-main);
  font-size: 20px;
  line-height: 26px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.homepage__discover .discover__item-content .just-text {
  font-size: 25px;
  line-height: 25px;
  display: inline-block;
  margin-bottom: 1px;
  font-weight: 700;
}

.homepage__discover .discover__link-container {
  margin-top: 60px;
  text-align: center;
}

.homepage__discover .discover__link-container .discover__each-link {
  color: var(--white);
  background-color: var(--yellow-main);
  font-size: 24px;
  line-height: 30px;

  padding: 7px;
  border-radius: 3px;
}

.homepage__discover .discover__link-container .discover__each-link:last-child {
  margin-left: 15px;
}

.page__faq .page-tit {
  margin: 30px 0 35px;
  font-size: 34;
  line-height: 41px;
  font-weight: 600;
}

.page__faq .q-groups {
  margin-bottom: 60px;
}

.page__faq .q-group {
  margin-bottom: 25px;
}

.page__faq .q-group .group-tit {
  margin-bottom: 35px;
  font-weight: bold;
  line-height: 1.2;
}

.page__faq .q-group .q-tit {
  color: #666;
  padding-left: 46px;
  padding: 14px 20px 14px 55px;
  border: 1px solid #f7f7f7;
}

.page__faq .q-group .q-tit:hover {
  background: #f7f7f7;
}

.page__faq .q-group .q-tit .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
}

.page__faq .q-group .q-tit .txt {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.page__faq .q-group .answer-cont {
  padding: 14px 20px;
}

.page__faq .q-group .answer-cont ul {
  margin: 20px;
}

.page__faq .q-group .answer-cont ul li {
  list-style: disc;
}

.page__faq .part__right {
  padding-top: 100px;
}

.page__faq .warranty-lbl {
  margin-bottom: 30px;
}

.page__faq .w-block {
  margin-bottom: 35px;
  padding: 25px;
  background-color: #e7e2d7;
}

.page__faq .w-block .tit {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.page__faq .w-block .btn-download {
  display: inline-block;
  background: #0A213C;
  color: #fff;
  min-width: 145px;
  padding: 2px 8px;
  font-weight: 400;
  font-size: 21px;
  line-height: 27px;
}

.page__faq .w-block .file-it {
  text-align: center;
  margin-bottom: 15px;
}

.toggle-content-wrapper .toggle-title {
  cursor: pointer;
}

.toggle-content-wrapper .toggle-content {
  display: none;
}

@media screen and (max-width: 1650px) {
  .homepage__when .when__item .title {
    min-height: 76px;
  }
}

@media screen and (max-width: 1440px) {
  .homepage__introduction--right {
    padding: 30px 80px 30px 0;
  }

  .homepage__introduction--right .bottom-side {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }

  .homepage__when .when__item .inner {
    padding: 2vw 0;
  }
}

@media screen and (max-width: 1200px) {
  .homepage__introduction--left {
    display: grid;
    place-items: center;
    padding: 30px 60px;
  }

  .homepage__introduction--left .section-image-container img {
    width: 400px;
  }

  .homepage__introduction--right .bottom-side {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }

  .homepage__when .when__item .title,
  .homepage__when .when__item .title-special {
    font-size: 28px;
  }

  .homepage__when .when__item .inner {
    padding: 1vw 0;
  }

  .homepage__when .when__item .learn-button {
    padding: 8px 16px;
    font-size: 14px;
  }

  .homepage__discover {
    margin-top: 100px;
    padding: 0 50px 60px;
  }

  .homepage__discover .discover__head-title,
  .section-title-uk {
    margin: 0 0 60px;
  }

  .homepage__discover .discover__link-container {
    display: flex;
    justify-content: flex-start;
  }

  .homepage__discover .discover__link-container .discover__each-link {
    font-size: 20px;
  }

  .testimonials.section {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 768px) {
  .homepage__introduce {
    flex-direction: column;
    padding: 60px 0;
  }

  .homepage__introduction--left {
    padding: 60px;
  }

  .homepage__introduction--left .background-hidden {
    width: 50%;
  }

  .homepage__introduction--right {
    padding: 60px 40px 0;
  }

  .homepage__when .when__container {
    grid-template-columns: 45vw 45vw;
    column-gap: 5vw;
    padding: 2.5vw
  }

  .homepage__when .when__item {
    width: 45vw;
    min-height: 45vw;
  }

  .homepage__when .when__item .inner {
    padding: 3vw 0;
  }

  .homepage__discover {
    margin-top: 60px;
  }

  .homepage__discover .discover__head-title,
  .section-title-uk {
    font-size: 48px;
    margin-bottom: 40px;
  }

  .homepage__discover .discover__content-container {
    margin: 0 0 40px;
  }

  .homepage__discover .discover__content-container.left {
    display: flex;
    flex-direction: column-reverse;
  }

  .homepage__discover .discover__image-presentation {
    padding: 0;
  }

  .homepage__discover .discover__image-text {
    margin: 40px 0;
    text-align: center;
  }

  .homepage__discover .discover__image-text img {
    width: 60%;
  }

  .homepage__discover .discover__link-container {
    justify-content: center;
    margin-top: 40px;
  }

  .homepage__discover .discover__image-presentation.left {
    padding: 0;
  }
}

@media screen and (max-width: 595px) {
  #homepage .hero .hero-content {
    display: none;
  }

  .homepage__introduction--left {
    padding: 40px;
  }

  .homepage__introduction--left .section-image-container img {
    width: 100%;
  }

  .homepage__introduction--right {
    padding: 60px 15px 0;
  }

  .homepage__when .when__container {
    grid-template-columns: 60vw;
    row-gap: 10vw;
    padding: 5vw;
    justify-content: center;
  }

  .homepage__when .when__item {
    width: 60vw;
    min-height: 60vw;
  }

  .homepage__discover {
    padding: 0 15px;
  }
}

/* installation page */
.installation__head-banner {
  width: 100%;
  position: relative;
}

.installation__head-banner .image-background {
  width: 100%;
}

.installation__head-banner .title-container {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';

  transform: translate(-50%, -50%);
}

.installation__show {
  margin-top: 50px;
  margin-bottom: 80px;
  scroll-margin-top: 80px;
}

.installation__show.left {
  margin-top: 0;
}

.installation__show .top-side {
  display: flex;
  justify-content: flex-end;
  padding-right: 2vw;
  z-index: 9;
}

.installation__show.left .top-side {
  justify-content: flex-start;
}

.installation__show .show__image-text {
  width: 30vw;
  height: fit-content;
}

.installation__show .show__slider-wrapper {
  /* width: 1030px; */
}

.installation__show .show__slider-container {
  width: 60vw;
  margin: 0 2vw;
  position: relative;
}

.installation__show.left .show__image-text {
  margin-left: 30px;
}

.installation__show .show__slider-container .slick-arrow:before {
  content: '' !important;
  display: none;
}

.installation__show .show__slider-container .slick-prev {
  position: absolute;
  top: 50%;
  left: -0.5vw;
  width: 16px;
  height: 32px;
  transform: translateY(-50%);
  background-image: url('../img/uk-style/FFS_left_arrow.png');

  background-size: 100% 100%;
  background-position: center center;
  background-color: transparent;
  display: none !important;
}

.installation__show .show__slider-container .slick-next {
  position: absolute;
  top: 50%;
  right: -0.5vw;
  width: 16px;
  height: 32px;
  transform: translateY(-50%);
  background-image: url('../img/uk-style/FFS-right-arrow.png');

  background-size: 100% 100%;
  background-position: center center;
  background-color: transparent;
}

.installation__show .show__slider-container .slick-list,
.installation__show .show__slider-container .slick-track {
  width: 100%;
}

.installation__show .show__slider-container .slick-list {
  margin-right: -30px;
}

.installation__show .show__slider-item.slick-slide {
  margin-right: 30px;
}

.installation__show .show__slider-item .image-item {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
}

.installation__show .show__slider-item .bottom-side-slide {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";

  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.installation__show .show__slider-item .cta-file-side{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  gap: 30px;
  padding: 0 5px;
}

.installation__show .show__slider-item .cta-file-side-item{
  padding: 3px 6px;
  border: 1px solid var(--blue-main);
  background-color: rgba(255, 255, 255, 0.6);
  color: var(--blue-main);

  min-width: 100px;
  display: flex;
  justify-content: center;
  font-size: 18px;

  transition: all linear 0.3s;
  font-weight: 600;
  border-radius: 8px;
}
.installation__show .show__slider-item .cta-file-side-item:hover{
  background: var(--blue-main);
  color: white;
}

.installation__show .show__slider-item .text-container {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  display: grid;
  place-items: center;

  padding: 10px 20px;
}

.installation__show .show__slider-item .text {
  color: var(--blue-main);
  font-weight: 700;
  font-size: 2vw;
  line-height: 2.1vw;
}

.installation__show .middle-side {
  width: 90vw;
  background-color: #D5D0C6;
  margin-left: auto;
  height: 20vw;

  margin-top: -10vw;
}

.installation__show .bottom-side {
  margin-top: 80px;
}

.carousel-video-installation {
  padding: 0 50px;
  position: relative;
}

.carousel-video-installation .slick-list {
  margin-right: -40px;
}

.carousel-video-installation .carousel-item-box {
  margin-right: 40px;
}

.carousel-video-installation .image-box {
  position: relative;
  cursor: pointer;
  width: 100%;
}

.carousel-video-installation .spacer-image {
  width: 100%;
  height: auto;
}

.carousel-video-installation .play-icon {
  width: 75px;
  height: 75px;
  background-size: cover;
  background-position: center center;

  background-image: url("../img/uk-style/FFS_icon_play.png");
  position: absolute;
  left: 50%;
  top: 50%;

  z-index: 1;
  opacity: 0.9;
  transform: translate(-50%, -50%) scale(0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9);

  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;

  -webkit-transition: all 0.25s ease-in-out 0s;
  -ms-transition: all 0.25s ease-in-out 0s;
}

.carousel-video-installation .background-image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;

  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center center;

  background-repeat: no-repeat;
}

.carousel-video-installation .slick-prev,
.carousel-video-installation .slick-next {
  height: 40px;
  width: 30px;
  background-position: center center;
  background-repeat: no-repeat;

  background-size: cover;
  z-index: 5;
  position: absolute;
  line-height: 0px;

  font-size: 0px;
  background-color: transparent;
  color: transparent;
  top: 43%;

  -webkit-transform: translate(0, -43%);
  -ms-transform: translate(0, -43%);
  transform: translate(0, -43%);
  padding: 0;

  border: none;
  outline: none;
}

.carousel-video-installation .slick-prev:before,
.carousel-video-installation .slick-next:before {
  display: none;
}

.carousel-video-installation .slick-prev {
  background-image: url("../img/uk-style/FFS_left_arrow_bold.png");
  left: 0px;
}

.carousel-video-installation .slick-next {
  background-image: url("../img/uk-style/FFS_right_arrow_bold.png");
  right: 0px;
}

.carousel-video-installation .video-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -ms-transition: all 0.25s ease-in-out 0s;

  visibility: hidden;
  z-index: 2;
  content: '';
  position: absolute;

  left: 0;
  top: 0;
}

.carousel-item-box.playVideo .image-box .video-wrapper {
  opacity: 1;
  visibility: visible;
}

.carousel-video-installation .image-box:hover .play-icon {
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
}

.carousel-video-installation .video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carousel-video-installation .carousel-item-title {
  color: #000000;
  margin-top: 10px;
  text-align: center;
  font-size: 17px;
}

.installation__guide .title-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  text-align: center;
}

.flex-view {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.flex-view.justify-between {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flex-view.justify-around {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.installation__guide {
  padding: 80px 0;
}

.installation__guide .title-section-container {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

.installation__guide .text-title-section {
  margin-top: 0;
}

.installation__guide .doc-blocks {
  max-width: 780px;
  margin: 50px auto 0;
}
.installation__guide .doc-blocks .button-list {
  /* padding-top: 15px; */
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 15px;
  position: absolute;
  content: "";
  left: 50%;

  top: 100%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;

  transition: all linear 0.3s;
}
.installation__guide .doc-blocks .button-item a{
  padding: 10px 40px;
  color: white;
  background-color: var(--blue-main);
  font-weight: 700;

  display: block;
  border-radius: 8px;
}
.installation__guide .item-doc {
  /* padding: 15px; */
  max-width: 300px;
  position: relative;
}
.installation__guide .item-doc:hover .button-list{
  opacity: 1;
  visibility: visible;
}
.installation__guide .item-doc .independent-link{
  position: absolute;
  inset: 0;
  z-index: 10;
}
.installation__guide .background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.installation__guide .learn-button {
  font-size: 30px;
  line-height: 30px;
  font-weight: 400;
  background-color: var(--yellow-main);

  padding: 5px 10px;
  border-radius: 5px;
  color: var(--white);
  margin-top: 60px;

  display: inline-block;
}

@media screen and (max-width: 768px) {
  .installation__show {
    margin-bottom: 60px;
  }

  .installation__show.left .top-side {
    flex-direction: column-reverse;
  }

  .installation__show .middle-side {
    display: none;
  }

  .installation__show .top-side {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
  }

  .installation__show .show__image-text {
    width: 40vw;
    margin-bottom: 40px;
  }

  .installation__show .show__slider-container {
    width: 90vw;
    margin: 0;
    padding: 0 30px;
  }

  .installation__show .show__slider-container .slick-list {
    margin-left: 15px;
  }

  .installation__show .show__slider-container .slick-next {
    right: 0;
  }

  .installation__show .show__slider-container .slick-prev {
    display: block !important;
    left: 0;
  }

  .installation__show .show__slider-item .text {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .carousel-video-installation {
    padding: 0 30px;
    position: relative;
  }

  .carousel-video-installation .slick-prev {
    left: -15px;
  }

  .carousel-video-installation .slick-next {
    right: -15px;
  }

  .installation__show .bottom-side {
    margin-top: 60px;
  }

  .installation__guide .learn-button {
    margin-top: 30px;
  }
}

@media screen and (max-width: 595px) {
  .installation__show {
    margin: 60px 0;
  }

  .installation__show .show__image-text {
    width: 70vw;
  }

  .installation__show .show__slider-container {
    width: 90vw;
    padding: 0 10px;
  }

  .installation__show .show__slider-container .slick-list {
    margin-left: 0px;
  }

  .installation__show .show__slider-container .slick-next {
    right: -20px;
  }

  .installation__show .show__slider-container .slick-prev {
    left: -20px;
  }

  .installation__show .show__slider-item .text {
    font-size: 5vw;
    line-height: 5vw;
  }

  .installation__show .show__slider-item.slick-slide {
    margin: 0px;
  }

  .installation__show .show__slider-container {
    width: 80vw;
    margin: 0 2vw;
    position: relative;
  }

  .carousel-video-installation .slick-prev {
    left: -10px;
  }

  .carousel-video-installation .slick-next {
    right: -10px;
  }

  .installation__guide .doc-blocks {
    flex-direction: column;
    gap: 30px;
  }

  .installation__guide .item-doc {
    margin: 0 auto;
  }

  .installation__guide .item-doc img{
    width: 200px
  }

  .installation__guide .doc-blocks .button-list {
    opacity: 1;
    visibility: visible;
  }

  .installation__guide .doc-blocks .button-item a{
    padding: 10px;
  }

  .installation__guide .doc-blocks .button-list {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0);
  }
}

/* end media 595px */

/* floor-list page */
.floor-list__head-banner {
  position: relative;
}

.floor-list__head-banner .image-background {
  width: 100%;
  height: auto;
}

.floor-list__side-choice {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
  margin: 80px 0;
}


.floor-list__side-choice.single-column {
  grid-template-columns: 1fr;
}

.floor-list__side-choice .side-choice__image-background {
  width: 100%;
  height: auto;
}

.floor-list__side-choice.single-column {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.floor-list__side-choice .side-choice__item {
  position: relative
}

.floor-list__side-choice .side-choice__item:hover .side-choice__image-text img {
  transform: scale(1.05);
}

.floor-list__side-choice .side-choice__image-text {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';

  transform: translate(-50%, -50%);
  width: 60%;
  height: auto;
}

.floor-list__side-choice .side-choice__image-text img {
  width: 100%;
  height: auto;
  transition: transform 0.5s;
}

@media screen and (max-width: 768px) {
  .floor-list__side-choice {
    margin: 40px 0;
  }

  .floor-list__side-choice.single-column {
    width: 100%;
  }
}

@media screen and (max-width: 595px) {
  .floor-list__side-choice {
    grid-template-columns: 1fr;
    row-gap: 30px;
    padding: 0 15px;
  }

  .page__faq .part__right {
    padding-top: 0;
  }
}

/* collection page */
.collection__collections {
  margin: 80px 0;
}

.collections__container {
  padding: 0 80px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
}

.collection__collections .item {
  width: 100%;
  height: auto
}

.collection__collections .item:hover .item__title {
  transform: scale(1.1);
}

.collection__collections .item__container {
  position: relative;
}

.collection__collections .item__container img {
  width: 100%;
  height: auto;
}

.collection__collections .item__container .item__title {
  color: var(--white);
  text-shadow: 0px 10px 4px rgba(0, 0, 0, 0.2);
  width: 100%;
  font-family: 'fontBody';

  font-weight: 700;
  text-align: center;
  transition: transform 0.25s linear;
}

.collection__head-banner .image-background {
  width: 100%;
  height: auto;
}

.collection__head-banner .title-image-container {
  position: absolute;
  content: '';
  left: 70px;
  top: 30px;
}

.collection__head-banner .title-image-container img {
  width: 400px;
  height: auto;
}

@media screen and (max-width: 1200px) {
  .collections__container {
    padding: 0 60px;
  }
}

@media screen and (max-width: 768px) {
  .collection__head-banner .title-image-container img {
    width: 300px;
  }

  .collections__container {
    padding: 0 40px;
    grid-template-columns: 1fr 1fr;
  }

  .collection__collections {
    margin: 60px 0;
  }
}

@media screen and (max-width: 595px) {
  .collection__head-banner .title-image-container {
    left: 20px;
    top: 20px;
  }

  .collection__head-banner .title-image-container img {
    width: 200px;
  }

  .collections__container {
    padding: 0 15px;
    grid-template-columns: 1fr;
  }
}

/* roomVo side */
section.roomvo h2.hero-title {
  color: white;
  background-color: #DFAC3F;
  text-align: center;
  padding: 30px 15px;
}

section.roomvo .col-sm-12 {
  padding: 0px !important;
}

section.roomvo .roomslider img {
  width: 100%;
  height: auto;
}

/* Floor detail page */
.floor-detail__head-banner .image-background {
  width: 100%;
  height: auto;
}

.floor-detail__head-banner .title-image-container {
  position: absolute;
  left: 40px;
  top: 50px;
  content: '';

  display: flex;
}

.floor-detail__head-banner .title-image-container img:first-child {
  width: 530px;
  height: auto;
}

.floor-detail__head-banner .title-image-container img:nth-child(2) {
  width: 160px;
  height: auto;
  position: absolute;
  content: '';

  right: -140px;
  bottom: -15px;
}

.floor-detail__introduce {
  padding: 0 30px;
}

.floor-detail__introduce-item {
  display: flex;
  position: relative;
  margin-bottom: 240px;
}

.floor-detail__introduce .floor-detail__introduce-item:first-child {
  margin-top: 160px;
}

.floor-detail__introduce .floor-detail__introduce-item:last-child {
  margin-bottom: 120px;
}

.floor-detail__introduce-item .background-brown {
  position: absolute;
  content: '';
  left: 0;
  top: 0;

  z-index: -1;
  height: 100%;
  width: calc(50% + 270px);
  background-color: #DBD6CB;
}

.floor-detail__introduce-item.second .background-brown {
  right: 0;
  left: unset;
}

.floor-detail__introduce-item .left,
.floor-detail__introduce-item .right {
  width: 50%;
}

.floor-detail__introduce-item .right,
.floor-detail__introduce-item.second .left {
  position: relative;
}

.floor-detail__introduce-item .left,
.floor-detail__introduce-item.second .right {
  padding: 60px 20px 100px 80px;
}

.floor-detail__introduce-item.second .left {
  padding: 0;
}

.floor-detail__introduce-item .title,
.floor-detail__introduce-item .title span {
  font-family: 'fontTitle';
  font-size: 40px;
  line-height: 52px;
  color: var(--blue-main);

  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 50px;
}

.floor-detail__introduce-item .title span {
  font-family: 'fontTitle';
  color: var(--yellow-main);
}

.floor-detail__introduce-item.first .content-container {
  padding-right: 50px;
}

.floor-detail__introduce-item .content {
  color: var(--blue-main);
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
}

.floor-detail__introduce-item .image-main {}

.floor-detail__introduce-item.second .image-main {
  text-align: right;
}

.floor-detail__introduce-item .image-main img {
  width: 100%;
  height: auto;
  max-width: 900px;
}

.floor-detail__introduce-item .content-box {
  width: 300px;
  height: 300px;
  display: flex;

  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 55px;

  position: absolute;
  left: 120px;
  top: -120px;
  z-index: 9;
  color: var(--white);
}

.floor-detail__introduce-item .content-box h1 {
  font-size: 40px;
  line-height: 55px;
  text-align: center;
}

.floor-detail__introduce-item.first .content-box {
  background-color: #D7A42D;
}

.floor-detail__introduce-item.second .content-box {
  background-color: #30809B;
  right: 120px;
  left: unset;
  top: -120px;
}

.floor-detail__introduce-item.third .content-box {
  background-color: var(--blue-main);
}

.floor-detail__introduce-item .image-main {
  position: absolute;
  left: 0;
  bottom: -80px;
  z-index: 8;

  content: 0;
  width: 100%;
}

.floor-detail__introduce-item .each-row-image {
  margin-top: 50px;
}

.floor-detail__introduce-item .each-row-image h1 {
  font-family: 'fontTitle';
  color: var(--blue-main);
  font-size: 30px;
  line-height: 37px;
}

.floor-detail__introduce-item .each-row-image img {
  width: 400px;
  height: auto;
  margin-top: 30px;
}

.floor-detail__introduce-item .criteria-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 30px;
  column-gap: 5px;

  margin-top: 80px;
}

.floor-detail__introduce-item .criteria-item {
  display: flex;
  align-items: center;
}

.floor-detail__introduce-item .criteria-item .criteria-image {
  display: contents;
}

.floor-detail__introduce-item .criteria-image img {
  width: 60px;
  height: 60px;
}

.floor-detail__introduce-item .criteria-content {
  margin-left: 10px;
}

.floor-detail__introduce-item .criteria-content p {
  font-size: 17px;
  line-height: 17px;
  color: var(--blue-main);
  font-weight: 700;

  text-align: left;
}

.floor-detail__video-introduce .criteria-content p {
  font-size: 17px;
  line-height: 15px;
  color: var(--blue-main);
  font-weight: 700;
}

.floor-detail__video-introduce {
  position: relative;
}

.floor-detail__video-introduce .image-background {
  /* display: none; */
  position: absolute;
  content: '';
  left: 0;

  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.floor-detail__video-introduce .image-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.floor-detail__video-introduce .play-button {
  position: absolute;
  content: '';
  left: 50%;

  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;

  background-image: url('../img/uk-style/FFS_button_play.png');
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 10;
  cursor: pointer;
}

.floor-detail__video-introduce.play .play-button,
.floor-detail__video-introduce.play .image-background {
  display: none;
}

.floor-detail__video-introduce video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  max-height: calc(100vh - 124px);

  position: relative;
  z-index: 8;
}
@media screen and (max-width: 768px) {
  .floor-detail__video-introduce video{
    max-height: calc(100vh - 112px);
  }
}
.floor-detail__silent-side .wrapper {
  display: flex;
  padding: 80px 0;
}

.floor-detail__silent-side .left,
.floor-detail__silent-side .right {
  width: 50%;
}

.floor-detail__silent-side .left {
  padding: 0 100px;
}

.floor-detail__silent-side .left .silent-logo {
  width: 100%;
  max-width: 630px;
  height: auto;
}

.floor-detail__silent-side .left .title {
  color: var(--blue-main);
  font-size: 35px;
  margin-top: 10px;
  font-weight: 400;
}

.floor-detail__silent-side .right {
  padding-right: 100px;
}

.floor-detail__silent-side .right p {
  display: flex;
  margin-bottom: 20px;
}

.floor-detail__silent-side .right .head-title {
  font-size: 37px;
  line-height: 47px;
  font-weight: 300;
  color: var(--blue-main);

  margin-bottom: 30px;
}

.floor-detail__silent-side .right .head-title.second-line {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.floor-detail__silent-side .right .silent-text {
  width: 185px;
}

.floor-detail__silent-side .right .content {
  color: var(--blue-main);
  font-size: 25px;
  line-height: 32px;
  font-weight: 400;

  display: block;
}

.floor-detail__silent-side .right .just-text {
  color: var(--blue-main);
  font-size: 35px;
  line-height: 35px;
  font-weight: 700;

  display: block;
  padding-bottom: 5px;
  margin-right: 5px;
  white-space: nowrap;

  position: relative;
  top: -4px;
}

.floor-detail__statistic {
  position: relative;
  margin-bottom: 80px;
}

.floor-detail__statistic.has-padding-top {
  padding-top: 80px;
}

.floor-detail__statistic .statistic__wrapper {
  position: relative;
  display: flex;
  width: 100%;

  height: fit-content;
  padding: 0 50px 80px;
}

.floor-detail__statistic .statistic__background {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';

  width: calc(100% - 50px);
  height: 80%;
  background-color: #E2E2E2;
  z-index: -1;
  display: none;
}

.floor-detail__statistic.left .statistic__background {
  right: unset;
  left: 0;
}

.floor-detail__statistic .statistic__content {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding: 0 60px 0 100px;
}

.floor-detail__statistic .statistic__content .content-wrapper.left-image-floor,
.floor-detail__statistic .statistic__content .content-wrapper.right-image-floor {
  position: relative;
  margin-top: auto;
  left: 0;
  right: 0;
}

.floor-detail__statistic .statistic__content .content-wrapper.left-image-floor::before {
  position: absolute;
  bottom: -80px;
  right: -60px;
  height: calc(100% + 160px);

  width: 100vw;
  background-color: #E2E2E2;
  content: "";
  z-index: -1;
}

.floor-detail__statistic .statistic__content .content-wrapper.right-image-floor::before {
  position: absolute;
  bottom: -80px;
  left: -100px;
  height: calc(100% + 160px);

  width: 100vw;
  background-color: #E2E2E2;
  content: "";
  z-index: -1;
}

@media (max-width: 1024px) {

  .floor-detail__statistic .statistic__content .content-wrapper.right-image-floor::before,
  .floor-detail__statistic .statistic__content .content-wrapper.left-image-floor::before {
    display: none;
  }
}

.floor-detail__statistic .statistic__content p.p1,
.floor-detail__statistic .statistic__content p.p2 {
  font-size: 16px;
  line-height: 150%;
  font-family: 'fontBody';
  font-weight: 300;
}

.floor-detail__statistic .statistic__content p.p1 {
  font-weight: 700;
  margin-bottom: 15px;
}

.floor-detail__statistic .statistic__content--special {
  display: flex;
  width: 40%;
  padding: 0 60px 0 100px;
  position: relative;
}

.floor-detail__statistic .statistic__content--special .special-text-container {
  padding-top: 18px;
}

.floor-detail__statistic .statistic__content--special .special-text {
  margin: 0 0 41px;
  color: var(--blue-main);
  font-size: 32px;
  line-height: 50px;

  font-weight: 400;
  padding-left: 5px;
  white-space: nowrap;
}

.floor-detail__statistic .statistic__content--special .special-text:last-child {
  margin-bottom: 0;
}

.floor-detail__statistic .statistic__content--special .silent-text-image {
  width: 50px;
  min-width: 50px;
}

.floor-detail__statistic .statistic__content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: var(--blue-main);

  margin-top: auto;
  /* margin-bottom:auto; */
}

.floor-detail__statistic .statistic__content--special::before {
  position: absolute;
  bottom: -80px;
  right: 0;
  height: 400px;

  width: 100vw;
  background-color: #E2E2E2;
  content: "";
  z-index: -1;
}

.floor-detail__statistic .statistic__content .markable-text {
  font-weight: 700;
}

.floor-detail__statistic .statistic__content .high-yellow-text {
  color: var(--yellow-main);
  font-size: 700;
}

.floor-detail__statistic .statistic__image-text {
  margin-bottom: 120px;
}

.floor-detail__statistic .statistic__image-text img {
  width: 100%;
  height: auto;
  max-width: 500px;
}

.floor-detail__statistic .statistic__video-container {
  width: 60%;
}

.floor-detail__statistic .statistic__image-container {
  width: 60%;
}

.floor-detail__statistic .statistic__image-container img,
.floor-detail__statistic .statistic__image-container video {
  width: 100%;
}

.floor-detail__statistic .statistic__video {
  position: relative;
}

.floor-detail__statistic .statistic-image-video {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';

  left: 0;
  top: 0;
  z-index: 9;
}

.floor-detail__statistic .statistic-image-video img {
  width: 100%;
}

.floor-detail__statistic .statistic__video video {
  width: 100%;
  z-index: 8;
}

.floor-detail__statistic .statistic__video .play-button {
  width: 150px;
  height: 150px;
  background-image: url('../img/uk-style/FFS_button_play.png');
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;

  top: 50%;
  transform: translate(-50%, -50%);
  content: '';
  z-index: 10;
}

.floor-detail__statistic .statistic__video.play .play-button,
.floor-detail__statistic .statistic__video.play .statistic-image-video {
  display: none;
}

.floor-detail__statistic .statistic__head-content {
  margin-bottom: 80px;
}

.floor-detail__statistic .statistic__head-content h1 {
  font-size: 40px;
  color: #C6932D;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 0;
}

.floor-detail__statistic .statistic__head-content .cont {
  font-size: 21px;
  line-height: 26px;
}

.floor-detail__statistic .statistic__list-info {
  margin-bottom: 25px;
}

.floor-detail__statistic .statistic__list-item {
  padding-right: 50px;
  position: relative;
  color: var(--blue-main);
  margin-bottom: 5px;

  display: flex;
  align-items: flex-start;
}

.floor-detail__statistic .statistic__list-item img {
  width: 8px;
  height: 18px;
  margin-right: 20px;
}

.floor-detail__statistic .statistic__list-item p {
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}

.floor-detail__statistic .statistic__list-item .markable-text {
  font-weight: 400;
}

.floor-detail__statistic .statistic__list-item {
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}

.floor-detail__statistic .statistic__image-bottom {
  display: flex;
}

.floor-detail__statistic .statistic__image-bottom img {
  max-width: 100%;
  height: auto;
}

.floor-detail__statistic .statistic__image-bottom img:first-child {
  margin-right: 15px;
}

.floor-detail__statistic.background-gray-cover-image .statistic__wrapper {
  position: relative;
  padding: 60px 50px;
}

.floor-detail__statistic.background-gray-cover-image .statistic__wrapper::before {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 50px);
  background-color: #E2E2E2;
  content: '';
  height: 100%;
  z-index: -1;
}

.floor-detail__statistic.background-gray-cover-image .statistic__content {
  justify-content: center;
}

.floor-detail__statistic.background-gray-cover-image .content-wrapper {
  margin-top: 0 !important;
}

.floor-detail__look-nature img {
  width: 100%;
  height: auto;
}

#sec-construction .statistic__wrapper {
  padding: 0;
}

#sec-construction .statistic__content {
  justify-content: center;
  align-items: center;
}

#sec-construction .statistic__content .content-wrapper {
  margin-top: 0;
}

#sec-construction .statistic__content .content-wrapper::before {
  display: none;
}

@media (max-width: 1200px) {
  .floor-detail__statistic .statistic__content--special::before {
    display: none;
  }
}

#contact {
  padding-bottom: 10px;
}

#wrapper-footer .copy-right {
  background-color: #DFAC3F;
  color: #fff;
  padding: 10px 15px 3px 15px;
  font-size: 20px;
  position: relative;
}

#wrapper-footer .copy-right:after {
  content: '';
  float: right;
  background: #0a213c;
  width: 30%;
  display: block;
  height: 58px;
  -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
  position: absolute;
  right: 0;
  top: 0;
}

.site-footer .site-info,
.site-footer .site-info a {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

section.roomvo .container-fluid.hero-content {
  padding: 0px;
}

.inspiration-gallery-container {
  padding: 0 50px 50px;
}

.inspiration-gallery-title {
  margin: 0px 20px 60px;
  text-align: center;
  font-size: 60px;
}

.inspiration-gallery-slider {
  position: relative;
}

.inspiration-gallery-slider .slick-arrow {
  color: #000000;
  font-size: 30px;
}

.inspiration-gallery-slider .button-slider-prev,
.inspiration-gallery-slider .button-slider-next {
  font-size: 25px;
  color: #000000;
  font-weight: bold;
  border: 0;

  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  z-index: 99;
  cursor: pointer;

}

.inspiration-gallery-slider .button-slider-prev {
  left: -35px;
}

.inspiration-gallery-slider .button-slider-next {
  right: -35px;
}

.inspiration-gallery-slider .slick-slide {
  margin: 0 5px;
}

.inspiration-gallery-slider .slick-list {
  margin: 0 -5px;
}

.section {
  padding-bottom: 60px;
}

#sec-construction .statistic__background {
  display: none;
}

#sec-construction .statistic__image-container {
  max-width: 50%;
}

#sec-construction .statistic__content p {
  margin: 0;
  font-weight: 300;
}

#transformation-img {
  margin-top: -100px;
}

.entry-content h2 {
  font-family: 'fontTitle';
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 20px;
}

.entry-content p {
  margin-bottom: 1rem;
}

.submenu__container.collapse.in {
  display: block;
}

.greenreal {
  background-color: #32a882;
  color: var(--white);
}

.statistic__special {
  padding: 0 0 0 50px;
}

.statistic__special .wrapper {
  background-color: #E2E2E2;
  padding: 0 0 80px 100px;
  margin-top: -40px;
}

.statistic__special .inner-image {
  position: relative;
}

.statistic__special .inner-image .image-wrapper {
  width: 60%;
  position: relative;
}

.statistic__special .inner-image img {
  width: 100%;
}

.statistic__special .inner-image .left-side {
  position: absolute;
  left: 0;
  bottom: 100px;
  transform: translateY(50%);

  content: "";
  display: flex;
  align-items: center;
  gap: 30px;
}

.statistic__special .inner-image .left-content-box {
  padding: 10px 20px 10px 55px;
  border: 2px solid white;
  font-size: 27px;
  line-height: 34px;

  font-weight: 700;
  max-width: 230px;
  border-radius: 0 500px 500px 0;
  color: white;
  border-left: 0;
}

.statistic__special .inner-image .sub-logo {
  width: 100px;
  height: 100px;
}

.statistic__special .inner-image .right-content-box {
  position: absolute;
  right: 0;
  bottom: 100px;
  transform: translateY(50%);

  content: "";
  padding: 10px 55px 10px 20px;
  font-size: 27px;
  line-height: 34px;

  font-weight: 700;
  max-width: 230px;
  border: 2px solid white;
  border-radius: 500px 0 0 500px;

  color: white;
  border-right: 0;
}

/* style of custom.css */
#resize img {
  width: 60%;
}

.box-text-small {
  width: 300px !important;
  z-index: 99;
  height: 300px;
  left: -150px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute !important;
  padding: 50px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.darkblue {
  background-color: #0a213c;
  color: white;
}

.beige {
  background-color: #e7e2d7;
  color: #3a3a3a;
  text-align: center;
  font-weight: bold;
}

.yellow {
  background-color: #e4b12d;
  color: white;
}

.blue {
  background-color: #118eb1;
  color: white;
}

#htitle,
#htitle h1 {
  font-family: 'fontTitle';
}

.white {
  color: white !important;
}

.box {
  height: 650px;
  color: #3a3a3a;
}

.hero {
  display: block;
  justify-content: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  color: #fff;
}

.hero .hero-tagline {
  margin-bottom: 3rem;
  font-family: 'fontTitle';
}

.hero .hero-content {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -40%);
  -webkit-transform: translate(-50%, -40%);
  -moz-transform: translate(-50%, -40%);
  -ms-transform: translate(-50%, -40%);
  -o-transform: translate(-50%, -40%);
}

.hero .hero-head {
  margin-bottom: 2rem;
}

.hero .hero-head>.hero-title {
  font-family: 'fontBody';
  font-weight: 700;
  text-shadow: 0 0 10px #000;
}

.btn-primary {
  color: #fff;
  background-color: #DFAC3F;
  border-color: #dba329;
}

.btn-go-to-store {
  background: var(--blue-main);
  color: var(--white) !important;
  padding: 5px 30px;
  display: block;
  width: fit-content;
  margin: 15px auto;
  font-weight: bold;
}

.btn-go-to-store:hover {
  text-decoration: underline;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

.btn-primary:hover {
  background-color: #c99422;
  border-color: #ab7d1c;
}

video {
  display: block;
}

form.footer-contact-form ul.gform_fields {
  display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.posts-navigation {
  margin: 60px 0 30px;
}

.posts-navigation .nav-links a {
  font-size: 24px;
}

.search-result-items {
  margin-bottom: 60px;
}

.posts-navigation .nav-links,
.post-navigation .nav-links {
  padding-left: 0;
  margin: 0 0 20px 0;
  text-align: center;
  overflow: hidden;
}

.posts-navigation .nav-links>div,
.post-navigation .nav-links>div {
  display: inline;
}

.posts-navigation .nav-links>div a,
.post-navigation .nav-links>div a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.posts-navigation .nav-links>div a:hover,
.post-navigation .nav-links>div a:hover {
  text-decoration: none;
}

.posts-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-previous {
  float: left;
}

.posts-navigation .nav-links .nav-previous a:before,
.post-navigation .nav-links .nav-previous a:before {
  content: "\f100";
  display: inline-block;
  margin-right: 10px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.posts-navigation .nav-links .nav-next,
.post-navigation .nav-links .nav-next {
  float: right;
}

.posts-navigation .nav-links .nav-next a:after,
.post-navigation .nav-links .nav-next a:after {
  content: "\f101";
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#floor-detail-special .statistic__content .content-wrapper::before {
  height: calc(100% + 80px);
  top: -40px;
}

#floor-detail-special .floor-detail__statistic .statistic__list-info {
  margin-bottom: 0;
}

.roomslider img {
  width: 100%
}

@media (max-width: 1600px) {
  .statistic__special {
    padding: 0 0 0 50px;
  }

  #floor-detail-special .statistic__content {
    padding: 0 30px;
    width: 50%;
  }

  #floor-detail-special .statistic__content .content-wrapper::before {
    height: calc(100% + 60px);
    top: -30px;
    left: -30px;
  }

  .statistic__special .wrapper {
    background-color: #E2E2E2;
    padding: 0 0 80px 30px;
    margin-top: -60px;
  }

  #floor-detail-special .statistic__content .statistic__head-content {
    margin-bottom: 60px;
  }

  #floor-detail-special .statistic__video-container {
    width: 50%;
  }

  .floor-detail__introduce-item .criteria-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1200px) {
  .floor-detail__head-banner .title-image-container {
    left: 30px;
    top: 30px;
    width: fit-content
  }

  .floor-detail__head-banner .title-image-container img:first-child {
    width: 400px;
  }

  .floor-detail__head-banner .title-image-container img:nth-child(2) {
    width: 120px;
  }

  .floor-detail__introduce-item .left,
  .floor-detail__introduce-item.second .right {
    padding: 60px 20px 100px 40px;
  }

  .floor-detail__introduce-item .criteria-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .floor-detail__silent-side .right .silent-text {
    margin-top: 0;
  }

  .floor-detail__silent-side .left {
    padding: 0 60px;
  }

  .floor-detail__silent-side .right {
    padding-right: 60px;
  }

  .floor-detail__statistic {
    margin-bottom: 60px;
  }

  .floor-detail__statistic .statistic__wrapper {
    flex-direction: column;
    padding: 0;
  }

  .floor-detail__statistic.left .statistic__wrapper {
    flex-direction: column;
  }

  .sec-post-right-image-or-video .statistic__wrapper {
    flex-direction: column-reverse;
  }

  #sec-construction .statistic__image-container {
    width: 100%;
  }

  #transformation-img {
    margin-top: 0;
  }

  .floor-detail__statistic .statistic__background {
    display: none;
  }

  .floor-detail__statistic .statistic__content {
    padding: 40px;
    background-color: #E2E2E2;
    width: calc(100% - 60px);
  }

  .floor-detail__statistic .statistic__image-text {
    margin-bottom: 40px;
    text-align: center;
  }

  .floor-detail__statistic .statistic__video-container {
    width: calc(100% - 60px);
    margin-left: auto;
    ;
  }

  .floor-detail__statistic .statistic__video {
    margin-bottom: 60px;
  }

  /* .floor-detail__image-content-box{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 80px;
  }
  .floor-detail__image-content-box .wrapper{
    position: relative;
    width: fit-content;
  }
  .floor-detail__image-content-box .wrapper .content-box{
    width: 300px;
    height: 300px;
    position: absolute;
    content: "";

    z-index: 10;
    top: 50%;
    left: -150px;
    transform: translateY(-50%);
  }
  .floor-detail__image-content-box .wrapper .image-box{
    width: 100%;
  } */
  /* .floor-detail__statistic .statistic__video video{
     height: auto;
  } */
  #sec-construction .statistic__image-container {
    margin-right: auto;
    margin-left: 0;
  }

  #sec-construction .statistic__content {
    margin-left: auto;
  }

  #sec-construction .statistic__content .content-wrapper::before {
    display: none;
  }

  .floor-detail__statistic .statistic__image-container {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-bottom: 60px;
  }

  .floor-detail__statistic .statistic__content--special {
    padding: 40px;
    width: calc(100% - 60px);
    background-color: #E2E2E2;
    ;
  }

  .floor-detail__statistic .statistic__head-content {
    margin-bottom: 40px;
  }

  .floor-detail__statistic .statistic__image-bottom {
    justify-content: center;
  }

  #floor-detail-special .statistic__video-container,
  #floor-detail-special .statistic__content,
  .statistic__special {
    width: calc(100% - 60px);
  }

  .statistic__special {
    padding: 0;
  }

  #floor-detail-special .statistic__content {
    padding: 40px 40px 0;
  }

  #floor-detail-special .statistic__list-info {
    margin-bottom: 0;
  }

  .statistic__special .wrapper {
    margin-top: 0;
    padding: 40px;
  }

  .statistic__special .inner-image img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .floor-detail__statistic.has-padding-top {
    padding-top: 40px;
  }
  .floor-detail__statistic.background-gray-cover-image .statistic__wrapper {
    position: relative;
    padding: 30px 0;
  }

  .floor-detail__statistic.background-gray-cover-image .statistic__wrapper::before {
    display: none;
  }

  .hero .hero-content .hero-title,
  .hero .hero-content .hero-tagline {
    font-size: 34px;
  }

  .floor-detail__head-banner .title-image-container img:first-child {
    width: 200px;
  }

  .floor-detail__head-banner .title-image-container img:nth-child(2) {
    width: 80px;
    right: -80px;
    bottom: -12px;
  }

  .floor-detail__introduce-item {
    flex-direction: column-reverse;
    margin-bottom: 160px;
  }

  .floor-detail__introduce-item.second {
    flex-direction: column;
  }

  .floor-detail__introduce-item.second .left {
    margin-bottom: 0px;
  }

  .floor-detail__introduce-item.second .right {
    margin-bottom: 0;
  }

  .floor-detail__introduce .floor-detail__introduce-item:last-child {
    margin-bottom: 60px;
  }

  .floor-detail__introduce-item .left,
  .floor-detail__introduce-item .right {
    width: 100%;
  }

  .floor-detail__introduce-item .left,
  .floor-detail__introduce-item.second .right {
    width: 100%;
    padding: 30px 20px 60px;
    background-color: #DBD6CB;
  }

  .floor-detail__introduce-item .image-main {
    position: relative;
    bottom: 0;
  }

  .floor-detail__introduce-item .background-brown {
    display: none;
  }

  .floor-detail__introduce-item .left {
    margin-bottom: 0;
  }

  .floor-detail__introduce-item .right {
    margin-bottom: 0px;
  }

  .floor-detail__introduce-item.first .content-container {
    padding-right: 0;
  }

  .floor-detail__introduce-item .content-box h1 {
    font-size: 32px;
    line-height: 44px;
  }

  .floor-detail__introduce-item .content-box,
  .floor-detail__introduce-item.second .content-box {
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
    top: -100px;

    transform: translate(-50%, 50%);
  }

  .floor-detail__introduce-item .content-wrapper {
    text-align: center;
  }

  .floor-detail__video-introduce .play-button {
    width: 100px;
    height: 100px;
  }

  .floor-detail__silent-side .wrapper {
    flex-direction: column;
    padding: 60px 30px;
  }

  .floor-detail__silent-side .left,
  .floor-detail__silent-side .right {
    width: 100%;
  }

  .floor-detail__silent-side .left {
    padding: 0;
    margin-bottom: 40px;
    text-align: center;
  }

  .floor-detail__silent-side .right {
    padding-right: 0;
  }

  .floor-detail__silent-side .right .head-title {
    text-align: center;
  }

  .floor-detail__statistic .statistic__image-bottom img {
    width: 50%;
  }

  .floor-detail__statistic .statistic__video .play-button {
    width: 100px;
    height: 100px
  }

  .inspiration-gallery-title {
    margin-bottom: 40px;
    font-size: 40px;
  }

  .statistic__special .inner-image .image-wrapper {
    width: 100%;
  }

  .statistic__special .inner-image .left-side {
    gap: 20px;
    bottom: 50px;
  }

  .statistic__special .inner-image .left-content-box {
    font-size: 14px;
    line-height: 20px;
    max-width: 130px;
    padding: 5px 10px 5px 20px;
  }

  .statistic__special .inner-image .sub-logo {
    width: 50px;
    height: 50px;
  }

  .statistic__special .inner-image .right-content-box {
    bottom: 50px;
    padding: 5px 20px 5px 10px;
    font-size: 14px;
    line-height: 20px;

    max-width: 130px;
  }
}

@media screen and (max-width: 595px) {
  .floor-detail__head-banner .image-background {
    /* height: 300px; */
    object-fit: cover;
  }

  .floor-detail__introduce {
    padding: 0;
  }

  .floor-detail__introduce-item .each-row-image img {
    width: 100%;
  }

  .floor-detail__introduce-item .criteria-container {
    grid-template-columns: 1fr;
  }

  .floor-detail__introduce-item .criteria-image img {
    width: 60px;
    height: 60px;
  }

  .floor-detail__statistic {
    margin-bottom: 60px;
  }

  .floor-detail__statistic .statistic__content {
    padding: 40px 15px 60px;
    margin-bottom: 0px;
    width: 100%;
  }

  .floor-detail__statistic .statistic__video-container {
    width: 100%;
  }

  .floor-detail__statistic .statistic__image-container {
    width: 100%;
  }

  .floor-detail__statistic .statistic__content--special {
    width: 100%;
    padding: 40px 15px;
    margin-bottom: 0;
  }

  .floor-detail__statistic .statistic__head-content h1 {
    font-size: 36px;
  }

  .floor-detail__statistic .statistic__content--special .special-text {
    font-size: 28px;
    white-space: nowrap;
  }

  #sec-construction .statistic__image-container {
    max-width: 100%;
  }

  #floor-detail-special .statistic__video-container,
  #floor-detail-special .statistic__content,
  .statistic__special {
    width: 100%;
  }

  #floor-detail-special .statistic__content {
    padding: 40px 20px 0;
  }

  .statistic__special .wrapper {
    padding: 20px 20px 40px 20px
  }
}

.floor-detail__left-video-and-right-content {
  position: relative;
  margin-bottom: 80px;
}

.floor-detail__left-video-and-right-content .statistic__wrapper {
  position: relative;
  display: flex;
  width: 100%;

  height: fit-content;
  padding: 0 50px 80px;
}

.floor-detail__left-video-and-right-content .statistic__background {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';

  width: calc(100% - 50px);
  height: 80%;
  background-color: #E6E1D7;
  z-index: -1;
}

.floor-detail__left-video-and-right-content .statistic__wrapper {
  padding: 80px;
  display: grid;
  grid-template-columns: 65% 1fr;
  gap: 80px;
}

.floor-detail__left-video-and-right-content .statistic__video-container,
.floor-detail__left-video-and-right-content .statistic__video {
  width: 100%;
  position: relative;
}

.floor-detail__left-video-and-right-content .statistic__video .statistic-image-video {
  position: absolute;
  inset: 0;
  z-index: 10;
}

.floor-detail__left-video-and-right-content .statistic__video .play-button {
  width: 150px;
  height: 150px;
  background-image: url('../img/uk-style/FFS_button_play.png');
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;

  top: 50%;
  transform: translate(-50%, -50%);
  content: '';
  z-index: 10;
  cursor: pointer;
}

.floor-detail__left-video-and-right-content .statistic__video.play .play-button,
.floor-detail__left-video-and-right-content .statistic__video.play .statistic-image-video {
  display: none;
}

.floor-detail__left-video-and-right-content .statistic__video .statistic-image-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.floor-detail__left-video-and-right-content .statistic__video video {
  width: 100%;
}

.floor-detail__left-video-and-right-content .statistic__content-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.floor-detail__left-video-and-right-content .statistic__content-column .statistic__title {
  font-size: 49px;
  color: #C4912D;
  margin-bottom: 16px;
  font-family: 'Abril Fatface';

  line-height: 120%;
}

.floor-detail__left-video-and-right-content .statistic__content-column .statistic__title {
  margin-bottom: 40px;
  font-weight: bold;
}

.floor-detail__left-video-and-right-content .statistic__list-item {
  padding-right: 50px;
  position: relative;
  color: var(--blue-main);
  margin-bottom: 5px;

  display: flex;
  align-items: flex-start;
}

.floor-detail__left-video-and-right-content .statistic__description {
  margin-bottom: 50px;
}

.floor-detail__left-video-and-right-content .content-wrapper {
  margin-top: auto;
}

.floor-detail__left-video-and-right-content .statistic__list-item img {
  width: 8px;
  height: 18px;
  margin-right: 20px;
}

.floor-detail__left-video-and-right-content .statistic__list-item p {
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}

.floor-detail__left-video-and-right-content .statistic__list-item .markable-text {
  font-weight: 400;
}

/* Styles for store locator */
.storeLocator h3 {
  margin-bottom: 0;
}

.filter-form-section .md-form .form-control {
  top: 0 !important;
  left: 0 !important;
  position: relative;
  margin-left: 10px;
}

@media (max-width: 992px) {
  .floor-detail__left-video-and-right-content .statistic__wrapper {
    padding: 0 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .floor-detail__left-video-and-right-content .statistic__background {
    display: none
  }
}

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

  .storeLocator h3 {
    margin-bottom: 20px;
  }

  .filter-form-section .md-form .form-control {
    margin-left: 0px;
  }

  .hero {
    color: #000;
  }

  .hero .hero-content {
    position: relative;
    top: 0;
    left: initial;
    transform: initial;
    padding: 50px 0;
  }

  .hero .hero-head>.hero-title {
    text-shadow: none;
  }
}

.sec-contains-editor h2 {
  font-family: "fontTitle";
}

.sec-contains-editor h1,
.sec-contains-editor h2,
.sec-contains-editor h3,
.sec-contains-editor h4,
.sec-contains-editor h5,
.sec-contains-editor h6 {
  margin-bottom: 0.5rem;
}

.sec-contains-editor p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: "fontBody";
  font-size: 22px;

  font-weight: 300;
}

.sec-post-with-left-image-and-right-content-v3 .content-wrapper {
  padding: 40px 0 0 40px;
  margin: 0 0 0 50px;
  max-width: 70%;
}

.sec-post-with-single-paragraph-v3 .content-wrapper {
  padding: 80px 0;
}

.sec-post-with-left-content-and-right-video-v3 {
  padding-bottom: 80px;
}

.sec-post-with-left-content-and-right-video-v3 .left-content {
  padding: 35px 50px 0 0;
}

@media (max-width: 992px) {
  .sec-post-with-left-image-and-right-content-v3 .content-wrapper {
    padding: 40px 20px 0;
    margin: 0 0 0 50px;
    max-width: 100%;
  }

  .sec-post-with-single-paragraph-v3 .content-wrapper {
    padding: 40px 0;
  }

  .sec-post-with-left-content-and-right-video-v3 {
    padding-bottom: 40px;
  }

  .sec-post-with-left-content-and-right-video-v3 .left-content {
    padding: 0px 20px;
  }
}

/* Others */
.wpb_content_element {
  margin-bottom: 35px !important;
}

.cat-info-above p {
  padding: 0;
}

.product-single .btn-wrap {
  position: relative;
  z-index: 1;
}

.product-single {
  margin-bottom: 30px;
  padding: 0 50px;
}

@media (max-width: 768px) {
  .section {
    padding-bottom: 60px;
  }
}

@media (max-width: 595px) {
  .ff-v-banner {
    padding: 120px 0px 30px;
    min-height: unset;
  }

  .ff-v-banner .ff-v-banner-overlay {
    margin-top: 0;
    padding: 20px 30px;
  }

  .ff-v-banner .ff-v-banner-overlay h4 {
    font-size: 24px;
  }

  .ff-v-banner .ff-v-banner-overlay h1 {
    font-size: 32px;
  }

  .product-single {
    margin-bottom: 30px;
    padding: 0 20px;
  }

  p {
    padding: 0;
  }
}

#family-overlay .box .vc_column-inner {
  height: fit-content;
  padding-top: 40px;
  padding-bottom: 40px;
}

#family-overlay .box .vc_column-inner .wpb_wrapper {
  width: 100%;
  padding-right: 20px;
}

#safe-be-lite-section {
  padding: 62.5px 0;
  position: relative;
  margin-bottom: 80px;
  display: flex;
  align-items: center;
}

#safe-be-lite-section::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 75%;
  height: 100%;
  content: "";
  z-index: 0;
  background-color: #E6E1D7;
  display: block;
}

#safe-be-lite-section .left-side .wpb_text_column {
  margin-bottom: 0 !important;
}

#safe-be-lite-section .left-side .wpb_text_column .wpb_wrapper {
  max-width: 75%;
  margin: 0 auto;
}

#safe-be-lite-section .right-col .vc_figure,
#safe-be-lite-section .right-col .vc_single_image,
#safe-be-lite-section .right-col .vc_single_image-wrapper,
#safe-be-lite-section .right-col .vc_single_image-wrapper img {
  width: 100%;
  margin-bottom: 0 !important;
}

@media (max-width: 1600px) {
  #safe-be-lite-section .left-side .wpb_text_column .wpb_wrapper {
    max-width: 100%;
    padding: 0 50px;
  }

  #family-overlay .box .vc_column-inner .wpb_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 768px) {
  .section {
    padding-bottom: 60px;
  }

  #family-overlay {
    flex-direction: column-reverse;
  }

  #safe-be-lite-section {
    margin-bottom: 40px;
    flex-direction: column;
  }

  #safe-be-lite-section::before {
    width: 100%;
  }

  #safe-be-lite-section .left-side .wpb_text_column .wpb_wrapper {
    padding: 0 30px;
  }
}

@media (max-width: 595px) {
  .ff-v-banner {
    padding: 120px 0px 30px;
    min-height: unset;
  }

  .ff-v-banner .ff-v-banner-overlay {
    margin-top: 0;
    padding: 20px 30px;
  }

  .ff-v-banner .ff-v-banner-overlay h4 {
    font-size: 24px;
  }

  .ff-v-banner .ff-v-banner-overlay h1 {
    font-size: 32px;
  }

  .product-single {
    margin-bottom: 30px;
    padding: 0 20px;
  }

  p {
    padding: 0;
  }
}

.background-safety-antibacterial{
	position: relative;
	background-image: url("https://cdn.firmfitfloor.com/wp-content/uploads/2025/01/bactieral-1024x539-1.jpg");
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.background-safety-antibacterial::before{
	position: absolute;
	content: "";
	inset: 0 ;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1;
	display: block!important;
}