*{margin: 0; padding: 0;}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_SVN-Avant';
	src: url('../fonts/SVN-Avant Garde Gothic Bold.eot');
	src: url('../fonts/SVN-Avant Garde Gothic Bold.woff') format('woff'), url('../fonts/SVN-Avant Garde Gothic Bold.ttf') format('truetype'), url('../fonts/SVN-Avant Garde Gothic Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_iCielBCRostrum';
	src: url('../fonts/iCielBCRostrum-Regular.eot');
	src: url('../fonts/iCielBCRostrum-Regular.woff') format('woff'), url('../fonts/iCielBCRostrum-Regular.ttf') format('truetype'), url('../fonts/iCielBCRostrum-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Aptima';
	src: url('../fonts/UTM Aptima.eot');
	src: url('../fonts/UTM Aptima.woff') format('woff'), url('../fonts/UTM Aptima.ttf') format('truetype'), url('../fonts/UTM Aptima.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
:root{
	--font-roboto: 'Roboto', sans-serif;
	--font-avant: 'Conv_SVN-Avant'; 
	--font-ici: 'Conv_iCielBCRostrum';
	--font-aptima: 'Aptima';
	--color-pink:#E25591;
	--color-blue:#1F538F;
	--color-red:#FE6F61;
	--color-blue_light:#97DBDC;
	--color-yellow:#FFEB03;
	--color-green:#029398;
	--color-gradient:linear-gradient(90.04deg, #8F5094 0.82%, #A64F92 7.87%, #BA4C8A 16.17%, #ED568A 36.25%, #FAAD7C 62.59%, #F7BF67 66.37%, #FCC55E 74.86%, #FFC851 85.63%, #FFC83B 99.97%);
	--bg-gradient: linear-gradient(0deg, rgba(226, 85, 139, 0.14) -13.7%, #F79293 53.49%, #FFA896 77.3%);

}
body{font-family: var(--font-aptima);font-size: 13px;line-height: 140%;}
html{
	scroll-behavior: smooth;
}
.loader {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 999999999;
    transition: transform 1s cubic-bezier(0.92, 0.07, 0.49, 0.73);
    background: #fff;
    overflow: hidden;
    background:  linear-gradient(0deg, #E0578C -0.2%, #FEE751 95.07%);
}

.loader .loadersun {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.loader .loaderparttent {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 9;
}

.loader .loader2 {
    z-index: -1;
    position: absolute;
    left: calc(-150px);
    top: 0;
    filter: brightness(.5);
    width: 150px;
    transform-origin: right;
    transform: rotateY(-180deg);
}
.loader .loader3{
  position:absolute;
  right:0;
  top:0;
  width: 150px;
  filter: brightness(.5);
}
.loader .loader1 {
    position: absolute;
    bottom: -36%;
    left: 0;
    width: 100%;
    filter: contrast(5.5);
}
.loader.inactive {
    transform: translateY(-100%);
}
.text_gradient {
	color: var(--color-pink);
	}
.phone {
    position: fixed;
    top: 24px;
    right: 34px;
    background: #fff;
    padding: 4px 4px 4px 20px;
    border-radius: 50px;
    z-index: 999;
    box-shadow: 0 6px 12px rgb(0 0 0 / 15%);
    font-size: 15px;
}

.phone:hover a {
    color: var(--color-pink);
}

.phone::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: var(--color-pink);
    z-index: -1;
    transition: all .5s ease;
}

.phone:hover::after {
    transform: scale(.3);
    opacity: 0;
}

.phone a {
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.phone i {
    background: var(--color-blue);
    width: 30px;
    height: 30px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: .5rem;
}

.loaderLogo {
    position: absolute;
    top: -15px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    z-index: 9;
    height: auto;
    animation: loaderPulse 2s ease-out infinite;
}
@keyframes loaderPulse {
    0% {
        transform:scale(.85);
        opacity: .5;
    }
    50% {
        transform:scale(1);
        opacity: 1;
    }
    100% {
        transform:scale(.85);
        opacity: .5;
    }
}
.effect_zoom{
	opacity: 0;
	transform: scale(.5);
	transition: all 1.5s ease;
	transition-delay: calc(0.1s * var(--i));
}
.section.active .effect_zoom{
	opacity: 1;
	transform: none;
}
.menu {
	position: fixed;
	right: 40px;
	top: 34px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
	opacity: 0;
	z-index: 10;
	pointer-events: none;
}
.social{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	pointer-events: none;
}
.social .network {
    position: absolute;
    right: 34px;
    bottom: 88px;
    pointer-events: auto;
}

.social .network .item {
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: .75rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #029398;
    transition: all .5s ease;
}

.social .network .item.mess {/* border: none; *//* position: relative; *//* font-size: 28px; *//* margin-top: 28px; */display: none;}

.social .network .item.mess::after {content: '';position: absolute;background: #ffffff73;width: 60px;height: 60px;border-radius: 50%;}
.phone i{
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
.social .network .item.call {
    background: var(--color-pink);
}
.social .network .item.facebook {
    background: var(--color-blue_light);
}
.social .network .item.facebook:hover{
	background: #fff;
	border: 1px solid var(--color-blue_light);
}
.social .network .item.facebook:hover i{
	color: var(--color-blue_light);
}
.social .network .item.youtube:hover{
	background: #fff;
	border: 1px solid var(--color-red);
}
.social .network .item.youtube:hover i{
	color: var(--color-red);
}
.social .network .item.youtube {
    background: var(--color-red);
}
.social .logo {
    position: absolute;
    left: 80px;
    top: 16px;
    /* transition: all .75s ease; */
    transition: all 1s cubic-bezier(0.04, 1, 0.6, 0.97);
    pointer-events: auto;
    cursor: pointer;
    width: 160px;
}
.btn_effect_zoom{
	background: #fff;
	z-index: 9;
}
.btn_effect_zoom:hover a{color: var(--color-pink) !important;}
.btn_effect_zoom:hover::after{
	transform: scale(.3);
	opacity: 0;
}
#fp-nav ul li a.active ~ .fp-tooltip {
    opacity: 1;
    width: max-content;
}
.btn_effect_zoom::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--color-pink);
	transition: all .5s ease;
	border-radius: 50%;
	z-index: -1;
}
.fp-viewing-trang-chu .social .logo {
    transform: scale(1.3);
    left: 45%;
    top: 2rem;
}

.fp-viewing-trang-chu .social .logo img {
    /* width: 200px; */
}
#fp-nav{
	margin-top: 0 !important;
	right: 40px !important;
	top: 45%;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: #e6e6e6;
	width: 2px !important;
	height: 15px !important;
	border-radius: unset !important;
}

#fp-nav ul li:hover a span {
    margin: -2px;
}
#fp-nav ul li .fp-tooltip{
	background: var(--color-red);
	padding: 5px 20px;
	transform: translate(0, -50%);
	top: 12px;
	border-radius: 25px;
	font-size: 13px;
	right: 18px;
	pointer-events: none;
}
#fp-nav li a.active span{
    margin: -2px !important;
    background: var(--color-yellow);
}
.social .logo img {
    width: 100%;
    transition: aall .5s ease;
}

.social .logo .img2 {
    display: none;
}

.fp-viewing-vi-tri .social .logo .img2, .fp-viewing-san-pham .social .logo .img2,.fp-viewing-tin-tuc .social .logo .img2 {
    display: block;
}

.fp-viewing-vi-tri .social .logo .img1, .fp-viewing-san-pham .social .logo .img1, .fp-viewing-tin-tuc .social .logo .img1 {
    display: none;
}
.menu.show {
	visibility: visible;
	opacity: 0;
	transition: opacity 0.5s 0.7s;
}
.menu span {
	position: absolute;
	width   : 30px;
	height  : 2px;
	left    : 6px;
	background: #FFFFFF;
}
.menu span:nth-child(1) {
	top: 10px;
}
.menu span:nth-child(2) {
	top: 20px;
}
.menu span:nth-child(3) {
	top: 30px;
}
.menu.active span {
	background: #FFF;
}
.menu.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	transform: rotate(-45deg);
}

.menu.active span:nth-child(2),
.menu.active span:nth-child(3) {
	top: 16px;
	transform: rotate(45deg);
}
.menuBox {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	overflow: auto;
	background: linear-gradient(90deg, rgb(219 74 129) -13.7%, #F79293 53.49%, #ffa896 77.3%);
	z-index: 9;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.menuBox ul {
    margin: 0;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.menuBox li a {
	color: var(--color-yellow);
}
.menuBox li {
	/* padding: 50px 0; */
	list-style: none;
	padding: 3px;
}
.fixBg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.patterKV{position: absolute;transition: all 1.5s ease;opacity:0;transition-delay: .75s;}
.section.active .patterKV{
	opacity: 1;
}
.homeOverview  .patterKV {
    right: -2rem;
    width: 36vw;
    bottom: 0;
    z-index: 9;
}

.homeOverview .patterKV img {width: 100%;}
.homeOverview .futureOver {
	position: absolute;
	top: 0;
	padding: 0;
	left: 0;
}
.bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition: clip 0.7s;
	height: 100%;
	background-size: cover !important;
	/* background-color: #FFF; */
}
.bg_fill{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg1 {
	z-index: 15;
}
.bg2 {
	z-index: 14;
	/* background-position: inherit; */
	/* background-size: 100% 90% !important; */
}
.bg3 {
	z-index: 13;
}
.bg4 {
	z-index: 12;
}
.bg5 {
	z-index: 11;
}
.bg6 {
	z-index: 10;
	background-position: bottom center;
	background-size: 100% 100% !important;
}
.bg7 {
	z-index: 9;
}
.bg8 {
	z-index: 8;
	background-size: 100% 100%!important;
}
.bg9 {
	z-index: 7;
}
.bg10 {
	z-index: 6;
}
.bg11 {
	z-index: 5;
}
.bg12 {
	z-index: 4;
}
.bg13 {
	z-index: 3;
}
.bg14 {
	z-index: 2;
}
.bg15 {
	z-index: 1;
}
a:hover{text-decoration: none;}
.section{
	text-align:center;
}

.homeAbout .--left {
    background: linear-gradient(0deg, #E0578C -0.2%, #FEE751 95.07%);
    display: flex;
    align-items: center;
    padding: 0px 60px 0 90px;
    position: relative;
    flex-flow: column;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
}

.homeAbout .--left .img1 {
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.homeAbout .--left .img2 {
    position: absolute;
    bottom: 20px;
    width: 390px;
    left: 50%;
    transform: translate(-50%,0);
    pointer-events: none;
}
/* me */
.titleBanner h1{
	font-size: 60px;
	background: var(--color-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--font-avant);
	filter: drop-shadow(-1px 2px 1px #5A4D63);
}
.titleBanner h2{color: #fff;font-family: var(--font-ici);text-shadow: -1px 2px 4px #934F93;}
.titleBanner{
    position: absolute;
    transform: translate(-50%,0);
    left: 50%;
    top: 150px;
    width: max-content;
}
.titleIntro{
    color: #fff;
    font-family: var(--font-ici);
    text-align: left;
    width: 100%;
}

.titleIntro h1 {
    font-size: 32px;
    color: var(--color-pink);
    margin-bottom: 25px;
}

.homeAbout .--content {
    text-align: justify;
    color: #FFF;
    font-size: 15px;
}

.homeAbout .bg_right {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.homeAbout .bg_right:hover img {
    transform: none;
}

.homeAbout .bg_right img {
    transition: all .75s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);
}

.titleIntro p {
    margin: 0;
}

.titleIntro p:nth-child(2) {
    font-family: var(--font-avant);
    text-transform: uppercase;
    text-align: right;
}
.titleIntro span{
    font-family: var(--font-avant);
    text-transform: uppercase;
}
.homeOverall .overImg{
    height: 270px;
    width: 270px;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%,0);
    left: 50%;
    top: 18px;
    z-index: 1;
}
.homeOverall {
	position: relative;
	/* background: #fff; */
}
.homeOverall .imgbackground{
    background: #fff;
}
.homeOverall .imgbackground img{border-radius: 0 0 0 250px}
.cntentOverall{
    color: #fff;
    font-family: var(--font-ici);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: absolute;
    transform: translate(-50%,0);
    left: 50%;
    top: 175px;
}
.homeBlock {
    /* display: none !important; */
    overflow: hidden;
}

.homeBlock1 .--center img,.homeBlock1 .--right img {
    width: 100%;
}

.homeBlock1 {
    overflow: hidden;
}
.homeBlock1 .--rightBlock .item:hover{
}
.homeBlock1 .--rightBlock .item{
    transition: all 1s ease;
}
.homeBlock1 .--rightBlock .item:nth-child(1){width: 65%;}
.homeBlock1 .--rightBlock .item:nth-child(2){width: 35%;}
.homeBlock1 .--rightBlock .item:hover{
    width: 200% !important;
}
.homeBlock1 .img1 {
    position: absolute;
    top: 0;
    right: 10%;
}

.homeBlock1 .img2 {
    position: absolute;
    bottom: 5%;
    left: -40%;
}

.homeBlock1 .--left {
    background: linear-gradient(0deg, #E0578C 4.94%, #FEE751 112.35%);
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 60px;
    color: var(--color-pink);
}

.homeBlock1 .--title {
    font-family: var(--font-ici);
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 1rem;
}

.homeBlock1 .--title span {
    font-family: var(--font-avant);
    font-style: italic;
    font-size: 20px;
}

.homeBlock1 .--content {
    color: #ffffffb3;
    line-height: 15px;
    text-align: justify;
}

.homeBlock1 .--center,.homeBlock1 .--right {
    height: 100%;
    overflow: hidden;
    padding-right: 1px;
}

.homeBlock1 .--center {
    border-right: 3px solid #FFFFFF;
}

.homeBlock1 .--right:hover img,.homeBlock1 .--center:hover img {
    /* transform: none; */
}

.homeBlock1 .--right img,.homeBlock1 .--center img {
    /* transform: scale(1.3); */
}

.homeBlock1 .--center img,.homeBlock1 .--right img {
    height: 100%;
    object-fit: cover;
    transition: all .75s ease;
}

.homeBlock1 .--center img {
}

.homeBlock .--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);
    transition: all .75s ease;
}

.homeBlock .--img {
    height: 100%;
    overflow: hidden;
}

.homeBlock .--img:hover img {
    transform: none;
}

.homeBlock .--right {
    background: linear-gradient(0deg, #E0578C 4.94%, #FEE751 112.35%);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0 60px;
}

.homeBlock .--title {
    font-size: 28px;
    color: var(--color-pink);
    font-family: var(--font-ici);
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    text-align: left;
}

.homeBlock .--content {
    color: #FFFFFF;
    text-align: justify;
}

.homeBlock .--title span {
    font-family: var(--font-avant);
    font-style: italic;
}

.homeBlock .partten .img1 {position: absolute;top: 0;right: 15%;}

.homeBlock .partten .img2 {
    position: absolute;
    left: 128px;
    bottom: 6%;
}
.cntentOverall h1 p {
    margin: 0;
}
.cntentOverall h1 span{
    font-family: var(--font-avant);
}
.bg3::after {content: '';position: absolute;height: 167px;width: 100%;top: 0;left: 0;background: linear-gradient(360deg, rgba(226, 85, 139, 0.14) -13.7%, #F79293 53.49%, #FFA896 77.3%);}
.homeOverall .patterKV{
    left: -65px;
    bottom: 10px;
    z-index: 1;
}
.homeOverall .overImg .pattern img{
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.homeOverall .overImg img{
    width: 100%;
    border-top-left-radius: 100% 200%;
    border-top-right-radius: 100% 200%;
}
.section.active .imgOverview img{transform: none;}
.imgOverview img{width: 100%;height: 100vh;object-fit: cover;border-radius: 0px 220px 0px 0px;transition: all 2s ease;}
.homeOverview {background: #fff;position: relative;}
.homeOverview .content{
	height: 100%;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: center;
	padding-left: 6rem;
	color: var(--color-blue);
	width: 108%;
	text-align: left;
}
.imgOverview{
    position: absolute;
    overflow: hidden;
    border-radius: 0px 220px 0px 0px;
    top: 0;
    left: 0;
}
.imgOverview .slideNav-prev {
    left: 5px;
}
.imgOverview .slideNav-next {
    right: 15px;
}
.imgOverview i {
    position: absolute;
    width: 45px;
    height: 45px;
    /* background: #FFFFFF; */
    top: 55%;
    transform: translate(0,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    border-radius: 50%;
    color: var(--color-pink);
    cursor: pointer;
}

.imgOverview i:hover {
    background: var(--color-pink);
    color: #FFF;
}

.imgOverview i::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    background: #fff8f0;
    z-index: -1;
    transition: all .4s ease;
}

.imgOverview i:hover::after {
    transform: scale(.2);
    opacity: 0;
}
.homeOverview .content .item .title p{margin: 0;}

.homeOverview .content .item .title p:nth-child(2) {
    height: 58px;
}
.homeOverview .content .item .title{font-family: var(--font-ici);text-align: left;color: var(--color-pink);margin-bottom: 0;font-size: 2.0rem;}
.homeOverview .content .item:nth-child(1) .title{
    margin-bottom: 1rem;
}
.homeOverview .content .item{width: 100%;height: auto !important;}
.homeOverview .content .item .title span{
	color: var(--color-pink) !important;
	font-family: var(--font-avant);
	text-transform: uppercase;
	font-size: 2rem;
}
.homeOverview .content .item:nth-child(2){}
.homeOverview .content .item li strong{
    flex: 0 0 auto;
    width: 52%;
    margin-right: 1rem;
}
.homeOverview .content .item li{text-align: left;padding: .25rem;z-index: 9;position: relative;}
.bg_gradient{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.bg_gradient img{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.homeEcosys .overEcosys{
	width: 30vw;
	height: auto;
	transform: translate(0, -50%);
	left: 8.3%;
	top: 52%;
}
.contentEcosys{
	position: absolute;
	top: 55%;
	transform: translate(-50%,0);
	left: 50%;
}
.contentEcosys h1{
    color: #fff;
    font-family: var(--font-ici);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.contentEcosys h1 div {
    display: flex;
    white-space: nowrap;
    line-height: 42px;
    align-items: flex-end;
}
.contentEcosys h1 span{
    font-family: var(--font-avant);
    margin-right: .5rem;
    line-height: 52px;
}
.homeDesign {
	position: relative;
}

.homeDesign::after {content: '';position: absolute;width: 10vw;height: 39vh;background: var(--color-green);bottom: 0;left: 0;border-radius: 0px 250px 0px 0px;}
.futureDesign{
	position: absolute;
	bottom: 0;
	left: 0;
	/* width: 50%; */
	margin-left: 12vw;
	border-radius: 500px 500px 0px 0px;
	border: 1px solid #ffff;
}
.futureDesign .img1 img{
	border-top-left-radius: 100% 200%;
    border-top-right-radius: 100% 200%;
}
.futureDesign .img1{
    height: 33vh;
    width: 30vw;
    /*     border-top-left-radius: 100% 200%;
    border-top-right-radius: 100% 200%; */
    padding: .35rem;
    /* margin-bottom: .35rem; */
}
.section.active .futureDesign img{
	width: 100%;
	opacity: 1;
}
.futureDesign .img1 img{transition-delay: .1s;}
.futureDesign .img2 img{transition-delay: .2s;}
.futureDesign img{
	width: 0;
	height: 100%;
	object-fit: cover;
	transition: all 1s ease;
	float: right;
	opacity: 0;
}
.futureDesign .img2{
    width: 30vw;
    height: 49vh;
    padding: .35rem;
}
.homeDesign .future_pattern {
	position: absolute;
	top: 0;
	left: 50%;
	/* width: 50%; */
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	border-radius: 0px 0px 126px 0px;
	border: 1px solid #fff;
}
.homeDesign .future_pattern .img3{width: 23vw;height: 54vh;/* margin-bottom: .35rem; */padding: .35rem;}
.homeDesign .future_pattern .img_pat{
	height: 35vh;
	width: 23vw;
	padding: .35rem;
}
.homeDesign .future_pattern img{width: 0;height: 100%;object-fit: cover;transition: all 1s ease;transition-delay: .3s;opacity: 0;}

.homeDesign.active .future_pattern img {
    width: 100%;
    opacity: 1;
}
.homeDesign .future_pattern .img_pat img{border-radius: 0px 0px 120px 0px;transition-delay: .4s;}
.titleDesign{
	position: absolute;
	transform: translate(-50%,0);
	left: 50%;
	font-family: var(--font-ici);
	color: #fff;
	z-index: 1;
	top: 8%;
	text-align: left;
}

.titleDesign span {
    color: var(--color-yellow);
    font-family: var(--font-avant);
    text-transform: uppercase;
}
.homeDesign .green{
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    right: 50%;
    background: var(--color-green);
    transition: all 1.5s ease;
}

.homeDesign.active .green {
    width: 20vw;
}
.maps_total{position: relative;height: 100vh;}


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

.itemmarker {
    position: absolute;
    cursor: pointer;
}

.itemmarker:hover .--txt {
    opacity: 1;
    position: absolute;
    transform: translate(-50%,-45%);
}
.itemmarker .number p{display: flex;align-items: flex-start;justify-content: center;height: 100%;width: 100%;line-height: 1;}
.itemmarker .number {
    border: 1px solid;
    width: 13px;
    height: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #d8a71d;
    font-size: 8px;
    padding-bottom: 0px;
    transition: all .5s ease;
}

.itemmarker:hover .number {transform: scale(1.5);}

.itemmarker .--txt {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: -22px;
    width: max-content;
    transform: translate(-50%,-100%);
    transition: all .75s ease;
    background: var(--color-blue);
    color: #FFFFFF;
    pointer-events: none;
    z-index: 99;
    padding: 5px 10px;
}

.itemmarker:nth-child(1) {
    top: 18%;
    left: 39%;
}
.itemmarker:nth-child(2) {
    top: 19%;
    left: 10.5%;
}
.itemmarker:nth-child(3) {
    top: 38.5%;
    left: 37.5%;
}
.itemmarker:nth-child(4) {
    top: 51%;
    left: 48%;
}
.itemmarker:nth-child(5) {
    top: 24%;
    left: 27.7%;
}
.itemmarker:nth-child(6) {left: 12%;top: 22%;}
.itemmarker:nth-child(7) {
    left: 14%;
    top: 23%;
}
.itemmarker:nth-child(8) {
    top: 46%;
    left: 46%;
}
.itemmarker:nth-child(9) {
    top: 20%;
    left: 14%;
}
.itemmarker:nth-child(10) {
    left: 48%;
    top: 19%;
}
.itemmarker:nth-child(11) {
    top: 14%;
    left: 20.5%;
}
.itemmarker:nth-child(12) {
    top: 20%;
    left: 30%;
}
.itemmarker:nth-child(13) {top: 18%;left: 53%;}
.itemmarker:nth-child(14) {
    top: 18%;
    left: 15.5%;
}
.itemmarker:nth-child(15) {
    top: 17%;
    left: 22%;
}
.itemmarker:nth-child(16) {
    top: 29%;
    left: 11%;
}
.itemmarker:nth-child(17) {
    top: 29%;
    left: 44.5%;
}
.itemmarker:nth-child(18) {
    top: 19.5%;
    left: 28%;
}
.itemmarker:nth-child(19) {
    top: 18%;
    left: 50%;
}
.itemmarker:nth-child(20) {
    top: 19%;
    left: 36%;
}
.itemmarker:nth-child(21) {
    left: 42%;
    top: 18%;
}
.itemmarker:nth-child(22) {
    top: 39%;
    left: 42%;
}
.itemmarker:nth-child(23) {
    top: 21%;
    left: 41%;
}
.itemmarker:nth-child(24) {top: 22%;left: 48%;}
.itemmarker:nth-child(25) {
    top: 20%;
    left: 54.5%;
}
.itemmarker:nth-child(26) {
    top: 18%;
    left: 56%;
}
.itemmarker:nth-child(27) {
    top: 19%;
    left: 25%;
}
.itemmarker:nth-child(28) {
    top: 31.5%;
    left: 49.5%;
}
.itemmarker:nth-child(29) {
    left: 50%;
    top: 44%;
}
.itemmarker:nth-child(30) {
    top: 30%;
    left: 32%;
}
.itemmarker:nth-child(31) {
    top: 27%;
    left: 25%;
}
.itemmarker:nth-child(32) {
    top: 29%;
    left: 34%;
}
.itemmarker:nth-child(33) {
    top: 28.5%;
    left: 28%;
}
.itemmarker:nth-child(34) {
    top: 31.5%;
    left: 35.5%;
}
.itemmarker:nth-child(35) {
    top: 41%;
    left: 44.5%;
}
.itemmarker:nth-child(36) {
    top: 35%;
    left: 44.5%;
}
.itemmarker:nth-child(37) {
    top: 34%;
    left: 34%;
}
.itemmarker:nth-child(38) {
    top: 31%;
    left: 30%;
}
.itemmarker:nth-child(39) {
    top: 28%;
    left: 30.5%;
}
.itemmarker:nth-child(40) {
    top: 32%;
    left: 45%;
}
.itemmarker:nth-child(41) {
    top: 41.5%;
    left: 41.5%;
}
.itemmarker:nth-child(42) {
    top: 38%;
    left: 44%;
}
.itemmarker:nth-child(43) {
    top: 45%;
    left: 43%;
}
.itemmarker:nth-child(44) {
    top: 35%;
    left: 42%;
}

.itemmarker:nth-child(45) {
    top: 60%;
    left: 7%;
}

.itemmarker:nth-child(45) .--txt,.itemmarker:nth-child(46) .--txt {
    display: none;
}

.itemmarker:nth-child(46) {
    top: 49%;
    left: 84%;
}
.maps_total::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	right: 0;
	transition: all 1s cubic-bezier(0, 0, 0.27, 0.84);
}
.section.active .maps_total::after{width: 0;}
.patternCoco{position: absolute;right: 0;top: 0;}
.homeTotal .patternCoco{
    overflow: unset;
}

.homeTotal .patternCoco img {display: none;}
.patternCoco img{height: 100%;}
.homeOverview .patternCoco img:nth-child(1){
	/* position: absolute; */
	/* bottom: 0; */
	/* height: 100%; */
	/* right: 5%; */
}
.homeTotal .content{
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: left;
	height: 100%;
	margin-right: 6rem;
	margin-left: 6rem;
	padding-top: 6rem;
}
.homeUtility .content{padding-top:0;}
.homeTotal .patternflower .img1 {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.homeTotal .patternflower .img2 {
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.homeTotal .content .note_homeTotal {
	list-style: none;
	padding: 20px 0 20px 14px;
	border-radius: 15px;
	height: max-content;
	margin-right: 20px;
}

.homeTotal .content .note_homeTotal i {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--color-pink);
    color: var(--color-pink);
    z-index: 99;
    cursor: pointer;
}

.homeTotal .content .note_homeTotal i:hover {
    border: 1px solid var(--color-blue);
    background: var(--color-blue);
    color: #FFFFFF;
}

.homeTotal .content .note_homeTotal i::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    background: #FFF;
    z-index: -1;
    transition: all .4s ease;
}

.homeTotal .content .note_homeTotal i:hover::after {
    transform: scale(.2);
    opacity: 0;
}

.homeTotal .content .note_homeTotal i.slideNav-next {
    left: 97%;
}

.homeTotal .content .note_homeTotal i.slideNav-prev {
    left: -20px;
}
.homeTotal .content .note_homeTotal .slick-slide div {
    display: flex;
}
.homeTotal .content .note_homeTotal button{
	display: none !important;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #E6E6E6;
}
.homeTotal .content ul li {
    display: flex !important;
    margin-bottom: 8px;
}

.homeTotal .content ul p:nth-child(1) {
    background: var(--color-blue);
    width: 18px;
    height: 18px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    flex: 0 0 auto;
    padding-bottom: 4px;
}

.homeTotal .content ul p:nth-child(2) {
    font-size: 13px;
    margin-left: 13px !important;
}

.homeTotal .description {
    text-align: justify;
    font-size: 14px;
    display: flex;
}

.homeUtility .description {
    display: block;
}

.homeUtiArrow {
    display: flex;
    margin-top: 50px;
    position: absolute;
    bottom: 12%;
    left: 80px;
    z-index: 99;
}
.homeUtility .description p {
    margin-bottom: 10px;
}
.homeUtiArrow .button {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

.homeUtiArrow .button::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s ease;
    background: #FFFFFF;
}

.homeUtiArrow .button:nth-child(2)::after {
    background: #029398;
}

.homeUtiArrow .button:nth-child(1)::after {
    background: #FE6F61;
}

.homeUtiArrow .button:nth-child(1):hover {
    background: #029398;
}

.homeUtiArrow .button:nth-child(1) {
    background: #FE6F61;
}

.homeUtiArrow .button:hover::after {
    transform: scale(.2);
    opacity: 0;
}

.homeUtiArrow .button:nth-child(2) {
    background: #029398;
    margin-left: 12px;
}
.homeUtiArrow .button:nth-child(2):hover {
    background: #FE6F61;
}

.homeTotal .description .item {
    display: flex;
    margin-right: 28px;
}

.homeTotal .description .item p:nth-child(1) {
    background: var(--color-blue);
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #FFFFFF;
    margin-right: 8px;
    padding-bottom: 3px;
}

.homeTotal .content h2 {
    color: var(--color-pink);
    font-family: var(--font-avant);
    font-size: 28px;
}

.homeTotal .content h2 strong {
    font-family: var(--font-ici);
}
.homeTotal {position: relative;background: #fff;}
.homeTotal .parttent img:nth-child(1){
	right: 0;
    top: 0;
}
.homeTotal .parttent img:nth-child(2){
	left: 0;
    bottom: 0;
}
.homeTotal .parttent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.homeTotal .parttent img {
    position: absolute;
    height: auto;
    width: auto;
}
.maps_total img {}
.homeTotal .maps{
	height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 100%;
}
.modalListimg{
	z-index: 9999;
}

.modalListimg .modal-content {
    border-radius: unset;
}

.modalListimg .modal-header {
    border-bottom: none;
}

.modalListimg .modal-header button:hover {
    color: var(--color-pink);
}
.modalListimg .modal-body{
	padding: 1rem 2rem;
}
.modalListimg i {
    position: absolute;
    top: 50%;
    width: 35px;
    transition: all .5s ease;
    height: 35px;
    background: var(--color-gradient);
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    transform: translate(0,-50%);
    border-radius: 50%;
    z-index: 99;
    color: #FFF;
}
.listDoc button,.listvideo button {
    display: none !important;
}

.listDoc img {
    width: 100%;
}
.modalListimg i.slideNav-prev {
    left: -15px;
}

.modalListimg i:hover {
    transform: scale(.9) translate(0,-50%);
}

.modalListimg i.slideNav-next {
    right: -15px;
}

.modalListimg img {
    width: 100%;
}
.maps_total img{object-position: right center;height: 100%;width: auto;object-fit: cover;}
.titleTotal h1{
    color: var(--color-pink);
    font-family: var(--font-avant);
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 28px;
}
.titleTotal h1 span{
}
.homeTotal .villa ul{list-style: none;text-align: left;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 25px;width: 370px;margin-top: 15px;}
.homeTotal .villa ul .color{
    width: 35px;
    height: 20px;
}
.homeTotal .villa ul li{
    color: var(--color-blue);
    margin-bottom: .25rem;
    width: 50%;
}

.homeTotal .villa ul li span {
    font-weight: bold;
}
.homeExper {position: relative;}
/* .bg8::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, #E2558B -13.7%, #FFA896 77.3%);
	z-index: -1;
} */

/* dichvu */
.homeService {
	background: linear-gradient(0deg, #E0578C 4.94%, #FEE751 112.35%);
}

.homeService .--left {
    position: relative;
}

.homeService .--left .imgsun {
    width: max-content;
    margin-top: 30px;
}

.homeService .--left .--txt {
    position: absolute;
    bottom: 0;
    left: 80px;
    width: calc(100% - 80px);
    height: 75%;
    background: #FFFFFF;
    border-radius: 112px 0px 0px 0px;
    padding-left: 40px;
}

.homeService .--left .--txt .parttent {
    position: absolute;
    bottom: 6px;
    right: 0;
}

.homeService .--left .--txt .parttent img {
    width: 100%;
}

.homeService .--left .--title {
    margin-top: 25px;
    color: var(--color-pink);
    font-size: 30px;
    text-align: left;
    line-height: 35px;
    display: flex;
    flex-flow: column;
    font-family: var(--font-ici);
    margin-bottom: 1rem;
}

.homeService .--left .--content {
    font-size: 12px;
    text-align: left;
}

.homeService .--left .--title span {font-family: var(--font-avant);text-transform: uppercase;}

.homeService .future {
    height: calc(50% - 2px);
    overflow: hidden;
}

.homeService .future:hover img {
    transform: none;
}

.homeService .--img_0 {
    width: 100%;
    border-radius: 0px 0px 0px 120px;
}

.homeService .--img_0 img {
    border-radius: 0px 0px 0px 120px;
}

.homeService .--img_1 {
    width: 60%;
    margin-top: 3px;
    border-radius: 0px 0px 0px 120px;
}

.homeService .--img_1 img {
    border-radius: 0px 0px 0px 120px;
}

.homeService .--img_2 {
    width: 26%;
    margin-top: 3px;
    margin-left: 4px;
}

.homeService .--right {
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
    justify-content: end;
    background: #FFF;
}

.homeService .future img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);
    transition: all .75s ease;
}
.homeProduct {
	padding: 0 80px;
}

.homeProduct .--title {
    color: #FFF;
    position: absolute;
    bottom: 73px;
    right: 9%;
    font-family: var(--font-ici);
    text-shadow: 4px 6px 0px #F1CB00;
    font-size: 78px;
    z-index: 9;
}

.homeProduct .parttent {
    position: absolute;
    bottom: 0;
    right: -85px;
}

.homeProduct .item_0 {
    height: 70%;
    position: relative;
}

.homeProduct .itemproduct:hover::after {content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: #0000006b;}

.homeProduct .itemproduct:hover .--txt {
    opacity: 1;
}
.homeProduct .--txt {
    font-family: var(--font-ici);
    color: #FFFFFF;
    position: absolute;
    opacity: 0;
    z-index: 99;
    bottom: 30px;
    display: flex;
    align-items: center;
    width: 100%;
    left: 0;
    justify-content: space-around;
    transition: all .75s ease;
}

.homeProduct h2::after {content: '';position: absolute;left: 0;bottom: -8px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);width: 100px;}

.homeProduct h2 {
    position: relative;
}
}

.homeProduct .--txt a {
    color: #FFF;
    pointer-events: auto;
    cursor: pointer;
}

.homeProduct .--txt a i {
    border: 1px solid #FFFFFF;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.homeProduct .--left {
    display: flex;
    align-items: end;
    position: relative;
    padding-right: 3px !important;
}

.homeProduct .--center {
    padding-top: 27px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 27px 3px 0 !important;
}

.homeProduct .item_1 {
    height: calc(65% - 2px);
    position: relative;
}

.homeProduct .item_1 .--img {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 250px 0px 0px 0px;
}

.homeProduct .item_1 .--img img {
    border-radius: 250px 0px 0px 0px;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.homeProduct .--center .item_2 {height: calc(35% - 2px);}

.homeProduct .itemproduct {
    position: relative;
}

.homeProduct .--right {
    padding-left: 3px !important;
}

.homeProduct .--right .--img {
    height: 100%;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 0px 0px 250px 0px;
}

.homeProduct .--right .--img img {
    border-radius: 0px 0px 250px 0px;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.homeProduct .item_3 {
    position: relative;
    height: 75%;
}

.homeProduct .item_3 i {
}

.homeProduct .item_3 .--txt {
    bottom: 5%;
    transform: translate(0,-50%);
    width: 100%;
    padding: 0 7rem 0 2rem;
    justify-content: space-between;
}

.homeProduct .--center .item_2 img {
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.homeProduct .item_0 .--img {
    border: 2px solid #FFFFFF;
    border-radius: 500px 500px 0px 0px;
}

.homeProduct .--img {
    height: 100%;
    position: relative;
}

.homeProduct .item_0:hover::after {
    border-radius: 500px 500px 0px 0px;
}

.homeProduct .item_1:hover::after {border-radius: 250px 0px 0px 0px;}
.homeProduct .item_3:hover::after {border-radius: 0px 0px 250px 0px;}

.homeProduct .item_0 .--img img {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 500px 500px 0px 0px;
}
.itemproduct img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.modalProduct .parameter{}
.modalProduct .list_department{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.modalProduct .list_department .item:hover{
    border-color: transparent;
    box-shadow: 0 16px 32px rgb(0 0 0 / 10%);
    color: var(--color-green);
}
.modalProduct .list_department .item {
    width: 47%;
    border: 1px solid #c4c4c4;
    text-align: center;
    padding: 7px;
    cursor: pointer;
    font-family: var(--font-Gothic);
    transition: all .5s ease;
    cursor: pointer;
}
.modalProduct .list_department .item a:hover{text-decoration: none;}
.modalProduct .list_department .item a {
    display: block !important;
    color: #333;
}
.modalProduct .parameter h4{text-transform: uppercase;font-size: 16px;font-weight: bold;margin-top: 3rem;}
.modalProduct .modallist .title{
    position: relative;
    font-size: 2rem;
    font-family: var(--font-ici);
    background: var(--color-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 70px;
    display: flex;
    align-items: center;
}
.modalProduct .modallist .imgKv{position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;}
.modalProduct .modallist .imgKv .img1{position: absolute;top: 0;right: 0;height: auto;width: 44%;}
.modalProduct .modallist .imgKv .img2{position: absolute;bottom: 0;left: 0;/* width: 50%; */height: auto;}
.modalProduct .modallist .title::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -.35rem;
    height: 2px;
    width: 50px;
    background: var(--color-gradient);
}
.modalProduct .modal-dialog{
    max-width: 900px;
    width: 100%;
}
.modalProduct .modallist  ul{list-style: none;}
.modalProduct .modallist .content{
    padding-left: 15%;
    padding-top: 20px;
    height: 100%;
    position: relative;
    font-family: var(--font-Gothic);
    padding-right: 1rem;
}
.modalProduct .overview{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 15px;
    left: 15%;
}

.modalProduct .overview .item {
    width: 50%;
}

.modalProduct .overview .item p {
    text-transform: uppercase;
    font-weight: bold;
    color: #aaa;
    font-size: 10px;
}
.fancybox-navigation .fancybox-button--arrow_right{
    right: 23%;
}
.modal-backdrop{
	display: none;
}
.modal{
	background: #00000085;
}

.modalproduct .future img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.modalproduct .future i {
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: var(--color-gradient);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    z-index: 99;
    color: #FFFFFF;
    border: 1px solid;
    cursor: pointer;
}

.modalproduct .future i.slideNav-next {
    left: 31px;
}

.modalproduct .future .slick-list {
    padding: 0 !important;
}
.fancybox-navigation button{background: var(--color-gradient); color: #fff; padding: 0}
.fancybox-navigation .fancybox-button--arrow_left{left: 23%}
.modalProduct .modal-content{height: 100%;border-radius: 0;}
.modalProduct .modal-header{border: none;position: absolute;right: 15px;top: 15px;z-index: 9;}
.modalProduct .modal-header button{
    background: #ededed;
    opacity: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modalProduct .modallist .content article{
    margin-top: 2rem;
}


/* dichvu */
.homeExper .future{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 80vh;
	width: 100%;
}
.homeExper .future img{width: 100%;position: absolute;top: 0;height: 100%;left: 0;border-radius: 0px 250px 0px 0px;border-top: 6px solid var(--color-green);border-right: 6px solid var(--color-green);}
.homeExper .imgExp{
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
}
.homeExper .content{
	position: relative;
	height: 100%;
}
.homeArchitec .nextSlick{right: unset;left: 41%;top: unset;bottom: 0;}
.homeArchitec .slideNav-next{
	opacity: 0;
	pointer-events: none;
}
.homeExper .content .overImg {
    position: relative;
    width: 350px;
    height: 350px;
}
.homeExper .content .txt{
	position: absolute;
	z-index: 1;
	transform: translate(-50%, -50%);
	top: 77%;
	left: 50%;
	width: 100%;
	color: #fff;
}
.homeExper .content .titleExp span{font-family: var(--font-avant);}
.homeExper .content .titleExp{
	font-family: var(--font-ici);
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	color: #fff;
}
.homeExper .content .txt .subTitle{
    width: 128%;
    margin-left: -14%;
}
.homeUtility{
	position: relative;
	background: #FFFFFF !important;
	background: none;
}
.homeUtility .pattern{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}
.homeUtility .pattern img{
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	transition: all 2s ease;
	right: 0;
}
.homeUtility.active .pattern img{width: 200px;}
.homeUtility .patternSun{position: absolute;bottom: 0;left: 17%;display: flex;flex-flow: column;align-items: center;z-index: 1;pointer-events: none;}
.homeUtility .patternSun img:nth-child(1){}
.homeUtility .patternSun img:nth-child(2){}
.titleUti span{
    text-transform: uppercase;
    font-family: var(--font-avant);
}
.titleUti{
    font-family: var(--font-ici);
    color: var(--color-blue);
}
.homeUtility .imgUti{
	border-radius: 0px 0px 0px 250px;
	z-index: 9;
	overflow: hidden;
	height: 85vh;
}

.homeUtility .imgUti:hover img {
    transform: none;
}

.homeUtility .imgUti i.slideNav-prev {
    left: 0;
    top: calc(50% - 7.5vh);
}

.homeUtility .imgUti i {
    color: #FFFFFF;
    z-index: 99;
    background: linear-gradient(0deg, #E0578C 4.94%, #FEE751 112.35%);
    border-color: #FFFFFF;
}

.homeUtility .imgUti i.slideNav-next {
    right: 15px;
    top: calc(50% - 7.5vh);
}
.homeUtility .imgUti img{border-radius: 0px 0px 0px 250px;height: 85vh;z-index: 999;position: relative;width: 100%;transform: scale(1.3);transition: all .75s ease;}
.homeUtility .listing{height: 100vh;/* background: aliceblue; */position: relative;z-index: 9;}
.homeUtility .slick-track{
    height: 100vh;
}
.homeUtility .listing .item{
	height: 100vh;
	display: flex !important;
	align-items: center;
	justify-content: center;
	z-index: 99;
}
.homeArchitec .imgOverview img, .homeArchitec .imgOverview{
	border-radius: 0px 0px 250px 0px;
	position: relative;
	top: unset;
	left: unset;
}
.homeArchitec  .listing{
	height: 100vh;
}
.homeArchitec  .listing .item{
	height: 100vh;
}
.homeArchitec .listing .item .content{
	padding-left: 2rem;
	padding-right: 90px;
}
.homeArchitec .listing .item .content button{
	background: none;
	border: none;
	color: var(--color-red);
	padding-left: 0;
}
.homeArchitec .listing .item .content button:focus{
	outline: none;
	box-shadow: none;
}
.homeArchitec .content .item .title span{font-size: unset;}
.homeVision{}
.homeVision .titleIntro{position: relative; width: max-content}
.homeVision .titleIntro .pattern{
	position: absolute;
	top: -100%;
	transform: translate(-50%,0);
	left: 50%;
}
.homeVision .titleIntro h1{z-index: 1; position: relative;}
.homeLibrary {position: relative;}

.homeLibrary .tab-content {
    z-index: 99;
    position: relative;
}
.homeLibrary::after{
	content:'';
	position: absolute;
	height: 100%;
	width: 0;
	top: 0;
	pointer-events: none;
	left: 0;
	border-radius: 0 250px 0 0;
	background: linear-gradient(213.94deg, #F7D6E0 -1.5%, #B2F7EF 35.8%, #F7D6E0 100%);
	z-index: -1;
	transition: all 2s ease;
	z-index: 9;
}
.homeLibrary.active::after{
	width: 50%;
}
.homeLibrary .listImg img{
	width: 100%;
	border-radius: 125px 0px 0px 0px;
	height: 70vh;
	object-fit: cover;
}

.listDoc .future img,.listvideo .future img {
    height: 60vh !important;
}
.homeLibrary .slick-track{width: 100%;}

.listvideo .slick-track, .listDoc .slick-track {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.listvideo .slick-track .--img, .listDoc .slick-track .--img {
    width: 50% !important;
}
.homeLibrary .listImg .--img:hover,.homeLibrary .listDoc .--img:hover{
	transform: scale(.91)
}
.homeLibrary .listImg .--img,.homeLibrary .listDoc .--img {
    transform: scale(.95);
    transition: all .5s ease;
    padding-bottom: 3rem;
    width: 100%;
}

.homeLibrary .listvideo .--img, .homeLibrary .listDoc .--img {
    padding-bottom: 0;
}

.listvideo,.listDoc {
    padding: 0 10%;
    z-index: 99;
}

#nav-video .kv_tab, #nav-document .kv_tab {
    position: absolute;
    left: 0;
    bottom: -18%;
}

#nav-video .kv_tab_1, #nav-document .kv_tab_1 {
    position: absolute;
    top: 5%;
    transform: translate(0,-50%);
    left: 6%;
    width: 200px;
}
.homeLibrary .play a{color: #fff;width: 60px;height: 60px;z-index: 9;position: relative;align-items: center;display: flex;justify-content: center;margin: 0 4px;border-radius: 50%;}
.homeLibrary .play{
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.homeLibrary .play a::after {}

.homeLibrary .play a:hover i {color: var(--color-pink);}
.homeLibrary .listImg .--img .future,.homeLibrary .listDoc .--img .future{
    position: relative;
}
.homeLibrary nav{
	justify-content: center;
	align-items: center;
	margin-top: 5rem;
}
.homeLibrary nav .nav{border: none;font-family: var(--font-ici);z-index: 99;font-variant: proportional-nums;}
.titleLibrary{text-transform: uppercase;color: var(--color-pink);font-family: var(--font-avant);margin-right: 4rem;position: relative;z-index: 99;}
.homeLibrary nav .nav a{color: #fff;font-size: 28px;position: relative;margin-right: 1rem;border: none;}

.homeLibrary nav .nav a:hover {
    color: var(--color-blue);
}
.homeLibrary nav .nav a::after {content: '';position: absolute;background: #fff;width: 20px;height: 2px;transform: translate(0, -50%);top: 50%;right: -0.75rem;}
.homeLibrary nav .nav a.active::after{background: var(--color-pink);}
.homeLibrary nav .nav a.active{
    color: var(--color-pink);
    background: none;
    border: none;
}
.homeLibrary nav .nav a:last-child::after{display: none;}
.listImg .slideNav-next {display: none !important;}

.listvideo .button, .listDoc .button {
    position: absolute;
    transform: translate(0,-50%);
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    width: 150px;
    height: 150px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    border-radius: 50%;
    z-index: 99;
    cursor: pointer;
    top: 50%;
}

.listvideo .button, .listDoc .button {
    right: 8%;
}

.listvideo .button path, .listDoc .button path {
    fill: #FFF;
}

.listvideo .slideNav-next.fa-angle-left, .listDoc .slideNav-next.fa-angle-left {
    left: calc(47% - 4px);
}
.nextSlick{
	border: 2px solid #fff;
	width: 150px;
	height: 150px;
	position: absolute;
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	top: 50%;
	transform: translate(0, -50%);
	right: 100px;
	cursor: pointer;
	transition: all .5s ease;
	z-index: 99;
}
.homeLibrary .listImg .--img .nameimg{
	text-shadow: 4px 6px 0px #F1CB00;
	color: #fff;
	font-family: var(--font-ici);
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.homeLibrary .listvideo .--img .nameimg,.homeLibrary .listDoc .--img .nameimg {
    font-family: unset;
    text-shadow: unset;
    background: #FFF;
    color: #000;
}

.homeLibrary .listvideo .--img .nameimg h1, .homeLibrary .listDoc .--img .nameimg h1 {
    font-size: 26px !important;
    text-align: center;
}

.homeLibrary .listvideo .--img .nameimg h1:hover, .homeLibrary .listDoc .--img .nameimg h1:hover {
    color: var(--color-pink);
}

.homeLibrary .listImg .--img .nameimg h1,.homeLibrary .listDoc .--img .nameimg h1 {
    font-size: 4.5rem;
    z-index: 1;
    position: relative;
}

.listvideo  .--img h1 {
    font-size: 2.5rem !important;
}
.homeLibrary .listImg .--img .nameimg img,.homeLibrary .listDoc .--img .nameimg img{
	position: absolute;
	height: auto;
	width: 420px;
	bottom: 11px;
}
.nextSlick svg path{
	fill: #fff;
}
.nextSlick svg,.listvideo .button svg, .listDoc .button svg {
	transition: transform .7s ease;
	animation: movetoRight 2s infinite;
	transform: scale(1.3);
}
@keyframes movetoRight{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1}}
.homeNews .row {position: relative;z-index: 99;}
.listNews .slick-track {
    /* margin: 0; */
}
.titleNews{
	text-shadow: 2px 3px 0px #bab000;
	color: #fff;
	font-family: var(--font-avant);
	position: absolute;
	left: 94px;
	top: 10%;
	z-index: 1;
	text-align: left;
}

.titleNews h1 {
    font-size: 78px;
    font-family: var(--font-ici);
    text-shadow: 4px 6px 0px #F1CB00;
}
.listNews {
	/* margin-left: 9%; */
	/* margin-top: 2rem; */
	width: 85%;
	margin: auto;
	transform: scale(1.1) translate(9%, 0) !important;
}
.listNews .item{
	z-index: 99;
	border-radius: 0px 125px 0px 0px;
	height: 499px;
	/* margin: 0 1rem; */
	transform: scale(.95);
	/* background-blend-mode: multiply; */
	/* background-color: rgb(92 88 2 / 35%); */
	display: flex !important;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 30px 20px 0 20px;
	color: #fff;
	text-align: left;
	position: relative;
	border: 10px solid #FBA1BB;
	/* margin-right: 0rem; */
	/* width: 100%; */
}
.listNews .item::after{
	content: '';
	width: 100%;
	height: 35%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(181deg, #000000a6, transparent) 32%;
	border-radius: 0px 113px 0px 0px;
}
.listNews .item h6:hover a {
    color: #FBA1BB;
}
.listNews .item:nth-child(3n+1) .time:hover a{color:  #B0EDBD;}
.listNews .item:nth-child(3n+2) .time:hover a{color: #FBA1BB;}
.listNews .item:nth-child(3n) .time:hover a{color: #FFC700;}

.listNews .item:nth-child(3n) .time:hover path {
    fill: #FFC700;
}

.listNews .item:nth-child(3n+2) .time:hover path {
    fill: #FBA1BB;
}
.listNews .item:nth-child(3n+1) .time:hover path {
    fill: #B0EDBD;
}
.homeNews {position: relative;overflow: hidden;}

.homeNews .partten {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 40.6944%;
    z-index: 1;
}
.listNews .item .title{text-transform: uppercase;font-family: var(--font-roboto);padding-right: 2rem;position: relative;z-index: 1;}

.listNews .item .title a {
    color: #FFFFFF;
}
.listNews .item .time{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.listNews .item .time a {
    color: #FFF;
    display: flex;
    flex-flow: column;
}

.listNews .item .time span {
    padding-top: .25rem;
    position: relative;
    padding-right: 3rem;
    margin-top: 12px;
}
.listNews .item .time h1 {
    font-family: var(--font-ici);
    font-size: 4.5rem;
    margin-right: 6px;
}
.listNews .item:nth-child(3n+1){
	border: 10px solid #B0EDBD !important;
}

.listNews .item:nth-child(3n+1) h6:hover a {
    color: #B0EDBD;
}
.listNews .item:nth-child(3n){
	border: 10px solid #FFC700 !important;
}

.listNews .item:nth-child(3n) h6:hover a {
    color: #FFC700 !important;
}
.listNews .item:nth-child(3n) h6:hover a{
	color: #FBA1BB;
}
.homeNews  .nextSlick{
	/* border: 1px solid #626262; */
	width: 100px;
	height: 100px;
	bottom: -12%;
	top: unset;
	left: 0%;
	right: unset;
}
.homeService {
	background: linear-gradient(0deg, #E2558B 4.94%, #FFE851 112.35%);
}
.patternWave{
    position: absolute;
    left: -6%;
    top: 29%;
}
.homeService .listing, .listDoor{position: absolute;bottom: 0;left: 0;width: 80%;height: 100vh;transform: translate(-50%,0);left: 50%;}
.homeService .listing .img{
    position: absolute;
    bottom: 0;
    border-bottom: none !important;
    /* overflow: hidden; */
    z-index: 9;
    border-radius: 1000px 1000px 0 0;
}
.homeService .listing img{
	width: 0;
	height: 100%;
	object-fit: cover;
	transition: all 1s ease;
	float: right;
	overflow: hidden;
	border-radius: 1000px 1000px 0 0;
	z-index: 1;
	position: relative;
}
.homeService.active .listing img{
	width: 100%;
}
.homeService.active .img:nth-child(1) img{transition-delay: .2s;}
.homeService.active .img:nth-child(2) img{transition-delay: .4s;}
.homeService.active .img:nth-child(3) img{transition-delay: .6s;}
.homeService.active .img:nth-child(4) img{transition-delay: .8s;}
.homeService.active .img:nth-child(5) img{transition-delay: 1s;}
.titleService{
    color: #fff;
    font-family: var(--font-ici);
    text-align: left;
    position: absolute;
    top: 15vh;
    left: 15%;
}
.titleService .pattern{
    position: absolute;
    left: -10px;
    bottom: 5px;
}
.titleService h1{
	font-size: 4rem;
	text-shadow: 4px 6px 0px #F1CB00;
	z-index: 2;
	position: relative;
}
.titleService .pattern img{
	width: 320px;
	z-index: 1;
	position: relative;
}
.homeService .listing .img:nth-child(1){
    height: 70vh;
    width: 30%;
    left: 0;
    border: 6px solid var(--color-blue_light);
}
.homeService .listing .img:nth-child(2){
    left: 39%;
    height: 90vh;
    width: 35%;
    border: 6px solid var(--color-pink);
}
.homeService .listing .img:nth-child(3){
	left: calc(74% - 6px);
	height: 80vh;
	width: 27%;
	border: 6px solid var(--color-green);
}
.homeService .listing .img:nth-child(4){
	height: 35vh;
	left: 20%;
	width: 38%;
	/* filter: drop-shadow(0px -10px 0px #FFFFFF) drop-shadow(0px -15px 20px rgba(0, 0, 0, 0.25)); */
}
.homeService .listing .img:nth-child(4) img, .homeService .listing .img:nth-child(5) img{
	filter: drop-shadow(0px -10px 0px #FFFFFF) drop-shadow(0px -15px 20px rgba(0, 0, 0, 0.25));
}
.homeService .listing .img:nth-child(5){
	height: 35vh;
	left: 58%;
	width: 38%;
	/* filter: drop-shadow(0px -10px 0px #FFFFFF) drop-shadow(0px -15px 20px rgba(0, 0, 0, 0.25)); */
}
.listDoor .img {
    position: absolute;
}
.listDoor .img{
	bottom: 0;
	left: 12%;
}
.homeService .listing .img:nth-child(4)::after, .homeService .listing .img:nth-child(4)::before{
    content: '';
    position: absolute;
    height: 170px;
    width: 100px;
    background: var(--color-blue_light);
    border-radius: 250px 250px 0px 0px;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    transform: translate(-50%,0);
    left: 50%;
    top: -56%;
    opacity: 0;
    transition: all 1s ease;
    transition-delay: 1s;
}
.homeService .listing .img:nth-child(4)::after{top: -45%;background: var(--color-green);width: 92px;}
.homeService .listing .img:nth-child(5)::after, .homeService .listing .img:nth-child(5)::before{
    content: '';
    position: absolute;
    height: 157px;
    width: 100px;
    background: var(--color-pink);
    border-radius: 250px 250px 0px 0px;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    transform: translate(-50%,0);
    left: 50%;
    top: -51%;
    opacity: 0;
    transition: all 1s ease;
    transition-delay: 1s;
}
.homeService.fp-completely .listing .img:nth-child(4)::after, .homeService.fp-completely .listing .img:nth-child(4)::before{
	opacity: 1;
}
.homeService.fp-completely .listing .img:nth-child(5)::after, .homeService.fp-completely .listing .img:nth-child(5)::before{
	opacity: 1;
}
.homeService .listing .img:nth-child(5)::after{
	top: -40%;
	background: var(--color-blue);
	width: 89px;
	left: 49%;
}
.homeContact {
	background: linear-gradient(0deg, #E2558B 4.94%, #FFE851 112.35%);
	position: relative;
	display: flex;
	flex-flow: column-reverse;
}

.patternContact{
	position: absolute;
	bottom: .75rem;
	right: 0;
	width: 440px;
}

.patternContact img {
    width: 100%;
}
.homeContact .agency {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0px 0px 0px 200px;
	border: 6px solid var(--color-yellow);
	border-top: none;
	border-right: none;
	padding: 6rem 3rem 2rem 3rem;
	text-align: left;
	overflow: hidden;
}
.homeContact .agency::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, #B0DDF7 7.6%, rgba(176, 247, 238, 0.84) 64.37%, rgba(255, 196, 207, 0.82) 100%);
	border-radius: 0px 0px 0px 200px;
	pointer-events: none;
}
.homeContact .leftForm ul li{
	color: var(--color-blue);
	/* font-size: 13px; */
	display: flex;
	align-items: center;
	margin-bottom: .25rem;
}

.homeContact .leftForm ul li:hover i {
    background: #FE6F61;
    color: #fff;
}
.homeContact .leftForm{border-radius: 205px;border: 6px solid #FE6F61;background: #fff;padding: 4rem 3rem 4rem;width: 80%;display: flex;flex-flow: column;align-items: center;/* justify-content: center; */position: relative;overflow: hidden;position: absolute;top: 48%;transform: translate(0,-50%);}

.homeContact .leftForm h3 {
    display: none;
}

.homeContact .cpr {
    margin: 1rem 0 0;
    color: #fff;
    width: 80%;
    position: absolute;
    bottom: 4px;
}

.homeContact .cpr strong {
    display: block;
}

.homeContact .leftForm .parttent {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    pointer-events: none;
    z-index: -1;
}
.homeContact .leftForm ul{
	list-style: none;
	text-align: left;
}
.homeContact .leftForm ul a{
	color: var(--color-blue);
}

.modalMap iframe {
    width: 100%;
}

.homeContact .leftForm ul button {
    background: none;
    border: none;
	color: var(--color-blue);
}
.fp-viewing-lien-he .social .logo{
	opacity: 0;
}
/* .fp-viewing-14 .social .logo img{width: 100px;} */
.leftForm .title{
	color: var(--color-pink);
	font-family: var(
	--font-ici);
	margin-bottom: 12px;
}

.leftForm .form-group {
    margin-bottom: .75rem;
    position: relative;
}

.leftForm .info {}

.leftForm .info ul {}

.leftForm .info li {}

.leftForm .info li i {
    width: 1.75rem;
    height: 1.75rem;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #FE6F61;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .5rem;
    transition: all .15s ease-out;
}
.leftForm .title span{
	font-family: var(--font-avant);
	color: var(--color-pink);
}
.formRegis .title{
	position: relative;
	margin-bottom: 30px;
}
.formRegis .title::after{
	content: '';
	width: 30px;
	height: 2px;
	position: absolute;
	background: rgba(39, 39, 39, 0.2);
	transform: translate(-50%,0);
	left: 50%;
	bottom: -.75rem;
}
.formRegis button{
	border: none;
	background: var(--color-blue_light);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	color: #fff;
	padding: 7px 30px;
	transition: all .5s ease;
	position: relative;
}
.formRegis button::after{border-radius:4px;background: #FE6F61}
.formRegis button:hover{
	transform: scale(.95);
}
.formRegis input{
	background: rgba(39, 39, 39, 0.05);
	border: 1px solid rgba(39, 39, 39, 0.2);
	border-radius: 4px;
	padding: 5px;
	width: 94%;
	transition: all .15s ease-out;
}

.formRegis input:focus {
    background-color: #fff;
    border-color: #fe6f61;
}
.homeContact .leftForm::after{
	content: '';
	position: absolute;
	background: #E25591;
	opacity: 0.3;
	border-radius: 250px 250px 0px 0px;
	width: 341px;
	height: 254px;
	bottom: 0;
	right: -65%;
	pointer-events: none;
}
.homeContact .agency .pattern{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
	width: 113px;
}
.homeContact .agency .title{z-index: 1;position: relative;padding-left: 140px;color: var(--color-pink);font-family: var(--font-ici);font-size: 2rem;margin-bottom: 2rem;}
.homeContact .agency .title span{
	font-family: var(--font-avant);
	color: var(--color-pink);
}
.homeContact .agency .content{
	position: relative;
	z-index: 1;
	padding-left: 140px;
	font-size: 14px;
}

.homeContact .agency .content .item {
    margin-bottom: .75rem;
    color: var(--color-blue);
}
.homeContact .agency .content .item span{
	opacity: .5;
}
.leftForm .logo img{width: 170px;}
button:focus, input:focus{outline: none;}
.homeContact .treeCoco{
	position: absolute;
	top:0;
	left: 0;
}
.screen-reader-response, .wpcf7-response-output{display: none;}
.wpcf7 form.sent .wpcf7-response-output{display: block !important; font-size: 14px;}
.formRegis{
	width: 100%;
	margin-top: 1rem;
}

.formRegis p {
    margin-bottom: 0;
}
.wpcf7-not-valid-tip{font-size: 13px !important;}
.bg_mobile{display: none;}
.homePosition {
	background: #1680c2;
	overflow: hidden;
}

.homePosition .--img {
    position: absolute;
    right: 0;
    top: 0;
    width: 57%;
    height: 100%;
}

.homePosition .--img img {
    width: 100%;
}

.homePosition .--imgsun {
    position: absolute;
    top: 0;
    width: auto;
    left: 50%;
}
.contentPosition img{width: 100%;float: left;height: 100vh;object-fit: cover;}
.contentPosition{
	height: 100%;
}
.homePosition  .text{
    position: relative;
    width: 70%;
    margin: 0 1rem;
    color: #fff;
    text-align: justify;
    transform: translate(0,-50%);
    top: 50%;
    z-index: 9;
}

.homePosition .text article {
    margin-bottom: 1.5rem;
}

.homePosition .text .list-unstyled {}

.homePosition .text .list-unstyled li {
    margin-bottom: 1.25rem;
}
.homePosition  .text li span span{
    font-size: 30px;
    font-family: var(--font-ici);
    color: var(--color-yellow);
}
.homePosition .text h2{color: var(--color-pink);margin-bottom: 2rem;}
.contentPosition .text h2 p:nth-child(3){margin-left: 50%}
.contentPosition .text h2 p span{
    font-family: var(--font-avant);
    text-transform: uppercase;
}
.homePosition .text h2 p{margin-bottom: 0;font-family: var(--font-ici);}

.homePosition .text h2 p:nth-child(n+2) {
    font-family: var(--font-avant) !important;
}

.contentPosition .text h2 p:nth-child(n+2) {
    font-family: var(--font-avant);
}
.homePosition .patterKV{
	right: 0;
	bottom: 0;
}
.homePosition .patterKV img{
	height: auto;
	width: 80%;
}
.contentPosition .mark_svg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.contentPosition .mark_svg .logo img{
	height: auto;
}
.contentPosition .mark_svg .logo{
    position: absolute;
    width: 7%;
    top: 45%;
    left: 39.5%;
    z-index: 1;
    animation: pulse 1s infinite ease-in-out alternate;
}
.contentPosition .mark_svg svg{
	width: 43%;
	position: absolute;
	left: 0;
	animation: dash 28s linear alternate infinite;
	transition: all 1s ease;
	transform: translate(0, -27%);
	opacity: 0;
}
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}
.section.active .contentPosition .mark_svg svg{
	opacity: 1;
	transform: none;
}
@keyframes dash {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: 822;
    }
  }
.contentPosition .mark_svg .hanoi{
    top: 23%;
    transition-delay: .5s;
}
.contentPosition .mark_svg .thoxuan{
    top: 30%;
    transition-delay: 1s;
}
.contentPosition .mark_svg .thanhhoa{
    top: 36%;
    transition-delay: 1.5s;
}
@media(max-width: 1364px){
    .homePosition .text{
        width: 77%;
        margin-left: -12px;
    }
}
@media(max-width: 1400px){
    .homeContact .leftForm{
        padding: 2rem 3rem 2rem;
    }
}
@media(min-width: 769px) and (max-width: 1056px){
    .homeTotal .content .note_homeTotal{
        padding: 0;
        line-height: 14px;
        margin-bottom: 0;
        height: 247px;
    }
    #fp-nav ul li .fp-tooltip{
        display: none;
    }
    .homeContact .agency {
        padding: 8rem 3rem 2rem 3rem;
    }
    .titleNews {
        top: 8% !important;
    }
    .titleIntro h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .homeAbout .--left {
        padding: 0px 40px 0 90px;
    }
    .homeUtiArrow .button {
        width: 45px;
        height: 45px;
    }
    .homeAbout .--content {
        font-size: 13px;
    }
    .homeService .--left .--title {
        margin-top: 20px;
        font-size: 23px;
    }
    .homePosition .text h2 {
        font-size: 26px;
    }
    .homeBlock .partten .img2 {
        width: 100%;
        left: 0;
    }
    .homeBlock1 .img2 {
        left: 0;
        width: 100%;
    }
    .homeBlock .--title {
        font-size: 22px;
    }
    .homeTotal .content h2 {
        font-size: 26px;
    }
    .homeProduct .item_3 .--txt {
        padding: 0 5rem 0 2rem;
    }
    .homeOverview .content {
        padding-left: 2rem;
    }
    .homeUtiArrow {
        bottom: 9%;
    }
    .homePosition .--img img {
        width: auto;
        height: 100%;
    }
    .contentPosition .mark_svg .logo {
        width: 10%;
        top: 46%;
        left: 29.5%;
    }
    .contentPosition .mark_svg .hanoi {
        top: 40%;
    }
    .contentPosition .mark_svg .thoxuan {
        top: 42%;
    }
    .contentPosition .mark_svg .thanhhoa {
        top: 44%;
    }
    .homePosition .--img {
        width: 60%;
    }
    .contentPosition .mark_svg svg{
        left: -8%;
    }
    .titleNews {
        top: -6%;
        width: max-content;
    }
    .listNews .item .time a svg{
        width: 85px;
    }
    .homeProduct .--title {
        font-size: 68px;
    }
    .homeProduct .parttent {
        right: -180px;
    }
    .homeTotal .description{
        flex-flow: column;
        text-align: left;
    }
    .homeTotal .description .item{
        margin-right: 0;
    }
.homeTotal .villa ul {
    flex-flow: column;
}
    .titleTotal h1 {
        font-size: 23px;
    }
    .homeTotal .content {
        margin-right: 3rem;
        margin-left: 5rem;
    }
    .fancybox-content img{
        width: 100%;
    }
    .homeTotal .content .note_homeTotal i.slideNav-prev {
        left: -35px;
    }
    .homeTotal .content .note_homeTotal i.slideNav-next {
        left: 170px;
        right: unset;
    }
    .maps_total a{
        display: block !important;
        height: 100%;
    }

.maps_total a img {
    width: 100%;
    height: 100%;
    object-position: left center;
}
    .listmarker{
        display: none;
    }
    .maps_total .img1{
        display: none;
    }
}
@media(max-width: 768px){
/* dichvu */
.homeProduct{
    padding: 60px 15px 30px;
    height: auto !important;
}
#nav-video .kv_tab, #nav-document .kv_tab,#nav-video .kv_tab_1, #nav-document .kv_tab_1{
    display: none;
}
.listvideo .slick-track .--img, .listDoc .slick-track .--img{
    width: 100% !important;
}
.homeBlock1 .--rightBlock{flex-flow: column;width: 100%;}

.homeBlock1 .--rightBlock .item:hover {
    width: 100% !important;
}

.homeBlock1 .--rightBlock .item {
    width: 100% !important;
}

.homeBlock1 .--rightBlock .item img {
    width: 100%;
}
.loader .loader1 {
    bottom: -46%;
    left: -125%;
    width: auto;
}
.modalProduct .modal-dialog {
    width: 95%;
    max-width: 100%;
}
.listmarker{
    display: none;
}
.homeBlock1 .row {
    flex-flow: column;
}

.homeBlock1 .col-md-4, .homeBlock1 .col-md-8 {
    max-width: 100%;
}

.homeBlock1 .--left {
    padding: 80px 60px;
}

.homeBlock1 .img2 {
    left: 50%;
    transform: translate(-50%,0);
}
.homeBlock .row{flex-flow: column;}

.homeBlock .col-md-8 {
    max-width: 100%;
}

.homeBlock .col-md-4 {
    max-width: 100%;
}

.homeBlock .--right {
    padding: 60px 60px 80px;
}

.homeBlock .--title {
    text-align: center;
}
.homeService .row {
    flex-flow: column;
    height: auto !important;
    margin: 0 !important;
}

.homeService .--right {
    flex-wrap: unset;
    height: auto;
    justify-content: unset;
    display: block;
    background: unset;
    position: relative;
}

.homeService .--right i.slideNav-prev {
    left: -12px;
}

.homeService .--right i.slideNav-next {
    right: -12px;
}

.homeService .--right i {
    z-index: 9;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.homeService .future {margin: 0;border-radius: unset;}

.homeService .future img {
    border-radius: unset;
    height: 50vh;
}

.homeService .--left .--txt {
    bottom: unset;
    left: unset;
    position: relative;
    width: 100%;
    height: auto;
    border-radius: unset;
    padding: 0;
    background: unset;
    margin-bottom: 2rem;
}

.homeService .--left .imgsun {
    width: 100%;
    margin-top: 0;
}

.homeService .--left .--title {
    text-align: center;
}

.homeService .--left .--txt .parttent {
    position: relative;
    bottom: unset;
    right: unset;
}

.homeService .--left .--txt .parttent img {
    width: auto;
}

.homeService {
    height: auto !important;
    padding: 40px 15px;
}

.homeService .--left {
    max-width: 100%;
}

.homeService .--left .--content {
    color: #FFF;
    font-size: 15px;
}

.homeService .col-md-8 {
    max-width: 100%;
}

.homeProduct .row {
    flex-flow: column;
}

.homeProduct .row .col-md-4 {
    max-width: 100%;
    justify-content: unset;
    padding: 0 15px !important;
}

.homeProduct .--title {
    position: relative;
    bottom: unset;
    right: unset;
    height: 70px;
}

.homeProduct .parttent {
    position: relative;
    bottom: unset;
    right: unset;
    margin-top: 1rem;
}

.homeProduct .itemproduct {
    width: 100%;
    height: 30vh !important;
    margin-bottom: 10px;
}

.homeProduct  .--txt {
    justify-content: space-between;
    padding: 0 3rem !important;
}

.homeProduct .itemproduct::after {
    border-radius: unset !important;
}

.homeProduct  .--img {
    border-radius: unset !important;
    width: 100%;
    border: 12px solid #FFFFFF !important;
}

.homeProduct .--img img {
    border-radius: unset !important;
    width: 100%;
}
/* dichvu */


	.homeContact  .container{padding: 0;}
	.homeArchitec .content .item .title span {
		font-size: 25px;
	}
	.homeNews .row{
		display: flex;
		flex-flow: column;

	}
	.homeNews .col-md-3{
		max-width: 100%;
	}
	.homeNews .col-md-9{
		max-width: 100%;
	}
	.fancybox-content img{
		width: 100%;
	}
	.homeOverview .content .item .title{font-size: 1.5rem;}
	.homeOverview .content .item .title{text-align: center;}
	.text_gradient{text-align: center !important;line-height: 1.6;}
	.homeTotal .villa ul, .homeTotal .description {
		width: auto;
	}

.homeTotal .description .item {
    padding-left: 10%;
}

.homeTotal .villa ul li {
    padding-left: 10%;
}
	.leftForm .form-group{margin-bottom: 1rem}
	.leftForm .info ul li{margin-bottom: .5rem}
	.homeContact .agency .content .item{
		text-align: center;
	}

.homeContact .agency .content .item strong br {
    display: none;
}
	.homeUtility .patternSun img:nth-child(1){opacity: .75;}
	.homeUtility .patternSun img:nth-child(2){display: none;}
	.homeUtility .bg_mobile{
		display: none;
	}
	.homePosition .text h2{
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		font-size: 24px;
		justify-content: center;
	}
	.menu{
		opacity: 1;
		pointer-events: auto;
	}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: linear-gradient(0deg, #E0578C -0.2%, #FEE751 95.07%);
    width: 100%;
    height: 100px;
}

.menuBox .phone {
    opacity: 1;
    pointer-events: auto;
    top: 80%;
    left: 50%;
    transform: translate(-50%,0);
    width: max-content;
}

.menuBox li {
    margin-bottom: 8px;
}

.menuBox li:hover {
    transform: scale(1.1);
    letter-spacing: 0.02em;
    font-weight: bold;
}
	.phone{
	opacity: 0;
	pointer-events: none;
	}

.social .logo {
    left: 40px;
}

.social .logo .img1 {
    display: none;
}

.social .logo .img2 {
    display: block;
    width: 140px;
}
	.listNews .item{
		padding: 30px 60px 0 20px;
	}

.listNews {
    transform: none !important;
}
	
.homeContact .col-md-5 {
    max-width: 100%;
}

.homeContact .leftForm .parttent {
}

.formRegis input {
    width: 80%;
}

.leftForm .logo img {
    width: 150px;
}
.note_homeTotal{
	width: 100% !important;
	display: flex;
	flex-wrap: wrap;
}
.note_homeTotal li {padding-left: 10%;}
	.homeLibrary .listImg .--img .nameimg h1,.homeLibrary .listDoc .--img .nameimg h1{
		font-size: 4rem;
		pointer-events: none;
	}
	.homeContact .agency {
		border-radius: 0px 0px 0px 300px;
		position: relative;
		top: unset;
		right: unset;
		max-width: 100%;
		padding: 0;
		margin-left: 0;
		border-radius: unset;
		border: none;
		padding: 2rem 0;
	}

.homeContact .agency .content {
    padding: 0;
    width: 60%;
    margin: auto;
}

.homeContact .agency .title {
    padding: 0;
    text-align: center;
}

.homeContact .treeCoco {
    display: none;
}

.homeContact .agency::after {
    border-radius: unset;
}

.patternContact {
    width: 300px;
}
	.homeNews .nextSlick{
		filter: brightness(3);
		width: 40px;
		height: 40px;
		bottom: 150px;
		left: 30% !important;
		transform: translate(-50%,0);
	}

.titleNews {
    margin: 1rem 0;
    top: unset;
    left: unset;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.homeNews .nextSlick svg {
    width: 20px;
}
	.homeNews .patternWave{
		display: none;
	}
	.homeContact .leftForm::after{
		display: none;
	}
	.homeContact .leftForm {
		height: auto;
		width: max-content;
		padding: 2rem 1rem;
		margin: auto;
		POSITION: RELATIVE;
		top: unset;
		transform: none;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

.homeContact .cpr {
    margin: auto;
    position: relative;
    bottom: unset;
    left: unset;
    margin-bottom: 5px;
}
	#fullpage{
		overflow: hidden;
	}
	.bg_mobile{
		display: block;
		height: 50vh;
	}
.homeUtility .listing .item {
    height: max-content;
}
.fixBg{
	display: none;
}
.section{
	position: relative;
}

.homeBlock1 .--title {
    text-align: center;
}

.homeNews .partten {
    width: 36%;
}

.patternNews {
    display: none;
}

.homeLibrary nav {
    margin-top: 0;
    padding-top: 3rem;
}
.homeUtility h2 {
    font-size: 25px;
}
.homeLibrary .nextSlick,.listvideo .button, .listDoc .button {
    width: 50px;
    height: 50px;
    bottom: 110px;
    top: unset;
    right: 50%;
    transform: translate(-50%,0);
}

.listvideo, .listDoc {
    padding: 0;
}
.homeLibrary .nextSlick svg {
    width: 15px;
}
.homeLibrary::after {
    width: 100% !important;
    border-radius: unset;
}
.homeService .listing .img {
    position: relative;
    left: unset !important;
    bottom: unset;
    right: unset;
    top: unset;
    border-radius: unset;
    border: none !important;
    width: calc(50% - 4px) !important;
    height: 30vh !important;
    margin-bottom: 8px;
}
.homeService .listing .img:nth-child(5) {
    width: 100% !important;
}
.homeService .listing .img:nth-child(4) img, .homeService .listing .img:nth-child(5) img {
    filter: unset;
}
.homeService .listing .img:nth-child(5)::after, .homeService .listing .img:nth-child(5)::before {
    display: none;
}
.homeService .listing .img:nth-child(4)::after, .homeService .listing .img:nth-child(4)::before {
    display: none;
}
.homeService .listing {
    display: flex;
    flex-wrap: wrap;
    bottom: unset;
    transform: none;
    width: 100%;
    left: unset;
    justify-content: space-between;
}
.homeService .listing .img img {
    border-radius: unset;
}
.listDoor .img {
    display: none;
}
.section.active .patterKV {
    height: max-content;
    top: calc(50% + 110px);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    bottom: 0;
}

.homeOverview .patterKV {
    left: 50%;
    top: calc(50% + 35px) !important;
}
.homeOverview .patternCoco img:nth-child(1) {
    height: 290px;
    top: 0;
}
.homeArchitec .listing {
    height: max-content;
}
.homeArchitec .slideNav-next {
    display: none !important;
}
.listDoor,.homeService .listing {
    position: relative;
    height: auto;
}
.titleService {
    position: relative;
    width: max-content;
    top: unset;
    left: unset;
    padding-top: 3rem;
    margin-bottom: 3rem;
}
.homeArchitec .listing .item {
    height: max-content;
}
.homeArchitec .listing .item .row {
    flex-flow: column-reverse;
}
.homeArchitec .listing .item .row .col-md-5 {
    max-width: 100%;
}
.homeUtility .listing {
    height: max-content;
}
.homeUtility .slick-track {
    height: max-content;
}
.homeUtility .patternSun {
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.homeUtility .pattern {display: none;}
.homePosition .row {
    flex-flow: column-reverse;
}

.homePosition .col-md-7 {
    max-width: 100%;
}

.homePosition .col-md-5 {
    max-width: 100%;
}

.homePosition .text {
    transform: none;
    width: 100%;
    padding: 1rem 2rem;
    background:  linear-gradient(0deg, #E0578C -0.2%, #FEE751 95.07%);
    margin: 0;
}

.homePosition .--img {
    display: none;
}

.homePosition .--imgsun {
    z-index: 99;
	opacity: .5;
}

.contentPosition .mark_svg svg {
    left: 3%;
}

.contentPosition .mark_svg .logo {
    top: 44%;
    left: 44%;
}

.contentPosition .mark_svg .hanoi {
    top: 11%;
}

.contentPosition .mark_svg .thoxuan {
    top: 20%;
}

.contentPosition .mark_svg .thanhhoa {
    top: 28%;
}

.contentPosition .text {
    top: calc(50% - 59px);
    right: 0;
    transform: none;
    width: 100%;
    padding: 0 30px;
}

.homePosition img {
    height: 100%;
}

.homeTotal .patternCoco {
    height: 365px;
    top: 0;
    right: 0;
    left: unset;
    bottom: unset;
}

.homeTotal .patternCoco img {
    right: 0;
    left: unset;
}

.homeTotal .row {
    flex-flow: column;
}

.homeTotal .row .col-md-5 {
    width: 100%;
    max-width: 100%;
}

.homeTotal .content {
    height: max-content;
    padding-top: 2rem;
}

.homeUtility .content {
    height: 50vh;
}

.homeTotal .content .note_homeTotal {
    height: max-content;
    margin-bottom: 0;
    margin: 0;
    padding: 0px 25px;
}

.homeTotal .row .col-md-7 {
    width: 100%;
    max-width: 100%;
}

.homeTotal .row .col-md-7 .maps_total {
    height: auto;
    border-radius: unset;
}

.homeUtility .imgUti i.slideNav-prev {
    top: 50%;
    left: 15px;
}

.homeUtility .imgUti i.slideNav-next {
    top: 50%;
}

.homeTotal .row .col-md-7 .maps_total a {
    display: block !important;
}

.homeTotal .row .col-md-7 .maps_total .img1 {
    display: none;
}

.homeTotal .row .col-md-7 img {
    height: auto;
    border-radius: unset;
    width: 100%;
}

.homeUtiArrow {
    top: 38vh;
}
	.titleBanner h1{
		font-size: 35px;
	}
	.titleBanner h2{
    font-size: 22px;
}
	.titleBanner{
		width: 100%;
		padding: 15px;
	}
	.homeBanner .bg_mobile{}
	.homeAbout {
		display: flex;
		flex-flow: column-reverse;
		background: var(--color-pink);
	}

.homeAbout .row {
    flex-flow: column;
}

.homeAbout .--left {
    max-width: 100%;
    padding: 0 60px 40px 60px;
}

.homeAbout .--right {
    max-width: 100%;
}

.homeAbout .bg_right {
    position: relative;
    right: unset;
    height: auto;
    top: unset;
}
	.titleIntro{
		margin-top: 5%;
	}

.homeAbout .--left .img2 {
    bottom: 5px;
}

.homeAbout .--left .img1 {
    width: 120px;
}
	.titleIntro h1{
		font-size: 2rem;
		text-align: center;
	}

.titleIntro p:nth-child(2) {
    text-align: center;
}
	.cntentOverall{width: max-content;z-index: 1;top: calc(155px + 4rem);}
	.homeOverall .patterKV img{width: 100%}
	.homeOverall .overImg{
		position: relative;
		top: unset;
		left: unset;
		transform: none;
		margin: auto;
		z-index: 1;
	}
	.homeOverall .description{
		background: var(--bg-gradient);
		padding: 4rem 30px;
		position: relative;
		z-index: 1;
	}
    .homeOverall {
    	display: flex;
    	flex-flow: column-reverse;
    	background: var(--bg-gradient);
    	padding: 2rem 0;
    }
    .homeOverview .futureOver, .imgOverview{
    	position: relative;
    	border-radius: 0;
    	width: 100%;
    	max-width: 100%;
    }
.imgOverview .slideNav-next {
    right: 25px;
}

.imgOverview .slideNav-prev {
    left: 25px;
}

.homeArchitec .imgOverview img, .homeArchitec .imgOverview {
    border-radius: unset;
    height: 50%;
}
    .imgOverview img{
    	height: auto;
    	border-radius: 0;
    }
    .homeOverview .content{padding: 2rem 15px; width: 100%;}
	.homeOverview .flex_mobile{
    	flex-flow: column-reverse;
    }

.homeOverview .flex_mobile .col-md-5 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    flex: 0 0 100%;
}
    .homeEcosys  .bg_gradient{
    	display: none;
    }
    .homeEcosys .overEcosys{
    	width: 80vw;
    }
}  
@media(max-width: 640px){
	.homeService .--left .--txt .parttent img{
        width: 100%;
    }
    .homeProduct h2 {
        font-size: 25px;
    }
    .homeService .--left .--content {
        text-align: justify;
    }
    .homeBlock1 .--rightBlock{
        
    }
    .listNews .item{
		padding: 30px 20px 0 20px;
	}
    .homeLibrary .listImg .--img .nameimg img, .homeLibrary .listDoc .--img .nameimg img{
        width: 100%;
    }
    .modalProduct .modal-dialog{
        width: auto;
    }
    .homeTotal .content .note_homeTotal i.slideNav-next {
        left: 94%;
    }
    .homeTotal .villa ul, .homeTotal .description{
        flex-flow: column;
    }
    .homeAbout .--left{
        padding: 20px 40px 60px;
    }

.homeAbout .--left .img1 {
    width: 200px;
}
    .homeUtiArrow {
        height: max-content;
        top: 45vh;
        left: 15px;
    }
    .homeUtility .content {
        height: 62vh;
    }
    .homeTotal .villa ul li,.homeTotal .description .item{
        padding: 0;
    }
    .homeNews .partten{
        display: none;
    }
    .homeBlock .partten .img2{
        left: 50%;
        transform: translate(-50%,0);
        width: 80%;
    }
    .loader .loaderparttent{
    	width: 100%;
    }

.loader .loader1 {display: none;}

.loader .loader3 {
    display: none;
}

.loader .loader2 {
    display: none;
}

.loader .loadersun {
    width: 85%;
}
    .homeBlock1 .--left , .homeBlock .--right{
        padding: 80px 40px;
    }
   
.homeBlock .--title {
    z-index: 9;
}

.homeBlock1 .img2 {
    width: 80%;
}
	.homeProduct .parttent img {
		width: 100%;
	}
	.modalproduct .future img{
		height: 30vh;
	}
	.titleIntro p{
		margin-left: 0 !important;
	}
	.listNews{
		transform: none !important;
	}
	.homeTotal .slick-arrow.fa-angle-left {
		left: -10px !important;
	}
	.homeTotal .slick-arrow.fa-angle-right {
		right: -6px;
	}
	.note_homeTotal li{
		padding-left: 0;
	}
	.patternContact{
		right: 50%;
		transform: translate(50%,0);
	}
	.patternNews{
		display: none;
	}
	.titleIntro{
		margin: 2rem auto;
		text-align: center;
	}
	.titleNews{
		position: relative;
		transform: none;
		padding-top: 2rem;
		margin: auto;
		left: 0;
		text-align: center;
	}
	.homePosition  .patterKV{
		top: unset !important;
	}
	.homeOverview .patternCoco img:nth-child(2){
	bottom: 216px;
	}
	.homeNews .nextSlick {
	left: 50%;
	}
	.homePosition img {
		/* margin-bottom: 2rem; */
	}

.homePosition .patterKV  img {
    margin: 0;
    position: relative;
    z-index: 1;
    width: 35%;
}
	.contentPosition .text h2 p {
		display: flex;
		flex-flow: column;
		width: max-content;
	}
	.homeOverview .patternCoco img:nth-child(1) {
	/* display: none; */
	}
	.homeTotal .content{
		margin: 0;
		padding: 2rem;
	}
	.contentPosition .text{
		position: relative;
	}

.homeOverview  .patterKV {
    left: 0;
    width: 100vw;
    top: unset !important;
    bottom: 240px !important;
}

.contentPosition .text h2 p:nth-child(3) {
    margin-left: 0;
}

.homePosition {
    height: max-content;
    /* padding-bottom: 2rem; */
}
.homeUtility .patternSun{
	left: 50%;
	transform: translate(-50%,0);
	width: 100%;
}
.homeArchitec .nextSlick{
	left: 50%;
	transform: translate(-50%,-50%);
	bottom: -40px;
	width: 35px;
	height: 35px;
	bottom: 20px;
}

.homeArchitec .nextSlick svg {
    width: 15px;
}
.homeArchitec .listing .item .row{

}
.homeArchitec .listing .item .content{
	padding: 1rem 2rem;
}
.homeLibrary nav{
	flex-flow: column;
	padding-top: 2rem;
}

.homeLibrary nav .titleLibrary {
    margin-right: 0;
    margin-bottom: 1rem;
}
.homeContact {padding-bottom: 4rem;}

.modalProduct .modallist .content {
    height: 50vh;
    padding: 0 25px;
}
.homeContact .agency{
	position: relative;
	border-radius: unset;
	border: none;
	padding-bottom: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.homeContact .agency .pattern {
    display: none;
}

.homeContact .agency::after {
    border-radius: unset;
}

.homeContact .agency .title {
    padding: 0;
    text-align: center;
}

.homeContact .agency .content {
    padding: 0;
    width: 100%;
}

.homeContact .leftForm {
    width: 100%;
    height: max-content;
    padding: 4.5rem 1.5rem;
    margin: 1rem 0;
}
}
@media(max-width: 380px){
    .homeUtility .content{height: 70vh;}

.homeUtiArrow {
    top: 52vh;
}
}
@media(max-width: 360px){
    .homeUtility .content{height: 92vh;}
    .homeLibrary nav .nav a {
        font-size: 21px;
    }
    .homeUtiArrow {
        top: 70vh;
    }
    .homeOverview .patterKV {
        bottom: 220px !important;
    }
    
    .homeProduct .--txt {
        padding: 0 2rem !important;
    }
}
@media(max-width: 330px){
.homeOverview .patterKV {
    bottom: 205px !important;
}
.homeTotal .content .note_homeTotal {
    padding: 0px 18px 0 25px;
}
.homeContact .agency .title span {
    font-size: 30px;
}
.homeService .--left .--title span {
    font-size: 25px;
}
.homeTotal .content h2 {
    font-size: 24px;
}
.listNews .item .title{
    padding-right: 0;
}
}