@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
--------------------------------------------------------------*/

/* New style for UK theme */
/* @import url('./font-awesome/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;700;800&display=swap'); */


*{
  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', sans-serif;
  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;
}
.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 .menu{
  display: flex;
  align-items: flex-start;
}
#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: 0;
  display: block;

  text-transform: uppercase;
  width: fit-content;
  text-align: center;
  padding: 10px 0;
}
#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{
  background-color: var(--yellow-main);
}
#page__header .menu__item:hover .submenu__container{
  visibility: visible;
  opacity: 0.95;
}
#page__header .menu__item .submenu__container{
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;

  z-index: 9;
  box-shadow: rgba(255, 255, 255, 0.56) 0px 1px 4px;
  border-top: 1px solid white;
  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;
}
#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;
  background-color: #000;
  font-size:14px;
  margin-left:10px;
}

#searchform .select-collections option{
  color:#fff;
  background-color: #000;
}
@media screen and (max-width: 1600px) {
  #header--right .top select.select-container,
  #header__menu--mobile .select-country-side select.select-container{
    font-size: 15px;
  }
  #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;
  }
  #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;
     align-items: flex-end;
     justify-content: space-between;
  }
}
@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: 125px;
  padding: 0 50px 7.5rem;
}
.homepage__discover .discover__head-title,
.section-title-uk{
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 100px;
  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.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 80px;
  }
  .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;
}
.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;
}
.installation__show .show__slider-item .text-container{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;

  content: '';
  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;
}
.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 .item-doc{
  padding:15px;
  max-width:300px;
}

.installation__guide .background-image{
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  object-fit: cover;
}
.installation__guide .item-doc .independent-link{
  position: absolute;
  inset: 0;
  z-index: 10;
}
.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{
    display:block;
  }
  .installation__guide .item-doc{
    margin:0 auto;
  }
} /* 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 .side-choice__image-background{
  width: 100%;
  height: 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;
  }
}
@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: 40px;
}
.floor-detail__silent-side .right .second-line-container{
  display: flex;
}
.floor-detail__silent-side .right .head-title.second-line{
  margin-bottom: 20px;
}
.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 .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 .silent-text-image{
  width: 50px;
  min-width: 50px;
}
.floor-detail__statistic .statistic__content p{
  font-weight: 400;
  font-size: 26px;
  line-height: 36px;
  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%;
  height: 100%;
  object-fit: cover;
}
.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;
}
.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__look-nature img{
  width: 100%;
  height: auto;
}
#sec-construction .statistic__wrapper{
  padding: 0;
}
#sec-construction .statistic__content .content-wrapper{
  margin-top: 0;
}
#sec-construction .statistic__content .content-wrapper::before{
  display:none;
}
.floor-detail__image-content-box{
  display: flex;
  justify-content: flex-end;
}
.floor-detail__image-content-box .wrapper{
  position: relative;
  padding: 80px;
  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%;
}
@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: 40px;
  text-align: center;
}
.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: 7.5rem;
}
#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: bold;
  line-height: 1.2;
}
.entry-content p{
  margin-bottom:1rem;
}

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

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

/* 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; }
.roomvo.section{
  padding-bottom: 0;
}
@media screen and (min-width: 768px){
  .hero .hero-content .hero-title,
  .hero .hero-content .hero-tagline{
      font-size: 34px;
  }
}
#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;
}
.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;
}
@media screen and (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;
  }
  .statistic__special .inner-image .image-wrapper{
    width: 100%;
    position: relative;
  }
  #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__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.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
  }
}
/* 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 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;
  }
}
/* 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;
}
#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;
}
.roomslider img{
  width: 100%
}
@media screen and (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 screen and (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;
}