/*::-webkit-scrollbar {
    display: none;
}*/
*{
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: 'Avant_bold';
    src: url('../fonts/SVN-Avant Garde Gothic Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avant_book';
    src: url('../fonts/SVN-Avant Garde Gothic Book.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avant_demi';
    src: url('../fonts/SVN-Avant Garde Gothic Demi.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avant_md';
    src: url('../fonts/SVN-Avant Garde Gothic Medium.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VNI';
    src: url('../fonts/VNI3CR__.TTF');
    font-weight: normal;
    font-style: normal;
}
html{
    
}
html {
    scroll-behavior: smooth;
}
body {
    box-sizing: border-box;
    font-size: 13px;
    line-height: 140%;
    background: var(--color-bg);
}
:root{
    --font-avantbold: 'Avant_bold';
    --font-avandemi: 'Avant_demi';
    --font-avanbook: 'Avant_book';
    --font-avanmd: 'Avant_md';
    --font-vni: 'VNI';
    --color-gradient: linear-gradient(180deg, #F3872E 0%, #EC2063 100%);
    --color-gradient-2: linear-gradient(129.38deg, #F3872E 0%, #EC2063 100.88%);
    --color-yellow: #E6A023;
    --color-pink: #EE3757;
    --color-blue: #55C8E9;
    --color-title: #1E2E5D;
    --color-bg: #E8E4E1;
    --transition-smooth: all 0.5s cubic-bezier(0.04, 1, 0.6, 0.97);
    --transition-smooth-2: all 1.5s cubic-bezier(0.04, 1, 0.6, 0.97);
};

.main{
    position: relative;
    transform: none !important;
    transition: all .1s ease 0s !important;
}
.loading_page{
    background: #E9E4E2;
    position: fixed;
    transition: var(--transition-smooth);
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading_page.color{
    background: var(--color-gradient);
}

.loading_page .logo img.active{
    animation: scalelogo 2.5s infinite;
}
@keyframes scalelogo{
    0%{
        transform: scale(1);
    }
    50%{
      transform: scale(1.3)  
    }
}
.loading_page .logo img{
    width: 250px;
    transition: var(--transition-smooth);
}
.loading_page .biloading{
    position: absolute;
    /* opacity: 0; */
}
.loading_page .biloading .bi1{
    width: 450px;
    height: 450px;
    background: var(--color-yellow);
    border-radius: 50%;
    transform: translate(-68%, 228%);
    position: absolute;
}
.loading_page .biloading .bi2{
    width: 1500px;
    height: 1500px;
    background: var(--color-blue);
    border-radius: 50%;
    transform: translate(-100%, 100%);
/*     position: absolute; */
}
.loading_page .biloading.active .bi2{
    animation: loadingbi2 10s infinite;
}
.loading_page .biloading.active .bi1{
    animation: loadingbi1 7s infinite;
}
.loading_page .biloading .bi3{}
.loading_page .biloading.active{

}
@keyframes loadingbi1{
    0%{
        transform: scale(1) translate(-68%, 228%);
    }
    60%{
        transform:scale(2) translate(100%, -100%);
    }
}
@keyframes loadingbi2{
    0%{
        transform: translate(-100%, 100%);
    }
    60%{
        transform: translate(200%, -100%);
    }
}
.scrolldown .arrows {
	width: 60px;
	height: 72px;
	/* position: absolute; */
	/* left: 50%; */
	/* margin-left: -30px; */
	/* bottom: 50px; */
	transform: scale(.5);
	/* border: 1px solid #fff; */
	z-index: 9;
	cursor: pointer;
}

.scrolldown {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 54px;
}

.scrolldown .arrows path {
	stroke: #fff;
	fill: transparent;
	stroke-width: 5px;
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite;
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.scrolldown .arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.scrolldown .arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.scrolldown .arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}
.header.hidden, #fp-nav.hidden{
    opacity: 0;
    pointer-events: none;
}
.loading_page.hiden{
    opacity: 0;
    position: relative;
    pointer-events: none;
}
.homeIframe360 iframe{
    width: 100%;
    height: 100%;
}
.homeIframe360.active{
    opacity: 1;
    overflow: scroll;
    z-index: 1;
}
.homeIframe360 {
    opacity: 0;
}
.homeBanner .mirrorBanner img{
    width: 100px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    transition: transform .5s ease;
    filter: drop-shadow(3px 4px 3px #38393a8c);
}

.homeBanner .mirrorBanner img:hover {
    transform: translate(-50%, -50%) scale(1.3);
}
.homeBanner .mirrorBanner{
    position: absolute;
    max-width: 420px;
    width: 80%;
    height: 210px;
    top: 46%;
    transform: translate(-50%, -50%) scale(.75);
    left: 50%;
    border: 1px solid rgb(255 255 255 / 65%);
    z-index: 999;
    border-radius: 12px;
    /*     box-shadow: inset 0 0 20px 19px rgb(171 171 171 / 45%); */
    /* -webkit-box-shadow: inset 0px 0px 32px 5px #ffffff70; */
    /* box-shadow: inset 0px 0px 89px 5px #001a3a52; */
    opacity: 0;
    pointer-events: none;
    background: rgb(255 255 255 / .1);
    background: linear-gradient(75deg, rgba(0,0,0,0) 25%,rgba(255,255,255,0.6) 25%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0) 100%);
    box-shadow: inset 0 0 32px 16px rgb(255 255 255 / .5), 0 12px 32px rgb(0 0 0 / 50%);
    transition: var(--transition-smooth);
}

.homeBanner .mirrorBanner a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 56px;
    text-shadow: 0 12px 32px rgb(0 0 0 / .35);
    height: 100%;
    text-decoration: none;
    transition: var(--transition-smooth);
}

.homeBanner .mirrorBanner a:hover {
    transform: scale(.85);
}

.homeBanner.active .mirrorBanner {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1.0);
    transition-delay: 2.0s;
}
.homeBanner .mirrorBanner::after{content: '';top: 0;left: 0;position: absolute;width: 100%;height: 100%;/* box-shadow: inset 14px 0px 5px -10px rgb(0 0 0 / 5%), inset 13px 0px 2px -10px rgb(0 0 0 / 6%), inset 0px -3px 5px 0px rgb(250 241 220 / 50%), inset 0px -20px 10px 1px rgb(255 255 255 / 30%), inset -20px 10px 5px -20px rgb(0 0 0 / 8%), inset -20px 15px 10px -20px rgb(0 0 0 / 20%), inset 0px 20px 30px -5px rgb(0 0 0 / 20%), 0px 2px 1px -1px rgb(245 227 183), -16px 13px 5px -20px rgb(0 0 0), 17px 13px 5px -20px rgb(0 0 0), 15px 19px 5px -20px rgb(0 0 0), -2px 34px 1px -30px rgb(0 0 0 / 40%), -2px 35px 3px -30px rgb(255 255 255 / 30%), -1px 16px 3px -5px rgb(0 0 0 / 50%), -1px 21px 3px -5px rgb(0 0 0 / 40%), 1px -1px 5px 0px rgb(50 50 50 / 18%); */border-radius: 12px;pointer-events: none;} 
.homeBanner .mirrorBanner::before{
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 50% 50% / 50% 50% 45% 45%;
    /* 	 background-color: red; */
    border-radius: 12px;
    pointer-events: none;
}
.socialHeader{
    position: absolute;
    top: 5%;
    right: 2%;
    z-index: 99;
    display: flex;
    text-transform: uppercase;
    transition: all .3s ease-out;
}
.socialHeader.nosocial{
    opacity: 0;
    pointer-events: none;
}
.socialHeader .item{
    margin-right: .5rem;
    font-family: var(--font-avanbook);
    opacity: 0;
    transition: var(--transition-smooth);
    transform: translateY(-2rem);
}

.section.active .socialHeader .item {
    opacity: 1;
    transform: none;
}
.socialHeader .item svg{
    margin-right: .5rem;
    margin-top: -.25rem;
}
.socialHeader .item a{
    color: #fff;
    display: flex;
    align-items: center;
    padding: .5rem 1.25rem .25rem;
    border-radius: 25px;
    position: relative;
    border: 1px solid rgb(255 255 255 / .35);
}

.socialHeader .item a:after {content: '';width: 100%;height: 100%;position: absolute;background: rgb(0 0 0 / .25);left: 0;top: 0;border-radius: 25px;z-index: -1;transform: scale(.75);opacity: 0;transition: var(--transition-smooth);}

.socialHeader .item a:hover:after {
    opacity: 1;
    transform: scale(1);
}

.socialHeader .item a:hover {}
.socialHeader .item a:hover{/*     font-weight: bold; */text-decoration: none;}
.header{
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 10px;
    width: 120px;
    border-right: 1px solid rgb(255 255 255 / .25);
    z-index: 9999;
}
#fp-nav ul li a:hover span{
    background: #fff !important;
}
#fp-nav ul li a.active span{
    background: #fff !important;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background: #ffffff6b !important;
}
#fp-nav{/* left: 50px; */width: max-content;z-index: 9999;width: 120px;/* background: red; */display: flex;justify-content: center;right: initial!important;}

#fp-nav li {}

#fp-nav a {
    position: relative;
}

#fp-nav ul li .fp-tooltip {
    /* opacity: 1; */
    width: auto;
    background: rgb(0 0 0 / 50%);
    left: -5px;
    text-align: left;
    right: initial!important;
    top: 50%!important;
    transform: translate(22px, -50%);
    z-index: -1;
    border-radius: 25px;
    padding: .5rem 1rem .25rem 1.75rem;
    height: auto;
    backdrop-filter: blur(10px);
    transition: var(--transition-smooth);
    font-size: 13px;
}

#fp-nav.fp-show-active a.active+.fp-tooltip {
    opacity: 0!important;
}

#fp-nav ul li:hover .fp-tooltip {
    transform: translate(0, -50%);
}

#fp-nav a .fp-sr-only {
}

#fp-nav a .fp-tooltip {}
#fp-nav .fp-tooltip{
    right: unset !important;
    left: 50%;
    font-family: 'Avant_md' !important;
    /* background: #00000040; */
    padding: 10px;
    /* border-radius: 20px; */
    top: -14px !important;
    transform: translate(-50%, -50%);
    pointer-events: none;
    height: 38px;
}
.header_bar{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}

.header .logo {
    margin-top: 2rem;
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
    width: 100px;
    height: 54px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}
.header.no-logo .logo{
    opacity: 0;
}
#fullpage{
    transform: none !important;
    background: #fff;
}

#detailGallery {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 20;
    transition: all .5s ease-out;
    opacity: 0;
    pointer-events: none;
    background: rgb(0 0 0 / .75);
}
#detailGallery main {
    pointer-events: none!important;
    /* top: 4rem; */
    /* position: relative; */
    /* transition: var(--transition-smooth); */
}
#detailGallery .--close {
    position: absolute;
    width: 6rem;
    height: 6rem;
    background: transparent;
    top: -2rem;
    left: 10rem;
    opacity: 0;
    z-index: 20;
    border: 1px solid rgb(255 255 255 / .25);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition-smooth);
}

#detailGallery.active .--close {
    top: 2rem;
    opacity: 1;
}

#detailGallery .--close:hover {
    transform: scale(.9);
}
#detailGallery.active {
    opacity: 1;
    pointer-events: auto;
}
#detailGallery.active main {
    pointer-events: auto!important;
    /* top: 0; */
}
.header .logo img{
    width: 100%;
    height: auto;
}
.header_social .item{
    margin: 17px 0;
    position: relative;
    z-index: 9;
}
.header_social .item.phone{
    margin-top: 1.5rem;
}
.header_social .cycle{
    width: 58px;
    height: 58px;
    background: #ffffff40;
    position: absolute;
    border-radius: 50%;
    top: -10px;
    left: -10px;
}
.header_social .icon{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_social .item a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all .15s ease-out;
    color: #fff;
}

