@font-face {
    font-family: "Gotham";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/SVN-Gotham-Book.otf");
}
@font-face {
    font-family: "Gotham";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/SVN-Gotham-Regular.otf");
}
@font-face {
    font-family: "Gotham";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/SVN-Gotham-Bold.otf");
}



:root{
  --d-transition:all .5s cubic-bezier(0.65,0,0.35,1);
  --d-gradient: linear-gradient(90deg, #1C4E00 0%, #486F00 100%);
  --d-gradient2:linear-gradient(90deg, #16281A 0%, #6F8839 120.76%);
  --d-textg: linear-gradient(90deg, #1C4E00 0%, #486F00 100%);



  --fz-18: 13px;
  --fz-20: 14px;
  --fz-22: 15px;
  --fz-25: 16px;
  --fz-30: 17px;
  --fz-35: 17px;
  --fz-40: 18px;
  --fz-45: 19px;
  --fz-47: 22px;
  --fz-50: 23px;
  --fz-60: 27px;
  --fz-65: 27px;
  --fz-70: 30px;
  --fz-90: 34px;

  --d-padding-xl: var(--bs-gutter-x,.75rem);
  --d-padding:  var(--bs-gutter-x,.75rem);
  --d-padding-lg:  var(--bs-gutter-x,.75rem);
  --d-gutter: var(--bs-gutter-x,.75rem);

  --iz-1: 40px;
}


@media (min-width:1200px) {
   :root {
        --fz-90: 4.6875vw;
        --fz-70: 3.645833333333333vw;
        --fz-65: 3.385416666666667vw;
        --fz-60: 3.125vw;
        --fz-50: 2.604166666666667vw;
        --fz-47: 2.447916666666667vw;
        --fz-45: 2.34375vw;
        --fz-40: 2.083333333333333vw;
        --fz-35: 1.822916666666667vw;
        --fz-30: 1.666666666666667vw;
        --fz-25: 1.40625vw;
        --fz-22: 1.145833333333333vw;
        --fz-20: 1.041666666666667vw;
        --fz-18: 14px;

        --d-gutter: 30px;
        --d-padding: 7.291666666666667vw;
        --d-padding-lg: 4.166666666666667vw;
    }
}

@media (min-width:1601px) {
    :root {
        --fz-30: 1.5625vw;
        --fz-25: 1.302083333333333vw;
        --fz-18: 0.8854166666666667vw;
        --d-gutter: 50px;

        --iz-1: 2.604166666666667vw;
    }
}

.font-1{font-family: "Gotham", serif;}
.font-2{font-family: "Gotham", serif;}

a{ cursor: pointer; text-decoration: none;outline: 0 !important; -webkit-transition:all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;  }
a:hover{text-decoration: none;color: #5E8000;}
a:active,a.active{ text-decoration: none; }
li{list-style-type: none;  }
:focus { outline: 0 !important; }
a:before,a:after,button,input,.popup_video{-webkit-transition:all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
body{ font-family: "Gotham", serif; font-size: var(--fz-18); font-weight:400; color: #444;background:#EFEFEF;}
.img-responsive{    max-width: 100%;    height: auto;}

/*----------------------
1.1. Typography
------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: "Gotham", serif;;  margin-bottom: 1rem; font-weight: 600; line-height: 1.4; }
h1 { font-size: var(--fz-30); }
h2,h1.sm { font-size: var(--fz-30); }
h2.lg,h3.xxl{ font-size: var(--fz-25);}
h3,h2.md { font-size: var(--fz-18); }
h4,h2.sm,h3.md { font-size: var(--fz-18); margin-bottom: 1em; }
h5,h4.md,h3.sm { font-size: var(--fz-18); margin-bottom: 1em; }
h6 { font-size: var(--fz-18); margin-bottom: 0.7em; }
p {}
a {transition: var(--d-transition);  text-decoration: none; color: #444; }
a:hover, a:focus { text-decoration: none; outline: none; color: #5E8000; }
ul, ol { margin: 0 auto 20px; }
ul li, ol li { margin: 0 auto 10px; }
blockquote { background: #f5f5f5; }
*:focus,button:focus {
  outline: none;
}
.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text.section-header p { color: #fff; }
.text-shadow{
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}
.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }
.divider { border-bottom: 1px solid #dcd9d9; clear: both; margin: 40px auto; }
img { max-width: 100%; width: auto; height: auto; }

.gutter-10 { margin-left: -10px; margin-right: -10px; }
.gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
.gutter-5 { margin-left: -5px; margin-right: -5px; }
.gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
.gutter-2 { margin-left: -2px; margin-right: -2px; }
.gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
.gutter-0 { margin-left: 0px; margin-right: 0px; }
.gutter-0 > [class*='col-'] { padding-right: 0px; padding-left: 0px; }

.gutter-30 {   margin-right: calc(var(--bs-gutter-x) * -.5);margin-left: calc(var(--bs-gutter-x) * -.5);}
.gutter-30 > [class*='col'] {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.gutter-50,
.gutter-xxl,
.gutter-xl {   margin-right: calc(var(--bs-gutter-x) * -.5);margin-left: calc(var(--bs-gutter-x) * -.5);}
.gutter-50 > [class*='col-'],
.gutter-xxl > [class*='col-'],
.gutter-xl > [class*='col-'] {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

@media (min-width:1200px)
{
    .gutter-30 { margin-left: -30px; margin-right: -30px; }
    .gutter-30 > [class*='col'] { padding-right: 30px; padding-left: 30px; }

    .gutter-50 { margin-left: -50px; margin-right: -50px; }
    .gutter-50 > [class*='col'] { padding-right: 50px; padding-left: 50px; }

    .gutter-xxl { margin-left: -2.34375vw; margin-right: -2.34375vw; }
    .gutter-xxl > [class*='col-'] { padding-right: 2.34375vw; padding-left: 2.34375vw; }

    .gutter-xl { margin-left: -1.45vw; margin-right: -1.45vw; }
    .gutter-xl > [class*='col-'] { padding-right: 1.45vw; padding-left: 1.45vw; }
}

.editor-content img { max-width: 100%; height: auto; }
.editor-content img.media-object { max-width: none; }



/* =WordPress Core

-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 20px auto 0px ; }
.display_b{display:block}
.img-mb-tq{display: none; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 96%;  padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text {line-height: 17px; margin: 0; padding: 11px 4px 0px;    font-size: 16px; text-align: center !important;    font-style: italic;}
/*End core*/
strong, bold{font-weight: 700}
.clearfix{clear: both;}
.tab_m,.mobile-logo,.img-visable-mb{display:none}


.container-fluid-0{padding: 0px;}
.row-eq-height { visibility: hidden;}
.row-eq-height.show { visibility: visible;}

.visable-mb{display:none}
.bootbox.modal{ z-index: 99999;}

.header .navbar-toggle .icon-bar {
    -webkit-box-shadow: 0.2px 0.2px 0px 0.2px rgb(255 255 255 / 0%);
    -moz-box-shadow: 0.2px 0.2px 0px 0.2px rgba(255,255,255,0);
    box-shadow: 0.2px 0.2px 0px 0.2px rgb(255 255 255 / 0%);
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    background: #fff;
}
.navbar-toggle{
	-webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
 .header .logo-wrapper{}
  .header .logo h1{margin-bottom: 0px; }
  .header  .menu-top .logo h1 a{color: #6D6E71;
    width: 12.16145833333333vw; min-width: 210px;
  }
  .header.sticky .menu-top .logo a{
    /*    width: 10vw; min-width: 180px;*/
}


.header  .btn-act{ }
#fp-nav.fp-left {z-index: 99999;left: 20px;}

.sticky-but{position: fixed; right: 2%; bottom: 2%;    z-index: 10;text-align: center;   }
  .go_top {
    content: '';
    display: inline-block;
    position: relative;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    width: var(--iz-1); line-height: var(--iz-1);
    height: var(--iz-1); cursor: pointer; color: #D7FFBF;
    background: #16281A; border-radius: 50%; margin-bottom: 10px;
    border: solid 1px #D7FFBF;
}
  .go_top:hover{background: #D7FFBF; border-color: #D7FFBF; color: #16281A}
    
  .scroll-down{
    position: absolute;
    left: 70px;
    width: 10px;
    z-index: 9999999999;
    bottom: 0px; height: 60px;
    text-align: center;
    margin: auto;
    transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
    bottom: 30px;
  }
   
        @keyframes box-move {
          0%   { transform: translateY(5px); }
          50%  { transform: translateY(-5px); }
          100% { transform: translateY(5px); }
        }
        @-webkit-keyframes box-move {
          0%   { transform: translateY(5px); }
          50%  { transform: translateY(-5px); }
          100% { transform: translateY(5px); }
        }
.sticky-but #call_hot{display: none;}
  #call_hot a{    background: url(../images/ico-hotline.svg) center center no-repeat;  background-size: cover; height: 60px;  width: 60px;
    display: block;  text-indent: -99999px;}
 
  .popup_video a{color: #fff; border: 1px solid #fff; padding: 10px 40px; margin-bottom: 10px; margin-top: 10px; display: inline-block; cursor: pointer;}  
    .popup_video a:hover{background: #000E1E; border: 1px solid #000E1E;}

  .tab-content > .tab-pane:not(.active), 
 .pill-content > .pill-pane:not(.active) { display: block;  height: 0; overflow-y: hidden;}
.office-tel .tab-content > .tab-pane:not(.active), 
.office-tel .pill-content > .pill-pane:not(.active) {display: block;height: 0;overflow-y: hidden;}
.pum-container.pum-responsive img{margin:0px}
.modal {z-index: 99998;}
  #myModal iframe{margin: 0 auto;  display: block; margin-top: 8%; z-index: 999999999; }
.slick-initialized .slick-slide { display: block; outline: none;}
.col-md-6.col-sm-12.col-xs-12.over-view-left { padding-left: 0;}

.d-center{display: flex;align-items: center;}

.text-g{
    background: var(--d-textg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.btn{
    border-radius:0; background: transparent; border: 0px;  font-size: var(--fz-18);margin: auto; padding: 10px 35px 8px; transition: var(--d-transition);
    text-decoration: none; font-weight: 700;
    display: inline-flex;
    align-items: center;
}


.btn.btn-outline { background: none; color: #16281A; border: #16281A solid 1px;   font-weight: 400; position: relative;}
.btn.btn-outline i{margin-left: 10px;}
.btn.btn-outline:hover { background: #1C4E00; border-color: #1C4E00; color: #fff; }




.section-title{
  font-size: var(--fz-70);
  line-height: 1.3em; color: #1C4E00; font-weight: 700; position: relative;
  padding-top: 4px;
  font-family: "Gotham", serif;;
  margin: 0px 0px 0.75rem 0px;
  text-transform: uppercase;
}
.section-title.md{font-size: var(--fz-45);}
.section-padding { padding: 6.25vw 0; }
.section-padding-top{padding-top: 6.25vw;}
.section-padding-lg { padding: 4vw 0; }
.section-padding-sm{padding: 2.65vw 0;}
.section-info{
    font-size: var(--fz-45);
    margin-bottom: 1.75rem;
    font-weight: 700;
    text-shadow:
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff,
         0px 2px 3px rgba(0, 0, 0, 0.25);
    color: #3167A3;
    text-transform: uppercase;
}
.section-description{
    font-size: var(--fz-22);
    color: #314927;
    font-weight: 500;
}

.relative{position: relative;}
.absolute{position: absolute;}
.z-index-1{
  z-index: 1;
}
.z-index-2{
  z-index: 2;
}
.rectangle-bottom{
    position: relative;
}


.rectangle-bottom:after{
    content: '';
    width: 100%;
    /*height: 30%;*/
    height: 14vw;
    min-height: 120px;
    background: linear-gradient(0deg, #F0F3E6 0%, rgba(240, 243, 230, 0.555) 44.5%, rgba(240, 243, 230, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(0%);
    pointer-events: none;
    display: none;
}
.rectangle-top{
    position: relative;
    z-index: 2;
}
.rectangle-top:before{
     content: '';
    width: 100%;
    /*height: 15%;*/
    height: 14vw;
    min-height: 120px;
    background: linear-gradient(180deg, #F0F3E6 0%, rgba(240, 243, 230, 0.555) 44.5%, rgba(240, 243, 230, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(0%);
    pointer-events: none;
    display: none;
}

.item-thumb.animation{ overflow: hidden;position: relative;display: block;}
.item-thumb.animation img {
    transition: transform 3s cubic-bezier(0, 0.6, 0.45, 1);
}
.item-thumb.animation:hover img,
.item:hover .item-thumb.animation img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.item:hover .item-thumb.animation:after {
    -webkit-box-shadow: inset 0px 0px 0px 5px rgba(243, 190, 79, 0.5) ;
    box-shadow: inset 0px 0px 0px 5px rgba(243, 190, 79, 0.5) ;
}
.item-thumb.fit-ratio{position: relative; width: 100%; height: 0; padding-top: calc(100% * 480 / 805);}
.item-thumb.fit-ratio img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}


section{position: relative;}

/*HEADER*/
.header{position: fixed; width: 100%; top: 0px; left: 0;  z-index: 999; transition: var(--d-transition);}
.header .menu-top{background: transparent;}

.header .contact_head { text-align:right;opacity:1;-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;   }
.header .main-header-wrapper{
  padding: 1rem var(--d-padding-lg);
}
.header.sticky .main-header-wrapper{
   padding: 0.6rem var(--d-padding-lg);
}
.header.sticky .menu-top{
    background: #FFFFFF;
}

@media(min-width: 1200px){
    .header .logo-wrapper{opacity: 0}
    .header.sticky .logo-wrapper{opacity: 1}
}
  
.header.sticky .menu-top .logo img {  }
.header.sticky .menu-top  .logo-blog{display: block;-webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;}
.header.sticky #nav-icon span{background-color: #3960ad;}
.header.sticky .contact_head {text-align:right;  opacity:0;visibility:hidden;  }

.site_sticky .header{ width: 100%;}
.main-header{width:100%;text-align: center;}
.main-header .row{   align-items: center; transition: var(--d-transition);}

.menu-main{float: left;-webkit-transition: all .30s ease-in-out;  -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out;
      -o-transition: all .30s ease-in-out;  transition: all .30s ease-in-out; }

.main-header-wrapper{transition: var(--d-transition);}
.menu-top{ display: flex;  align-items: center;  top: 0px;    left: 0px;  width: 100%;  z-index: 999; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;   }
.menu-top ul {display: block; margin-top: 22px;  margin-left: 15px;  padding-left: 0px;    float: left;    margin-right: 0px;  }
.menu-top ul li{display: inline-block;list-style-type: none;padding: 0px;margin-left: 19px;padding: 0px 3px;}
.menu-top ul li:first-child{margin-left: 0px;}
.menu-top ul li a{ text-transform: uppercase;color: #fff; font-size: 17px;  padding: 0px; }
.menu-top ul li.active a,.menu-top ul li:hover a{color: #feee3a; border-bottom: solid 1px #feee3a;}
.menu-top .logo a{display: block;   text-align: left;    font-size: 22px;text-transform: uppercase;-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;  }

.navbar-toggler{}

.btn-act .w_social{display: flex; align-items: center; justify-content: flex-end;    padding-right: 3.75rem;  position: relative;    color: #16281A;}
.btn-act .w_social:after{content: ''; position: absolute; right: 1.375rem; top: 50%; transform: translateY(-50%); height: calc(0.8 * var(--iz-1)); width: 1px; background: #A7A9AC;}
.btn-act .w_social a{margin-left: 20px;}
.btn-act .w_social .youtube{background: url(../images/ico-youtube.svg) center center no-repeat; width: 32px; height: 23px; background-size: 32px; display: inline-block;}
.btn-act .w_social .facebook{background: url(../images/ico-facebook.svg) center center no-repeat;width: 31px; height: 32px; background-size: 31px;display: inline-block;     }
.btn-act .w_social .text-shadow{
     text-shadow:
    1px 1px 0 rgba(255, 255, 255, 0.7),
    -1px 1px 0 rgba(255, 255, 255, 0.7),
    -1px -1px 0 rgba(255, 255, 255, 0.7),
    1px -1px 0 rgba(255, 255, 255, 0.7);
}
    
.menu-top .btn-act {display: flex; align-items: center; justify-content: flex-end;    position: relative;}
   
.menu-open .menu-top{    background-color: transparent;}
.menu-open .btn-act .w_social{opacity: 0}

.fp-viewing-home-banner .menu-top .logo a { padding: 10px 25px 10px;}


  #nav-icon{display: inline-block;}
  #nav-icon span:nth-child(2) {top: 9px;}
.navbar-toggle .icon-bar {    height: 2px; display: block;    width: 28px;}
.navbar-toggle .icon-bar+.icon-bar {  margin-top: 6px;}
.menu-main .lb-navi{
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    position: relative;
    top: -5px;
    padding-right: 5px; 
}
.sticky .menu-main .lb-navi{display: inline-block;}
.title-small{font-size: 22px; text-transform: uppercase; margin-bottom: 10px;line-height: 27px;}


/*SLIDE BANNER*/

.sect-intro{position: relative;    overflow: hidden;}
.sect-intro .banner-text{
    position: absolute;
    width: 43.17708333333333vw;
    height: auto;
    left: 50%;
    top: 2.4%;
    transform: translateX(-50%);
}
.sect-intro .slider-intro .vegas-slide div{background-position: center top !important;}
  
.slider-top{ position: relative;    overflow: hidden;}

.section-overview{
    margin-top: -40vw;
}
.section-overview .section-content-wrapper{
    position: absolute;
    left: 0;
    top: 33.5vw;
    width: 100%;
    z-index: 3;
}

.section-overview .section-info{

}


.section-overview-2{
    margin-top: -15.5vw;
}
.section-overview-2 .section-content-wrapper{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    top: 18vw;
}
.section-overview-2 .section-info{

}







/*VI TRI*/
.s-vitri{}
.s-vitri:before{
  content: '';  left: 0px; top: 0px; position: absolute; background: url(../images/ico-logo-1.svg) left top no-repeat; width: 29.58333333333333vw; min-width: 120px; aspect-ratio: 1; background-size: contain;
}


.link-map{position: relative; padding:20px 0px 20px calc(var(--iz-1) + 10px); margin-bottom: 40px;}
.link-map:after{content: ''; position: absolute; background: url(../images/ico-google-maps.svg) center center no-repeat; width: var(--iz-1); height: var(--iz-1); background-size: contain; left: -9px; top: 4px;animation: box-move 1s infinite alternate-reverse;}
@keyframes box-move {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}
@-webkit-keyframes box-move {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}
.link-map a{position: relative; color: #555555; text-transform: uppercase;}
.line-ani{position: relative;    padding-bottom: 8px;}
.line-ani:after{content: '';position: absolute; transition:var(--d-transition);      bottom: 0;       left: 0;       width: 100%;     height: 2px;    background-color: #AFD678;    }
.line-ani:hover:after {width: 0px;}

/*section-scale*/
.section-scale{position: relative;    overflow: hidden;}
.section-scale:before{
  content: '';  left: 0px; top: 0px; position: absolute;

}
.section-scale .section-content-wrapper{
    z-index: 3;
}


.section-scale .section-image{ margin-top:-4rem }
.section-scale .section-items{
    /* Rectangle 169 */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 75.97%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    border-radius: var(--fz-45) var(--fz-45) 0px 0px;
    padding: var(--fz-45);
    position: relative;
}
.section-scale .section-content-wrapper .section-items:before{
    pointer-events: none;
    content: '';
    position: absolute;
    width: 100vw;
    aspect-ratio: 1920 / 1588;
    background: url('../images/bg/may.webp') no-repeat center center;
    background-size: 100% auto;
    left: 50%;
    top: -37vw;
    transform: translateX(-50%);
}

.section-scale .item{

  text-align: center;
  font-size: var(--fz-22);
  position: relative;
  border-radius: var(--radius) 0px;
}

.section-scale .item .value{

  font-size: calc(1.143 * var(--fz-70)); font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.2rem;
  text-transform: uppercase;
   text-shadow:
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff,
         0px 2px 3px rgba(0, 0, 0, 0.25);

        color: #1C4E00;
}
.section-scale .item .value sup{
    font-size: .55em;
}

.section-scale .item .value-svg img {
    height: 2.8125vw;
    min-height: 1.8rem;
    padding: 0.2rem 0 0.1rem;
}


.section-quymo-1 .section-content-wrapper{
  /*position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;*/
  position: relative; z-index: 3;
}

.section-quymo .section-image{position: relative;}
.section-quymo .section-image:before{
    /* Rectangle 103 */

    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, #16281A 0%, rgba(22, 40, 26, 0) 100%);
    transform: rotate(-180deg);

}
.section-quymo .section-image .title{

  color: #fff;
  text-align: center;
  font-size: var(--fz-40); font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  bottom:calc(4 * var(--fz-40));
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0;
}
.section-quymo .section-items{
    margin-top: calc(-3 * var(--fz-40));
}
.section-quymo .section-items .item .item-body{padding: 1.2em 0; }
.section-quymo .section-items .item .item-title{ margin-bottom: 0.2em;
    font-size: var(--fz-25);
}

.section-daohoa .section-items-wrapper{
    background-image: url('../images/bg/daohoa.webp');
}
.flower-items .item{
    position: relative;
}
.flower-items .item-2{
    padding: 6% 15% 3% 0;
}
.flower-items .item-3{
    padding: 3% 0% 6% 15%;
}

.flower-items .item .item-thumb{
    border-radius: calc(1.333 * var(--fz-90));
    overflow: hidden;
}
.flower-items .item .item-thumb:before{
    /* Rectangle 168 */
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(360deg, #16281A 0%, rgba(22, 40, 26, 0) 100%);
    opacity: 0.7;
    z-index: 1;
    transition: var(--d-transition);
}
.flower-items .item-1 .item-thumb{
    border-bottom-right-radius: 0;
}
.flower-items .item-2 .item-thumb{
    border-bottom-left-radius: 0;
}
.flower-items .item-3 .item-thumb{
    border-top-right-radius: 0;
}
.flower-items .item-4 .item-thumb{
    border-top-left-radius: 0;
}
.flower-items .item .item-body{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.75rem var(--fz-65);
    text-align: center;
    color: #fff;
    z-index: 2;
}
.flower-items .item .item-title{
    font-size: var(--fz-25);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.flower-items .item .item-description{
    transition: var(--d-transition);
    max-height: 0;
    opacity: 0;
}
.flower-items .item:hover .item-description{
    max-height: 5rem;
    opacity: 1;
}
.flower-items .item:hover .item-thumb:before{
    /*height: 50%;*/
}


.section-tienich{
    background-image: url('../images/bg/tien-ich.webp');
}
.section-tienich .section-slide-wrapper{}
.section-tienich .section-slide {
    margin-left: -0.9rem;
    margin-right: -0.9rem;
}

.section-tienich .slide-tienich .slick-arrow.slick-prev{
    left: 0;
    transform: translateX(calc(-100%  - 1rem));
    top: calc( ((100vw - var(--d-padding) * 2 - 1.8rem) / 2) * 480 / 805 / 2 - var(--iz-1) / 2 );
    margin-top: 0;
}
.section-tienich .slide-tienich .slick-arrow.slick-next{
    right: 0;
    transform: translateX(calc(100%  + 1rem));
    top: calc( ((100vw - var(--d-padding) * 2 - 1.8rem) / 2) * 480 / 805 / 2 - var(--iz-1) / 2 );
    margin-top: 0;
}

.section-tienich .slide-tienich .item{padding: 0px 0.9rem; text-align: center; color: #444}
.section-tienich .slide-tienich .item-thumb{

}
.section-tienich .slide-tienich .item .item-title{
    font-size: var(--fz-35);
    padding: 0.75em 0 0.2em;
    color: #1C4E00;
    font-weight: 500;
}




.base-slick-slide .slick-arrow,.slide-navi .slick-arrow{width: var(--iz-1); height: var(--iz-1);     z-index: 5;line-height: var(--iz-1);  border: 1px solid #fff; opacity: 1;    border-radius: 50%;
    margin-top: calc(-1.5* var(--fz-25));
}
.base-slick-slide .slick-arrow.slick-prev,.slide-navi .slick-arrow.slick-prev{left: 4%; background: #6B9171 url(../images/ico-prev-w.svg) center center no-repeat; background-size: auto 40%;}
.base-slick-slide .slick-arrow.slick-prev:hover,.slide-navi .slick-arrow.slick-prev:hover{background: #16281A url(../images/ico-prev-w.svg) center center no-repeat; background-size:auto 40%;}
.base-slick-slide .slick-arrow.slick-next,.slide-navi .slick-arrow.slick-next{right: 4%; background: #6B9171 url(../images/ico-next-w.svg) center no-repeat; background-size: auto 40%;}
.base-slick-slide .slick-arrow.slick-next:hover,.slide-navi .slick-arrow.slick-next:hover{background: #16281A url(../images/ico-next-w.svg) center no-repeat; background-size: auto 40%;}
.base-slick-slide .slick-arrow:before,.slide-navi .slick-arrow:before{display: none;}


.slick-dots{bottom: -2rem; left: 0}
.slick-dots li{
    margin: 0 0.3rem;
    width: 1em;
    height: 1em;
}
.slick-dots li button {
  width: 1em;
  height: 1em;
  border-radius: 50%; border:solid 1px #fff;     position: relative;
  background: rgba(79, 101, 0, 0.8);
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li.slick-active button{
    background: #1C4E00;
}

.section-page-banner .slick-dots li.slick-active button{
    background: #D7FFBF;
}


.base-items .item .item-title{
    padding: 0.75em 0 0.2em; color: #16281A; font-size: var(--fz-25);
}

.section-wellness-clubhouse .section-content-inner{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: calc(2 * var(--fz-70)) 0 calc(1.2 * var(--fz-70));
    color: #fff;
}
.section-wellness-clubhouse .section-content-inner:before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #16281A , rgba(22, 40, 26, 0));
    opacity: 0.8;
}
.section-wellness-clubhouse .section-content-inner .section-title,
.section-wellness-clubhouse .section-content-inner .section-description{
    color: #fff;
}
.section-wellness-clubhouse .section-items{
    position: relative;
    z-index: 2;
    padding-left: var(--d-padding-lg);
    overflow: hidden;
}
.section-wellness-clubhouse .section-items:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    pointer-events: none;
    background: url('../images/bg/clubhouse.webp') no-repeat center center;
    background-size: cover;
}

.section-wellness-clubhouse .section-items .item{
    color: #555555;
}
.section-wellness-clubhouse .slide-clubhouse .slick-slide{width: 20.3125vw}

.slide-clubhouse-wrapper{display: flex; width: 100%; gap: 0.9rem;}
.slide-clubhouse-wrapper .col-left{
    flex:  0 0 45.22vw;
    width: 45.22vw;
}
.slide-clubhouse-wrapper .col-right{
    flex-grow: 1;
}
.slide-clubhouse-wrapper .col-left .item-thumb{padding-top: calc(100% * 453 / 805);}
.slide-clubhouse-wrapper .slide-clubhouse,
.slide-clubhouse-wrapper .slide-clubhouse .slick-list,
.slide-clubhouse-wrapper .slide-clubhouse .slick-track,
.slide-clubhouse-wrapper .slide-clubhouse .slick-slide,
.slide-clubhouse-wrapper .slide-clubhouse .slick-slide > div,
.slide-clubhouse-wrapper .slide-clubhouse .slick-slide .item{height: 100%}
.slide-clubhouse-wrapper .slide-clubhouse .slick-slide .item{flex-direction: column;}
.slide-clubhouse-wrapper .col-right .item-thumb{padding-top: 0; flex-grow: 1}

.slide-clubhouse-wrapper .col-right .item{padding: 0px 0.9rem;}
.slide-clubhouse-wrapper .item .item-title{
    font-size: var(--fz-30);
    color: #1C4E00;
    font-weight: 500;
    margin-bottom: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.section-wellness-clubhouse .slide-control{
    display: flex;
    gap: 1rem;
    align-items: center;
    color: #4D4D4D;
    margin-top: var(--fz-30);
}
.section-wellness-clubhouse .slide-control .slick-prev,
.section-wellness-clubhouse .slide-control .slick-next {
    position: static;
    transform: none;
    margin: 0;
}
.section-wellness-clubhouse .slide-control .dots{font-size: var(--fz-25); font-weight: 500; color: #4D4D4D}


.section-wellness-spa{}

.section-wellness-spa .slide-wellness-spa .item{padding: 0px 0.9rem; text-align: center;}
.section-wellness-spa .slide-wellness-spa .item .item-title{
    font-size: var(--fz-25);
    text-transform: uppercase;
    padding: 0.75em 0 0.2em;
}
.section-wellness-spa .slide-wellness-spa .item-thumb{
    padding-top: calc(100% * 800 / 1450);
}

.slide-wellness-spa .slick-slide:not(.slick-active) .item-thumb{
    opacity: 0.4;
}
.slide-wellness-spa .slick-slide:not(.slick-active) .item-body
{
    opacity: 0;
}


@media(min-width: 1200px){
    .slide-wellness-spa .item .item-body {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 2rem 1rem;
        color: #fff;
        z-index: 2;
    }
    .slide-wellness-spa .item .item-thumb:before{
        /* Rectangle 168 */
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        background: linear-gradient(360deg, #16281A 0%, rgba(22, 40, 26, 0) 100%);
        opacity: 0.7;
        z-index: 1;
    }
    .slide-wellness-spa .item .item-title{color: #fff}

    .slide-wellness-spa .slick-arrow.slick-prev,.slide-navi .slick-arrow.slick-prev{left: calc(14rem - var(--iz-1));}
    .slide-wellness-spa .slick-arrow.slick-next,.slide-navi .slick-arrow.slick-next{right: calc(14rem - var(--iz-1));}


}



.section-product .section-content-wrapper{
    background-image: url('../images/bg/sanpham.webp');
}

 .section-product .slider-content .item{position: relative;}
 .section-product .slider-content .item .item-thumb{
    padding-top: calc(100% * 921 / 1637);
 }
  .section-product .slider-content .item .item-body{position: absolute;
    left: var(--fz-70);
    top: var(--fz-70);
    color: #fff;
  }
  .section-product .slider-content .item .item-body .title a{
        font-size: var(--fz-50);
        font-weight: 700;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow:
        -1px -1px 0 #5E8000,
        1px -1px 0 #5E8000,
        -1px 1px 0 #5E8000,
        1px 1px 0 #5E8000;

  }
  .section-product .slider-content .item .btn{border-radius: 2rem; color: #fff; border-color: #FFFFFF;
    font-size: var(--fz-20);
    text-transform: uppercase;
    font-weight: 700;
  }
  .section-product .slider-content .item .btn:hover{
    background: #5E8000;
  }
  .section-product .slider-thumb-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65%;
    padding: 2rem 1rem 2rem 2rem;

  }
  .section-product .slider-thumb-wrapper:before{
    content: '';
    pointer-events: none;
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #141716 0.67%, rgba(17, 68, 17, 0) 100.63%);
    opacity: 0.5;
    filter: blur(30px);
  }
  .section-product .slider-thumb{position: relative;}
  .section-product .slider-thumb .item{padding: 0px 5px;}
  .section-product .slider-thumb .item .item-thumb{ border: solid 3px transparent;}
  .section-product .slider-thumb .slick-current .item-thumb{border-color: #5E8000;}
  .section-product .slider-thumb .item .item-thumb{
    padding-top: calc(100% * 118 / 210);
 }



.section-product .accordion-slider{
  width: 100%;
}

.section-product .accordion-slider h3.as-layer{
  font-size: var(--fz-30);
  color: #fff;
  text-align: center;
  top: var(--fz-30) !important;
}
.section-product .accordion-slider .layer-btn{
  position: absolute;
  left: 50% !important;
  top: auto !important;
  bottom: var(--fz-30) ;
  transform: translateX(-50%);
}
.section-product .accordion-slider .as-horizontal .as-panel{

}
.section-product .accordion-slider .btn{border-color:#fff; color:#fff; padding:0.5rem 3rem;
  font-size: 1.1em;
  text-transform: uppercase;
  opacity: 0;
}
.section-product .accordion-slider .btn:hover{border-color:#16281A; background: #16281A; transition: var(--d-transition);}
.section-product .accordion-slider .as-opened .btn{opacity: 1}
.section-product .accordion-slider .as-panel h3.as-layer a{color: #fff;
    text-shadow: 7px 4px 20px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
}
@media(min-width:768px){
    .section-product .accordion-slider .as-panel h3.as-layer{
        transform: rotate(-90deg) translateX(-50%) translateY(-100%);
        transition: var(--d-transition);
        min-width: 250px;
        min-height: 2em;
        text-align: right;
    }

    .section-product .accordion-slider .as-opened h3.as-layer{
      font-size: var(--fz-47);
      left: 50% !important;
      transform: rotate(0deg) translateX(-50%);
      text-align: center;
    }
}


.section-partner .items{
    /*display: flex; flex-wrap: wrap;  margin-left: -1rem; margin-right: -1rem;*/
}
.section-partner .items .item{
    /*flex: 0 0 20%; width:20%; */
    padding:1rem;
 }
.section-partner .items .item .item-thumb{width: 100%; padding-top: calc(100% * 180 / 300); position: relative;
  background: #FFFFFF;
  border: 1px solid #D2E390;
  border-radius: 0.9rem;
}
.section-partner .items .item .item-thumb img{position: absolute;
  width: 70%; height: 60%;
  left: 15%; top:20%;
  object-fit: contain;
}

.section-partner .slick-arrow.slick-next{
    right: 0;
    transform: translate(100%, 0%);
}
.section-partner .slick-arrow.slick-prev{
    left: 0;
    transform: translate(-100%, 0%);
}
.section-project-detail h2,
.section-project-detail .section-title.md{
    font-size: var(--fz-35);
}

.section-page-banner .logo-banner-wrapper{
    position: absolute;
    top: 0rem;
    left: var(--d-padding-lg);
    display: flex;
    gap: 6.5vw;
}
.section-page-banner .logo-banner img,
.slogan-text img{
    height: 9.89vw;
    min-height: 3rem;
}




      
    .booking-form .form-ct {margin: 50px auto 0px;}  
    .booking-form .wpcf7-response-output { background: #16281A;    color: #fff;    text-align: center;     padding: 12px 30px !important; }
    .booking-form .wpcf7 input[type="text"],.booking-form .wpcf7 input[type="email"],.booking-form .wpcf7 input[type="tel"] {
        direction: ltr; padding: 7px 22px 7px; border-radius: 5px; color: #555555; background: #fff; border: 1px solid #C6E0E4; width: 100%;
    }
    .booking-form .form-group{margin-bottom: 1rem;}
    .booking-form textarea{padding: 7px 22px 7px;   border-radius: 5px; color: #555555; background: #fff; border: 1px solid #C6E0E4;  height: 40px; width: 100%;}
    .booking-form input::-webkit-input-placeholder{  text-align: left;color: #6D6E71; }
    .booking-form input:-moz-placeholder{text-align: left;color: #6D6E71;   }
    .booking-form input:-ms-input-placeholder{ ext-align: left;color: #6D6E71;    }
    
     .booking-form .wpcf7-submit{
          background: var(--d-gradient);
          border: none;
          text-transform: uppercase;
          cursor: pointer;
          font-size: var(--fz-18);
          color: #fff;
          text-decoration: none !important;
          position: relative;
          padding: 12px 45px;
          display: inline-block;
          margin-top: 15px; border-radius: 50px;
    }
    .booking-form .wpcf7-submit:hover{background: #486F00  ; }
    .booking-form .wpcf7-spinner {   position: absolute;  }  
    .wpcf7-form-control-wrap {display: block; }
    .wpcf7-not-valid-tip {position: absolute; right: 15px;top: 50%; transform: translateY(-50%);}


/*DETAIL SAN PHAM*/
.p-content-detail-project .banner-prod{
    margin-bottom: 0;
}
.banner-prod .item-thumb{
    padding-top: calc(100vw * 980 / 1920);
}
.banner-prod .slick-dots{
    bottom: 1rem;
}
.banner-prod{ background-position: center top; background-repeat: no-repeat; background-size: cover;    position: relative;}

  .banner-prod .logo-banner{left: var(--fz-65); top: var(--fz-65);}
  .banner-prod .logo-banner { min-width: 120px; width:10.98958333333333vw; }

  .bott-banner{position: absolute;; bottom: var(--fz-65); left: 50%;transform: translateX(-50%);}
  .banner-prod .name-prod{ text-transform: uppercase; }


/*DOI TAC*/


  .child-page .form-footer{margin-bottom: 50px;}



.modal-backdrop.show {opacity: 1;    z-index: 99999;background: rgb(0 14 30 / 95%)}


  
    #myModalVideo button.btn.close-btn {
        position: absolute;
        right: 0px;
        z-index: 99;
    }
    #myModalVideo.modal .modal-header,#myModalVideo.modal .modal-dialog .modal-content {
        padding: 0px;
        border: 0px;
    }
    #myModalVideo #video-if{max-height: 500px;top: 50%;  left: 50%;  transform: translate(-50%,-50%);max-width: 888px;}

/*CONTACT*/
.lien-he {
    background: #fff; padding: 60px 0px 0px;
    position: relative;color: #B27475;
}
  
  .w-footer{max-width: 590px; margin: 0px auto;}
    .t-hotline{color: #B27475; text-transform: uppercase; margin: 20px 0px 30px; text-align: center; }
    .n-hotline a{color: #000E1E; font-size: 65px; text-align: center;     line-height: 63px;margin-bottom: 40px;display: inline-block;}

  .develop-inves{    display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
    .develop-inves h4{color:#B27475; text-transform: uppercase;font-size: 16px; margin-bottom: 15px;}
    .develop-inves .add-pro{color: #000E1E;    margin-top: -5px; }
      .lien-he .des-footer{margin: 50px 15px; font-size: 16px;}

         .develop-inves .off{text-align: right;}


  .copyright{text-align: center; background: var(--d-gradient2); color: #FFFFFF; padding:1.5rem 1rem; margin-top: 0px;}


/*popup*/
#video-popup.modal {overflow: hidden;    padding: 0px !important;}
  #video-popup .modal-body{border: 1px solid #B27475; position: relative;    padding: 0px;}
   #video-popup  .close {
      font-weight: normal;
      color: #fff;font-size: 33px;
      text-shadow: none;
      opacity: 1;
      position: absolute;
      right: -20px; z-index: 10;
      top: -20px;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background-color: #B27475 !important;
  }
    #video-popup  .close span{line-height: 36px;}
#video-popup .modal-dialog {
    margin: 0px auto;
    max-width: 960px;
    display: flex;
    align-items: center;
    height: 100%;
}





@media (min-width:1200px) {

}
@media (min-width:1201px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        max-width: 1140px;
    }
   .container-fluid{padding-left: var(--d-padding); padding-right: var(--d-padding);}
}


@media (min-width: 768px) {

  .navbar-toggle { display: none;}

}
@media screen and (min-width:992px){

}

@media screen and (min-width:1440px){


  .overlay-menu .main-menu-container ul {padding: 150px 70px 150px 97px; }

}


@media screen and (min-width:1600px){

}

@media screen and (min-width:1900px){


  .booking-form .form-ct { margin: 70px auto 0px; }

  .booking-form .wpcf7 input[type="text"], .booking-form .wpcf7 input[type="email"], .booking-form .wpcf7 input[type="tel"] {padding: 5px 22px 7px;line-height: 33px; }

  .booking-form textarea { padding: 3px 22px 7px; line-height: 33px; height: 45px;}

  .booking-form .wpcf7-submit {font-size: 19px;padding: 15px 49px; }
  .copyright { padding: 30px 0px; }

}

@media screen and (max-width: 1599px) {
    .slide-clubhouse-wrapper .col-right .item{
        padding: 0px 0.4rem;
    }
    .slide-clubhouse-wrapper{gap: 0.4rem;}
}


@media screen and (max-width: 1280px) {
    .section-tienich .section-slide{
        margin-left: 0;
        margin-right: 0;
    }
    .section-tienich .slide-tienich  .slick-arrow.slick-prev{
        left: 0;
        transform: translateX(0);
    }
    .section-tienich .slide-tienich  .slick-arrow.slick-next{
        right: 0;
        transform: translateX(0);
    }
    .section-partner {
        overflow: hidden;
    }
    .section-partner .items{
        padding: 0 var(--iz-1);
    }
    .section-partner .slick-arrow.slick-prev{
        transform: translate(0%, 0%);
    }
    .section-partner .slick-arrow.slick-next{
        transform: translate(0%, 0%);
    }

    .section-wellness-clubhouse .slide-clubhouse .slick-slide{width: 25vw;}
}
@media screen and (max-width: 1199px) {
    .header{
        position: relative;
    }
    .site_sticky .header{
        position: fixed;
    }
    .menu-top #nav-menu{display: block !important;    margin-right: 0px;     float: none;}
    .sect-intro .slider-top{height: auto  !important;}
    .sect-intro .slider-top .slider-intro {
        height: calc(100vw * 980 / 1920)  !important;
        overflow: visible !important;
    }
    .tagline{ left: 26.677083vw;}
    .banner-prod{height: calc(100vw * 980 / 1920 );}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-top .btn-act .navbar-toggler{right: 15px;}
    .btn-act .w_social {padding-right: 90px;}
    .modal .modal-dialog .close {top: 0px; right: 0px;}
    .modal .modal-dialog {max-width: calc(100% - 60px) !important;   }
}

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

  .section-padding{padding: 60px 0;}
  .section-padding-lg{padding: 50px 0;}
  .section-padding-sm{padding: 40px 0;}
  .section-info{
    font-size: var(--fz-35);
  }
  .section-description{

  }
  .section-title{
    margin-bottom: 0.5rem;
  }

  .flower-items .item{
    margin-bottom: 1rem;
  }
  .flower-items .row .col-lg-6:last-child .item{margin-bottom: 0}
  .flower-items .item .item-thumb{
    border-radius: var(--fz-40);
  }
  .flower-items .item-2,
  .flower-items .item-3{padding: 0;}
  .flower-items .item .item-body{
    position: static;
     padding: 0.75rem 0rem;

  }
  .flower-items .item .item-thumb:before{display: none;}
  .flower-items .item .item-body .item-title{
        color: #16281A;
  }
  .flower-items .item .item-description{
    opacity: 1;
     max-height: none;
     color: #555555;
  }

  .section-page-banner .logo-banner-wrapper{
    top: 0.75rem;
    left: 2rem;
  }

  .section-wellness-clubhouse .slide-clubhouse .slick-slide{width: 32vw}

}


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

  .section-scale .section-items > .row{gap: 1em 0;}
  .section-scale .item{
      padding: 0.75em 0.5em;
      --radius:1.5em;
  }
  .section-scale .item:not(:hover):before,
  .section-scale .item:not(:hover):after{
    width: calc(50% - 0.25rem);
    height: calc(100% - 0.5rem);
  }
  .section-scale .item:before{
    top: 0.25rem;
    left: 0.25rem;
  }
  .section-scale .item:after{
    right: 0.25rem;
    bottom: 0.25rem;
  }
  .section-quymo .section-image:before{
    display: none;
  }
  .section-quymo .section-image .title{
    position: static;
    padding: 0.75em 0.8em;
    transform: none;
    background: var(--d-gradient2);
  }

  .section-quymo .section-items{
    margin-top: 0;
  }
  .section-quymo .section-items .item{
    text-align: center;
    margin-top: 1rem;
  }
  .section-quymo .section-items .item .item-body{
    padding: 0.7rem 0;
  }

  .section-wellness-clubhouse .section-items{
    padding-left: 0.75rem;
  }
  .section-wellness-clubhouse .slide-control{
    padding: 0 0.9rem;
  }

  .slide-clubhouse-wrapper .col-left{
    flex: 0 0 80vw;
    width: 80vw;
  }
  .section-wellness-clubhouse .slide-clubhouse .slick-slide{width: 32vw}


  .section-product .section-content-wrapper{

  }

  .section-partner .items{
    padding: 0;
  }

  .section-title{
        font-size: var(--fz-45);
  }
   .section-info{
        font-size: var(--fz-18);
  }
  .section-description{

  }

  .section-overview-2 .section-content-wrapper{
        top: 16vw;
  }


  .section-product .accordion-slider{
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
  }
  .section-product .accordion-slider .as-panels,
  .section-product .accordion-slider .as-panels .as-panel{
    position: relative;
    left: 0;
    top: 0;
    height: auto;
    width: 100% !important;
  }
  .section-product .accordion-slider .as-panels .as-panel{
    height: 0;
    padding-top: calc(100% * 948 / 1920);
    margin-bottom: 1rem;
  }
  .section-product .accordion-slider .as-background{
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important; height: 100% !important;
  }
  .section-product .accordion-slider h3.as-layer{
    left: 50%;
    transform: translateX(-50%);
    font-size: var(--fz-50);
  }
  .section-product .accordion-slider a{pointer-events: auto !important;}
  .section-product .accordion-slider .btn{opacity: 1; font-size: var(--fz-18);     padding: 0.3rem 2rem;}

  /*.section-partner .items{
     margin-left: -0.5rem;
    margin-right: -0.5rem;
    }*/
  .section-partner .items .item{
    /*flex: 0 0 calc(100% / 3);
    width: calc(100% / 3);*/
    padding: 0.5rem;
  }

  body.menu-open .overlay-menu .nav-menu li.social-mobile{color: #fff}
  body.menu-open .overlay-menu .nav-menu li.social-mobile a{margin-left: 0.5rem;}

  .sect-intro .slider-top .slider-intro {
        height: calc(100vw * 1080 / 1920)  !important;
    }

  .base-slick-slide .slick-arrow,.slide-navi .slick-arrow{
    margin-top: 0;
    top: calc((100vw - 40px - 1.8rem) *480 / 805 / 2 );
    width: calc(var(--iz-1) * 0.8);
    height:calc(var(--iz-1) * 0.8);
  }
  .banner-prod .slick-dots{
    bottom: 0.5rem;
  }
  .section-page-banner .logo-banner-wrapper{
    left: 1rem;
  }
  .section-scale .section-image{
    margin-top: 0;
  }



}

@media screen and (max-width: 767px){
    body { text-align: justify;  }

  .sect-intro .slider-top{height: auto  !important; text-align: center; background: #16281A; text-align: center;}
  .sect-intro .slider-top .slider-intro { height: calc(100vw * 980 / 1920)  !important;        overflow: visible !important; }
  .tagline {left: 0%; top: auto; padding: 20px 20px 20px 20px; bottom: 0px; position: relative;}

  .sticky .navbar-toggle { margin-top: 6px;}
  .header.sticky .main-header-wrapper { min-height:54px;}
  #fullpage{overflow: hidden;}

  .header .btn-act .w_social{display: none;}

  .header .logo-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
  .header .btn-act { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; right: 0%; }


  .tagline{
    /*display: inline-flex;*/
    display: none;

  }
  .tagline {color: #fff; }
  .tagline .text-g{
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    display: inline-block;
  }


  .s-vitri:before {width: 65vw; }



  .des-jus,.des-jus.text-center{text-align: justify;}

  #s-lienhe .form-group { margin-bottom: 10px; }

  .copyright{
    padding-bottom: 3.5rem;
  }

  .section-product .slider-content .item .item-body .title {
    margin-bottom: 0.5rem;
  }
  .section-product .slider-thumb-wrapper{
    position: relative;
    width: 100%;
    padding: 1rem 0;
  }
  .section-product .slider-content .item .item-body{
    top: auto;
    bottom: 0.5rem;
  }
  .section-product .slider-content .item .btn{
    padding: 6px 20px 6px;
    font-size: var(--fz-18);
  }


}
@media screen and (max-width: 560px){
    .section-partner .items .item{
        flex: 0 0 calc(100% / 2);
        width: calc(100% / 2);
    }

    .flower-items .item .item-description{
        font-size: 12px;
    }

    .text-g-xs{
        background: var(--d-textg);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }

}
@media screen and (max-width: 480px){
    .section-tienich .slide-tienich .slick-arrow.slick-prev{
        top: calc( ((100vw - var(--d-padding) * 2 - 1.8rem) / 1) * 480 / 805 / 2 - var(--iz-1) / 2 );
    }
    .section-tienich .slide-tienich .slick-arrow.slick-next{
        top: calc( ((100vw - var(--d-padding) * 2 - 1.8rem) / 1) * 480 / 805 / 2 - var(--iz-1) / 2 );
    }
}



.animated.revealText{
    opacity: 0;
    transform: translateX(0%);
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}

.animated.revealText.go {
    animation-name: revealText
}

.animated.revealText2{
    opacity: 0;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.animated.revealText2.go {
    animation-name: revealText2
}



@keyframes revealText {
  0% {
    transform: translateX(17%);
    clip-path: inset(0px 50% 0px 50%);
    -webkit-clip-path: inset(0px 50% 0px 50%);

   }
  100% {
     clip-path: inset(0px 0px 0px 0px);
     -webkit-clip-path: inset(0px 0px 0px 0px);
     transform: translateX(0%);
     opacity: 1;
  }
}


@keyframes revealLine {
  0% {
    clip-path: inset(0px 50% 0px 50%);
    -webkit-clip-path: inset(0px 50% 0px 50%);
      opacity: 0;

   }
  100% {
     clip-path: inset(0px 0px 0px 0px);
     -webkit-clip-path: inset(0px 0px 0px 0px);
     opacity: 1;
  }
}

@keyframes revealText2 {
  0% {
    clip-path: inset(0px 100% 0px 0%);
    -webkit-clip-path: inset(0px 100% 0px 0%);

   }
  20% {
    clip-path: inset(0px 100% 0px 0%);
    -webkit-clip-path: inset(0px 100% 0px 0%);

   }
  40% {
      opacity: 1;
   }
  100% {
     clip-path: inset(0px 0px 0px 0px);
     -webkit-clip-path: inset(0px 0px 0px 0px);
      opacity: 1;
  }
}


.cloud{
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 50%;
    background: url('../images/bg/cloud.png');
    background-repeat: repeat-x;
    background-size: cover;
    animation: animateCloud 90s linear infinite;
    pointer-events: none;
    opacity: 0.8;
}
@keyframes animateCloud {
    0% {
        background-position: 0px;
    }
    100% {
        background-position: 3600px;
    }
}

@media screen and (max-width: 480px){
    .cloud{
        animation: animateCloud 220s linear infinite;
    }
}