*{
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: "YenTu";
	src: url("../fonts/UTM Yen Tu.eot");
	src: url("../fonts/UTM Yen Tu.woff") format("woff"), url("../fonts/UTM Yen Tu.ttf") format("truetype"), url("../fonts/UTM Yen Tu.svg") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'sfubelle';
    src: url('../fonts/SFUBELLEREGULAR.TTF');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'svn-gilroyregular';
    src: url('../fonts/SVN-Gilroy Regular.otf');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'aptimaregular';
    src: url('../fonts/UTM APTIMA_1611709793.TTF');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
:root{
	--color-frame: #195757; 
	--color-yellow: #B2902F;
	--color-title-gr: #128862;
	--color-title-yl: #C19827;
	--color-bg: #0E4545;
	--color-frsp: #F3F7F7;
    --font-sfubelle: 'sfubelle';
    --font-charlot: 'charlot';
    --font-sanbold: 'YenTu';
    --font-sangregular: 'sangregular';
    --font-aptimaregular: 'aptimaregular';
    --font-aptimabold: 'aptimabold';
	--font-gilroyregu: 'svn-gilroyregular';
    --font-aptimabolditalic: 'aptimabolditalic';
    --font-aptimaitalic: 'aptimaitalic';
	--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{}
body {
  touch-action: pan-x pan-y;
}
.dot{
	width: 20px;
	height: 20px;
	position:absolute;
	background: url('/wp-content/uploads/2021/03/RoseIcon.png');
	background-size: 100% 100%;
}
#logo{ left:50%; top:50%; position:absolute; border-radius:10px; }
#flowerFalling{
  	z-index: 9;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	overflow: hidden;
	pointer-events: none;
  }

.loader {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 999999999;
    transition: transform 1s cubic-bezier(0.92, 0.07, 0.49, 0.73);
    background: var(--color-frame);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader.inactive {
    transform: translateY(-100%);
}

.loaderLogo {
    width: 240px;
    height: auto;
    animation: loaderPulse 2s ease-out infinite;
}

@media screen and (max-width: 575px) {
	.loader {
/* 		display: none; */
	}
	.loaderLogo {
		width: 180px;
	}	
}

@keyframes loaderPulse {
    0% {
        transform:scale(.85);
        opacity: .5;
    }
    50% {
        transform:scale(1);
        opacity: 1;
    }
    100% {
        transform:scale(.85);
        opacity: .5;
    }
}

body{
    font-size: 15px;
    font-family: var(--font-gilroyregu);
    overflow-x: hidden;
}
body.unactive{
	overflow: hidden;
}
.middle {
    z-index: 500;
    display: flex;
    background: transparent;
}
.front {
	width: 87px;
	height: 100%;
	left: 0 !important;
	top: 0;
	bottom: 0;
	z-index: 999;
}
.front.scroll{
	transform: translate(-250%,0);
	transition: all .3s ease-out;
}
.front.scroll.active{
	transform: none;
}
.front .menu{
	height: 100%;
	overflow: hidden;
	border-right: 1px solid #ffffff96;
}
.front .menu .left{
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: center;
	z-index: 999;
	background: var(--color-frame);
}
.front .menu .right{
	position: fixed;
	left: 87px;
	top: 0;
	height: 100%;
	width: 30%;
	background: var(--color-frame);
	transform: translate(-100%, 0);
	transition: all .5s ease-out;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
	border-left: 1px solid #ffffff30;
}
.front .menu .right.activeDoc{
	transform: none;
	opacity: 1;
	width: 100vw;
}
.front .menu .right .imgKv{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	pointer-events: none;
}
.front .menu .right .imgKv img:nth-child(1){
	position: absolute;
	bottom: 0;
	left: -153px;
}
.front .menu .right .imgKv img:nth-child(2){
    position: absolute;
    top: 0;
    right: 0;
}
.front .menu .right.active{
	transform: none;
	opacity: 1;
	pointer-events: auto;
	width: 30%;
}
.front .menu .right ul{
	list-style: none;
	height: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.front .menu .right ul li{
	line-height: 40px;
	transition: var(--transition-smooth);
	transform: scale(1);
}
.front .menu .right ul a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: var(--font-aptimaregular);
	font-size: 1.3rem;
	font-weight: 600;
	font-size: 20px;
}
.front .menu .right ul li:hover{
    transform: scale(.9);
}
.front .menu .logo{
    margin-top: 2rem;
}
.front .menu .button{
    height: 31px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.front .menu .button.active p{}
.front .menu .button.active p::after{
	transform: rotate(45deg) translate(20px, 15px);
}
.front .menu .button.active p::before{
	width: 39px;
	transform: rotate(-45deg) translate(2px, 3px);
}
.front .menu .button.active p{
/* 	width: 100%;
	transform: rotate(-45deg); */
	background: transparent;
}
.front .menu .button p{
    width: 39px;
    height: 1px;
    background: #fff;
    position: relative;
}
.front .menu .button p::after{
	content: '';
	position: absolute;
	width: 39px;
	height: 1px;
	background: #fff;
	top: -.75rem;
	left: 0;
	transition: all .3s ease-out;
}
.front .menu .button p::before{
	content: '';
	position: absolute;
	width: 26px;
	height: 1px;
	background: #fff;
	bottom: -.75rem;
	left: 0;
	transition: all .3s ease-out;
}
.front .menu .social{}
.front .menu .social a{
	color: #fff
}
.front .menu .social .item{
    height: 38px;
    width: 38px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    position: relative;
    cursor: pointer;
}
.front .menu .social .item i, .front .menu .social .item img{
	transition: all .4s ease-out;
}
.front .menu .social .item:hover i, .front .menu .social .item:hover img{
	transform: rotateY(180deg);
}
.front .menu .social .item.call{
    margin-top: 2rem;
}
.front .menu .social .item.call::after{
	content: '';
	height: 55px;
	width: 55px;
	position: absolute;
	background: #ffffff69;
	border-radius: 50px;
	animation: callring 1.3s infinite;
	pointer-events: none;
}
@keyframes callring{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.15);
	}
}
.w-100{
	width: 100vw;
}
.imgeffect{
	position: relative;
	height: 100%;
	width: 100%;
}
.active.imgeffect::after, .active .imgeffect::after{
	width: 0;
}
.imgeffect::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .5s ease-out 0s;
	background: linear-gradient(116deg, #062427 0%, rgba(0, 0, 0, 0) 68.3%), radial-gradient(69.84% 162.9% at 100% 86.18%, #158672 0%, #0F6E61 100%), linear-gradient(117.27deg, #061A27 0%, #08524C 67.01%);
}
.product_content .imgeffect::after, .library_video_doc .thumbnail .imgeffect::after, .list_news .item .img::after{
	background: #f3f7f7;
}
.scroll
{
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100%;
}
.bg-fill{ background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(116deg, #062427 0%, rgba(0, 0, 0, 0) 68.3%), radial-gradient(69.84% 162.9% at 100% 86.18%, #158672 0%, #0F6E61 100%), linear-gradient(117.27deg, #061A27 0%, #08524C 67.01%);
}
.segTitle h1{
    font-family: var(--font-aptimabold);
    font-size: 2.5rem;
    font-weight: 600;
    text-transform: uppercase;
}
.segTitle h1:nth-child(2){
	margin-left: 9rem
}
.segTitle h1 span{
    font-family: var(--font-aptimaregular);
    text-transform: none;
    text-transform: uppercase;
    opacity: 1;
    transition: all .2s ease-out;
}
.segTitle.active h1 span{
	opacity: 1;
}
.segTitle h2 span{
	font-family: var(--font-sanbold);
	font-size: 60px;
	opacity: 1;
	transition: all .3s ease-out;
	font-weight: 400;
}
.segTitle.active h2 span{
    opacity: 1;
}
.segTitle h2{
	margin-left: 5rem;
	font-family: var(--font-sanbold);
	font-size: 2.5rem;
	line-height: 1;
	margin-top: 1rem;
}

.segTitle .letter:nth-child(1) {
    transition-delay: .05s;
}

.segTitle .letter:nth-child(2) {
    transition-delay: .1s;
}

.segTitle .letter:nth-child(3) {
    transition-delay: .15s;
}

.segTitle .letter:nth-child(4) {
    transition-delay: .2s;
}

.segTitle .letter:nth-child(5) {
    transition-delay: .25s;
}

.segTitle .letter:nth-child(6) {
    transition-delay: .3s;
}

.segTitle .letter:nth-child(7) {
    transition-delay: .35s;
}

.segTitle .letter:nth-child(8) {
    transition-delay: .4s;
}

.segTitle .letter:nth-child(9) {
    transition-delay: .45s;
}

.segTitle .letter:nth-child(10) {
    transition-delay: .5s;
}
.segTitle .letter:nth-child(11) {
    transition-delay: .55s;
}
.segTitle .letter:nth-child(12) {
    transition-delay: .6s;
}
.segTitle .letter:nth-child(13) {
    transition-delay: .65s;
}
.segTitle  .letter:nth-child(14) {
    transition-delay: .7s;
}
.segTitle .letter:nth-child(15) {
    transition-delay: .75s;
}
.segTitle .letter:nth-child(16) {
    transition-delay: .8s;
}
.segTitle .letter:nth-child(17) {
    transition-delay: .85s;
}
.segTitle .letter:nth-child(18) {
    transition-delay: .9s;
}
.segTitle .letter:nth-child(19) {
    transition-delay: .95s;
}
.segTitle .letter:nth-child(20) {
    transition-delay: 1s;
}
.segTitle .letter:nth-child(21) {
    transition-delay: 1.05s;
}
#s-tongmatbang {}
#s-tongmatbang .--map {}
@media screen and (max-width: 575px) {
	#s-tongmatbang .--map {
/* 		display: none; */
	}
}
.homeBanner{
    z-index: 9;
    position: relative;
}
.homeBanner .menu{
	height: 100px;
	width: 80px;
	background: var(--color-frame);
	position: absolute;
	right: 5%;
	z-index: 9999;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.menuBanner{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	background: var(--color-frame);
	width: 30%;
	height: 100%;
	transition: all .5s ease-out;
	opacity: 0;
	/* border-radius: 20% 0 13% 30%; */
	transform: translate(100%, 0);
	pointer-events: none;
}
.menuBanner .note{
	display: flex;
	position: absolute;
	transform: translate(-50%,0);
	left: 50%;
	bottom: 20px;
	justify-content: center;
	align-items: center;
}
.menuBanner .note a{
	/* position: absolute; */
	/* bottom: 20px; */
	font-size: 12px;
	/* transform: translate(-50%, 0); */
	/* left: 50%; */
	text-align: center;
	text-transform: unset;
	font-style: italic;
}
.menuBanner.activeDoc{
	opacity: 1;
	transform: none;
	pointer-events: auto;
}
.menuBanner a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-family: var(--font-aptimaregular);
	font-size: 1.2rem;
	transition: var(--transition-smooth);
	position: relative;
	font-weight: 600;
}
.menuBanner a::after{
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	background: #fff;
	left: 0;
	bottom: 0;
	transition: all .4s ease-out;
}
.menuBanner a:hover::after{
    width: 100%;
}
.menuBanner li:hover{
    transform: scale(.8);
}
.menuBanner ul{
	list-style: none;
	height: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	width: max-content;
	float: right;
	/* padding-right: 10rem; */
	width: 100%;
}
.menuBanner ul li{margin: .5rem 0;transform: scale(1);transition: var(--transition-smooth);}
.menuBanner .imgKv{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.menuBanner .imgKv img:nth-child(1){
	position: absolute;
	left: 0;
	bottom: 0;
}
.menuBanner .imgKv img:nth-child(2){
	position: absolute;
	right: 0;
	top: 0;
}
.homeBanner .menu p{
	width: 30px;
	height: 1px;
	background: #fff;
	position: relative;
	transition: all .5s ease;
}
.homeBanner .menu p.active{
    transform: rotate(45deg) translate(6px, 0px);
}
.homeBanner .menu p.active::after{
    transform: rotate(88deg) translate(-10px, 1px);
}
.homeBanner .menu p.active::before{
	opacity: 0;
}
.homeBanner .menu p::after{
	content: '';
	position: absolute;
	width: 30px;
	height: 1px;
	background: #fff;
	bottom: -.75rem;
	transition: all .5s ease;
}
.homeBanner .menu p::before{
	content: '';
	position: absolute;
	width: 30px;
	height: 1px;
	background: #fff;
	top: -.75rem;
	opacity: 1;
}
.homeBanner .logo{
	position: absolute;
	/* z-index: 99; */
	top: 14px;
	left: 4.75rem;
	width: 115px;
}

.homeBanner .logo img {
    width: 100%;
}
.homeBanner .imgKV{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
}
.homeBanner .imgKVsmall{
	position: absolute;
	z-index: 1;
	pointer-events: none;
	left: 45px;
	top: 34%;
}
.homeBanner .imgKVsmall img{
	max-width: 20%;
}
.homeBanner .boxGreen{
	height: 80vh;
	position: absolute;
	background: var(--color-frame);
	width: 86%;
	right: 0;
	bottom: 0;
	z-index: 0;
	pointer-events: none;
}
.listBanner{
    display: flex;
    justify-content: flex-end;
    /* z-index: 99; */
    position: relative;
    height: calc(100% - 79px);
    width: 80%;
    float: right;
}
.listBanner .slick-dots{
	position: absolute;
	display: flex;
	bottom: 0;
	right: 0;
	list-style: none;
	height: auto;
	width: auto;
	background: #fff;
	align-items: center;
	justify-content: center;
	padding: 10px 7px;
}
.boxBotDots{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 130px;
	height: 79px;
	background-position: bottom right;
	background: #158672;
}
.listBanner .slick-dots li{
	margin: 0 .5rem;
	position: relative;
	height: max-content;
	padding: 0;
	height: 10px;
}
.listBanner .slick-dots li:focus, .listBanner .slick-dots li button:focus{
	outline: none;
}
.listBanner .slick-dots li.slick-active::after{
	content: '';
	position: absolute;
	border: 1px solid #033D3E;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}
article{
	line-height: 25px;
	font-size: 16px;
}
.listBanner .slick-dots li.slick-active button{
	background: #033D3E;
}
.listBanner .slick-dots li button{
	background: #9AB1B2;
	border-radius: 50%;
	border: none;
	color: transparent;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.listBanner .slick-list,.listBanner .slick-track {
	height: 100%;
}
.listBanner .item{
	height: 100%;
	width: calc(100% - 12px);
	position: relative;
	padding-left: 12px;
	outline: none;
}
.listBanner .item img{
	height: 100%;
	object-fit: cover;
	width: 100%;
	transform: scale(1.3);
	transition: all 3s ease-out;
}
.listBanner .item.active img {
	filter: brightness(100%);
	transform: scale(1);
}
.titleBanner{
	position: absolute;
	left: 4.75rem;
	top: 25%;
	width: 35rem;
	transform: translate(-120%, 0);
	transition: all 1s ease-out;
}
.titleBanner.active{
	transform: none;
}
.listBanner .item  p{
	color: #fff;
	font-family: var(--font-sanbold);
	font-size: 47px;
	width: max-content;
	padding: 0rem 6rem 0rem 1.5rem;
	display: flex;
	align-items: baseline;
	justify-content: center;
	background: rgb(10 45 48 / 75%);
	background: linear-gradient(90deg, rgb(10 45 48 / 95%), transparent);
	border-left: 12px solid #fff;
	position: absolute;
	bottom: 4rem;
	left: 0;
	opacity: 0;
	transition: var(--transition-smooth);
	text-shadow: 0 2px 6px rgb(0 0 0 / 1);
}
.listBanner .item p.active{
	opacity: 1;
}
.listBanner .item  p span{
	font-size: 4rem;
	margin-left: 1rem;
}
.titleBanner h1 img{
	width: 100%;
}
.homeOverview{
	color: #fff;
	padding-left: 4rem;
}

.homeOverview .content{
	display: flex;
	height: 100%;
}
.homeOverview{

}
.homeOverview .content .image{
	flex: 1;
}
.homeOverview .content .text{
    display: flex;
    flex-flow: column;
    justify-content: center;
    flex: 0 0 50%;
	padding-right: 2rem;
}
.homeOverview .content  ul{
	list-style: none;
}
.homeOverview .content ul li{
	margin-bottom: .5rem;
}
.homeOverview .content .image img{
    height: 100%;
    object-fit: cover;
    width: 100%;
    float: right;
}
.homeOverview .content article{
	margin: 4rem 8rem 0 0;
	max-width: 540px;
	width: 100%;
	text-align: justify;
	opacity: 0;
	transform: scale(.9);
	transition: all .4s ease-out;
	transition-delay: .5s;
	font-size: 16px;
}
.homeOverview .content article.active{
    opacity: 1;
    transform: none;
}
.homeOverview .listOver{
	margin-top: 24px;
	transform: translate(100px, 0);
	opacity: 0;
	transition: all .5s ease-out;
	transition-delay: 1.1s;
}
.homeOverview .listOver.active{
    opacity: 1;
    transform: none;
}
.homeOverview .acreage{
	margin-top: 3rem;
	display: flex;
}
.homeOverview .acreage .item{
	display: flex;
	margin-right: 4rem;
	transform: scale(.9);
    transition: all .5s ease-out;
    transition-delay: 1.3s;
    opacity: 0;
}
.homeOverview .acreage.active .item{
    opacity: 1;
    transform: none;
}
.homeOverview .acreage_left{
	position: relative;
	margin-right: 1rem;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-end;
	padding-right: 1.5rem;
}
.homeOverview .acreage_left img{
	display: block;
	width: 20px;
}
.homeOverview .acreage_left::after{
	content: '';
	position: absolute;
	border-right: 1px solid rgb(255 255 255 / 35%);
	width: 1px;
	height: 100%;
	top: 0;
	right: 0;
}
.homeOverview .acreage .item p{
	margin-bottom: 1rem;
	font-size: .9rem;
	text-align: right;
	text-transform: uppercase;
}
.homeOverview .acreage_right{
	display: flex;
	align-items: flex-end;
}
.homeOverview .acreage_right h3{
	color: var(--color-yellow);
	font-family: var(--font-sfubelle);
	font-size: 40px;
	font-weight: 100;
	margin-top: inherit;
	position: relative;
	top: 10px;
}
.homeOverview .acreage_right h3 span{
	color: #fff;
	font-size: 13px;
}
.homeMaps{
	position: relative;
	width: 110vw;
}
.homeMaps .imgKV{
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.homeMaps .maps_content{
	display: flex;
	color: #fff;
	height: 100%;
	position: relative;
	/* transform: translate(-58px, -40px); */
}
.list_icon_marker_maps{
	position: absolute;
	width: 937px;
	height: 734px;
	top: 604px;
	left: 613.4px;
	transform: scale(2);
	pointer-events: none;
}
.list_icon_marker_maps.active .item{
	opacity: 1;
	transform: none;
}
.list_icon_marker_maps.active .item img{
	transition: var(--transition-smooth);
	cursor: pointer;
}

.list_icon_marker_maps.active .item:hover img{
	transform: scale(1.3);
}
.list_icon_marker_maps .item{
	position: absolute;
	font-family: var(--font-aptimaregular);
	font-size: 11px;
	opacity: 0;
	transition: all .3s cubic-bezier(0, 0, 0.08, 1.18);
	transform: translate(0, -107px);
}
.list_icon_marker_maps .item p{
	position: absolute;
	width: max-content;
	left: -133%;
	bottom: -11px;
}
.list_icon_marker_maps .item:nth-child(1){
    top: 34%;
    left: 43%;
    transition-delay: .5s;
}

.list_icon_marker_maps .item:nth-child(1) img {
    animation: scallecycle 1.2s infinite;
    width: 5rem;
}
@keyframes scallecycle {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}
.list_icon_marker_maps .item:nth-child(2){
    top: 37%;
    left: 35%;
    transition-delay: 1s;
}
.list_icon_marker_maps .item:nth-child(3){
    top: 58%;
    left: 58%;
    transition: 1.5s;
}
.list_icon_marker_maps .item:nth-child(4){
    top: 19%;
    left: 66%;
    transition-delay: 2s;
}
.list_icon_marker_maps .item:nth-child(5){
    top: 54%;
    left: 78%;
    transition-delay: 2.5s;
}
.list_icon_marker_maps .item:nth-child(6){
    top: 83%;
    left: 57%;
    transition-delay: 3s;
}
.list_icon_marker_maps .item:nth-child(7){
    top: 84%;
    left: 79%;
    transition-delay: 3.5s;
}
.list_icon_marker_maps .item:nth-child(8){
    top: 75%;
    left: 92%;
    transition-delay: 4s;
}
.maps_content_img{
	/* flex: 0 0 60%; */
	/* height: 100%; */
	/* width: 100%; */
	position: relative;
	transform-origin: 0 0;
	transform: scale(.4) translate(-130px, -115px);
}
.maps_content_img img{
	width: auto;
	height: auto;
	object-fit: cover;
	/* transform-origin: 0 0; */
	/* transform: scale(.4); */
}
.maps_content_img .stroke{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 343px;
	left: 437px;
	/* background: red; */
}
.maps_content_img svg{
	position: absolute;
	top: 604px;
	left: 613.4px;
	transform: scale(2);
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 30s linear alternate infinite;
}

@keyframes dash {
  from {
    stroke-dashoffset: 822;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.maps_content_txt{
	/* flex: 1; */
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding-right: 2rem;
	position: absolute;
	right: 0;
	height: 100%;
	opacity: 1;
}

.maps_content_txt .segTitle h1 span{
	/* margin-left: 4rem */
}
.maps_content_txt ul{
	list-style: none;
}
.maps_content_txt article{
	margin-top: 3rem;
	/* font-family: var(--font-aptimaregular); */
	width: 530px;
	opacity: 1;
	/* transition: all .5s ease-out; */
	/* transform: translate(60px, 0); */
}
.maps_content_txt article.active{
	opacity: 1;
	/* transform: none; */
}
.maps_content_unit{
	margin-top: 2rem;
	/* transform: translate(57px, 0); */
	opacity: 1;
	/* transition: all .5s ease-out; */
}
.maps_content_unit.active{
	opacity: 1;
	transform: none;
}
.maps_content_unit ul li{
	display: flex;
	align-items: flex-end;
	/* font-family: var(--font-gilroyregu); */
	margin-bottom: 1.4rem;
}
.maps_content_unit ul li:nth-child(n+2) {
    margin-bottom: 0;
}
.maps_content_unit ul li p {
    display: flex;
    align-items: flex-end;
}
.maps_content_unit ul li p b{
	margin-left: .3rem;
}
.maps_content_unit ul li span{
	color: #ffce3c;
	font-family: var(--font-sfubelle);
	font-size: 38px;
	margin-right: .5rem;
	height: max-content;
	line-height: 52px;
	display: flex;
	align-items: flex-end;
	margin-bottom: -.5rem;
}
.maps_content_unit ul li img{/* transform: scale(.5); */width: 25px;margin-right: .5rem;}
.homeUtility{
	position: relative;
	background: var(--color-frame);
}
.homeUtility .segTitle h2{
	margin-bottom: 3rem;
	letter-spacing: 3px;
}
.fancybox-content img{
	margin-top: 2rem;
}
.fancybox-caption{
	position: absolute;
	top: 0;
	height: max-content;
	background: none;
	font-size: 20px;
	text-transform: uppercase;
}
.homeUtility .downdoc{color: #fff;text-decoration: none;background: var(--color-title-yl);padding: 10px;transition: var(--transition-smooth);}
.homeUtility .downdoc svg{
    margin-left: 1rem;
}
.titleTotol{
	position: absolute;
	bottom: 5%;
	left: 5%;
	z-index: 1;
	color: #fff;
}
.total_popup_kv img{
	width: 100%;
}
.total_popup_kv{
	position: absolute;
	bottom: 0;
	left: -2rem;
	width: 171px;
}
.total_popup_kv.total_popup_kv2{
	right: -1rem;
	transform: rotateY(175deg);
	bottom: 0;
	left: unset;
}
.total_popup_kv img{
	width: 100% !important;
	height: auto !important;
}
.homeUtility::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(215.97deg, rgba(25, 87, 87, 0) 16.92%, rgba(26, 88, 88, 0.4) 68.49%, rgba(26, 88, 88, 0.8) 82.49%);
	pointer-events: none;
}
.homeUtility .image{
	height: 100%;
	position: relative;
	/* transform: scale(0.6); */
	transform-origin: 0 0;
}
.hotline-phone-ring-circle-fill{
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	/* position: absolute; */
	background-color: rgb(253 179 2);
	border-radius: 50%;
	border: 2px solid transparent;
	-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: translate(-50%, -50%);
}
@-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;
    }
  }
.homeUtility .image .list_svg{
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}
.homeUtility .image .list_svg .maps{
	position: absolute;
	z-index: 1;
	opacity: 1;
	width: max-content;
	/* transform: translate(-50%, -50%); */
	pointer-events: auto;
	cursor: pointer;
}
.homeUtility .image .list_svg .maps:nth-child(1){
    top: 16%;
    left: 36%;
}
.homeUtility .image .list_svg .maps:nth-child(2){
    top: 57%;
    left: 63%;
}
.homeUtility .image .list_svg .maps:nth-child(3){
    top: 30%;
    left: 26%;
}
.homeUtility .image .list_svg .maps i{
	font-size: 2rem;
	color: #fff;
	position: absolute;
	top: -10px;
	transform: translate(-50%,0);
	left: 50%;
	z-index: 1;
}
.homeUtility .image .name{
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 90%;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	/* background: var(--color-frsp); */
	z-index: 9;
	padding: 15px;
	pointer-events: none;
}
.homeUtility .image .name .dream .close{
	position: absolute;
	top: -17px;
	right: -17px;
	background-color: var(--color-frame);
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	z-index: 9999;
	border-radius: 50%;
}
.homeUtility .image .name .dream .content{
	display: flex;
	flex-flow: column-reverse;
	border: 1px solid var(--color-frame);
	padding: 15px;
	height: 94%;
	align-items: center;
	justify-content: center;
}
.homeUtility .image .name .dream {
	position: absolute;
	height: 94%;
	padding: 15px;
	/* border: 1px solid var(--color-frame); */
	opacity: 0;
	background: var(--color-frsp);
	top: 0;
	/* left: 50%; */
	transform: translate(50%,-50%);
	width: 75%;
	pointer-events: none;
	z-index: 999;
	transform: scale(.5);
	transition: all .5s ease;
}
.homeUtility .image .name .dream.active{
	opacity: 1;
	pointer-events: auto;
	transform: none;
}
.homeUtility .image .name .dream .text{
	flex: 1;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 15px;
	/* align-items: center; */
	padding-left: 5rem;
}
.homeUtility .image .name .dream .text h2{
	margin-bottom: 2rem;
	position: relative;
	text-transform: uppercase;
	color: var(--color-title-yl);
}
.homeUtility .image .name .dream .text h2::after{
	content: '';
	position: absolute;
	width: 80px;
	height: 2px;
	background: var(--color-yellow);
	left: 50%;
	bottom: -.5rem;
	transform: translate(-50%, 0);
}
.homeUtility .image .name a{
	flex: 0 0 50%;
	max-width: 50%;
	height: 100%;
	/* z-index: 1; */
}
.homeUtility .image .name img{
	width: 100%;
	height: 73vh;
	object-fit: contain;
	object-position: center;
}
.homeUtility .image .list_svg .item:nth-child(1){
	top: -10%;
	left: 9%;
	transform: scale(.4);
	/* z-index:9; */
}
.homeUtility .image .list_svg .item:nth-child(2){
	top: 31%;
	left: 40%;
	transform: scale(.7);
}
.homeUtility .image .list_svg .item:nth-child(3){
	top: -33%;
	left: -37.5%;
	transform: scale(.25);
}
.homeUtility .image .list_svg .item img{
	opacity: 0;
}
.homeUtility .image .list_svg .item{
	/* opacity:0; */
	position: absolute;
	/* transform: scale(.5); */
	pointer-events: auto;
	cursor: pointer;
	/* transform: scale(.18); */
}
.homeUtility .image .marker{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}
.homeUtility .image .marker p{
	color: #fff;
	position: absolute;
	z-index: 1;
	background: var(--color-title-yl);
	height: 15px;
	width: 15px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 6px;
	opacity: 0;
	transition: all .3s ease-out;
	pointer-events: auto;
	cursor: pointer;
	border: 1px solid #fff;
	padding: 2px;
}
.homeUtility .image .marker p.active{
	opacity: 1;
}
.homeUtility .image .marker p:hover{
	transform: scale(1.4);
	font-size: 9px;
}
.homeUtility .image .marker p:nth-child(1){
    top: 12%;
    left: 38.5%;
}
.homeUtility .image .marker p:nth-child(2){
	top: 14%;
	left: 35%;
}
.homeUtility .image .marker p:nth-child(3){
	top: 16%;
	left: 31%;
}
.homeUtility .image .marker p:nth-child(4){
	top: 16%;
	left: 36%;
}
.homeUtility .image .marker p:nth-child(5){
	top: 14%;
	left: 41%;
}
.homeUtility .image .marker p:nth-child(6){
	top: 19%;
	left: 34%;
}
.homeUtility .image .marker p:nth-child(7){
	top: 67%;
	left: 69%;
}
.homeUtility .image .marker p:nth-child(8){
	top: 72%;
	left: 77%;
}
.homeUtility .image .marker p:nth-child(9){
	top: 20%;
	left: 24%;
}
.homeUtility .image .marker p:nth-child(10){
	top: 21%;
	left: 28%;
}
.homeUtility .image .marker p:nth-child(11){
	top: 25%;
	left: 15%;
}
.homeUtility .image .marker p:nth-child(12){
	top: 29%;
	left: 16%;
}
.homeUtility .image .marker p:nth-child(13){
	top: 30%;
	left: 38%;
}
.homeUtility .image .marker p:nth-child(14){
	top: 34%;
	left: 38%;
}
.homeUtility .image .marker p:nth-child(15){
	top: 31%;
	left: 33%;
}
.homeUtility .image .marker p:nth-child(16){
	top: 36%;
	left: 34%;
}
.homeUtility .image .marker p:nth-child(17){
	top: 39%;
	left: 31%;
}
.homeUtility .image .marker p:nth-child(18){
	top: 41%;
	left: 34%;
}
.homeUtility .image img{
	height: 100%;
	/* object-fit: cover; */
	width: 100%;
	pointer-events: none;
}
.homeBlock{
	position: relative;
}
.homeBlock .text{
	transform: translate(100px, 0);
	transition: all .6s ease-out;
	opacity: 0;
}
.homeBlock .text.active{
	opacity: 1;
	transform: none;
}
.homeBlock .imgKV{
	position: absolute;
	right: 0;
	z-index: 99;
	pointer-events: none;
	/* display: none; */
}
.homeBlock .text{
	position: absolute;
	top: 2.5rem;
	color: #fff;
	left: 3rem;
	z-index: 9;
}

.homeProduct{
	display: flex;
	background: var(--color-frsp);
	padding-right: 8.3rem;
}
.product_content{
	display: flex;
	position: relative;
}
.product_content .listProduct{
	display: flex;
}
.homeProduct .imgLeft{
	width: 35rem;
}
.homeProduct .imgLeft img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* transition: all .75s ease-out; */
	float: right;
}
.homeProduct .imgLeft.active img{
	/* width: 100% */
}
.product_content .title{
	width: max-content;
	padding-left: 3rem;
	color: var(--color-title-gr);
	padding-top: 9rem;
	margin-right: 2rem;
}
.product_content .title .imgKV{
	position: absolute;
	bottom: 0;
	left: 0;
}
.listProduct .item{display: flex;padding-bottom: 64px;justify-content: flex-end;align-items: flex-end;position: relative;margin-right: 1rem;}
.listProduct .item .future{
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.listProduct .item .future .shadown1{
    width: 21vw;
    height: 35vh;
    position: absolute;
    top: -32px;
    right: -32px;
    background: var(--color-frame);
    z-index: -1;
    opacity: .17;
}
.listProduct .item .future .shadown2{}
.listProduct .item .desc{
	padding-left: 72px;
	transform: translate(70px, 0);
	opacity: 0;
	transition: all .45s ease-out;
	transition-delay: 1s;
	margin-top: 3rem;
}
.listProduct .item.active .desc{
	opacity: 1;
	transform: none
}
.listProduct .item .img1{
	width: 25vw;
	height: 75%;
	z-index: 1;
	position: relative;
}
.listProduct .item .img2{
	position: absolute;
	width: 43vw;
	height: 33%;
	top: 0;
	z-index: 0;
	right: 25vh;
}
.listProduct .item img{
	width: 100%;
	object-fit: cover;
	position: relative;
	flex: 1;
	height: 100%;
	float: right;
	/* transition: all .75s ease-out; */
	object-position: center;
}
.listProduct .item.active img{
	/* width: 100%; */
}
.prod_detail{
	height: 44px;
	background: var(--color-title-gr);
	display: flex;
	width: max-content;
	justify-content: center;
	color: #fff;
	align-items: center;
	padding: 0 15px;
	cursor: pointer;
}
.prod_detail img{
	/* width: 36px !important; */
	transform: scale(.4);
}
.prod_content article{
	width: 500px;
}
.listProduct .desc h3{
	font-family: var(--font-sfubelle);
	color: #474747;
	font-size: 44px;
	position: relative;
	width: max-content;
	margin-bottom: 1rem;
	font-weight: 100;
}
.listProduct .desc .name::after{
	display: none;
}
.listProduct .desc .name{
	font-family: var(--font-aptimaregular);
	color: var(--color-title-gr);
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 600 !important;
}
.listProduct .desc .name span{
	font-family: var(--font-sanbold);
	text-transform: none;
	font-size: 45px;
	font-weight: 200;
}
.listProduct .desc h3::after{
	content: '';
    position: absolute;
    border-bottom: 1px solid var(--color-title-gr);
    width: 100%;
    left: 0;
    bottom: -.5rem;
}
.listProduct .desc h3 span{
	font-size: 16px;
}
.prod_name h2{
	color: var(--color-title-gr) !important;
	font-family: var(--font-aptimabold) !important;
	text-transform: uppercase;
	margin: 0 !important;
}
.prod_name h1::after{
	display: none;
}
.prod_name h2 span{
	font-family: var(--font-sangregular);
	text-transform: none;
	font-size: 36px !important;
	font-weight: 100;
}
.prod_content{
	margin-top: 17px;
	margin-bottom: 3rem;
}
.prod_detail p{
	/* flex: 0 0 80%; */
	margin: 0;
	width: max-content;
	display: flex;
	align-items: center;
	margin-right: 1rem;
}
.listProduct .item:nth-child(even){align-items: flex-start;}
.listProduct .item:nth-child(even) .img1{
	width: 25vw;
	height: 61%;
}
.listProduct .item:nth-child(even) .img2{
	width: 35vw;
	height: 30%;
	bottom: 1rem;
	top: unset;
}
.listProduct .item:nth-child(even) .future .shadown1{
	background: var(--color-title-gr);
	opacity: .1;
	width: 21vw;
	height: 23.5rem;
	top: 0;
	right: -1.5rem;
}
.listProduct .item:nth-child(even) .future{
	align-items: flex-start;
}
.listProduct .item:nth-child(even) .img2 .shadown2{
	position: absolute;
	background: var(--color-title-gr);
	opacity: .1;
	width: 12.8rem;
	height: 16.25rem;
	left: -33px;
	top: -22px;
}
.homeBlock article{
	width: 500px;
	color: #fff;
	margin-top: 24px;
	text-align: justify;
}
.homeBlock.block2 .segTitle{
	color: #fff;
	text-shadow: 2px 2px 2px #000000bf;
}

.homeInspired{
	position: relative;
	background: var(--color-frame);
	padding-left: 4rem;
}
.homeInspired_text{
	position: absolute;
	z-index: 1;
	color: #fff;
	/* left: 8rem; */
	top: 3rem;
}
.homeInspired_text .segTitle{
    transform: translate(100px, 0);
    transition: all .5s ease-out;
    opacity: 0;
}
.homeInspired_text .segTitle.active{
    opacity: 1;
    transform: none;
}
.homeInspired_text .number{transform: translate(100px, 0);opacity: 0;transition: all .5s ease-out;}
.homeInspired_text .number.active{
	transform: none;
	opacity: 1;
}
.homeInspired .imgKV{
	position: absolute;
	top: -3rem;
	right: 0;
	pointer-events: none;
}
.homeInspired_text .number h1{
	font-family: var(--font-sanbold);
	font-weight: 100;
}
.homeInspired_text .number span{
	/* font-weight: 100; */
	font-size: 65px;
}
#list-inspired, #list-inspired .slick-list, #list-inspired .slick-track {
	height: 100%;
}
#homeInspired{
	position: absolute;
	bottom: 1%;
	left: 10%;
	width: 40px;
	display: flex;
	justify-content: space-between;
	background: #0000007a;
	color: #fff;
	padding: 5px;
	border-radius: 20px
}
#homeInspired i{
	font-weight: 100;
	margin-top: 2px
}
.homeInspired .item{
	display: flex;
	height: 100%;
}
.homeInspired .right img{
	height: 100%;
	object-fit: cover;
	width: 0;
	transition: all .75s ease-out;
	float: right;
}
.homeInspired .right.active img{
    width: 100%;
}
.homeInspired .item:focus{
	outline: none;
}
.homeInspired .item .left{flex: 0 0 37%;padding-bottom: 40px;display: flex;flex-flow: column;justify-content: flex-end;}
.homeInspired .item .left img{
	width: 0px;
	height: 33vh;
	transition: all.5s ease-out;
	float: right;
}
.homeInspired .item .left img.active{
	width: 27vw;
}
.homeInspired .item .left .content{
	color: #fff;
	font-family: var(--font-aptima);
	position: relative;
	padding-left: 30px;
	margin-top: 16px;
	transform: translate(100px, 0);
	transition: all .5s ease-out;
	opacity: 0;
}
.homeInspired .item .left .content.active{
    opacity: 1;
    transform: none;
}
.homeInspired .item .left .content::after{
	content: '';
	position: absolute;
	width: 1px;
	height: 97px;
	background: #fff;
	left: 15px;
	top: -38px;
}
.homeInspired .item .left .content p{
	/* font-family: var(--font-aptimabold); */
}

.listBlock .slider-nav img{
	/* width: 56px; */
	/* height: 56px; */
	object-fit: cover;
	width: 100%;
	height: 100%;
	/* border-radius: 42px; */
	/* border: 8px solid red; */
}
.listBlock .slider-nav img:focus{
	outline: none;
}
.listBlock .slider-nav .item{
	width: 84px;
	height: 84px;
	/* padding-bottom: 3rem; */
	transition: all .2s ease-out;
	/* border: 8px solid red; */
	overflow: hidden;
	border-radius: 18px;
	box-shadow: 0 0 0 8px #dbedee;
	margin: 0 .5rem;
	transform: scale(.9);
	/* background: red; */
}
.listBlock .slider-nav .item:focus{
	outline: none;
}
.listBlock{
	height: 100%;
	width: 100%;
	/* overflow: hidden; */
	position: relative;
}
.listBlock .slider-nav .item.slick-active {
	display: block;
}
.listBlock .slider-for{
	position: absolute;
    width: 100%;
    height: 100%;
}
.listBlock .slider-for .slick-list, .listBlock .slider-for .slick-track{
	height: 100%;
}
.listBlock .slider-for img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.listBlock .slider-for .item:focus{
	outline: none;
}
.listBlock .slider-nav{/* height: 100%; */display: flex;/* justify-content: flex-end; */align-items: flex-end;width: 439px;height: 194px;position: absolute;bottom: 2rem;right: 2rem;/* padding: 1rem; *//* background: green; */}

.listBlock .slider-nav:after {content: '';width: 100%;height: 100px;background: #DAEEEE;/* background: red; */position: absolute;/* top: 50%; *//* transform: translateY(-50%); */left: 0;z-index: 0;border-radius: 25px;bottom: -8px;}
.listBlock .slider-nav .slick-list{
	/* transform: scale(.4) translate(calc(100% - 34rem),0px); */
	/* margin-top: 27%; */
	/* margin-bottom: -7rem; */
	/* background: #DAEEEE; */
	/* border-radius: 20px; */
	/* overflow: hidden; */
	padding: 0!important;
	z-index: 2;
	/* margin-top: 24px; */
	height: 120px;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}
.listBlock .slider-nav button{
	position: absolute;
	display: flex;
	top: 0;
}
.listBlock .slider-nav .slick-track{/* background: #DAEEEE; *//* display: flex; *//* align-items: flex-end; *//* justify-content: flex-end; *//* margin: 3rem; *//* padding: 43px 0; *//* height: 319px; *//* width: max-content !important; */}
.listBlock .slider-nav .item.slick-current{
	/* height: 300px; */
	transform: scale(1) translateY(-12px);
}
.homeCommunity{
	position: relative;
}
.homeCommunity .imgKv img{
    position: absolute;
}
.homeCommunity .imgKv img:nth-child(1){
    left: 38rem;
    top: 0;
}
.homeCommunity .imgKv img:nth-child(2){
    right: 0;
    bottom: 0;
}
.community_content{
	display: flex;
	height: 100%;
}
.community_left{
	flex: 0 0 30%;
}
.community_left .image{
	/* width: 38rem; */
	height: 100%;
}
.community_left .image img{
	width: 0;
	height: 100%;
	object-fit: cover;
	transition: all .75s ease-out;
	float: right;
}
.community_left .image.active img{
	width: 100%;
}
#list-community{

}
#list-community .item{
	color: #fff;
}
#list-community .item .top{
	display: flex;
	margin-bottom: 2rem;
}
#list-community .item .bottom{
	display: flex;
	flex-flow: row-reverse;
	justify-content: flex-end;
}
#list-community .item .right{
	display: flex;
	align-items: center;
}
#list-community .item .image{
	width: 30vw;
	height: 35vh;
	/* flex: 0 0 50%; */
	position: relative;
}
#list-community .item .image .shadow{
    width: 289px;
    height: 214px;
    background: linear-gradient(137.64deg, #00FFC2 0%, #0A5C53 76.15%);
    position: absolute;
}
#list-community .item .top .shadow{
	top: -28px;
	left: -28px;
}
#list-community .item .bottom .shadow{
	transform: rotate(-180deg);
	right: -18px;
	bottom: -18px;
}
#list-community .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1;
	/* transition: all .75s ease-out; */
	float: right;
}
#list-community .item .image.active img{
    /* width: 100%; */
}
.community_right{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0 7rem;
}
#list-community .item .right .text{
	/* display: flex; */
	/* flex-flow: column; */
	/* justify-content: center; */
	padding-left: 3rem;
	width: 321px;
	transform: translate(70px, 0);
	transition: all .5s ease-out;
	opacity: 0;
}
#list-community .item .right.active .text{
	opacity: 1;
	transform: none;
}
#list-community .item .bottom .text{
    width: 254px;
    padding: 2rem 3rem 0 0;
}
#list-community .item .text h5{
	font-family: var(--font-sanbold);
	position: relative;
	font-size: 40px;
	margin-bottom: 1rem;
	font-weight: 400;
	line-height: 39px;
	white-space: nowrap;
}
#list-community .item .text h5::after{
	content: '';
	position: absolute;
	width: 37px;
	height: 1px;
	background: #fff;
	left: 0;
	bottom: -.5rem;
}
#list-community .item .text article{
	/* font-family: var(--font-aptimaregular); */
}
#list-community .item svg{
	position: absolute;
}
#list-community .item .top svg.svg1{
    top: -14px;
    right: 13px;
}
#list-community .item .top svg.svg2{
    transform: rotate(90deg);
    left: -60px;
    bottom: 30px;
}
#list-community .item .bottom svg.svg1{
    top: 31px;
    right: -58px;
    transform: rotate(-90deg);
}
#list-community .item .bottom svg.svg2{
    transform: rotate(180deg);
    left: -25px;
    bottom: -11px;
}
.homeReason{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 8rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.homeReason::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(0, 49, 49, 0.675) 0%, rgba(0, 28, 28, 0.555) 100%);
}
.title_reason{
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 43px;
    transform: translate(70px, 0);
    opacity: 0;
    transition: all .5s ease-out;
}
.title_reason.active{
    opacity: 1;
    transform: none;
}
.homeReason .imgKV img{
	position: absolute;
	right: 0;
	top: 0;
}
.listReason{
	color: #fff;
	position: relative;
	z-index: 1;
	display: flex;
	/* flex-flow: column; */
	flex-wrap: wrap;
}