.header_social .item a:hover {
    background: #fff;
    color: var(--color-yellow);
}
.header_bar .imgbiKV{
    position: absolute;
    height: 100%;
    width: calc(100% + 1px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: var(--color-gradient);
    opacity: 0;
    transition: opacity 0.7s ease-in-out;
}

.header.color .imgbiKV{
    opacity: 1;
}

.fp-viewing-4 .header .imgbiKV {
    opacity: 0;
}

.fp-viewing-7 .header .imgbiKV {
    opacity: 0;
}
.header_bar .imgbiKV .imgbi1{
    position: absolute;
    width: 16px;
    height: 16px;
    background: var(--color-yellow);
    border-radius: 50%;
    top: 29%;
    right: 34%;
    animation: hederbi1 10s infinite;
}
@keyframes hederbi1{
    0%{
        transform: translate(0, 0);
    }
    25%{
        transform: translate(30%, 20%);
    }
    50%{
        transform: translate(40%, 30%);
    }
    75%{
        transform: translate(50%, 40%);
    }
}
.header_bar .imgbiKV .imgbi2{
    position: absolute;
    width: 22px;
    height: 22px;
    background: var(--color-blue);
    border-radius: 50%;
    top: 43%;
    right: 10%;
    animation: hederbi1 10s infinite;
}
.header_bar .imgbiKV .imgbi3{
    position: absolute;
    width: 115px;
    height: 115px;
    background: var(--color-yellow);
    border-radius: 50%;
    top: 55%;
    z-index: 0;
    left: -50%;
    animation: hederbi1 10s infinite;
    overflow: hidden;
}
@media(min-width: 640px){
    
    .section .contentSection{
        height: 100%;
        position: fixed;
        padding-left: 120px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 12;
        transform: translate(-100%, 100%);
        transition: transform 2.0s ease-in-out;
        /* transition: var(--transition-smooth); */
        /* transition-duration: 2s; */
    }
    .section.down .contentSection {
        transform: translate(100%, -100%);
    }
    .section.active .contentSection{
        transform: none;
    }
}
.decorpartKV{
    position: absolute;
    left: 0;
    z-index: 999;
    top: 0;
    pointer-events: none;
}

.decorpartKV img {
    width: 720px;
    height: auto;
}
.frame_bicta{}
.frame_bicta .bicta1{
    width: 20px;
    height: 20px;
    background: var(--color-yellow);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 10%;
    animation: bicta1 10s infinite;
}
.frame_bicta .bicta2{
    width: 20px;
    height: 20px;
    background: var(--color-yellow);
    border-radius: 50%;
    position: absolute;
    top: 30%;
    right: 15%;
    animation: bicta2 10s infinite;
}
.frame_bicta .bicta3{
    width: 20px;
    height: 20px;
    background: var(--color-blue);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 19%;
    animation: bicta3 10s infinite;
}
@keyframes bicta1{}
@keyframes bicta2{}
@keyframes bicta3{}
.homeIntro, .homeBanner, .homePosition, .homeProduct, .homeLibrary, .homeUti, .homeNews{
    /*! position: absolute !important; */
    /*! height: 100vh !important; */
    /*! width: 100% !important; */
    /*! top: 0; */
    /*! left: 0; */
    /*! bottom: 0; */
    /*! right: 0; */
    /*! pointer-events: none; */
    /*! transition: all 1s ease-out; */
}
.up.active.fp-completely .contentSection{
    /*transform: translate(100%, -100%);*/ 
    /*transform: none;*/
    /*transition: all .7s ease-out;*/
}
.active.fp-completely .contentSection{
}
.section.fp-completely .contentSection{
}
.bg-frame{
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.frame-gradient::after{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(62.51deg, rgb(236 33 98 / 50%) 25%, rgb(243 134 46 / 15%) 71.95%), url(); */
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    transition: all 1.5s ease-in-out;
}

.homeIntro::after {
    background: linear-gradient(92.51deg, rgb(236 33 98) 25%, rgb(243 134 46 / 15%) 60%), url();
}
.active.frame-gradient::after {
    opacity: 1;
    transition-delay: 1.5s;
}

.home__desc .--subTitle{
    /* font-family: var(--font-vni); */
    font-family: var(--font-avanmd);
    font-size: 12px;
    margin-bottom: 2rem;
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.home__desc h2{
    font-family: var(--font-avanmd);
    text-transform: uppercase;
    font-size: 28px;
    /* margin-top: 1.5rem; */
}
.home__desc .--subTitle, 
.home__desc .--title, 
.home__desc .--content {
    opacity: 0;
    transition: opacity 1.5s ease-out, transform 1.5s ease-in-out;
    /* transition-delay: 1.5s; */
    transform: translateX(72px);
}

.home__desc .--subTitle {
    transition-delay: .5s;
}

.homeOverview .home__desc .--subTitle {
    margin-bottom: 1rem;
}

.homeProduct.active .home__desc .--subTitle {
    transition-delay: 2.5s;
}

.home__desc .--title {transition-delay: .75s;padding: 6px 0 0 0;text-transform: uppercase;/* width: max-content; */}

.home__desc .--title .--line {
    display: flex;
    align-items: center;
}

.home__desc .--title .--line small {
    font-size: 1.0rem;
    line-height: 120%;
    margin-right: .75rem;
    margin-top: -.25rem;
}

.homeProduct.active .home__desc .--title {
    transition-delay: 2.75s;
}
.home__desc .--content {transition-delay: 1s;}

.homeProduct.active .home__desc .--content {
    transition-delay: 3.0s;
}
.section.active .home__desc .--subTitle, 
.section.active .home__desc .--title, 
.section.active .home__desc .--content {
    opacity: 1;
    transform: none;
}
.home__desc article{
    font-family: var(--font-avanbook);
    /* max-width: 70%; */
    /* width: 50%; */
    margin-top: 2rem;
    /* display: none; */
    /* text-align: justify; */
    max-height: 100vh;
    margin: 1rem 0;
    transition: var(--transition-smooth);
}

.home__desc.--with-content article {
    /* overflow: hidden; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 100vh; */
    margin: 1rem 0;
    /* transition: var(--transition-smooth); */
    /* height: 36px; */
    text-align: justify;
}

.homePosition .home__desc.--with-content article {
    height: 0;
    overflow: hidden;
}

/* .homeView .home__desc.--with-content:hover article {
    height: 280px;
} */

.blkPrd:hover .home__desc.--with-content article {
    height: 200px;
}
.home__desc .overview{}
.home__desc .overview span{
    font-family: var(--font-avanbook);
    font-size: 18px;
}
.home__desc .overview .unit{}
.home__desc .overview .unit h2{}
.home__desc .overview .unit span{
    margin-left: .5rem;
    margin-bottom: 0.5rem;
}
.contentBanner{
    position: relative;
    z-index: 1;
    padding-left: 0 !important;
}
.contentBanner .summary img{
    width: 210px;
    display: block;
    margin: 1rem auto 0;
    /*! margin-top: 5rem; */
    position: absolute;
    left: 0;
    right: 0;
    top: 2rem;
    margin: 0 auto;
}
.banner__content{
    color: #fff;
    text-shadow: 0 0 12px rgb(0 0 0 / .25);
    text-transform: uppercase;
    position: absolute;
    bottom: 3rem;
}
.banner__content span{
    font-family: var(--font-avanmd);
    font-size: 28px;
}
.banner__title{margin-left: 66px;}
.banner__title h1{
    font-family: var(--font-avanbook);
    font-size: 90px;
    margin-bottom: -12px;
    font-size: 64px;
    text-shadow: 0 1px 6px rgb(0 0 0 / .5);
}
.banner__title h1:nth-child(2){
    margin-left: 12rem;
}
.banner__title h1 span{
    font-size: 40px;
    font-family: var(--font-avanbook);
    margin-left: -.5rem;
}
.banner__title p{
    margin-bottom: 2rem;
    font-family: var(--font-avanbook);
    font-size: 30px;
    margin-left: 1rem;
}
.fp-table.active.fp-completely{
}

.homeBlock {
    background: #E8E4E1;
}

.homeOverview {
    font-size: 14px;
}

.homeBlock.homeOverview .--bg img {
    object-position: left center;
}

.homeBlock.homeOverview.active .--bg img {
    object-position: 40% center;
}

.overviewInfo {
    text-align: left;
    /* border-bottom: 1px solid rgb(0 0 0 / 25%); */
    margin-bottom: 1rem;
    font-size: 13px;
    position: relative;
}

.overviewInfo:nth-child(1):after {content: '';background: var(--color-gradient-2);/* color: #fff; */display: block;position: absolute;width: calc(100% + 0rem);height: calc(100% + 2rem);top: -1rem;left: -1rem;z-index: -2;border-radius: 16px;}

.overviewInfo:nth-child(1) {
    color: #fff;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding-right: 2rem;
}

.overviewArea {
    font-size: 11px;
    /* border-bottom: 1px solid rgb(0 0 0 / .25); */
    line-height: 12px;
}

.overviewInfo:last-child {
    border: none;
}

.overviewInfo li {
    display: flex;
    margin-bottom: .25rem;
}

.overviewInfo li .label {
    flex: 0 0 auto;
    width: 160px;
}

.overviewInfo li .txt {
    font-weight: 600;
}

.overviewArea {}

.overviewArea .--title {
    text-transform: uppercase;
    font-weight: 900;
}

.overviewArea .--blk {
    border-left: 2px solid var(--color-pink);
    padding: 0 .5rem 0 .75rem;
    margin: .5rem 0 1.5rem;
}

.overviewArea .--blk h5 {
    font-size: 15px;
    font-weight: 900;
}

.overviewArea .--blk ul {
    display: block;
    margin: 0;
}

.overviewArea .--blk li {
    display: block;
}

.homeBlock .--bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 18;
    pointer-events: none;
    opacity: 0;
    transition: all 1.5s ease-out;
}

.homeBlock.active .--bg {
    opacity: 1;
    transition-delay: .5s;
}

.homeBlock .--bg .--left {
    /* background: #fff; */
    /* height: 100%; */
    /* opacity: 0; */
}

.homeBlock .--bg .--right {
    /* background: green; */
    height: 100%;
    opacity: 0;
    transition: all .5s ease-out;
    /* transform: translateX(100%); */
    /* pointer-events: none; */
    position: relative;
}

.homeBlock.active .--bg .--right {
    opacity: 1;
    /* transition: all .25s ease-out; */
    transition-delay: 1.5s;
    /* transform: none; */
    pointer-events: none;
}

.homeBlock .--bg .--right:after {content: '';width: 0;height: 100%;background: var(--color-bg);display: block;position: absolute;top: 0;right: 0;transition: var(--transition-smooth);/* z-index: -1; */}

.homeBlock.active .--bg .--right:after {
    width: 100%;
    transition-delay: 2s;
}

.homeBlock .--bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 20% center;
    transition: object-position 5s ease-out .5s;
}

.homeBlock.active .--bg img {
    transition-delay: .5s;
}
.homeBanner.fp-table .contentBanner{
}
.homeBanner.active{
    pointer-events: auto;
}

.homeBannerSlider {
    position: relative;
    
}
.homeBannerSlider img.trans{
    transform: scale(1);
}
.homeBannerSlider img{
    transform: scale(1.3);
    transition: all 5s cubic-bezier(0, 0, 0.25, 1.05);
}
.homeBannerSlider, .homeBannerSlider img {
    height: 100vh;
    object-fit: cover;
    
}

.homeBannerSlider .slick-dots {
    position: absolute;
    bottom: 1rem;
    z-index: 100;
    /* background: red; */
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.homeBannerSlider .slick-dots li {
    /* color: transparent; */
    list-style: none;
    margin: 0 1rem;
}

.homeBannerSlider .slick-dots li button {
    color: transparent;
    width: .5rem;
    height: .5rem;
    display: block;
    border-radius: 50%;
    background: #fff;
    opacity: .5;
    transition: all .2s ease-out;
}

.homeBannerSlider .slick-dots li.slick-active button {
    opacity: 1;
    transform: scale(1.25);
}

.homeBanner:after {
    opacity: 0!important;
}
.section.active .bg-frame{
    opacity: 1;
    z-index: 8;
    /* transform: none; */
}
.bg-frame{
    opacity: 0;
    transition: opacity .7s ease-out, background-position 5s ease-out;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-size: cover;
}
.homeBanner.active{
    pointer-events: auto;
}
.homeBanner.fp-table.active .contentBanner{
}
/*End banner*/
.homeIntro.fp-table .contentIntro{
}
.homeIntro .bg-frame{
    /*! opacity: 0; */
    /*! transition: all .2s ease-out; */
    background-position: -10px center;
}
.homeIntro.active{
    pointer-events: auto;
}

.homeIntro .home__desc {
    /* width: max-content; */
    /* background: rebeccapurple; */
    /* width: 540px; */
    margin-left: .5rem;
    /* margin-top: 4rem; */
    padding-right: 1.5rem;
}

.home__desc {
    position: relative;
    padding-right: 0;
    opacity: 0;
    transition: all .75s ease-out;
    filter: blur(15px);
    width: 340px;
    /* flex: 0 0 auto; */
}

.detailPost .home__desc {opacity: 1;filter: none;margin-top: 2rem;}

.detailPost .home__desc .--title {
    /* color: red; */
}

.homeOverview .home__desc {
    max-width: 460px;
    width: 100%;
}

.section.active .home__desc {
    opacity: 1;
    filter: blur(0);
    /* transition-delay: 1.5s; */
}

.home__desc .--l1 {
    transition: var(--transition-smooth);
}

.home__desc:hover .--l1 {
    /* opacity: 0; */
}

.home__desc:hover .--l1 {
    transform: scale(.8);
    filter: blur(10px);
    opacity: .75;
    pointer-events: none;
}

.home__desc .--l2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.8);
    opacity: 0;
    /* transform: scale(1); */
    transition: var(--transition-smooth);
}

.home__desc:hover .--l2 {
    opacity: 1;
    transform: translate(-50%, -50%);
}

.homeIntro .home__desc:hover .--content {
    /* opacity: 1; */
    /* display: block; */
    /* margin-bottom: -6rem; */
}

.homeIntro .home__desc:hover article {}
.homeIntro.fp-table.active .bg-frame{
    /*! opacity: 1; */
    background-position: 300px center;
    transition: opacity 1.5s ease-out .5s, background-position 10s ease-out 0.25s;
}
.homeIntro.fp-table .contentIntro{
    color: #fff;
}
.contentIntro article{
    margin-top: 1.75rem;
    /* display: none; */
}

.contentIntro .home__desc article {
    /* height: 36px; */
}

.contentIntro .home__desc:hover article {
    /* height: 280px; */
}
.contentIntro .overview{
    margin-top: 2rem;
    margin-right: 2rem;
}
.contentIntro .listOverview{
    display: flex;
}
.contentIntro .overview span {}
.contentIntro .unit{
    display: flex;
    align-items: flex-end;
}
.contentIntro .unit span{
    align-self: flex-end;
}
.contentIntro .unit  h2{
    margin: 0;
}
/*End Intro*/

.homeProduct2 {
    /* pointer-events: none; */
    /* transition: pointer-event 0s ease-out 5s; */
}

#homeRegion {
    /* pointer-events: none; */
}

.homeProduct2.active {
    /* pointer-events: auto; */
}

#homeRegion.active {
    /* pointer-events: auto; */
}

#homeRegion .blkPrd {}

#homeRegion .blkPrd .home__desc {
    max-width: 18vw;
}

#homeRegion .blkPrd .home__desc .--title, #homeRegion .blkPrd .home__desc .--subTitle {
    text-align: left;
}

#homeRegion .blkPrd:nth-child(2) {}

#homeRegion .blkPrd:nth-child(2) .contentSection {
    left: calc(25% + 60px + 3.5rem);
}

#homeRegion .blkPrd .home__desc {
    /* max-width: none; */
}

#homeRegion .blkPrd:nth-child(3) .contentSection {
    left: calc(50% + 60px + 2rem);
}

#homeRegion .blkPrd:nth-child(4) .contentSection {
    left: calc(75% + 60px + 0rem);
}

#homeRegion .blkPrd:nth-child(3) {}

#homeRegion .blkPrd:nth-child(4) {}

#homeRegion .bgkPrd {}

.blkPrd {
    /* position: fixed; */
    height: 100%;
    width: 50%;
    /* background: red; */
    /* top: 0; */
    /* left: 120px; */
    z-index: 24;
    /* pointer-events: none; */
    /* opacity: 0; */
    padding: 2rem;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    color: #fff;
    transition: var(--transition-smooth);
    /* transition: var(--transition-smooth-2); */
    overflow: hidden;
    position: relative;
    /* pointer-events: none; */
}

.blkPrd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease-out;
}

.section.active .blkPrd {
    /* pointer-events: auto; */
    /* transition: pointer-event 0s ease-out 1.5s, width 0.5s cubic-bezier(0.04, 1, 0.6, 0.97); */
}

.blkPrd .--subTitle {
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.blkPrd:after {content: '';width: 100%;height: 100%;background: #000;opacity: .25;position: absolute;top: 0;left: 0;transition: all .35s ease-out;pointer-events: none;}

.blkPrd:before {
    content: '';
    width: 100%;
    height: 100%;
    animation: r;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-bg);
    transition: var(--transition-smooth);
    z-index: 2;
}

.section.active .blkPrd:before {
    width: 0;
    transition-delay: .75s;
}

.blkPrd:hover:after {
    opacity: .25!important;
}
.titleProduct{
    display: none;
}
.blkPrdList:hover .blkPrd:after {
    opacity: .5;
}

.blkPrdList {
    position: fixed;
    width: calc(100% - 120px);
    height: 100%;
    display: flex;
    top: 0;
    left: 120px;
    opacity: 0;
    transition: all .25s ease-out;
    pointer-events: none;
    z-index: 24;
    /* background: #000; */
}

.blkPrdList:hover .blkPrd {
    /* opacity: .5; */
}

.blkPrd:hover {
    width: 300%;
    z-index: 25;
}

.section.active .blkPrdList {
    pointer-events: auto;
    opacity: 1;
}

.blkPrd .--bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    transition: all .5s ease-out;
    pointer-events: none;
}

.blkPrd:nth-child(2) {
    /* left: calc(50% + 60px); */
    /* background: green; */
    /* right: 0; */
    /* left: initial; */
}

.blkPrd .--bg {}

.blkPrd .--txt {
    /* position: absolute; */
    /* bottom: 2rem; */
    /* background: yellow; */
}

.blkPrd .--txt .home__desc {
    max-width: 380px;
    width: 100%;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    /* transition-delay: 0s; */
    pointer-events: none;
    /* float: right; */
}

.blkPrd .--txt .home__desc .--title, .blkPrd .--txt .home__desc .--subTitle, .blkPrd .--txt .home__desc .--title {
    /* text-align: right; */
}

.blkPrd .--txt .home__desc article {
    height: 0;
    overflow: hidden;
}

.blkPrd .--txt .home__desc .btn-readMore {
    display: none;
}

.blkPrd .contentSection {
    padding: 0;
}

.blkPrd:nth-child(1) .contentSection {
    left: calc(120px + 2rem);
}

.blkPrd .contentSection {
}

.blkPrd:nth-child(2) .contentSection {
    left: calc(50% + 60px + 2rem);
}

.blkPrd .contentSection {
    pointer-events: none;
}

.blkPrd .contentSection {
    /* bottom: 2rem; */
}

.blkPrd .contentSection {
    bottom: 2rem;
    top: initial;
    justify-content: flex-start;
    align-items: flex-end;
    width: calc(50% - 8rem);
    height: 100%;
    /* background: red; */
    /* padding-right: 2rem; */
}

#homeRegion .blkPrd .contentSection {
    width: calc(25%);
    /* background: red; */
    justify-content: flex-start;
}

.blkPrd .--listing {}

.homePosition{
    background-color: #E9E4E2;
    /*pointer-events: auto;*/
}

.homePosition .--flower {
    position: fixed;
    top: 2rem;
    right: 2rem;
    width: 80px;
    height: auto;
    transition: var(--transition-smooth);
    transform: translateY(-4rem) rotate(90deg);
    opacity: 0;
}

.homePosition.active .--flower {
    opacity: 1;
    transform: none;
    transition-delay: 2.5s;
}

.homeArchitecture {}

.homeView .contentBlock {
    /* background: var(--color-bg); */
}

.homeView .--bg .--right:after {content: '';width: 0;height: 100%;z-index: 0;background: var(--color-bg);position: fixed;right: 0;top: 0;transition: var(--transition-smooth);}

.homeView.active .--bg .--right:after {
    width: 36%;
}

.homeView .--bgImg {}

.homeView .--bgImg img {
    /* width: 2000px; */
    /* width: auto; */
    /* height: 100%; */
    /* object-fit: cover; */
    object-position: left;
    transition: all 10s ease-out 0s;
}

.homeView.active .--bgImg img {
    object-position: right;
    transition-delay: .5s;
}

.homeArchitecture .home__desc article {
    color: #fff;
    /* text-shadow: 0 0px 4px rgb(0 0 0 / .75); */
    height: max-content!important;
}

.homeArchitecture .home__desc .btn-readMore {
    color: #fff;
    border-color: #fff;
}

.homeArchitecture .home__desc {margin-top: 2rem;margin-right: 0;float: right;transform: none!important;}

.homeArchitecture .--left {}

.homeArchitecture .--bgImg {
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /* height: 100%; */
    /* pointer-events: none; */
    /* opacity: 0; */
    /* transition: all 1.5s ease-out; */
}

.homeArchitecture .--bgImg img {
    object-position: center bottom;
    transition: object-position 5s ease-out 0s;
}

.homeArchitecture.active .--bgImg img {
    object-position: center top;
    transition-delay: .5s;
}

.section .--bgImg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    transition: all 1.5s ease-out;
    z-index: 2;
}

.section.active .--bgImg {
    opacity: 1;
    transition-delay: .5s;
}

.homeArchitecture .--bgImg:after {content: '';width: 60%;height: 100%;position: absolute;z-index: 2;background: linear-gradient(-90deg, rgb(0 0 0 / .25), transparent);display: block;top: 0;right: 0;}

.--bgImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* position: absolute; */
    top: 0;
    left: 0;
    /* transition: all 1.5s ease-out .5s; */
}