.listReason .row{
	display: flex;
	/* justify-content: space-around; */
	/* margin-bottom: 24px; */
}
.listReason .item {
	position: relative;
	height: 25vh;
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(50px);
	margin: .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	/* transform: scale(.9); */
	opacity: 1;
	transition: all .5s ease-out;
	flex: 0 0 16%;
	padding: 16px;
}
.listReason .item article{
	line-height: 20px;
    font-size: 14px;
}
.listReason .item.active{
    opacity: 1;
    transform: none;
}
.listReason .item .text{
	transition: all .3s ease-out;
	text-align: center;
}

.listReason .item .text p {
    margin-bottom: .5rem;
}
.listReason .item .hover{
	position: absolute;
	top: 0;
	opacity: 0;
	transition: all .2s ease-out;
	text-align: center;
	padding: 15px;
	bottom: 0;
	margin: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.listReason .item:hover .hover{
	opacity: 1;
	border: 1px solid #fff;
	/* margin: 11px; */
	display: flex;
	flex-flow: column;
}

.listReason .item:hover .hover p {
    font-size: 20px;
    font-family: var(--font-charlot);
    color: var(--color-yellow);
    margin-bottom: 1rem;
}
.listReason .item:hover .text{
	opacity: 0;
}
.title_reason{
	display: flex;
}
.title_reason .number{
	font-size: 115px;
	font-family: var(--font-sfubelle);
	position: relative;
	margin-right: 2rem;
}
.title_reason .number::after{
	content: '';
	position: absolute;
	width: 54px;
	height: 1px;
	background: #fff;
	bottom: 0;
	left: 1rem;
}
.title_reason .txt{
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}
.title_reason .txt h1{
	font-family: var(--font-sanbold);
	font-weight: 100;
	font-size: 50px;
	margin-bottom: 10px;
}
.title_reason .txt h2{
	font-family: var(--font-charlot);
	font-weight: 100;
	margin-top: .2rem;
	font-size: 30px;
}
.homeLibrary{
	display: flex;
	background: var(--color-frsp);
}
.fancybox-thumbs__list a:before{
	border: 6px solid var(--color-title-gr);
}
.library_left{
	/* width: 471px; */
	flex: 0 0 25%;
	position: relative;
}
.library_left::after{
	content: '';
	position: absolute;
	width: 20px;
	height: 100%;
	right: -20px;
	top: 0;
	background: var(--color-title-yl);
	opacity: .4;
}
.library_left img{
	width: 0;
	height: 100%;
	object-fit: cover;
	float: right;
	transition: all .5s ease-out;
}
.library_left.active img{
	width: 100%;
}
.library_right{
	display: flex;
	padding: 0 3rem;
	font-family: var(--font-aptimaregular);
	width: 100%;
	/* align-items: center; */
	justify-content: center;
	flex-flow: column;
}
.library_image .thumbnail{
	width: 395px;
	height: 262px;
	position: relative;
}
.library_image .thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1;
}
.library_video_doc .thumbnail{
	width: 30vw;
	height: 32vh;
	position: relative;
}
.library_video_doc .thumbnail .play{
	position: absolute;
	z-index: 1;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	color: #fff;
	height: 50px;
	width: 50px;
	background: var(--color-frame);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.library_video_doc .thumbnail .shadow{
	width: 92px;
	height: 92px;
	background: #E0D3AC;
	position: absolute;
	bottom: -12px;
	left: -12px;
}
.library_video_doc .thumbnail img{
	width: 100%;
	object-fit: cover;
	height: 100%;
	position: relative;
	z-index: 1;
	float: right;
	/* transition: all 1s ease-out; */
}
.library_video_doc .thumbnail.active img{
	/* width: 100%; */
}
.library_right .title{
	color: var(--color-yellow);
	text-transform: uppercase;
	/* margin-bottom: 136px; */
}
.library_right .title h1{
	position: relative;
	margin-bottom: 1rem;
}
.library_right .title h1::after{
	content: '';
	position: absolute;
	border-bottom: 1px solid var(--color-yellow);
	width: 10%;
	left: 0;
	bottom: -.5rem
}
.library_image{
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin-right: 4rem;
}
.library_video_doc{
	display: flex;
	/* flex-flow: column; */
	justify-content: center;
	flex-wrap: wrap;
}
.library_right .item .txt svg{
	margin-top: 4px;
}
.library_right .item .txt{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.library_right .item .txt p{
	margin-right: 1rem;
	/* font-family: var(--font-aptimaregular); */
	font-size: 20px;
	line-height: 18px;
}
.library_image .thumbnail .shadow{
	width: 132px;
	height: 132px;
	background: #E0D3AC;
	position: absolute;
	top: -12px;
	right: -12px;
}
.library_video_doc .item{
	margin: 1rem 1.5rem;
	/* flex: 0 0 50%; */
	/* max-width: 50%; */
	flex: 0 0 33%;
}
.library_video_doc a{
	color: #000;
	text-decoration: none;
}
.homeNews{
	display: flex;
	width: 110vw;
}
.news_left{
	background: var(--color-frame);
	/* width: 308px; */
	height: 100%;
	position: relative;
	flex: 0 0 23%;
}
.news_left.active{
}
.list_news .item .img{
	/* width: 30vw; */
	height: 33vh;
}
.list_news .item .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* transition: all .75s ease-out; */
	float: right;
}
.list_news .item.active .img img{
	/* width: 100%; */
}
.news_left .imgKV img{
	position: absolute;
}
.news_right{
	flex: 1;
	display: flex;
	flex-flow: column;
	justify-content: center;
	/* align-items: center; */
	padding-left: 50px;
	background: var(--color-frsp);
	padding-right: 2rem;
}
.news_left .imgKV img:nth-child(1){
	bottom: 0;
	right: 0;
}
.news_left .imgKV img:nth-child(2){
	top: 0;
	right: 0;
}
.news_left .imgKV img:nth-child(3){
	top: 30%;
	right: -54px;
	transform: scale(.6);
}
.news_right h1{
	font-family: var(--font-sanbold);
	color: var(--color-title-gr);
	font-size: 55px;
	font-weight: 100;
	position: relative;
	margin-bottom: 1rem;
}
.news_right h1::after{
	content:'';
	position: absolute;
	width: 50px;
	height: 1px;
	background: var(--color-title-gr);
	left: .5rem;
	bottom: -.5rem;
}
.list_news{
	/* height: 100%; */
	display: flex;
	justify-content: center;
	/* align-items: center; */
	margin-top: 3rem;
}
.list_news .item{
	margin: 0 1rem;
	/* width: 30vw; */
	flex: 0 0 30%;
}
.list_news .item .content{
	/* font-family: var(--font-aptimaregular); */
	margin-bottom: 1rem;
}
.list_news .item .content h5{
	font-size: 18px;
	color: #474747;
	text-decoration: none;
	cursor: pointer
}
.list_news .item .btnRead{
	
}
.list_news .item .btnRead{
	color: var(--color-title-gr);
	display: flex;
	align-items: center;
	font-family: var(--font-sfubelle);
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
}
.list_news .item .btnRead p{
	margin-right: 1rem;
	font-family: var(--font-charlot);
}
.popUpNews.active{
	transform: none;
    pointer-events: all;
    opacity: 1;
}
.popUpNews{
	position: fixed;
	right: 0;
	height: 100vh;
	background: white;
	width: 100vw;
	z-index: 1000;
	background: white;
	box-shadow: -12px 0 24px rgba(0, 0, 0, .05);
	/* transform: translateX(20%); */
	transition: all .45s ease-out;
	overflow: auto;
	display: flex;
	opacity: 0;
	pointer-events: none;
}
.popUpNews .close{
	position: fixed;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	height: 72px;
	width: 72px;
	background: var(--color-title-yl);
	z-index: 9;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	border-radius: 50%;
	cursor: pointer;
	transition: var(--transition-smooth);
}
.popUpNews .close:hover{
	transform: scale(.9) translate(-50%, -50%);
}
.popUpNews .featured{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
}
.popUpNews .featured img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.popUpNews .content{
	width: 50%;
	margin-left: 50%;
	padding: 15px 77px;
}
.popUpNews .content .wp-block-image{
	margin: 1rem auto;
	padding: 12px 16px;
	width: 100%;
	box-shadow: 0 12px 24px rgba(0, 0, 0, .1);
	background: white;
	display: inline-flex;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	
}
.popUpNews .content article{
	text-align: justify;
}
.popUpNews .content article p{
	font-size: 14px;
}
.popUpNews .content h2.title{
	text-align: center;
	margin-bottom: 1rem;
	font-size: 32px;
	color: var(--color-title-gr);
}
.homeNews .holder{
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.homeNews .holder a.jp-current{
	background-image: url('/wp-content/uploads/2021/03/Vector-3.png');
	color: #fff;
}
.homeNews .holder a {
    background-size: contain;
    background-repeat: no-repeat;
    /* margin: 0 .5rem; */
    display: flex;
    width: 40px;
    align-items: center;
    justify-content: center;
    font-family: var(--font-aptimaregular);
    font-size: 18px;
    position: relative;
    cursor: pointer;
	background-position: bottom center;
    height: 38px;
}.homeNews .holder a::before{
	content: '0';
}
.list_news .item .desc{
	position: relative;
	padding-left: 40px;
	padding-top: 1rem;
	/* width: 250px; */
	padding-right: 6px;
	transform: translate(100px,0);
	transition: all .75s ease-out;
	opacity: 0;
	height: 170px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.list_news .item.active .desc{
    opacity: 1;
    transform: none;
}
.list_news .item .desc::after{
	content: '';
	position: absolute;
	border-left: 1px solid #474747c4;
	height: 100%;
	top: -15px;
	left:22px;
}
.list_news .item .desc article{
	margin-top: .5rem;
}
.homeContact{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
}
.contact_left{
	position: relative;
	background: var(--color-bg);
	opacity: .9;
	color: #fff;
	flex: 0 0 60%;
	padding-left: 7rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact_left .imgproduct{
	position: absolute;
	bottom: 3%;
	left: 7rem;
	display: flex;
	align-items: center;
	font-style: italic;
}
.contact_left .imgproduct img{
	margin-right: 1rem
}
.contact_left .imgKV{
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	transform: rotateY(180deg);
}
.contact_left .imgKV img{
	position: relative;
	z-index: 99;
}
.contact_left::after{
	content: '';
	position: absolute;
	width: 56px;
	height: 100%;
	background: var(--color-bg);
	top: 0;
	right: -56px;
	opacity: .3;
}
.title_contact h1{
	position: relative;
	font-family: var(--font-sanbold);
	font-weight: 100;
	font-size: 55px;
	margin-bottom: 1rem;
}
.title_contact h1::after{
	content: '';
	position: absolute;
	border-bottom: 1px solid #fff;
	width: 10%;
	left: 0;
	bottom: -.5rem;
}
.info_contact{
    margin-top: 28px;
}
.info_contact .address p{
	/* font-family: var(--font-aptima); */
	text-transform: uppercase;
}
.info_contact .address p span{
	text-transform: none;
}
.info_contact .address p{
	text-transform: none;
	font-size: 15px;
}
.info_contact .address a{
	color: #fff;
	display: flex;
	text-decoration: none;
	align-items: center;
}
.info_contact .address{
	display: flex;
	margin-top: 16px;
}
.info_contact p{
    /* font-family: var(--font-aptimaregular); */
    text-transform: uppercase;
    font-size: 18px;
}
.info_contact p span{
	text-transform: none;
}
.info_contact .address .item{
	display: flex;
	align-items: center;
	border: 1px solid #ffffff5c;
	height: 38px;
	margin-right: 22px;
	padding: 0 10px;
}
.info_contact .address .item i{
	margin-right: .3rem;
	margin-top: .3rem;
}
.info_contact .office{
	margin: 2rem 0;
}
.info_contact h5{
	font-size: 24px;
	/* font-family: var(--font-aptimaregular); */
	text-transform: uppercase;
	font-weight: 100;
}
.info_contact .office .info{
	display: flex;
	margin-top: 1rem;
	/* font-family: var(--font-aptimaregular); */
	font-weight: 100;
}
.info_contact .office .info p{
	background: #ffffff7a;
	border-radius: 20px;
	padding: 4px 13px;
	margin-right: 1rem;
	font-size: 15px;
}
.sale ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.sale ul p{
	font-size: 15px;
	text-transform: none;
	/* font-family: var(--font-aptimabold); */
	width: max-content;
}
.sale ul li{
	max-width: 50%;
	flex: 0 0 50%;
	/* font-family: var(--font-aptimaregular); */
	font-size: 14px;
	width: max-content;
	position: relative;
	margin-bottom: 1rem;
}
.sale ul li span{
	font-size: 12px;
	opacity: .6;
}
.sale .info{
	margin-top: 1rem;
}
.contact_right{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.form_contact{height: 478px;width: 416px;position: absolute;background: var(--color-yellow);color: #fff;left: -45px;box-shadow: 0 0 0 10px rgb(178 144 47 / 38%);/* padding: 3rem; */}
.form_contact h2{
	text-transform: uppercase;
	text-align: center;
	font-size: 32px;
}
.form_contact .txt p{
	line-height: 24px;
	margin-top: .75rem;
}
.form_contact .txt{
	padding: 3rem 3rem 1rem 3rem;
}
.form_contact .form{
	padding: 0 3rem;
}
.form_contact .form input{
	background: none;
	border: none;
	border-bottom: 1px solid #ffffff6b;
	height: 50px;
	width: 100%;
	font-family: var(--font-gilroyregu);
	color: #fff;
}

.form_contact .form input::placeholder{
	color: #fff;
	opacity: .6
}
.form_contact .form input:focus{
	outline: none;
}
.form_contact .form button{
	height: 50px;
	width: 100%;
	background: #fff;
	border: none;
	color: var(--color-yellow);
	font-family: var(--font-gilroyregu);
	font-size: 17px;
	margin-top: 2.5rem;
	cursor: pointer;
}
.form_contact .form button:focus{
	outline: none;
}
.sale ul li:nth-child(1)::after, .sale ul li:nth-child(2)::after{
	content: '';
	position: absolute;
	border-bottom: 1px solid #ffffff6e;
	/* padding-bottom: .5rem; */
	/* margin-bottom: .5rem */
	width: 65%;
	left: 0;
	bottom: -.5rem;
	/* margin-bottom: 1rem; */
}
.separator{
	width: 60px;
}
.separator img{
	height: 100%;
}
.detail_productPopup{
	position: fixed;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .5s ease-out;
	transform: translate(0, -100%);
	z-index: 99;
	background: #00000091;
	padding-left: 87px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.detail_productPopup .content{
	pointer-events: none;
	display: flex;
	height: 83%;
	width: 70vw;
	background: #f0d573;
	align-items: center;
	justify-content: center;
	position: relative;
}
.detail_productPopup .content h5::after{
	content: '';
	position: absolute;
	width: 50px;
	height: 2px;
	background: var(--color-frame);
	left: 0;
	bottom: -.5rem;
}
.detail_productPopup .content h5{
	position: absolute;
	top: 20px;
	left: 15px;
	color: var(--color-bg);
	text-transform: uppercase;
	font-size: 20px;
}
.detail_productPopup .content .img{flex: 0 0 60%;}
.detail_productPopup .content .imgKV{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 310px;
	opacity: .6;
}
.detail_productPopup .content .text{
	flex: 1;
	padding-left: 3rem;
	font-size: 24px;
	z-index: 1;
}
.detail_productPopup .content .text article{
	width: max-content;
	border: 1px solid #fff;
	padding: 20px;
}
.detail_productPopup .close{
	position: absolute;
	z-index: 999;
	right: 10%;
	top: 5%;
	cursor: pointer;
	border: 1px solid #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}
.detail_productPopup .close i{
	color: #195757;
	font-size: 27px;
	font-weight: 100;
	transition: var(--transition-smooth);
}
.detail_productPopup .close i:hover{
	transform: rotate(90deg);
}
.detail_productPopup.active{
	opacity: 1;
	transform: none;
}
.wpcf7-response-output{
	display: none;
}
form.sent .wpcf7-response-output{
	display: block;
}
@media(min-width: 1920px){
	.form_contact{
		left: -25%;
	}
	.maps_content_img{
		transform: scale(.6) translate(-100px, 28px);
	}
	/* .middle{
		width: 1490vw;
	} */
	.listProduct .item:nth-child(even) .future .shadown1{
		height: 64vh;
	}
	.homeUtility .image .list_svg img:nth-child(3) {
		top: -11%;
		left: -20.5%;
		transform: scale(.5);
	}
	.listReason article{
		font-size: 18px;
	}
	.maps_content_txt{
	    padding-right: 7rem;
	}
}

@media(max-width: 768px){
	.menuBanner .note{flex-flow: column;}
	.title_reason .number{
		font-size: 90px;
	}
	.title_reason .txt h1 {
		font-size: 40px;
	}
	.listBanner .slick-list{
		width: 100%;
	}
	.titleBanner h1 img{
		display: none;
	}
	.homeUtility .image .name .dream .text{
		padding-left: 15px;
	}
	.total_popup_kv{
		width: 100px;
	}
	.homeUtility .image .name{
		width: 85%;
		/* height: 100vh; */
		top: 64%;
	}
	.homeUtility .image .name .dream .content{
/* 		flex-flow: column; */
	}
	.homeUtility .image .name .dream{
		width: auto;
	}
	.homeUtility .image .name img{
		height: 100%;
	}
	.homeUtility .image .name .img{
		height: 100%;
	}
	.homeUtility .image .name .dream .text h2{
		font-size: 1rem;
	}
	.front .menu .social .item.call::after{
		background: #13806e59;
	}
	.front .menu .social .item{
		background: linear-gradient(116deg, #062427 0%, rgba(0, 0, 0, 0) 68.3%), radial-gradient(69.84% 162.9% at 100% 86.18%, #158672 0%, #0F6E61 100%), linear-gradient(117.27deg, #061A27 0%, #08524C 67.01%);
		margin-bottom: .5rem;
	}
	.front .menu .button,.front .menu .logo{
		display: none;
	}
	.front .menu .social{
		position: fixed;
		bottom: 45px;
		left: 15px;
	}
	.homeOverview .acreage .item p{
		width: max-content;
	}
	.homeOverview .acreage .item p br{
		display: none;
	}
	.homeOverview .acreage_left{
		justify-content: flex-end;
		align-items: flex-start;
	}
	.imgeffect::after{
		display: none
	}
	.prod_detail{
		margin: auto;
	}
	.detail_productPopup .content h5{
		position: relative;
		left: -15px;
	}
	.detail_productPopup .close{
		right: 0;
		top: 8%;
	}
	.contact_left .imgproduct{
		position: relative;
		flex-flow: column;
		/* display: block; */
		/* margin: auto; */
		left: 0;
		margin-top: 1rem;
	}
	.form_contact .form button{
		margin-top: 1.5rem;
	}
	#list-community .item .text h5{
		font-size: 36px;
	}
	.homeProduct .imgLeft{
		display: none;
	}
	.product_content .listProduct{
		flex-flow: column;
		width: auto;
	}
	.listProduct .item .future .img2{
		display: none;
		width: auto;
	}
	.listProduct .item .img1{
		width: 100%;
		height: 100%;
	}
	.homeInspired .right{
		display: none;
	}
	.homeInspired .item .left{
		flex: 1;
	}
	.homeInspired_text{
		position: relative;
		top: unset;
	}
	.homeInspired .item .left .content{
		opacity: 1;
		transform: none;
	}
	#list-inspired{
		margin-top: 2rem
	}
	.homeInspired .right img, .homeInspired .item .left img{
		width: 100%;
	}
	.homeInspired{
		padding: 15px;
	}
	.homeInspired_text .segTitle, .homeInspired_text .number{
		opacity: 1;
		transform: none;
		padding: 0 15px;
	}
	.listReason .item .text{
		text-align: center;
	}
	.product_content .title .imgKV{
		display: none;
	}
	
	#list-community .item img{
		width: 100%;
	}
	#list-community .item .right .text{
		opacity: 1;
		padding: 0;
		transform: none;
		z-index: 1;
		width: auto;
		margin-top: 1rem;
	}
	.community_left .image img{
		width: 100%;
	}
	#list-community .item .image{
		width: 100%;
	}
	#list-community .item .top, #list-community .item .bottom{
		flex-flow: column;
	}
	#list-community{
		padding: 40px;
	}
	#list-community .item .right{
		padding: 15px 0;
	}
	.community_right{
		padding: 0;
	}
	.listProduct .item .future{
		flex-flow: column;
		width: 100%;
	}
	.community_content{
		flex-flow: column;
	}
	.prod_content article{
		width: unset;
	}
	.listProduct .item:nth-child(even) .img1{
		height: 100%;
		width: 100%;
	}
	.listProduct .item .future .shadown1{
		display: none;
	}
	.listProduct .item .desc{
		opacity: 1;
		padding: 0;
		margin: 0;
		transform: none;
	}
	.listProduct .item img{
		width: 100%;
	}
	.listProduct .item{flex-flow: column;padding: 15px 0;margin: auto;}
	.product_content .title{
		padding-top: 1rem;
		padding-left: 0;
		margin: 0;
	}
	.product_content{
		flex-flow: column;
		width: auto;
	}
	.titleTotol{
		position: relative;
		margin-bottom: 0 !important;
		padding: 4rem 5px;
		left: 0;
		text-align: center;
	}
	.listBlock .slider-nav{
		right: unset;
		transform: scale(.7);
		bottom: 0;
	}
	.homeBlock{
/* 		height: 50vh; */
		overflow: hidden;
	}
	.homeMaps .maps_content{
		/* display: block; */
		flex-wrap: wrap;
		height: auto;
	}
	.maps_content_txt{
		position: relative;
		height: auto;
		padding: 15px;
	}
	.maps_content_txt article{
		opacity: 1;
		margin: 1rem 0;
		width: 100%;
		transform: none;
	}
	.maps_content_unit{
		opacity: 1;
		margin-top: 0;
		transform: none;
	}
	.segTitle{
		margin-bottom: 1.25rem;
	}
	.segTitle h1{
		font-size: 1.5rem;
	}
	.segTitle h2{
		margin-left: 2rem;
		font-size: 1.75rem
	}
	.scroll{
		position: relative;
		width: auto;
		display: block;
	}
	.w-100{
		width: auto;
	}
	.homeBanner{
		height: auto;
		overflow: hidden;
	}
	.titleBanner{
		width: 100%;
		left: 0;
	}
	.homeBanner .logo{
		left: 15px;
		z-index: 9;
	}
	.listBanner .item p{
		padding: 15px;
		font-size: 30px;
		display: none;
	}
	.segTitle h1 span, .segTitle h2 span{
		opacity: 1;
	}
	.homeOverview{
		padding: 15px;
		overflow: hidden;
	}
	.homeOverview .content article{
		opacity: 1;
		max-width: 100%;
		width: auto;
		margin: 0;
		transform: none;
	}
	.homeOverview .listOver{
		opacity: 1;
		transform: none;
	}
	.homeOverview .acreage .item{
		opacity: 1;
		transform: none;
		flex-wrap: wrap;
		margin: 0;
		align-items: flex-start;
		justify-content: flex-start;
		flex-flow: column;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.homeOverview .content .text{
		flex: 0 0 100%;
		padding-right: 0;
	}
	.maps_content_img{
		transform: scale(.3) translate(38px,-3px);
		height: 51vh;
	}
	.separator{
		display: none;
	}
	.title_reason{
		transform: none;
		opacity: 1;
		margin-bottom: 2rem;
	}
	.homeReason{
		padding: 15px;
	}
	.title_reason .txt h1{

	}
	.title_reason .txt img{
		width: 100%;
	}
	.listReason{
		/* flex-flow: column; */
		display: block;
	}
	.listReason .text p {
		font-size: 16px;
	}
	.listReason .item{
		opacity: 1;
		transform: none;
		flex: 1;
		margin: .5rem;
		height: 30vh;
	}
	.homeLibrary{
		flex-flow: column;
		overflow: hidden;
	}
	.library_left{
		flex: 1;
	}
	.library_video_doc .thumbnail img{
		width: 100%
	}
	.library_left img{
		width: 100%;
	}
	.library_right{
		padding: 15px;
	}
	.library_video_doc{
		flex-flow: column;
	}
	.library_video_doc .thumbnail{
		width: 100%;
	}
	.list_news .item .img img{
		width: 100%;
	}
	.list_news .item .desc{
		opacity: 1;
		transform: none;
	}
	.news_right{
		padding: 15px;
	}
	.news_left{
		display: none;
	}
	.contact_left{
		padding: 15px;
		flex-flow: column;
	}
	.sale ul{
		flex-flow: column;
	}
	.sale ul li{
		max-width: 100%;
		flex: 1;
		width: 100%;
		text-align: center;
	}
	.sale ul p{
		width: 100%;
	}
	.sale ul li:nth-child(1)::after, .sale ul li:nth-child(2)::after{
		width: 100%;
	}
	.homeContact{
		flex-flow: column;
	}
	.form_contact{
		position: relative;
		left: 0;
		box-shadow: none;
	}
	.list_news{
		flex-flow: column;
	}
	.list_news .item{
		margin: 0 0 2rem 0;
	}
	.info_contact h5{
		text-align: center;
	}
	.info_contact .address{
		flex-flow: column;
	}
	.info_contact .office .info{
		flex-flow: column;
		text-align: center;
		align-items: center;
	}
	.info_contact .office .info p{
		width: max-content;
		margin-bottom: 15px;
	}
	.info_contact .address .item{
		margin-top: 15px;
	}
	.contact_left::after{
		display: none;
	}
	.form_contact .txt{
		text-align: center;
	}
	.title_contact h1{
		text-align: center;
	}
	.title_contact h1::after{
		left: 47%;
	}
	.homeNews, .homeMaps{
		width: 100%;
		overflow: hidden;
	}
	.library_left::after{
		display: none;
	}
	.menuBanner ul{
		padding: 0;
		/* padding-right: 15px; */
	}
	.menuBanner.activeDoc{
		width: 63%;
		position: fixed;
	}
	.detail_productPopup{padding: 0;}
	.detail_productPopup .content{
		width: 100%;
		height: 77%;
		flex-flow: column;
		margin: 15px;
	}
	.detail_productPopup .content .imgKV{
		/* bottom: 0; */
		/* right: 0; */
	}
	.detail_productPopup .content .img{
		flex: 1;
	}
	.detail_productPopup .content .text{
		padding: 0;
		margin-top: 3rem;
	}
	.popUpNews{
		height: 100%;
		flex-flow: column;
		width: auto;
		top: 0;
		overflow-x: hidden;
	}
	.popUpNews .content{
		margin: 0;
		width: 100%;
		padding: 15px 0;
	}
	.popUpNews .featured{position: relative;width: 100%;bottom: unset;/* top: unset; */height: 40vh;}
	.popUpNews .close{
		position: fixed;
		top: 10px;
		/* bottom: 0; */
		transform: none;
		/* display: none; */
		left: 10px;
		width: 40px;
		height: 40px;
		background: #00000052;
	}
	.homeProduct{
		padding: 15px;
		overflow: hidden;
	}
	.library_video_doc .item{
		flex: 1;
	}
	.homeUtility{
		overflow: hidden;
	}
	.listProduct .desc h3{
		width: auto;
	}
	.listProduct .desc .name{
		font-size: 28px;
		line-height: 44px;
	}
	.listProduct .desc h3::after{
		width: 25%;
	}
	.list_icon_marker_maps .item{
		opacity: 1;
		transform: none;
	}
	.homeCommunity{
		overflow: hidden;
	}
	.front.scroll{
		/* display: none; */
		transform: none;
		overflow: hidden;
	}
	.homeBanner .menu{
		position: fixed;
		height: 56px;
		width: 56px;
		/* right: 0; */
	}
	.popUpNews .content article{
		padding: 15px;
	}
	.listBanner{
		width: 100%;
		height: 100%;
	}
	.listBanner .item{
		padding-left: 0;
	}
	.listBanner .item p span{
		font-size: 35px;
	}
	
	.boxBotDots{
		display: none;
	}
}
@media(max-width: 320px){
	.listBanner .item p{
		font-size: 25px;
	}
	.maps_content_img{
		height: 62vh;
	}
	.segTitle h1{
		font-size: 1.2rem;
	}
}
@media(min-width: 2560px){
	.maps_content_img{
		transform: scale(.85);
	}
	.maps_content_txt{
		right: 5%;
	}
	.listProduct .item .img2{
		width: 34vw;
	}
	.maps_content_txt{
	    padding-right: 7rem;
	}
}
@media(min-width: 1600px){
	.form_contact{
		left: -25%;
	}
}
@media (max-width: 540px){
	.maps_content_img {
		transform: scale(.2) translate(-286px,-3px);
	}
	.maps_content_unit ul li span{
		display: unset;
		font-size: 18px;
	}
	.maps_content_unit ul li p {
    	display: unset;
	}
	.maps_content_unit ul li{
		align-items: center;
	}
	.listBlock .slider-for img{
		height: auto;
	}
	.listBlock .slider-nav{
		position: relative;
   		height: auto;
	}
	.listBlock .slider-for{
		position: relative;
	}
}