.homeArchitecture .home__desc:hover article {
    height: 300px;
}
.homePosition .bg-frame{
    /*! opacity: 0;*/ 
    /*! transition: all .2s ease-out; */
    background-color: #E9E4E2;
    transform: scale(1.2);
    transition: all .25s ease-out;
}
.listoverPosition{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}
.listoverPosition ul{
    margin-bottom: 0;
    list-style: none;
}.listoverPosition ul li{
    display: flex;
    flex-flow: column;
    margin-bottom: .75rem;
    text-align: center;
    text-shadow: 0 2px 4px #000;
}
.listoverPosition ul li label{
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: -.25rem;
    font-weight: bold;
    letter-spacing: 1px;
}
.homePosition.active .bg-frame{
    /*! opacity: 1; */
    /*! position: absolute; */
    /*! top: 0; */
    /*! left: 0; */
    /*! right: 0; */
    /*! bottom: 0; */
    /*! width: 100%; */
    /*! height: 100%; */
    /*! z-index: 0; */
    background-size: 100% auto;
    background-position: center 74%;
    background-repeat: no-repeat;
    transform: none;
    transition: all 1.5s ease-out .25s;
}
.contentPosition .home__desc{
    /* width: 40%; */
    /* margin-top: 4rem; */
    position: fixed;
    bottom: 0;
    right: 28px;
}
.contentPosition .--title{
    text-shadow: 0 1px 6px rgb(0 0 0 / .25);
}
.home__desc.--with-content:hover {
    transition: var(--transition-smooth);
    /* transform: translateY(3.0rem); */
}

.home__desc.--with-content:hover article {
    margin-bottom: -2rem;
}

.homePosition .home__desc.--with-content:hover {
    /* transform: translateY(1rem); */
}

.home__desc.--with-content {transform: translateY(-2rem);transition: all .15s ease-out;transition-delay: 1.5s;}

.contentPosition .home__desc:hover article {
    /* overflow: initial; */
    /* height: auto; */
    /* -webkit-line-clamp: initial; */
    height: 200px;
}
.homePosition .contentPosition{
    flex-direction: column;
    color: #fff;
}
.homePosition .contentPosition{
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}
.contentPosition article{
    /* display: none; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
    /* overflow: hidden; */
    height: 36px;
    /* max-height: 100vh; */
    /* margin: 1rem 0; */
    /* transition: var(--transition-smooth); */
}

.home__desc .btn-readMore {
    width: 2rem;
    height: 2rem;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid rgb(181 181 181 / 50%); */
    border-radius: 50%;
    transition: all .25s ease-out;
    background: #fff;
    color: initial;
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
}

.homePosition .home__desc .btn-readMore {
    background: transparent;
    color: #fff;
    border: 1px solid rgb(255 255 255 / .5);
}

.home__desc:hover .btn-readMore {
    opacity: 0;
}
.homePosition .contentPosition .range{
    display: none;
}
.homePosition .contentPosition .imgbi1, .homePosition .contentPosition .imgbi2, .homePosition .contentPosition .imgbi3{
    display: none !important;
}
.contentPosition .imgrange{
    margin: 2rem 0;
    display: none;
}
.contentPosition .range p{
    font-family: var(--font-avanbook);
    font-size: 20px;
}
.contentPosition .range p span{
    font-size: 30px;
    font-weight: bold;
}
.frame_bi [class*='imgbi'] {
    position: fixed;
    display: none;
    border-radius: 50%;
    transition: all .3s ease-out;
    z-index: -1;
}
.frame_bi.active [class*='imgbi'] {
    display: block;
}
.frame_bi .imgbi1{
    height: 229px;
    width: 229px;
    background: var(--color-yellow);
    transform: translate(352%, -53%);
    animation: movebi1 10s infinite;
}
.frame_bi .imgbi2{
    height: 134px;
    width: 134px;
    background: var(--color-blue);
    transform: translate(350%, -150%);
    animation: movebi2 10s infinite;
}
.frame_bi .imgbi3{
    height: 127px;
    width: 127px;
    background: var(--color-pink);
    transform: translate(0, -100%);
    animation: movebi3 25s infinite;
}
@keyframes movebi3{
    0%{
        transform: translate(0, -100%);
    }
    25%{
        transform: translate(100px, -150%);
    }
    50%{
        transform: translate(250px, -250%);
    }
    75%{
        transform: translate(50px, -250%);
    }
}
@keyframes movebi2{
    0%{
        transform: translate(350%, -150%);
    }
    25%{
        transform: translate(300%, -100%);
    }
    50%{
        transform: translate(250%, -100%);
    }
    75%{
        transform: translate(300%, -200%);
    }
}
@keyframes movebi1{
    0%{
        transform: translate(352%, -53%);
    }
    25%{
        transform: translate(300%, -43%);
    }
    50%{
        transform: translate(352%, -63%);
    }
    75%{
        transform: translate(300%, -73%);
    }
}
/*End position*/
/* .homeProduct .fp-table .contentProduct{
    transform: translate(-100%, 100%) !important;
transition: all 1s ease-out;
} */
.homeProduct .fp-tableCell{
    /* position: relative; */
}
.homeProduct .slide:nth-child(2) .bg-frame{
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}
.homeProduct .contentProduct .summary .next{
    display: none;
}
.homeProduct.active{
    pointer-events: auto;
}

.prdSlider {}

.prdSlider-content {
    z-index: 20;
    top: 0;
    left: 0;
    position: fixed;
    background: rgb(0 0 0 / 75%);
    transition: all .1s ease-out;
}

.prdSlider-listing {}

.prdSlider-close {}

.prdSlider-bar {}

.prdSlider-toggler {}

.homeProduct .contentProduct .summary {
    /* margin-bottom: 8rem; */
}
.homeProduct .contentSection{
    position: absolute;
    /* transition-delay: 4s; */
}

.homeProduct.active .contentSection {
    transition-delay: 1.5s;
}
.homeProduct .slide{
    /*! opacity: 0; */
    /*! pointer-events: none; */
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: all 8s ease-out;
}
.homeProduct .slide.active{
    opacity: 1
}
.homeProduct.active .slide.active{
    /*! opacity: 1; */
    /*! pointer-events: auto; */
    background-size: 130% auto;
    background-position: center top;
}
.homeProduct .contentProduct2 .product_list{

}
.homeProduct.active .contentProduct2{
    /*! backdrop-filter: blur(50px); */
    /*! -webkit-backdrop-filter: blur(50px); */
    /*! height: 100%; */
    /*! display: flex; */
    /*! align-items: center; */
    /*! justify-content: center; */
    /*! width: 100%; */
    /*! margin-left: 120px; */
    background-blend-mode: multiply;
    background-color: rgba(0,0,0,60%);
}
.homeProduct .contentProduct{
    /*transform: translate(-100%, 150%);*/
    /*! transition: all 1s ease-out; */
    color: #fff;
}
.homeProduct.active .slide .contentProduct{
    /*transform: none;*/
    /*! position: relative; */
    /* left: 66px; */
    /*flex: 0 0 70%;*/
    /*! padding-left: 200px; */
    /*! padding-bottom: 2rem; */
}
.homeProduct .fp-prev, .homeProduct .fp-next{
    opacity: 0;
    pointer-events: none;
}
.homeProduct.active .fp-prev, .homeProduct.active .fp-next{
    pointer-events: auto;
}
.homeProduct .slide::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background: linear-gradient(140deg, rgb(0 0 0 / 64%) 40%, rgb(0 0 0 / 25%) , rgb(237 58 90 / 30%)), url();
    pointer-events: none;
    transition: all 2.5s ease-out 1s;
}

.homeProduct.active .slide::after {
    opacity: 1;
    transition-delay: 1.5s;
}
.homeProduct .product_list_thumbnail{
    background: transparent;
    position: absolute;
    bottom: 85%;
    right: 8%;
    transform: translate(-50%, -50%) rotate(-112deg);
    /* opacity: 0; */
}
.product_list_thumbnail .item{
    position: absolute;
    /* padding: 10px; */
    cursor: pointer;
    bottom: 50px;
    right: 50px;
    z-index: 11;
    /* border-radius: 16px; */
    /* overflow: hidden; */
    /* border: 1px solid #fff; */
    transition: all 1s ease-out;
    opacity: 0;
}

.homeProduct.active .product_list_thumbnail .item {
    opacity: 1;
}
.product_list_thumbnail .item .hover{
    position: absolute;
    color: #fff;
    /* transform: rotate(-15deg) translate(60px, -20px); */
    /* opacity: 0; */
    /* transition: all .4s ease-out; */
    pointer-events: none;
    bottom: 1px;
    left: 1px;
    padding: 2rem 1rem 0;
    /* background: linear-gradient(0deg, rgb(0 0 0 / .75), transparent); */
    width: 100%;
    border-radius: 16px;
}
.product_list_thumbnail .item .image:hover + .hover{
    opacity: 1;
    
}
.product_list_thumbnail .item:nth-child(1) .image:hover + .hover{
/*     transform: rotate(74deg) translate(-345px, 46px); */
}
.product_list_thumbnail .item:nth-child(2) .image:hover + .hover{
/*     transform: rotate(51deg) translate(-334px, -51px); */
}
.product_list_thumbnail .item:nth-child(3) .image:hover + .hover{
    /* transform: rotate(29deg) translate(-300px, -135px); */
}
.product_list_thumbnail .item:nth-child(4) .image:hover + .hover{
    /* transform: rotate(7deg) translate(-230px, -182px); */
}
.product_list_thumbnail .item:nth-child(5) .image:hover + .hover{
/*     transform: rotate(-15deg) translate(-155px, -215px); */
}
.product_list_thumbnail .item:nth-child(1){
    transform: rotate(58deg) translate(-22px, 35px);
}

.homeProduct.active .product_list_thumbnail .item:nth-child(1) {
    transform: rotate(38deg) translate(-22px, 35px);
    transition-delay: 1.5s;
}
.product_list_thumbnail .item:nth-child(2){
    transform: rotate(79deg);
}

.homeProduct.active .product_list_thumbnail .item:nth-child(2) {
    transform: rotate(59deg);
    transition-delay: 1.25s;
}
.product_list_thumbnail .item:nth-child(3){
    transform: rotate(102deg) translate(6px, -43px);
}

.homeProduct.active .product_list_thumbnail .item:nth-child(3) {
    transform: rotate(82deg) translate(6px, -43px);
    transition-delay: 1s;
}
.product_list_thumbnail .item:nth-child(4){
    transform: rotate(125deg) translate(0px, -94px);
}

.homeProduct.active .product_list_thumbnail .item:nth-child(4) {
    transform: rotate(105deg) translate(0px, -94px);
    transition-delay: .75s;
}
.product_list_thumbnail .item:nth-child(5){
    transform: rotate(148deg) translate(-20px, -154px);
}

.homeProduct.active .product_list_thumbnail .item:nth-child(5) {transform: rotate(128deg) translate(-20px, -154px);transition-delay: .5s;}
.product_list_thumbnail .item:nth-child(5) img{
    /* filter: brightness(0.6); */
    /* filter: drop-shadow(-9px 14px 23px #ef4b4d); */
}
.product_list_thumbnail .item:nth-child(5) .image{
    /*     background-blend-mode: multiply;
    background-color: rgba(0,0,0,50%); */
    filter: none;
}
.product_list_thumbnail .item svg{
    position: absolute;
    top: 106%;
    left: 35%;
    transform: rotate(122deg) translate(87%, 0);
    cursor: pointer;
    opacity: 0;
}
.product_list_thumbnail .item .image{
    /* filter: brightness(0.5); */
    height: 222px;
    width: 391px;
    /*margin: 0;*/
    transition:all .2s ease-out;
    /* filter: blur(1px); */
    border: 1px solid #fff;
    border-radius: 16px;
    overflow: hidden;
}

.product_list_thumbnail .item .image:after {content: '';background: linear-gradient(0deg, rgb(0 0 0 / .75), transparent);position: absolute;bottom: 1px;left: 1px;display: block;width: 100%;height: 90px;border-radius: 16px;pointer-events: none;}

.product_list_thumbnail .item .image:hover{
    /* filter: none; */
    transform: translate(-13px, 10px);
}
.product_list_thumbnail .image img{object-fit: cover;width: 100%;height: 100%;/* border: 1px solid #fff; *//* border-radius: 20px; */}
.product_list_thumbnail{
    /*! display: flex; */
    z-index: 14;
    align-items: flex-end;
    /* justify-content: flex-end; */
    /*! width: auto; */
}
.contentProduct2 .product_list .item{
    position: relative;
    padding: 10px;
}
.product_list .item:focus{
    outline: none;
}
.product_list .item .desc{width: 100%;}
.product_list .item .img{
    height: 500px;
    width: calc(100% + 10px);
}
.product_list .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}
.product_list .item .icon svg{
    display: block;
    margin: auto;
    margin-bottom: .5rem;
    cursor: pointer;
}
.product_list .item .content{
    position: absolute;
    bottom: 0;
    padding: 15px;
    background: #E9E4E2;
    color: var(--color-title);
    transform: translate(0, calc(100% - 74px));
    transition: all .3s ease-out;
}
.product_list .item .content:hover{
    transform: none;
}

.product_list .item .content.active{
    transform: none;
}
.product_list .content h4{
    text-align: center;
    font-family: var(--font-avanbook);
}
.product_list .content article{}
.prev_product{
    position: absolute;
    top: 20px;
    right: 21%;
    cursor: pointer;
}
/*End product*/
.bd-librrImg-modal-lg{
    background: #1a191957;
}
.bd-librrImg-modal-lg .modal-content{
    background: none;
    border: none;
}
.homeLibrary.fp-table.active{
    pointer-events: auto;
}
.playVideo {
    position: absolute;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-self: center;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: var(--color-pink);
}
.playVideo i {
    color: rgb(255, 255, 255);
    margin: auto;
}
.homeLibrary.fp-table .contentLibr{
    /*! transform: translate(-100%, 100%) !important; */
    /*! transition: all .1s cubic-bezier(0.03, 1.13, 1, 1); */
    /*! opacity: 0; */
    /*! display: flex; */
    /*! align-items: flex-end; */
    /*! height: 100%; */
    /*! position: relative; */
}
.homeLibrary .bg-frame{
    /*! opacity: 0; */
    /*! transition: all .2s ease-out; */
}
.homeLibrary.fp-table.active .bg-frame{
    /*! opacity: 1; */
    /*! position: absolute; */
    /*! width: 100%; */
    /*! height: 100%; */
    /*! top: 0; */
    /*! left: 0; */
    /*! right: 0; */
    /*! bottom: 0; */
}
.homeLibrary.fp-table .contentLibr{
    /*! display: flex; */
    color: #fff;
    flex-direction: column;
    justify-content: flex-end;
    /*! pointer-events: auto; */
}
.contentLibr .decortext{
    /*! position: absolute; */
    /*! width: max-content; */
    margin: 0 0 0 1.0rem;
    /*! left: 200px; */
    /*! bottom: 291px; */
}
.contentLibr h1{
    /*     font-size: 120px;
    -webkit-text-fill-color: #ffffff00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    font-family: var(--font-avantbold); */

    font-family: var(--font-avanmd);
    font-size: 60px;

}
.homeLibrary .listLibr{
    /*! display: flex; */
    /* position: relative; */
    /*! z-index: 9; */
    /*! justify-content: space-between; */
    margin-bottom: 1rem;
    /*! margin-left: 66px; */
}

.listLibr .tab-pane {
    height: 100vh;
    width: 40%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, transparent, rgb(0 0 0 / .5));
    /* width: 40%; */
    /* display: flex; */
    /* flex-wrap: wrap; */
    padding: 1.5rem 1rem;
}

.listLibr .libraryPane {
    display: flex;
    flex-wrap: wrap;
}

.itemLibrary {}

.itemLibrary.--img {
    width: calc(50% - .5rem);
    margin: 0 .5rem .5rem 0;
    position: relative;
}

.itemLibrary.--img img {
    height: 110px;
    width: 100%;
    object-fit: cover;
    border: 1px solid rgb(255 255 255 / .5);
}
.homeLibrary .listLibr .nav{
    z-index: 9;
}
.listLibr .nav a{
    background-color: transparent !important;
    color: #fff;
    font-family: var(--font-avanbook);
    position: relative;
    padding: 0;
    margin: 1rem;
    transition: var(--transition-smooth);
    font-size: 24px;
}
.listLibr .nav a.active{
    padding-left: 90px;
}
.listLibr .nav a::after{
    content: '';
    position: absolute;
    width: 00px;
    height: 2px;
    background: #fff;
    bottom: 0.5rem;
    left: 0;
    transition: all .3s ease-out;
}
.listLibr .nav a.active::after{
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background: #fff;
    bottom: 0.5rem;
    left: 0;
}
.listLibr .content{
    display: flex;
    align-items: flex-end;
    position: absolute;
    bottom: 2rem;
    left: calc(100% - 338px);
    margin-bottom: 2rem;
}
.listLibr .content .next{

    position: absolute;

    right: 1rem;

    bottom: 200px;
}
.listLibr .content .next{
    z-index:1;
}
.listLibr .content:hover .next{
    /*! animation: movenext 4s infinite; */
}
@keyframes movenext{
    0%{
        transform: translate(10px,0);
    }
    25%{
        transform: translate(-80px,0);
    }
    50%{
        transform: translate(0px,0);
    }
    /*     75%{
            transform: translate(0px,0);
        } */
}
.listLibr .content svg{
    /* transform: rotate(180deg); */
    /* margin: 0 2rem; */
    cursor: pointer;
}
.listLibr .content svg path{
    /*     stroke: red; */
    /*     fill: red; */
}
.listLibr .content .image{
    /* width: 280px; */
    /* height: 184px; */
    display: flex;
}
.listLibr .content:hover .image img{
    filter: none !important;
    width: 85px;
}
.listLibr .content .image img{
    width: 70px;
    height: 400px;
    object-fit: cover;
    border: 1px solid #ffffffc4;
    transition: all .2s ease-out;
}
.listLibr .content .image img:nth-child(1){
/*     transform: scaleY(.7); */
    filter: brightness(0.4);
}
.listLibr .content .image img:nth-child(2){
    transform: scaleY(.9);
    filter: brightness(0.6);
}
.listLibr .content .image img:nth-child(3){
    transform: scaleY(.8);
    filter: brightness(0.7);
}
.listLibr .content .image img:nth-child(4){
    transform: scaleY(.7);
/*     filter: brightness(0.9); */
}
.contentLibr{transition: all .1s ease-out;}
.contentLibr.unactive{
    opacity: 0 !important;
    /*! pointer-events: none !important; */
}
.section .contentSection.detailImgLbr{
    opacity: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.47);

}
.detailImgLbr .slideLibr{
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}
.detailImgLbr .slideLibr .owl-stage{
    display: flex;
}
.detailImgLbr .slideLibr .owl-carousel{
    margin-left: 85px;
}
.homeLibrary.active .detailImgLbr.active{
    opacity: 1;
    /*! pointer-events: auto; */
    z-index: 10;
    /*! display: flex; */ /*! align-items: center; */ /*! justify-content: center; */
}
.detailImgLbr .owl-item.active > div:after {
    /*   content: 'active'; */
}
.detailImgLbr .owl-item.center > div:after {
    /*   content: 'center'; */
}
.detailImgLbr .owl-item.active.center > div:after {
    /*   content: 'active center'; */
}
.detailImgLbr .owl-item > div:after {
    font-family: sans-serif;
    font-size: 24px;
    font-weight: bold;
}
.detailImgLbr .owl-item{
    padding: 1rem;
    margin-top: 2rem;
    transition: all 1s ease-out;
}
.detailImgLbr .owl-item.active.center{
    /* margin-bottom: 2rem; */
    margin-top: 0;
    width: 650px !important;
}
.detailImgLbr .owl-item.active.center img{
    filter: none !important;
}
.detailImgLbr .owl-item img{
    height: 400px;
    object-fit: cover;
    filter: brightness(0.5);
}
.detailImgLbr .backContent{
    position: fixed;
    bottom: 5%;
    right: 20%;
    display: flex;
    color: #fff;
    border: 1px solid #fff;
    align-items: center;
    justify-content: center;
    padding: 15px;
    cursor: pointer;
    transition: all .3s ease-out;
    z-index: 99;
    transform: none;
}
.detailImgLbr .backContent:focus{
    transform: scale(.8);
    outline: none;
}
.detailImgLbr .backContent p{
    text-transform: uppercase;
    margin-right: 1rem;
    margin-bottom: 0;
    font-family: var(--font-avanbook);
}
.detailImgLbr .owl-nav{
    position: absolute;
    width: calc(100% - 120px);
    color: #fff;
    display: flex;
    justify-content: space-between;
    top: 50%;
    align-items: center;
    margin-left: 40px;
}
.detailImgLbr .owl-nav span{
    font-size: 56px;
    font-weight: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: max-content;
    height: max-content;
    margin-bottom: 1rem;
}
.detailImgLbr .owl-nav button:focus{
    outline: none;
}
.detailImgLbr .owl-nav button{
    margin: 2rem;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff !important;
    border-radius: 50%;
}
/*End library */
.homeNews.fp-table{
    pointer-events: none;
}
.homeNews.fp-table .contentNews{
    /* z-index: 999; */
    /*  transform: translate(-100%, 100%) !important;
  transition: all 1s ease-out;*/
    padding-top: 4.5rem;
}

.contentNews .container {
    padding-left: 1.5rem;
}
.homeNews .bg-frame{
    opacity: 0;
    transition: all .2s ease-out;
}
.homeNews.active{
    pointer-events: auto;
    background: red;
}
.homeNews.fp-table.active .bg-frame{
    opacity: 1;
}
.homeNews .contentNews{
    /*transform: none !important;*/
    /*! position: absolute; */
    /*! left: 5%; */
    color: var(--color-title);
    /*! bottom: 0; */
    /*! z-index: 1; */
    /*! height: 100%; */
    /*! display: flex; */
    /*! align-items: center; */
    /*! width: 100%; */
    background: var(--color-bg);
}
.decorpartKVNew{
    position: absolute;
    bottom: 0;
    right: 0;
    width: max-content;
    pointer-events: none;
}
.contentNews .summary h2{
    text-transform: unset;
}
.listNews{
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listNews .item {
    padding-right: 2rem;
    color: #fff;
    transition: all .25s ease-out;
}

.section.active .listNews .item {
    color: var(--color-dark);
}
.listNews .item:focus{
    outline: none;
}
.listNews .item a:focus{
    outline: none;
}
.listNews .item .img{
    height: 200px;
    /* width: 350px; */
    margin-bottom: 1.5rem;
}

.listNews .item .content {
    display: block;
    align-items: initial;
    min-height: initial;
    margin-bottom: 2rem;
}

.listNews .item .content a {
    color: inherit;
}
.listNews .item .img a:focus{
    outline: none;
}
.listNews .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.listNews .item .img img:focus{
    outline: none;
}
.listNews .item .content a:hover{
    text-decoration: none !important;
}
.listNews .item .content h5{
    font-family: var(--font-avanmd);
    /* color: var(--color-title); */
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 0;
}
.listNews .item .content article{
    /* font-family: var(--font-avanbook); */
    font-size: 14px;
    margin: 0 0 1rem;
    text-align: left;
    opacity: .5;
}
.listNews .item .btnnRead{
    font-family: var(--font-avanmd);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    /* color: var(--color-pink); */
}

.listNews .item .btnnRead a {
    font-weight: 700;
}
.listNews .item .btnnRead a{
    color: inherit;
    padding-bottom: .5rem;
    display: inline-block;
}

.listNews .item .btnnRead a svg {
    display: none;
}

.listNews .item .btnnRead a:after {content: '';width: 50%;height: 4px;background: var(--color-gradient);display: block;transition: var(--transition-smooth);}

.listNews .item .btnnRead a:hover:after {
    width: 80%;
}
.listNews .item .btnnRead a:hover{
    text-decoration: none;
}
/*End news*/
.contentContact{
    /* transform: translate(-100%, 100%) !important;
     transition: all 1s ease-out;*/
    /*! width: 100%; */
    /*! height: 100%; */
    color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 12;
    height: 100%;
    width: 100%;
}

.contentContact .--inner {
    position: relative;
    padding: 0 8rem 0 10rem;
    /* background: red; */
    display: flex;
    flex-flow: column;
    justify-content: center;
    /* flex: 0 0 auto; */
}

.contentContact .--content {
    opacity: 0;
    transition: all .5s ease-out;
    transform: translateX(4rem);
    margin-top: 2.5rem;
}

.section.active .contentContact .--content {
    opacity: 1;
    transform: none;
    transition-delay: 2.25s;
}

.contentContact .--inner:after {content: '';width: 100%;height: 100%;display: block;background: linear-gradient(
129.38deg
, #F3872E 0%, #EC2063 100.88%);left: 0;top: 0;position: absolute;z-index: -1;transition: var(--transition-smooth);width: 0;}

.section.active .contentContact .--inner:after {
    width: 100%;
    transition-delay: 2s;
}
.homeContact.active{
    pointer-events: auto;
}
.active .contentContact{
    /*! transform: none !important; */
    /*! position: absolute; */
    /*! left: 0; */
    
    /*! bottom: 0; */
    /*! z-index: 1; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    flex-flow: column;
}
.footer_bot{
    position: absolute;
    color: #fff;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: .5rem 8rem;
    font-size: .75rem;
    line-height: initial;
    z-index: 12;
    transition: all .25s ease-out;
    text-align: center;
    background: #333333ad;
}

.section.active .footer_bot {
    opacity: 1;
}

.footer_bot:before {
    content: '';
    width: 42px;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    top: -8px;
    left: 9rem;
    opacity: 0;
}
.footer_bot .content p:nth-child(1){
    border-top: 1px dotted #fff;
}
.footer_bot p{
    margin: 0;
    font-size: 12px;
    color: #fff;

}
.contentContact .itemLeft{
    position: relative;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contentContact .row{
    height: 100%;
    /* width: 100%; */
}
.contentContact:after{
    content: '';
}
.contentContact .frame-gradient{
    background: linear-gradient(129.38deg, #F3872E 0%, #EC2063 100.88%);
    padding-left: 10rem;
    /*padding-bottom: 27px;*/
    z-index: 8;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.contentContact .logo{
    /* margin-bottom: 16px; */
}
.contentContact .logo h4{
}

.contentContact .logo h4, .contentContact .office h4, .contentContact .salesAgent h4 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 1rem;
    font-family: var(--font-avanbook);
    text-transform: uppercase;
}
.contentContact .info{
    font-family: var(--font-avanbook);
    /* font-size: 14px; */
    display: flex;
    flex-wrap: wrap;
}
.contentContact .info i{
    margin-right: .5rem;
    width: 1rem;
    border-right: 1px solid rgb(255 255 255 / .5);
    /* padding-right: 1.5rem; */
    border: 1px solid rgb(255 255 255 / .5);
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.contentContact .info .item{
    margin-bottom: .5rem;
    width: 50%;
}
.contentContact .info .item a{
    color: #fff;
    display: flex;
    align-items: center;
}

.contentContact .info .item span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.contentContact .info .item a:hover{
    text-decoration: none;
}
.contentContact .office{
    margin-top: 2rem;
}
.contentContact .office h4{
    font-family: var(--font-avanbook);
    text-transform: uppercase;
    margin-bottom: 10px;
}
.contentContact .office .item{
    font-family: var(--font-avanbook);
    margin-bottom: 8px;
    display: flex;
}
.contentContact .office .item p{
    margin: 0;
    font-family: var(--font-avanmd);
}
.contentContact .office .item span{
    opacity: .8;
}
.contentContact .salesAgent{
    margin-top: 2rem;
}

.contentContact .salesAgent .tab-content {
    width: 100%;
}

.contentContact .salesAgent .tab-pane {
    width: 100%;
    /* width: 720px; */
}
.contentContact .salesAgent h4{
    font-family: var(--font-avanbook);
    text-transform: uppercase;
    margin-bottom: 16px;
}
.contentContact .salesAgent .listing{
    width: 100%;
    /* background: red; */
}
.contentContact .salesAgent .listing li a.active{
    background: rgba(255, 255, 255, 0.41);
}
.contentContact .salesAgent .listing li a{
    border-radius: 38px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #fff;
    padding: 4.38px 17.88px;
}
.contentContact .salesAgent .listing li{
    margin-right: 13px;
}
.contentContact .salesAgent ul{
    border: none;
}
.contentContact .fade:not(.show){
    opacity: 1;
}
.contentContact .salesAgent .item p{
    margin: 0;
    /* font-size: 14px; */
    font-family: var(--font-avanbook);
    width: max-content;
}
.contentContact .salesAgent .item {
    /* font-size: 14px; */
    margin-bottom: .75rem;
}

.contentContact .salesAgent .item p {
    margin-bottom: -4px;
}
.contentContact .salesAgent .listing ul{
    margin-bottom: 16px;
}
.formContact{
    position: absolute;
    top: 6rem;
    left: 60%;
    /* transform: translate(-50%, -50%); */
    z-index: 10;
    overflow: hidden;
    background: #fff;
    width: 420px;
    height: 410px;
    border-radius: 6px;
    box-shadow: 12px 12px hsl(2deg 51% 45% / 50%), 24px 24px 32px 0 rgb(0 0 0 / 20%);
    display: flex;
    align-items: center;
    pointer-events: auto;
}
.formContact .form{
    /* position: absolute; */
    /* top: 10%; */
    /* width: 100%; */
    color: var(--color-title);
    padding: 0 3rem 0 4rem;
    /* margin-top: 2rem; */
}
.formContact .boxForm{}

.formContact .boxForm i {
    font-weight: 500;
}
.boxForm .office .radio-148 .wpcf7-radio{
    display: flex;
}
.wpcf7-not-valid-tip{
    font-size: 12px !important;
    font-family: var(--font-avanbook);
}
.boxForm .office{
    margin-bottom: 0;
    font-family: var(--font-avanbook);
}
.boxForm .office b{
    color: red;
}
.radio-148 .wpcf7-radio label{
    display: flex;
    line-height: 13px;
}
.form-group span {
    width: 100%;
    display: block;
}

.form-group .wpcf7-list-item {
    width: max-content;
    margin-right: .5rem;
	margin-left: 0;
}

.wpcf7-response-output {
    margin: 0!important;
    display: none !important;
}
.wpcf7 form.sent .wpcf7-response-output{
    display: block !important;
}
.formContact img{
    /*     width: 80%; */
}
.formContact .form h5{
    text-transform: uppercase;
    /* text-align: center; */
    font-size: 20px;
}
.formContact .form > p{
    font-family: var(--font-avanbook);
    font-size: 13px;
    /* text-align: center; */
    opacity: .5;
    line-height: 23px;
}
.formContact .form input{
    background: none;
    border: none;
    border-bottom: 1px solid #BDBDBD;
    border-radius: unset;
    padding: .5rem;
    font-family: var(--font-avanbook);
    font-size: 13px;
    transition: all .15s ease-out;
    width: 100%;
}

.formContact .form input[type="radio"] {
    padding: 0;
    width: auto;
    margin-right: .5rem;
}

.formContact .form input:focus {
    border-color: var(--color-pink);
}
.formContact .form input:focus{
    box-shadow: none;
}
.formContact .form input::placeholder{
    color: #BDBDBD;
}
.formContact .form button{
    background: linear-gradient(90.21deg, #F3872E 3.38%, #EC2063 99.9%);
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    height: 42px;
    width: 120px;
    transition: all .15s ease-out;
    margin: auto;
    /* margin-top: 1rem; */
    align-items: center;
    justify-content: center;
    transition: var(--transition-smooth);
}

.formContact .form button:hover {
    transform: scale(.95);
}
.formContact .form button:focus{
    box-shadow: none;
    outline: none;
}
.formContact .form button:active{
    transform: scale(.9);
    outline: none !important;
    box-shadow: none;
}
/*end contact*/
.homeUti .contentUti{
    /* color: #fff; */
    z-index: 12;
}

.contentUti .btn-readMore {
    /* background: #fff; */
    /* box-shadow: 0 4px 12px rgb(0 0 0 / .1); */
}

.contentUti .home__desc:hover article {
    height: max-content;
}

.homeUti .contentUti .--readMore {
    right: 10rem;
    top: 50%;
    transform: translateY(-20%);
}

.homeUti .contentUti .--readMore, .UtiDetail .--close {
    width: 10rem;
    height: 10rem;
    position: absolute;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    transition: var(--transition-smooth);
}

.homeUti .contentUti .--readMore:hover, .UtiDetail .--close:hover {
    transform: scale(.9) translateY(-20%);
    background: rgb(0 0 0 / .1);
}
.homeUti .bg-frame{
    /*! opacity: 0; */
    /*! transition: all .2s ease-out; */
}
.homeUti.active{
    pointer-events: auto;
}

.homeUti .home__desc {
    margin-left: 1.5rem;
    color: inherit;
}

.homeUti .home__desc .--title {
    width: auto;
}

.homeUti:after {
    /* background: linear-gradient(62.51deg, rgb(236 33 98 / 90%) 25%, rgb(243 134 46 / 15%) 71.95%), url(); */
    background: var(--color-bg);
}

.homeUti.active:after {
    transition-delay: .5s;
}
.homeUti.active .bg-frame{
    /*! opacity: 1; */
    background-position: 100px center;
    /* transition: none; */
}

.homeUti .bg-frame {}

.homeUti .bg-frame {
    background-position: -40px center;
    /* opacity: 0; */
}
.section.active .UtiDetail.active{
    /* z-index: 12; */
    /* opacity: 1; */
    /* transition: all .7s ease-out; */
    pointer-events: auto;
    opacity: 1;
    transform: none;
}
.section .UtiDetail{
    z-index: 14;
    background: transparent;
    color: #fff;
    width: calc(100% - 120px);
    width: 56%;
    height: 100%;
    right: 0;
    top: 0;
    left: initial;
    position: fixed;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    /* transform: translateX(100%); */
    transition: all .1s ease-out;
}

.section.active .UtiDetail {
    pointer-events: auto;
    opacity: 1;
}
.UtiDetail.active{
    /*! opacity: 1; */
    /*! pointer-events: auto; */
}

.UtiDetail .--close {
    top: 2rem;
    left: -8rem;
    z-index: 12;
}

.UtiDetail .--close:hover {
    transform: scale(.9);
}
.UtiDetail svg{
    position: absolute;
    top: 5%;
    z-index: 99;
    left: 2%;
}
.homeUti .listUti.unactive{
    opacity: 0;
    pointer-events: none;
}
.homeUti svg{
    cursor: pointer;
}
.listUti .container{
    display: flex;
    align-items: flex-end;
    position: relative;
    margin-bottom: 3rem;
}
.boxUti{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    z-index: 10;
    position: relative;
}
.boxUtiImg{
    transition: all .7s ease-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20%;
    transform: translateX(-50%);
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100vw;
}
.boxUtiImg.active{
    opacity: 1
}
.boxUti .item .number{
    /* display: flex; */
    /* align-items: flex-end; */
    /* transition: all .3s ease-out; */
    /* cursor: pointer; */
    position: absolute;
    bottom: 0;
}

.boxUti .item .number, .boxUti .item .content {}
.boxUti .item .number h1{
    font-family: var(--font-avanmd);
}
.boxUti .item  h4{
    font-family: var(--font-avanbook);
    font-size: 20px;
}
.boxUti .item .number p{
    /* font-family: var(--font-avanbook); */
    /* margin-bottom: .5rem; */
    display: none;
}
.boxUti .item .content{
    opacity: 1;
    /* transition: all .3s ease-out; */
    /* height: 128px; */
    position: relative;
    transition: all .75s ease-out;
    /* transform: translateY(42px); */
    top: 4rem;
    width: 300px;
    /* background: red; */
}

.boxUti .item .content > * {
    opacity: 0;
    width: 100%;
    display: block;
    position: relative;
    transform: translateY(56px);
    transition: var(--transition-smooth);
}

.boxUti .item:hover .content h4 {
    transition-delay: .2s;
}

.boxUti .item:hover .content > * {
    opacity: 1;
    transform: none;
}
.boxUti .item:hover .content{
    /* opacity: 1; */
    /* transition: var(--transition-smooth); */
    /* transition-delay: .5s; */
    /* transform: none; */
}
.boxUti .item{
    width: 100%;
    height: 100%;
    transition: all .5s ease-out;
    /* text-shadow: 2px 2px 8px #FF0000; */
    /* transform: translate(0px, 120px); */
    position: relative;
    padding: 2rem;
    background: #000;
    overflow: hidden;
}

.boxUti .item:after {content: '';width: 100%;height: 100%;background: var(--color-bg);display: block;position: absolute;top: 0;left: 0;transition: var(--transition-smooth);pointer-events: none;}

.section.active .boxUti .item:nth-child(1):after {
    transition-delay: .3s;
}

.section.active .boxUti .item:nth-child(2):after {
    transition-delay: .35s;
}

.section.active .boxUti .item:nth-child(3):after {
    transition-delay: .4s;
}

.section.active .boxUti .item:nth-child(4):after {
    transition-delay: .45s;
}

.section.active .boxUti .item:nth-child(5):after {
    transition-delay: .5s;
}

.section.active .boxUti .item:after {
    height: 0;
}

.boxUti .item:hover .boxUtiImg {
    opacity: .5;
}

.boxUti .item:hover {
    width: 1000%;
}
.boxUti .item:hover{
}
.boxUti .item .content article{
    /* transform: translate(0, 150%); */
    /* transition: all .3s ease-out; */
    /* position: absolute; */
    /* width: max-content; */
    /* opacity: 0; */
    /* transition: var(--transition-smooth); */
    /* transition-delay: .35s; */
}

.boxUti .item:hover .content article {
    transition-delay: .35s;
}

article {}
.boxUti .item:hover .content article{
    transform: none;
}
.homeContact{
    pointer-events: none;
    /* position: relative; */
    z-index: 999;
}

.homeContact .bg-frame {background-position: center bottom;}

.homeContact.active .bg-frame {
    background-position: center top;
}

.homeContact .contentSection {pointer-events: none;}
.homeContact.active{
    pointer-events: auto;
}
.contentBlock{
    background: transparent;
    position: relative;
    transition-delay: 3s;
}
.homeBlock .contentBlock{z-index: 20;/* background: #E8E4E1; */}

.homeBlock .contentBlock article {
    color: #fff;
    /* transition: all .25s ease-out; */
}

.homeBlock.active .contentBlock article {
    color: initial;
    /* font-size: 15px; */
}
.contentBlock .left{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5rem;
}
.contentBlock h2{
    text-transform: none;
    font-weight: 900;
    margin-right: 2rem;
}
.txt-gradient {
    background: linear-gradient(62.51deg, rgb(238 63 83) 25%, rgb(243 131 49) 71.95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.contentBlock span{
    background: linear-gradient(62.51deg, rgb(223 49 69) 25%, rgb(243 131 49) 71.95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*     margin-top: .5rem */
}
.contentBlock .right{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    right: 0;
    padding: 0;
}
.contentBlock .right img{
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    opacity: 0;
    transform: translate(100%, 0);
    transition: var(--transition-smooth);
    transition-delay: 1s;
}
.homeBlock.fp-completely .right img{
    opacity: 1;
    transform: none;
}
.contentBlock .desc,.contentBlock .desc .row{
    height: 100%;
}
.contentBlock article{
    color: #000;
    /* width: 100%; */
    /* max-width: 90%; */
}
.detailPost .contentNews .--title{
    transform: none;
    opacity: 1;
    margin-bottom: 0;
    position: relative;
}
.detailPost .contentNews .--title::before{
    content: '';
    position: absolute;
    left: 0;
    width: 50px;
    height: 2px;
    background: var(--color-title);
    bottom: -1rem
}
.detailPost .listNews{
    margin-top: 2.5rem;
}
.detailPost .homeNews{
    margin: 0 8rem;
}
.detailPost .listNews .item .content h5{
    color: #1b1a1a;
    line-height: initial;
}
.detailPost .listNews .item .content article{
     color: #000;
     padding: 0;
     margin-top: .75rem;
     opacity: .8;
}
.detailPost .listNews .btnnRead{
    color: var(--color-title);
}
.detailPost{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    padding-left: 120px;
}
.detailPost .content .future{
    height: 300px;
}
.detailPost .content .text{
    padding: 15px 3rem;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
}
.detailPost .content .title{
    text-align: center;
    color: #f05d43;
    text-transform: uppercase;
    font-family: var(--font-avandemi);
    margin: 2rem 0;
}
.detailPost .content .future img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.detailPost .content article{
    text-align: justify;
    padding: 0 6rem;
    font-size: 14px;
}
.detailPost .content .wp-block-image img{
    padding: 12px 16px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .1);
    background: white;
    /* width: 50%; */
    display: block;
    margin: 1rem auto;
}
.detailPost .content .wp-block-image{
    text-align: center;
}
@media screen and (min-width: 1440px) {
    .formContact {
        right: 20%;
        top: 30%;
    }
}
@media(max-width: 640px){
    .homeIntro .home__desc{
        padding-top: 2rem !important;
    }
    .scrolldown{
        border: 2px solid #fff;
        border-radius: 50%;
        background: #eb8a45;
        opacity: .8;
        width: 64px;
        height: 64px;
        /* bottom: 82px; */
        transform: scale(.7)
    }
    .homeIframe360{
        opacity: 1;
        height: 100vh;
        background: #fff;
        z-index: 999;
        position: relative;
    }
    html, body {
        overflow: auto;
        overscroll-behavior-y: auto;
        height: max-content;
    }
    .formContact .form button{
        margin-top: 1rem;
    }
    .titleProduct{
        display: block;
        padding: 15px;
    }

.titleProduct span {
    background: linear-gradient(
62.51deg
, rgb(223 49 69) 25%, rgb(243 131 49) 71.95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
    .homeContact{
        pointer-events: auto;
        /* background: red; */
        position: relative;
    }

    .homeContact .bg-frame {
        opacity: 1;
        position: relative;
        width: 100%;
        height: 240px;
    }

    .contentContact .--inner {
        padding: 0;
    }

    .contentContact .--content {
        opacity: 1;
        transform: none;
        color: #fff;
        padding: 0 1rem;
    }

    .contentContact {
        position: relative;
        color: initial;
        height: auto;
        background: var(--color-gradient-2);
    }
    .formContact img{
        width: 100%;
    }
    .section .contentSection.detailImgLbr{
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }
    .contentContact .salesAgent{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .contentContact .row{/*         margin-bottom:37px; */margin: 0;}
    .footer_bot{/*         position: relative; */position: absolute;bottom: 0;backdrop-filter: none;background: #333;opacity: 1;padding: .5rem 0;}

    .homeContact .contentSection {
        pointer-events: auto;
    }
    .contentContact .office .item{
        display: block;
        margin: auto;
        margin-bottom: 1rem;
    }
    .formContact .form{
        padding: 4rem 1rem;
        display: block;
        margin: auto;
        background: var(--color-bg);
    }
    .listLibr .content .next{
        z-index: 99;
        right: calc(100% - 268px);
        /* bottom: 0; */
    }
    .listLibr .nav a{
        font-size: 18px;
        margin: .5rem 0;
    }
    .boxUti .item:hover{
        width: 100%;
        display: block;
        height: auto;
    }
    .boxUti .item{
        /* transform: scale(.7); */
        height: 140px;
        padding: 2rem;
        transition: all .15s ease-out;
    }
    .boxUti .item:hover {
        height: 220px;
    }
    .boxUti .item:after {
        opacity: 0;
    }
    .boxUtiImg{
        height: 100%;
        width: 100%;
        /* position: relative; */
        /* opacity: 1; */
        object-fit: cover;
        left: 0;
        transform: none;
    }

    .boxUti .item .number {
        bottom: initial;
        top: 4px;
        position: relative;
    }

    .boxUti .item .content {top: 0;opacity: 1;padding: 0;margin: 0;width: 100%;}
    .section .contentSection.UtiDetail{
        opacity: 1;
        height: 60vh;
        position: relative;
    }
    .homeProduct .contentSection{
        position: relative;
    }
    .decorpartKV{
        width: 100%;
    }
    .homePosition .contentPosition .range{
        display: block;
    }
    .homePosition .contentPosition .home__desc{
        margin-bottom: 0;
        width: 100%;
        margin: 2rem 0;
        position: absolute;
        left: 0;
        bottom: 1rem;
        padding: 0 1rem;
    }
    .contentPosition article{
        display: block;
    }
    .socialHeader{
        display: none;
    }
    .decorpartKV img{
        width: 100%;
    }
    .homeProduct .contentProduct .summary .next{
        display: none;
        margin-top: 1rem;
    }
    .homeProduct .slide::after{
        display: none;
    }
    .contentPosition .imgrange{
    display: block;
    }
    .contentLibr .decortext{
    margin-top: 0;
    margin-bottom: 1rem;
    }
    .frame-gradient::after{
        display: none;
    }
    .homeUti{
        position:relative;
        width:100%;
        height:100%;
        padding: 2rem 0;
    }
    .homeUti::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(241, 110, 59, 0) 84.99%, rgba(236, 36, 97, 0.19) 100%), linear-gradient(66.14deg, rgba(194, 0, 12, 0.44) 0.79%, rgba(243, 134, 47, 0) 73.58%), url();
    }
    .listUti .container{
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* margin-bottom: 2rem; */
    }
    .listUti{
        /* color: #fff; */
        /* background: linear-gradient(180deg, #F38430 0%, rgba(236, 35, 98, 0.88) 100%), url(), #C4C4C4; */
    }

    .homeUti .contentUti {
        padding: 4rem 0;
        position: relative;
        opacity: 1;
        width: 100%;
        padding: 0;
        pointer-events: auto;
        /* background: red; */
    }

    .homeUti .UtiDetail {
        background: red;
        flex-flow: column;
    }
    .homeUti svg{
        z-index: 9;
        margin-top: 1rem;
        display: none;
    }
    .home__desc{
        z-index: 1;
        color: #fff;
    }
    .boxUti{
        /* left: 0; */
        /* color: #fff; */
        /* top: 5%; */
        /* display: block; */
        /* position: absolute; */
        /* width: 100%; */
        flex-flow: column;
    }
    .homeLibrary .bg-frame{
        opacity: 1;
        display: none;
        position: relative;
    }
    .contentLibr{
        /* position: relative; */
        /* transform: none; */
        /* background: linear-gradient(180deg, #F38430 0%, rgba(236, 35, 98, 0.88) 100%), url(), #C4C4C4; */
        position: absolute;
        z-index: 20;
        bottom: 0;
    }
    .homeLibrary{
        height: 80vh;
    }

    .homeLibrary .bg-frame {
        display: block;
        background-position: bottom;
    }
    .contentLibr h1{
        /* background: -webkit-linear-gradient(#f38134, #ed5b52); */
        /* -webkit-background-clip: text; */
        /* -webkit-text-fill-color: transparent; */
        left: 0;
        /* font-size: 69px; */
        /* padding: 1rem 0; */
        position: relative;
        width: 100%;
        /* text-align: center; */
        font-size: 2.5rem;
    }
    .detailImgLbr.active{
        opacity: 1 !important;
        z-index: 999;
        pointer-events: auto;
    }
    .homeLibrary .listLibr{
        flex-flow: column;
    }

    .homeLibrary .listLibr .nav {
        flex-flow: column;
    }
    .listLibr .content{
        position: relative;
        bottom: 0;
        left: 0;
    }
    .detailImgLbr .slideLibr{
        background: #e9e9e9;
    }
    .detailImgLbr .slideLibr .owl-carousel{
        margin-left: 0;
    }
    .detailImgLbr .owl-item img{
    }
    .detailImgLbr .backContent{
        position: absolute;
        background: -webkit-linear-gradient(#f38134, #ed5b52);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border: 1px solid #ed5b52;
        bottom: 15px;
        right: 15px;
        width: max-content;
        display: flex;
        margin: auto;
    }
    .detailImgLbr .owl-nav{
        width: 100%;
        margin-left: 0;
        top: unset;
        bottom: 15%;
    }
    .detailImgLbr .backContent svg path{
        fill: #ed5b52 !important;
    }
    .detailImgLbr .backContent p{
        font-weight: bold;
    }
    .main{
        overflow-x: hidden;
    }

    #fullpage .section {
        /* display: none; */
    }

    .blkPrdList {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        opacity: 1;
        pointer-events: auto;
        flex-flow: column;
    }

    .blkPrd {
        width: 100%;
        height: 200px;
        background: #000;
    }

    .blkPrd:hover {
        width: 100%;
        height: 360px;
    }

    .blkPrd:hover img {
        opacity: .5;
    }

    .blkPrd img {
        opacity: 1;
    }

    .blkPrd .contentSection {
        left: 0!important;
        width: 100%!important;
    }

    #homeRegion .blkPrd .home__desc {
        max-width: none;
    }

    .blkPrd:before {opacity: 0;}

    .homeProduct2 {}

    .homeView {
        padding: 0 0 2rem 0;
    }
    .header{
        width: 100%;
        height: 80px;
        position: fixed;
        border: none;
        overflow: hidden;
        /* display: none; */
        z-index: 10000;
        background: var(--color-gradient-2);
        padding: .25rem;
        transform: translateY(-100%);
        transition: var(--transition-smooth);
    }

    .header.fixed {
        transform: none;
    }

    .detailPost {
        padding: 0;
    }

    .detailPost .content .future {
        height: 240px;
    }

    .detailPost .content .text {
        padding: 0 1rem;
        text-align: left;
    }

    .detailPost .homeNews {
        margin: 0;
    }

    .detailPost .content .wp-block-image img {
        padding: 8px;
    }

    .detailPost .content article {padding: 0;}

    .detailPost .content .title {
        text-align: left;
        font-size: 24px;
    }
    .header .logo{
        margin: 0;
        width: 140px;
        height: 64px;
        display: block;
        margin: auto;
        opacity: 1!important;
    }
    .header_bar{
        width: 100%;
        /* display: block; */
    }
    .header_social{
        display: none;
    }
    .header .logo img{
        display: block;
        margin: auto;
    }
    .homeIntro, .homeBanner, .homePosition, .homeProduct, .homeLibrary, .homeUti{
        position: relative !important;
        pointer-events: auto;
    }
    .homeBanner{
        height: 100vh;
    }

    .homeBannerSlider, .homeBannerSlider img {
        width: 100%;
        height: 100vh;
    }

    .homeBannerSlider img {
        object-fit: cover;
    }
    .homeBanner .bg-frame{
        opacity: 1;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        z-index: 1;
        /* display: none; */
    }
    .contentBanner .summary img{
        /* margin: 0; */
        z-index: 9999;
        margin-top: 5rem;
        transform: scale(.8);
    }
    .contentBanner{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .contentBanner .container{
        height: 100%;
    }
    .contentBanner .summary{
        height: 100%;
        display: flex;
        flex-flow: column;
        /* justify-content: center; */
        align-items: center;
    }
    .banner__title{
        margin: 0;
        padding: 15px;
    }
    .banner__title h1{
        font-size: 2.8rem;
        white-space: nowrap;
        margin-bottom: .25rem;
    }
    .banner__title h1 span{
        font-size: 1.5rem
    }
    .banner__title h1:nth-child(2){
        margin-left: 2rem;
    }
    .homeIntro .bg-frame{
        /* opacity: 1; */
        /* height: 50vh; */
        /* width: 100%; */
        position: absolute;
    }
    .homeIntro {
        display: flex;
        flex-flow: column-reverse;
        z-index: 1;
        /* height: max-content; */
        /* height: 200vh; */
        overflow: visible;
    }

    .homeOverview {
        padding: 0 0 2rem;
    }

    .homeBlock .--bg {
        position: relative;
        opacity: 1;
    }

    .homeOverview .contentBlock article {
        color: initial;
    }

    .homeOverview .home__desc {
        color: initial;
        margin-top: 1.5rem;
    }

    .overviewInfo {
        margin-top: 1rem;
    }

    .overviewInfo li {
        flex-flow: column;
    }

    .overviewInfo > ul > li {
        margin-bottom: 1rem;
        /* border-bottom: 1px solid #c7c7c7; */
        /* padding-bottom: 1rem; */
    }

    .overviewInfo:nth-child(1) {
        padding: 0;
        padding: 0 1rem;
    }

    .overviewInfo:nth-child(1):after {
        margin-left: .75rem;
        width: calc(100% + .5rem);
    }
    .contentIntro{
        background: linear-gradient(180deg, #F38430 0%, rgba(236, 35, 98, 0.88) 100%), url(), #C4C4C4;
        color: #fff;
    }
    h2{
        /* font-size: 2rem !important; */
    }
    .contentIntro .summary{
        padding: 0 1rem;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .home__desc {
        opacity: 1;
        filter: none;
    }

    .homeUti .home__desc {
        margin: 0;
    }

    .home__desc.--with-content {
        transform: none;
    }

    .home__desc .--subTitle, .home__desc .--title, .home__desc .--content {
        opacity: 1;
        transition-delay: 0s;
        transform: none;
    }

    .home__desc h2 {
        /* font-size: 26px; */
    }

    .home__desc .--subTitle {
        margin-bottom: .5rem;
    }

    .home__desc.--with-content article {
        height: auto;
    }

    .blkPrd .--txt .home__desc article {
    }

    .blkPrd:hover .home__desc.--with-content article {
        height: auto;
    }
    .contentIntro article{
        max-width: 100%;
        text-align: justify;
    }
    .homePosition{
        height: auto;
        display: flex;
        flex-flow: column-reverse;
    }

    .homeArchitecture {
        position: relative;
    }

    .homeArchitecture .--bg {
        /* background-color: #000; */
        /* background-blend-mode: multiply; */
        /* height: 100%; */
        /* width: 100%; */
        /* display: block; */
    }

    .homeArchitecture .--bgImg {
        background-color: #000;
    }

    .section .--bgImg {
        position: absolute;
        top: 0;
        width: 100%;
        opacity: 1;
        transition: none;
        z-index: 0;
    }

    .section .--bgImg img {}

    .section .--bgImg img {
        opacity: .5;
    }

    .homeArchitecture .contentBlock {position: relative;/* z-index: 2; */padding: 4rem 0;}
    .homePosition .bg-frame{
        opacity: 1;
        height: 400px;
        width: 100%;
        background-position: center;
        position: relative;
        transform: none;
    }
    .homePosition .contentPosition{
        /* transform: none; */
        /* background: linear-gradient(180deg, #F38430 0%, rgba(236, 35, 98, 0.88) 100%), url(), #C4C4C4; */
        /* color: #fff; */
        /* padding: 15px 0; */
        /* position: relative; */
    }
    .home__desc article{
        max-width: 100%;
        text-align: justify;
        width: 100%;
        margin-bottom: .5rem;
        max-height: initial;
    }
    .frame_bi .imgbi1, .frame_bi .imgbi2, .frame_bi .imgbi3{
        display: none;
    }
    .homeProduct .contentProduct{
        opacity: 1;
        pointer-events: auto;
        background: linear-gradient(180deg, #F38430 0%, rgba(236, 35, 98, 0.88) 100%), url(), #C4C4C4;
        position: relative;
        transform: none;
        padding: 15px 0;
    }
    .homeProduct .slide{
        opacity: 1;
        background-image: none !important;
        /* z-index: 9999; */
        pointer-events: auto;
        /* height: 100vh; */
    }
    .product_list_thumbnail{
        display: none;
    }
    .homeProduct .slide:nth-child(1){
        background-image: none !important;
    }
    .prev_product{
        display: none;
    }
    .homeUti .bg-frame{
        opacity: 1;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        position: relative;
        height: 50vh;
    }
    .homeNews{
        position:relative !important;
        z-index: 999;
        pointer-events: auto;
        height: auto;
        padding: 0;
    }

    .homeNews .contentNews {
        padding: 2rem 0;
    }

    .contentNews .container {padding: 0 1rem;}

    .homeNews .conten {
    }
    .homeNews .home__desc{
        color: var(--color-title);
    }

    .listNews {
        opacity: 1;
    }

    .listNews .item {
        width: 100%;
        padding: 0;
        color: initial;
    }
    .listNews .item .img{
        width: 100%;
    }
    .contentProduct2 .product_list .item{
        padding:10px 0;
    }
    .homeProduct {
        height: auto !important;
        margin-bottom: 1rem;
        pointer-events: none;
    }
    .formContact{
        position: relative;
        right: 0;
        top: 0;
        left: 0;
        width: 100%;
        overflow: initial;
        height: auto;
    }
    .contentContact .frame-gradient{
        padding: 30px;
        color: #fff;
    }
    .contentContact .logo img{
        display: block;
        margin: auto;
    }
    .contentContact .info{
        /* width: max-content; */
        display: block;
        margin: auto;
    }

    .contentContact .info .item {
        width: 100%;
    }
    .contentContact .office,.contentContact .salesAgent{
        margin: 2rem 0;
    }
    .contentContact .salesAgent .listing ul{
        display: flex;
        /* align-items: center; */
        /* justify-content: center; */
    }

    .contentContact .salesAgent .tab-pane .row {
        margin: 0 -15px;
    }
    .contentContact:after{
        display: none;
    }
    .banner__content{
        position:absolute;
        bottom: 1rem;
        z-index: 1;
        margin-top: 0;
    }
    .contentBanner::after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(241, 110, 59, 0) 84.99%, rgba(236, 36, 97, 0.19) 100%), linear-gradient(66.14deg, rgba(194, 0, 12, 0.44) 0.79%, rgba(243, 134, 47, 0) 73.58%), url();
        opacity: .25;
    }
}
.fp-slides {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 0;
    transition: all 0.7s ease-in-out;
}.section.active .fp-slides {
    opacity: 1;
    z-index: 9;
}
@media(min-width: 1800px){
    .homeView .contentBlock  .offset-md-8{
        margin-left: 84% !important;
    }
}
@media(min-width: 1440px){
    .homeView .contentBlock  .offset-md-8{
        margin-left: 70% !important;
    }
}