:root {
  --d-transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  --c-C4D:#064C4D;
} 
.section {
  transform: translate3d(0,0,0); 
  will-change: transform, opacity;
}

.container {max-width: 1170px;}
a{transition: var(--d-transition);} 
.f-aptima {font-family:"SVN-Aptima";line-height: 22px;}
.f-gilroy{font-family:"SVN-Gilroy";}
.t-white{color: #FFFFFF;}
.text-justify{text-align: justify;}
.heading__title{font-size: 35px;}
	.heading__title span{font-size: 51px;}
.menu__nav .nav-item {padding-left: 15px; padding-right: 15px;   }
.sg-1 {padding-left: 37px;}
.pl-0{padding-left: 0px !important}
.pr-0{padding-right: 0px !important}


.header {visibility: hidden; opacity: 0;  pointer-events: none;}
.slogan{position: absolute; left: 20px; top: 17%;}
    .section__02 .slogan .thumb.txt-01 { width: 120px; margin-bottom: -4px;}
    .section__02 .slogan .thumb.txt-02 { width: 97px; }
    .section__02 .slogan>div:nth-last-of-type(1) { margin-top: -17px; }
    .section__02 .slogan .thumb.txt-03 { width: 176px; }
    .section__02 .slogan .thumb.txt-04 { width: 130px; margin-top: -10px; margin-left: -8px; }
/*INTRO LOGO*/


.section.s-intrologo,.section.giao-thuong {padding: 0px !important;   overflow: hidden !important;}
.s-intrologo .section__inner{align-items: flex-start;}
.s-intrologo {overflow:hidden; }
.s-intrologo .section-image-wrapper { width:1920px; height:100%;  margin-left:0;  margin-top:0;  float:right}
.s-intrologo.active .section-image-wrapper { opacity:1}
.s-intrologo .section-image {  width:1920px;  height:1050px;   position:absolute;   left:50%;
    top:50%;  margin:0;  }
.s-intrologo .section-image img.map-img {width:100%; position:relative;  z-index:2}
.s-intrologo .section-image img.map-bg,.s-intrologo .section-image>object,.s-intrologo .section-image>svg {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute
}

/*GIA TRI*/
.unique-value .section__content{right:6%}
.unique-value .star__01{ top: 8%; right: 37%;}
.unique-value .star__02{ top: 17%; right:35%;}

.anima-star { display: inline-block;position: absolute; animation: pulseTwinkle 2s infinite ease-in-out; transform-origin: center;}
.anima-star.small {animation: pulseTwinkleAlt 2.8s infinite ease-in-out;}
.anima-star.star__01{width: 59px; height: 53px;}
.anima-star.star__02,.anima-star.star__03{width: 38px; height: 35px;}
@keyframes pulseTwinkle {
  0%, 100% { transform: scale(1);opacity: 1; }
  30% { transform: scale(1.05); opacity: 0.6; }
  60% { transform: scale(0.97); opacity: 0.8;}
}
@keyframes pulseTwinkleAlt { 
    0%, 100% { transform: scale(1); opacity: 1; } 
    25% { transform: scale(1.04); opacity: 0.5; } 
    55% { transform: scale(0.95); opacity: 0.85; }
}

.section.section.unique-value { background:url(/images/bg-gia-tri-pc.jpg) center top !important; background-size: cover !important; padding-left: 0px !important; padding-right: 0px !important; }
.unique-value .bg{background-position:center 40%;}
.unique-value .section__content{max-width: 380px;}
.unique-value .heading__title{color: #C0AE95;} 
.unique-value .title{color:#FFFFFF; font-size: 23px;    margin-bottom: 20px;}
.unique-value .section__content .swiper-slide p{line-height: 22px;    font-size: 15px;}

/*TONG QUAN*/
.overview .star__01{ top: 3%; right: 3%;}
.overview .star__02{top: 10%; right: 7%;}
.overview .star__01 path{fill: #118080;stroke:#118080}
.overview .star__02 path{fill: #866C53;stroke:#866C53}

.overview .heading h4, .overview .heading .h4, .overview .heading label { color: #118080;  font-size: 36px; margin-top: 10px;  white-space: nowrap;}
.overview .heading label{font-family:"SVN-Aptima";    line-height: 35px;}
.overview:after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); background: url(/images/icon/ico-star-double.svg) left center no-repeat; background-size: contain;
    width: 80px; height: 78px; bottom: 20px;
}
.overview label{
	color: #118080;
    font-size: 36px;
    margin-top: 10px;
    white-space: nowrap;
    text-transform: uppercase;
}
.overview .list__floor-inner{font-size: 26px;line-height: 30px;    padding-top: 10px;}
.overview .count{font-size: 80px; color: #064C4D; line-height: 60px;    min-height: 68px;}
.overview .tp-ap{color:#118080}
.percent small{color: #044D4F;font-size: 35px;}
.quantity small{color: #044D4F;font-size: 25px;padding-top: 10px;}
.overview  .txt-title{font-size: 35px; margin-bottom: 0px;}
.overview  .model{color: #064C4D;}
	.overview  .model .txt-title{margin-bottom: 15px;}

.overview .acreage{color: #064C4D; font-size: 29px;}
	.acreage span{color: #118080; font-size: 22px; display: block; margin-top: 10px;}
.type-apart{text-transform: uppercase; color: #866C53; font-size: 23px;}
	.type-apart span{font-size:40px; }

.c-C4D {color: var(--c-C4D);}
.list__house{padding: 0px 50px; justify-content: center;}
.list__house .w-house{padding-right: 5%}
.list__house .w-house:last-child{padding-right: 0px}

/*body #fp-nav li:nth-child(2),body #fp-nav li:nth-child(3),body #fp-nav li:nth-child(5),body #fp-nav li:nth-child(6),body #fp-nav li:nth-child(7),body #fp-nav li:nth-child(9),
body #fp-nav li:nth-child(11),body #fp-nav li:nth-child(13),body #fp-nav li:nth-child(14),
body #fp-nav li:nth-child(15),body #fp-nav li:nth-child(16),body #fp-nav li:nth-child(17){display:none;}*/
body #fp-nav li:nth-child(2),body #fp-nav li:nth-child(3),body #fp-nav li:nth-child(5),body #fp-nav li:nth-child(7),body #fp-nav li:nth-child(9),
body #fp-nav li:nth-child(11),body #fp-nav li:nth-child(12),body #fp-nav li:nth-child(13),body #fp-nav li:nth-child(14),
body #fp-nav li:nth-child(15){display:none;}


#fp-nav.fp-right { right: 25px !important; top: 15%; transform: translateY(-15%);}
#fp-nav ul li, .fp-slidesNav ul li {width: 20px !important; height:20px !important; margin: 15px 0px !important; position: relative !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 12px !important; height: 12px !important;transform: translate(-50%, -50%);margin: 0px !important; background: rgb(255 255 255 / 90%) !important; border: 1px solid rgb(192 174 149 / 90%) !important;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {margin: 0px 0 0 0px;background: #118080 !important; }
#fp-nav ul li .fp-tooltip.fp-right {font-family: "SVN-Aptima";    cursor: auto; font-size: 18px; top: -6px; right: 30px !important;}

#fp-nav ul li a.active span{border: 1px solid #C0AE95; border-radius: 50%; background: transparent;}
#fp-nav ul li a.active,#fp-nav ul li:hover a{ border: 1px solid #C0AE95; border-radius: 50%; background: transparent; width: 20px; height: 20px; }
#fp-nav ul li a{border: 1px solid transparent; border-radius: 50%; background: transparent; width: 20px; height: 20px; transition: var(--d-transition);}
#fp-nav ul li a.active span,#fp-nav ul li a:hover span, .fp-slidesNav ul li a.active span{    background: #118080 !important;}

/*YEU TO*/
.yeu-to .heading{margin-top: -30px;}
ul.list-unstyled { display: flex; flex-wrap: wrap; gap:12px 38px;  padding: 0;margin: 0; list-style: none;}
ul.list-unstyled li {
  flex: 1 1 calc(50% - 20px); /* 50% trừ đi nửa khoảng cách (40px / 2) */
  box-sizing: border-box;    font-size: 15px;
}

.yeu-to .star__01 {position: absolute;top: 4%; left: 27%;}
.yeu-to .star__01 path { fill: #064C4D; stroke: #064C4D; }
.yeu-to .star__02 {position: absolute;top:18%; right: 21%;}
.yeu-to .star__02 path { fill: #866C53; stroke: #866C53; }

/*Vi tri*/
.section.location{padding-left: 0px ;padding-right: 0px;}
.location .section__inner{align-items: flex-start;}
.location .t-tab-3 { padding-left: 122px; margin-top: -10px;     margin-bottom: 15px;}
.time__way {margin-top: 70px;}
.time__bg{height: 154px; border: 1px solid #FFFFFF; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-left: 0px;}
.time__line span{color: #555555}


.section__09 .time__line {column-gap: 10px;}
.location .section-content{flex: 0 0 auto; width: 44%;position: relative;  left:5%; z-index: 3;padding-top: 20px}
.location .map-location{flex: 0 0 auto; width: 56%;}
.section-location {overflow:hidden; }
.section-location .section-image-wrapper { width:1084px; height:100%;  margin-left:0;  margin-top:0;  float:right}
.section-location.active .section-image-wrapper { opacity:1}
.section__09 .time__line p{font-size: 14px;line-height: 1.2; color: #555555; margin-bottom: 1px;}
.section-location .section-image {  width:1084px;  height:1050px;   position:absolute;   right:0;
    top:0;  margin:0;  transform-origin:top  right}
.section-location .section-image img.map-img {width:100%; position:relative;  z-index:2}
.section-location .section-image img.map-bg,.section-location .section-image>object,.section-location .section-image>svg {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute
}
.section-location .section-image>svg { z-index:3}
.section-location .section-image>svg#Layer_1 .st0 {
    fill:none;
    stroke-miterlimit:10;
    stroke-width:2;
    stroke-dasharray:10;
    stroke-dashoffset:0;
    animation:3.5s linear infinite StrokeLine;
    stroke:#fff
}

@keyframes StrokeLine{
	0%{stroke-dashoffset:0}
	100%{stroke-dashoffset:-200}
}

.section-location .section-image .logo-pin {width: 121px; height: 141px; position: absolute; top: 21%; left: 47%; z-index: 22;}

.location .star__02 {position: absolute;top: 6%; left: 1%; }
.location .star__02 path { fill: #866C53; stroke: #866C53; }
/*THIET KE*/
.design .heading{padding-top: 30px;}
.design:after{content: ''; position: absolute; left: 0px; top: 0px; background: linear-gradient(180deg, #064D4D 2.29%, #064D4D 48.79%, rgba(6, 77, 77, 0) 100%);
    width: 100%; height: 240px; z-index: -1;
}


/*BO SUU TAP*/
.s-collection .title{text-transform: uppercase; margin-bottom: 15px;}
.s-collection .tab-content{width: 62%; margin: auto;}
.nav.nav-tabs {width: 100%; text-align: center; margin: 0px auto; margin: 5px auto 20px; display: inline-flex ;     border: 0px;justify-content: center; }
.nav-tabs .nav-link{padding:5px 30px 7px;}
.nav-tabs .nav-item{border: 1px solid #118080; display: inline-block;width: 263px;   border-right: transparent;}
.nav-tabs .nav-item:last-child{border-right: 1px solid #118080;}
.s-collection .thumb img{object-fit: contain; width: 100%; height: 400px;}

.s-collection .star__01 {top: 3%; right: 6%; }
.s-collection .star__01 path { fill: #866C53; stroke: #866C53; }
.s-collection .star__02 {top: 12%; right: 4%;}
.s-collection .star__02 path { fill: #1E5E5E; stroke: #1E5E5E; }
.s-collection .star__03 {top:20%; left: 4%;}
.s-collection .star__03 path { fill: #A67E50; stroke: #A67E50; }
.tienich-mb{display: none;}
/*CAN HO MAU*/
.s-apartment .tab-content{width:76%; margin:auto;}
.btn-outside .swiper-button-prev{left: -8%;}
.btn-outside .swiper-button-next{right: -8%;}
/*.s-apartment .thumb img{object-fit: cover; width: 100%; height: 440px;}*/

.s-apartment .star__01 {top: 6%; left: 5%;}
.s-apartment .star__01 path { fill: #866C53; stroke: #866C53; }
.s-apartment .star__02 {top: 16%; left: 3%;}
.s-apartment .star__02 path { fill: #1E5E5E; stroke: #1E5E5E; }
.s-apartment .star__03 {top: 26%; right: 9%;}
.s-apartment .star__03 path { fill: #A67E50; stroke: #A67E50; }

.s-apartment .thumb img { object-fit: cover; width: 100%; height: 440px; }

/*.s-model-apartment {
  position: relative;
  overflow: hidden;
}
.s-model-apartment .swiper {
  overflow: hidden;
}
.s-model-apartment .swiper-wrapper {
  display: flex;
}
.s-model-apartment .swiper-slide {
  flex: 0 0 100%; 
  box-sizing: border-box;
}
.s-model-apartment .thumb img,
.s-model-apartment .img-responsive {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-button-next {
  z-index: 10;
  cursor: pointer;
  pointer-events: auto;
}*/


/*TIEN ICH*/
.s-utilities .caption {position: absolute;bottom: 27%; right: 7%;}
.modalTienIch .close { width: 15px; height: 15px; position: absolute; top: 10px; right: 20px; font-size: 30px; font-weight: 400; color: #118080; cursor: pointer; }

.modalTienIch {position: absolute; left: 0; width: 100%;bottom: 0px;background: white; z-index: 2; transform: translateY(100%); opacity: 0;transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.4s ease;padding: 20px 55px 30px 20px;overflow-y: auto;will-change: transform, opacity; }
.s-utilities.open .modalTienIch {transform: translateY(0%); opacity: 1; }
.section.s-utilities{padding-left: 0px ;padding-right: 0px;    background: #e7e6e4;}


.s-utilities .section-content{flex: 0 0 auto; width: 42%;position: relative;  left: 4%; z-index: 3;padding-top: 10px}
.s-utilities .map-location{flex: 0 0 auto; width: 58%;}
.s-utilities {overflow:hidden; }
.s-utilities .section-image-wrapper { width:1920px; height:100%;  margin-left:0;  margin-top:0;  float:right}
.s-utilities.active .section-image-wrapper { opacity:1}

.s-utilities .section-image {  width:1920px;  height:1050px;   position:absolute; left:0;top:0;  margin:0;  transform-origin:top  left}
.s-utilities .section-image img.map-img {width:100%; position:relative;  z-index:2}
.s-utilities .section-image img.map-bg,.s-utilities .section-image>object,.s-utilities .section-image>svg {
    width:100%; height:100%; left:0;top:0;  position:absolute
}
.s-utilities .section-image>svg { z-index:3}
.s-utilities .section-image .logo-pin {width: 155px; height: 147px; position: absolute; top: 35%; left: 41%; z-index: 22;}
.s-utilities .btnShowTienIch{padding: 4px 25px 7px; margin-right: 15px;    font-size: 20px;}



.s-utilities .section__inner{overflow: hidden; }
/*TIEN ICH VANPHUC*/
.s-utilities-vp .section__content{width: 90%; margin: auto;    position: relative;}
.s-utilities-vp .heading{margin-bottom: 30px;}
.s-utilities-vp .swiper-button-prev{left: -8%;}
.s-utilities-vp .swiper-button-next{right: -8%;}


.s-utilities-vp .star__01,.s-utilities-vp.s-utilities-dm .star__01 {top: 11%; left: 3%;}
.s-utilities-vp .star__01 path,.s-utilities-vp.s-utilities-dm .star__01 path { fill: #866C53; stroke: #866C53; }
.s-utilities-vp .star__02,.s-utilities-vp.s-utilities-dm .star__02 {top: 21%; left: 2%;}
.s-utilities-vp .star__02 path,.s-utilities-vp.s-utilities-dm .star__02 path { fill: #1E5E5E; stroke: #1E5E5E; }
.s-utilities-vp .star__03,.s-utilities-vp.s-utilities-dm .star__03 {top: 12%; right: 5%;}
.s-utilities-vp .star__03 path,.s-utilities-vp.s-utilities-dm .star__03 path { fill: #A67E50; stroke: #A67E50; }

.s-utilities-vp .caption__inner {padding: 0px 40px 20px;}

/*MAT BANG TANG TIEN ICH*/
.w-floorplan{display: flex; flex-wrap: wrap;    align-items: center; min-height: 440px;}
	.w-floorplan .thumb,.w-floorplan .des-floorplan{flex: 0 0 50%; max-width: 50%; box-sizing: border-box;} 
	.w-floorplan .des-floorplan{padding-left: 30px;}

.utility-floorplan .section__content{width: 90% margin: auto;}
.utility-floorplan .thumb img{object-fit: contain; object-position: right; display: block; max-height: 440px; width: 100%; }
.floorplan-list {column-count: 2; column-gap: 50px; list-style: none; padding: 0; font-family: sans-serif;}

.floorplan-list li {break-inside: avoid; display: flex; align-items: center; margin-bottom: 6px; font-size: 15px;white-space: nowrap; min-width: 0;}
.floorplan-list li span {background-color: #118080; color: white; font-weight: 600; border-radius: 50%; width: 24px; height: 24px; 
    text-align: center; line-height: 23px; margin-right: 10px; font-size: 14px; border: 1px solid white;flex-shrink: 0;}

.utility-floorplan .star__01,.s-library .star__01 {top: 3%; right: 6%; }
.utility-floorplan .star__01 path,.s-library .star__01 path { fill: #866C53; stroke: #866C53; }
.utility-floorplan .star__02,.s-library .star__02 {top: 12%; right: 4%;}
.utility-floorplan .star__02 path,.s-library .star__02 path { fill: #1E5E5E; stroke: #1E5E5E; }
.utility-floorplan .star__03,.s-library .star__03 {top:20%; left: 4%;}
.utility-floorplan .star__03 path,.s-library .star__03 path { fill: #A67E50; stroke: #A67E50; }

/*THU VIEN*/
.s-library .thumb {height: 250px; position: relative;overflow: hidden;}
.s-library .nav.nav-tabs{margin: 10px auto 30px;}
.s-library .createVideoSwiper .thumb:after{ content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background:rgb(4 77 79 / 40%);}
.s-library .createVideoSwiper .thumb:before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:30px; height: 30px; 
    background:url(/images/ico-video.svg) center center no-repeat; background-size: contain;    z-index: 2;}
.s-library h3{font-size: 23px; line-height: 25px; margin-top: 12px; color: #118080; min-height: 75px;}
/*CHU DAU TU*/
.s-investor .heading .thumb img{max-width: 230px; margin: auto;}
.s-investor .thumb-antalytis{max-width: 90%; margin: 20px auto 0px;}
.s-investor .partner .title { font-size: 20px; }
.s-investor .heading__title{    margin-bottom: 15px;}

/*CHINH SACH*/
.s-preferential  .section__content{width: 93%; margin: auto;    align-items: center;}
.s-preferential textarea{ height: 55px;}
.s-preferential .section__content {width: 93%;margin: 20px auto 0px;    }

.s-preferential .buttons{margin-top: 10px;}
.s-preferential .btn { padding: 5px 20px 5px; text-transform: uppercase; }
.s-preferential .heading .thumb {width: 80px;margin: auto; }
.s-preferential .booking__form  .title{line-height:23px; margin-bottom: 10px;}
.s-preferential .error{color: #c0ae95;}

/*TIN TUC*/
.news__grid .news__image img{object-fit: cover; width: 100%; height: 200px;}
.date-new { color: #555; font-size: 15px; margin-bottom: 8px; display: block; padding-left: 25px;     position: relative;}
.date-new:before{content: ''; position: absolute; left: 0px; top: 4px; background: url(/images/ico-time.svg) left center no-repeat;
width: 15px; height: 15px; background-size: contain;}
.s-news .createNewSwiper{width: 90%; margin: auto;}
.s-news .swiper-button-prev{left: -8%;}
.s-news .swiper-button-next{right: -8%;}

.s-news .news__info{padding-left: 70px;}
.s-news  .news__grid .news__info::before{ width:45px; height: 45px;}

.main.single-post{background-position: center top; background-repeat: no-repeat; background-size: cover; opacity: 1 !important;transform: none !important;}
    .single-post .main-news{padding: 60px 20px 0px; margin: 0px auto 30px; max-width: 1060px;}
    .single-post h1{color: #004C4D; font-size: 40px; font-weight: 700; margin-bottom: 30px;    }
    .single-post h2,.single-post h3,.single-post h4,.single-post h5,.single-post h6{font-weight: 700; font-size: 18px; margin-bottom: 20px;    font-family: var(--bs-body-font-family);}
    .single-post img{margin-bottom: 20px;}
    .single-post .news__grid .news__image img{margin-bottom: 0px;}
.page-single .header__inner{visibility: visible; position: relative; top: 0px; left: 0;}
.page-single #fp-nav ul li .fp-tooltip.fp-right {opacity: 1;  width: auto;}
    

body.page-single{overflow: auto;}
.new-orther { padding: 30px 0px 70px; }
.new-orther .news__image .thumb { overflow: hidden;}
.news__grid .news__info { position: relative;  padding-left: 55px;}
.new-orther .t-new{text-align: center; font-size: 40px; color: #064C4D; text-transform: uppercase; margin-top: 50px; margin-bottom: 20px;}

.news__title>span{min-height: 54px;}
.page-single .footer{padding-top: 50px; padding-bottom: 50px;    min-height: auto !important;}
.page-single .footer .section__inner{min-height: auto;}

#contactModal.modal .modal-dialog{max-width: 100%;}

#contactModal .modal-content{box-shadow: none; border: 0px; padding: 70px 120px 60px; background: #DBD8D3 url(/images/popup-form.jpg) center center no-repeat; background-size: cover; width: 900px; max-width: 650px;}
#contactModal #contactForm { width: 100%; margin: auto; display: flex ; justify-content: center; }
#contactModal .modal-title{color: #118080; text-transform: uppercase; font-family: var(--bs-body-font-family); font-weight: 700; font-size: 24px;}
#contactModal .modal-header{border:0px;padding: 0px; margin-bottom: 20px;}
#contactModal .modal-body .form-control{background: transparent; border: 0px; color: #444; border-radius: 0px; border-bottom: 1px solid #B2B2B2; padding: 0px; font-size: 16px;margin-bottom: 10px !important; line-height: 26px;}
#contactModal .btn-close{background: url(/images/ico-close-2.svg) center center no-repeat; position: absolute; right: 30px; top: 30px; background-size: contain; outline: 0px !important; border: 0px !important; width: 7px; opacity: 1; box-shadow: none !important;}
#contactModal .modal-body textarea.form-control{height: 70px; margin-bottom: 0px !important;}
#contactModal .modal-footer{border: 0px; margin: 0px; padding: 0px; justify-content: flex-start;}
#contactModal .btn-primary{text-transform: uppercase; font-family: var(--bs-body-font-family); font-weight: 600; font-size: 16px; background: transparent; border: 1px solid #118080; border-radius: 0px; color: #118080; margin-top: 21px; padding: 0px 25px;}
#contactModal .error{color: #118080; position: absolute; right: 0px; top: 0px;    font-size: 15px;}
.w-inp{position: relative;    min-height: 40px;}
#contactModal input[type="text"],#contactModal input[type="email"] { font-size: 18px; }






/*LIEN HE*/
.footer .title{text-transform: uppercase;}
.line-footer { background: #8CE0E0; width: 100%; position: relative; height: 5px; margin: 30px 0px; }
.line-footer:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(/images/icon-star-footer.svg) center center no-repeat;
width: 54px; height: 51px;background-size: contain;
}

.download-map {justify-content: end; gap: 10px; display: flex ;}
    .footer .download-map .btn{height: 40px; border-radius: 40px; gap: 5px; padding: 0px 14px; font-size: 15px;}
.copyright a{color: rgba(255, 255, 255, .7) !important;}
.footer .copyright ul>li{    gap: 0px 5px;}

.logo-ft{display: flex; gap: 70px; padding: 0px 14%;}

.copyright.copy-f{display: none;}

.google-map img{border-radius: 20px;}

.footer__notify{font-size: 13px;max-width: 930px;}
.t-salesg{margin-top: 25px;}

.hotline-f { color: #c4b198; font-family: var(--bs-body-font-family); font-weight: 600; font-size: 21px; }
.hotline-f a{ color: #fff; font-family: var(--bs-body-font-family);font-size: 58px; font-weight: 400;}
.email-f { color: #c4b198; font-family: var(--bs-body-font-family); font-size: 25px; text-transform: uppercase; font-weight: 600; line-height: 27px; margin-top: -14px; }

.footer .col-f-1,.w-copyright { flex: 0 0 auto; width: 29%;}
.footer .col-f-2,.social-f { flex: 0 0 auto; width: 35%;    padding-top: 30px;}
.footer .col-f-3,.download-f { flex: 0 0 auto; width: 36%;}
.footer .social-f{padding-top: 0px;}





svg path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}

svg.path-animate path {
  animation: draw-line 1.5s ease forwards;
}

@keyframes draw-line {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}






.mb-3{margin-bottom: 30px !important;}

.modal-backdrop{opacity: 0.9 !important; background: #118080;}
.ani-up .w-anima:nth-child(1) {
    -webkit-animation-delay: 0.20s;  -moz-animation-delay: 0.20s;
    -o-animation-delay: 0.20s; animation-delay: 0.20s;
}
.ani-up .w-anima:nth-child(2) {
    -webkit-animation-delay: 0.40s; -moz-animation-delay: 0.40s;
    -o-animation-delay: 0.40s; animation-delay: 0.40s;
}
.ani-up .w-anima:nth-child(3) {
    -webkit-animation-delay: 0.60s; -moz-animation-delay: 0.60s;
    -o-animation-delay: 0.60s;animation-delay: 0.60s;
}
.ani-up .w-anima:nth-child(4) {
    -webkit-animation-delay: 0.80s; -moz-animation-delay: 0.80s;
    -o-animation-delay: 0.80s;animation-delay: 0.80s;
}
.ani-up .w-anima:nth-child(5) {
    -webkit-animation-delay: 1s; -moz-animation-delay: 1s;
    -o-animation-delay: 1s;animation-delay: 1s;
}
.ani-up .w-anima:nth-child(6) {
    -webkit-animation-delay: 1.20s; -moz-animation-delay: 1.20s;
    -o-animation-delay: 1.20s;animation-delay: 1.20s;
}
.ani-up .w-anima:nth-child(7) {
    -webkit-animation-delay: 1.40s; -moz-animation-delay: 1.40s;
    -o-animation-delay: 1.40s;animation-delay: 1.40s;
}
.ani-up .w-anima:nth-child(8) {
    -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s;
    -o-animation-delay: 1.6s;animation-delay: 1.6s;
}
.anima-img img {transition: transform 0.5s ease;    }











@media screen and (min-width:992px){
	
}
@media screen and (min-width:1200px){
    .anima-img:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
	.s-utilities .point{opacity:0}
    .s-utilities.fp-completely .point {
        animation: bounceInDown;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
    }
    .s-utilities  .point.p1 {animation-delay: 0.3s;}
    .s-utilities  .point.p2 {animation-delay: 0.31s;}
    .s-utilities  .point.p3 {animation-delay: 0.32s;}
    .s-utilities  .point.p4 {animation-delay: 0.33s;}
    .s-utilities  .point.p5 {animation-delay: 0.34s;}
    .s-utilities  .point.p6 {animation-delay: 0.45s;}
    .s-utilities  .point.p7 {animation-delay: 0.46s;}
    .s-utilities  .point.p8 {animation-delay: 0.47s;}
    .s-utilities  .point.p9 {animation-delay: 0.48s;}
    .s-utilities  .point.p10 {animation-delay: 0.49s;}
    .s-utilities  .point.p11 {animation-delay: 0.50s;}
    .s-utilities  .point.p12 {animation-delay: 0.51s;}
    .s-utilities  .point.p13 {animation-delay: 0.52s;}
    .s-utilities  .point.p14 {animation-delay: 0.53s;}
    .s-utilities  .point.p15 {animation-delay: 0.54s;}
    .s-utilities  .point.p16 {animation-delay: 0.65s;}
    .s-utilities  .point.p17 {animation-delay: 0.66s;}
    .s-utilities  .point.p18 {animation-delay: 0.67s;}
    .s-utilities  .point.p19 {animation-delay: 0.68s;}
    .s-utilities  .point.p20 {animation-delay: 0.69s;}
    .s-utilities  .point.p21 {animation-delay: 0.70s;}
    .s-utilities  .point.p22 {animation-delay: 0.71s;}
    .s-utilities  .point.p23 {animation-delay: 0.72s;}
    .s-utilities  .point.p24 {animation-delay: 0.73s;}

}
@media screen and (min-width:1400px){
	
}
@media screen and (min-width:1440px){
    #fp-nav.fp-right {top: 18%;}
    #fp-nav ul li, .fp-slidesNav ul li {margin: 20px 0px !important; }
	.support_float_right{right: 30px; bottom: 30px;}
    ul.list-unstyled { display: flex ; flex-wrap: wrap; gap: 30px 40px;}
    .yeu-to .heading {margin-bottom: 50px; }

    .list__house .w-house { padding-right: 7%; }

    .location .section-content { padding-top: 45px; padding-right: 40px; }
    .location .t-tab-3 { margin-top: -10px; margin-bottom: 25px; }
    .time__way { margin-top: 80px; }
    .time__bg { height: 204px;}
    .location .time__line.bottom { top: clamp(68%, 18.1333vw, 77%); }
    .location .star__02 { top: 8%;}
    .section__09 .time__line .title+span {font-size: 14px;  }

    .design .section__content { max-width: 1140px; padding-left: 50px; }
    .design .section__content .col:nth-child(2){padding-left: 30px;}

    .w-floorplan{min-height: 520px;}

    .s-collection .tab-content { width: 66%;}
    .nav.nav-tabs { width: 100%; margin: 15px auto 30px;}

    .s-collection .title {margin-bottom: 35px; }
    .container { max-width: 1240px; }

    .unique-value .bg{background-position:center 10%;}
    .unique-value .swiper-button-prev { left: 0px; right: auto; }
    .section__05 .swiper-button-next { left: 68px; right: 0px; }
    .unique-value .section__content .swiper-slide p {font-size: 16px; }
    .unique-value .section__content { max-width: 400px; }

    .anima-star.star__01 { width: 69px !important; height: 63px  !important;}
    .anima-star.star__02,.anima-star.small { width: 41px !important; height: 40px !important;}
    .unique-value .star__01 {top: 7%; right:37%;}
    .unique-value .star__02 {top: 15%; right: 35%; }
    .unique-value .heading__title { margin-bottom: 15px; }

    .design .heading {margin-bottom: 30px; }

    .utility-floorplan .section__content{ width:92%;    margin: auto;}
    .utility-floorplan .thumb img {max-height: 100%; }
    .floorplan-list li { margin-bottom: 10px;}

    .s-collection .thumb img{height: 430px;}
    .s-apartment .thumb img {height: 510px; }
    .modalTienIch{    padding: 20px 75px 20px 20px;}
    .s-library .nav.nav-tabs { margin: 10px auto 40px; }
    .s-investor .thumb-antalytis { max-width: 100%; }
    .s-investor .heading .thumb img { max-width: 290px; margin: 30px auto 50px; }
    .s-preferential textarea { height: 75px; }

    .s-library .thumb { height: 275px; }
    .s-preferential .heading .thumb { width: 95px; margin: -30px auto 20px; }
    .s-preferential .form-control {line-height: 33px;}
    .s-preferential .section__content { margin: 40px auto 0px; gap: 50px; }
    .s-preferential .form-title { margin-top: 30px;}

   .s-utilities .caption { right: 6%; bottom: 35%; }
    .line-footer {margin: 50px 0px; }
    .line-footer:after {width: 64px; height: 61px;}

    .logo-ft {padding: 0px 10%; }    
    .footer__notify{margin-top: 60px;}
    .footer .download-map .btn {padding: 0px 20px;}
    .hotline-f a {font-size: 61px;}
    .email-f{font-size: 26px;}
    #contactModal .modal-content {padding: 100px 120px 90px;width: 900px; max-width: 710px; }
}	
@media screen and (min-width:1600px){
    .header { opacity: 0; visibility: hidden; pointer-events: none; }
    #fp-nav ul li, .fp-slidesNav ul li {margin: 25px 0px !important; }
     #fp-nav.fp-right {top:15%;}
    #fp-nav ul li .fp-tooltip{opacity: 1 !important; width: auto !important;}

	section.section{padding-left: 5vw; padding-right: 5vw; }
    .header__inner{padding: 10px 5vw;}
    .unique-value .section__content { max-width: 420px;    right: 9%; }
    .unique-value .swiper-wrapper { margin-bottom: 80px; }
    .unique-value .star__02 {right:36%; }
    .unique-value .star__01 {right: 37%; }
    .section__06 .heading p {font-size: 23px; }

    .section__02 .logo,.section__02 .slogan { left: -2%; }
    .section__06 .list__floor { padding: 20px 90px;}
    .overview .heading h4, .overview .heading .h4, .overview .heading label {font-size: 40px;line-height: 45px; }
    .overview .count { font-size: 88px;}
    .heading__title {font-size: 41px;}
    .section__07 .heading .number {font-size: 160px;line-height: 140px;}

    .section__07 .section__content { max-width: 1230px;}
    .section__07 ul li .title {font-size: 27px;}

    .s-utilities .caption { right: 9%;}
    .location .section-content { left: 6%; padding-top: 3%; padding-right: 20px; }
    .location .star__02 { top:8%; left: 2%; }

    .yeu-to .star__01 {left: 29%; }
    .section__09 .time__line .title+span { font-size: 15px; }
    .s-preferential textarea { height: 85px; }

    .single-post .main-news { max-width: 1100px;}

    .news__grid .news__image img { height: 210px; }





}	
@media screen and (min-width:1680px){
    .section__02 .logo,.header__logo,.header__logo img {width: 325px;}
	.support_float_right { right: 40px; bottom: 50px; }
    .unique-value .star__01 { right: 39%; top: 8%; }
    .unique-value .star__02 { right: 37%; top: 16%; }
    .unique-value .title {font-size: 27px;}
    .unique-value .section__content { max-width: 430px; top: 6%; right: 10%;}

    .unique-value .section__content .swiper-slide p { font-size: 17px; line-height: 25px; }

    .nav-tabs .nav-item {width: 305px;}
    .container { max-width: 1480px; }
    .section__06 .list__floor { padding: 20px 90px; margin: 50px 0px; }

    .overview .heading h4, .overview .heading .h4, .overview .heading label,.heading__title { font-size: 50px; }
    .section__06 .heading p { font-size: 28px; }

    .list__house .w-house { padding-right: 6%; }
    .overview .heading label {line-height: 61px; }
    .overview .count { font-size: 100px; }
    .overview .list__floor-inner { font-size: 30px; line-height: 30px;}

    .type-apart,.acreage span {font-size: 28px; }
    .type-apart span { font-size: 50px; }

    .overview .acreage { font-size: 37px; }
    .overview:after { width: 85px; height: 83px;}
    .section__06 .list__floor .space { height: 168px;}    

    ul.list-unstyled li {font-size: 17px; }
    .section__07 ul li .title { font-size: 36px; padding-left: 56px; margin-bottom: 15px; }
    .section__07 ul li::before {width: 45px; height: 33px; }

    .section__07 .heading .number { font-size: 180px; line-height: 160px; }
    .section__07 .heading__title { font-size: 50px; }
    .section__07 .heading__subtitle {font-size: 33px;}
    .section__07 .section__content { max-width: 1360px; }

    ul.list-unstyled {gap: 30px 100px; }
    ul.list-unstyled li {flex: 1 1 calc(50% - 100px);}
    .yeu-to .star__01 {left: 29%; }

    .mask img { width: 150px;}

    .location .section-content { left: 5%; padding-top: 7%; padding-right: 6%; }
    .location .star__02 { top: 16%; left: 1%; }
    .section__09 .column__left h3, .section__09 .column__left .h3 {font-size: 50px;}
    .section__09 .column__left h3 strong, .section__09 .column__left .h3 strong { font-size: 70px;}
    .location .t-tab-3 { margin-top: -17px;}
    .time__way { margin-top: 90px; }

    .floorplan-list li { margin-bottom: 12px; font-size: 17px; }
    .floorplan-list li span {width: 28px; height: 28px;line-height: 28px;font-size: 16px;}

    .design:after{display: none;}

    .nav-tabs .nav-link {font-size: 19px; }
    .unique-value .heading__title { font-size: 41px;}
    .heading__title span { font-size: 61px; }

    .unique-value .bg { background-position: center 0%; }

    .w-floorplan { min-height: 610px; margin-top: 20px; }

    .design .section__content {padding-left: 0px; }
    .s-collection .tab-content { width: 72%; }

    .s-apartment .thumb img { height: 620px; }
    .s-apartment .tab-content { width: 90%; }

    .utility-floorplan .section__content{     width: 90%;     margin: auto;   }
    .s-library .thumb { height: 325px; }

    .s-investor .partner .title { font-size: 24px; }
    .section__18 .partner .thumb { width: 180px; }
    .section__18 .partner .title { margin-bottom: 25px; }
    .s-investor .heading .thumb img { max-width: 300px; margin-bottom: 70px; }
    .section__19 .container { max-width: 1420px; }

    .news__grid .news__image img {height: 290px; }
    .line-footer { margin: 70px 0px 80px; }
    .footer__top  br{display: none;}

    .s-utilities .caption {bottom: 26%; }

    .news__grid .news__info {padding-left: 65px; }
    .s-news .news__grid .news__info::before { width: 55px; height: 55px; }

    .hotline-f a { font-size: 71px; }
    .email-f { font-size: 29px; }

    .download-map { gap: 20px; }
    .footer .download-map .btn { padding: 0px 31px; gap: 13px; font-size: 16px; }
    .s-collection .thumb img { height: 520px; }
}
@media screen and (min-width:1900px){
    body{font-size: 17px;}
    #fp-nav.fp-right { right: 35px !important;}
    #fp-nav ul li .fp-tooltip.fp-right {font-size: 20px;    top: -8px;}
    .menu__nav .nav-item { padding-left: 20px; padding-right: 20px; }
	 .header__logo,.section__02 .logo { width: 399px;}
     .section__02 .slogan {top: 15%;        left: -4%;}
     .section__02 .slogan .thumb.txt-01 { width: 147px;}
     .section__02 .slogan .thumb.txt-02 { width: 125px; }
     .section__02 .slogan .thumb.txt-03 { width: 222px; }
     .section__02 .slogan .thumb.txt-04 { width: 170px;}

     .yeu-to .star__01 { left: 22%; }
     .section__07 .heading .number { font-size: 240px; line-height: 220px; }
     .section__07 .heading__title { font-size: 75px; }
     .section__07 .heading__subtitle { font-size: 50px; }

    .unique-value .heading__title { font-size: 45px; } 
    .unique-value .heading__title span { font-size: 66px; }
    .unique-value .section__content { max-width: 470px; }
    .unique-value .title {font-size: 28px;}

    .mask img { width: 190px; }
    .section__06 .list__floor { margin: 60px 0px; }
    .section__06 .list__floor .space { height: 178px; }
    .overview .heading label { line-height: 45px; }
    .overview .heading .col:nth-child(3) label{padding-top: 10px;}
    .overview:after { width: 92px; height: 90px; }

    .anima-star.star__01 { width: 97px !important; height: 94px !important; }
    .anima-star.star__02,.anima-star.star__03{ width:59px !important; height: 57px !important; }

    .location .section-content { left: 6%; padding-top:6%; padding-right:5%; }
    .s-utilities-vp .caption__inner { padding: 0px 60px 20px;}

    .section__09 .time__line .title { font-size: 25px; }
    .time__bg { height: 222px; }
    .section__09 .time__line.top { top: -51px; }
        .location .star__02 { top: 15%;     left: 1%;}

    .s-apartment .thumb img { height: 670px; }    
    .modalTienIch { padding: 30px 85px 30px 30px; }

    .s-utilities-vp .section__content { width: 100%;}
    .s-collection .tab-content { width: 90%; }
    .s-utilities-vp .swiper{padding: 0px;}
    .section__14 .caption__inner::after {width: 66px; height: 66px; left: -33px}

    .s-investor .heading .thumb img { max-width: 350px; }
    .s-preferential .section__content { width: 100%;}
    .s-preferential .form-title { margin-top: 50px;         font-size: 25px;}
    .logo-ft {padding: 0px 11%; }
    .footer .download-map .btn { padding:5px 31px;}
    .s-preferential .booking__form .title { font-size: 25px; line-height: 30px; }

    .single-post .main-news {max-width: 1200px; }
    .s-utilities .caption { bottom: 39%; right: 10%; }
    .footer__notify { margin-top: 90px; }
}
@media screen and (min-width:2030px){
	
}
@media screen and (min-width:2500px){
	
}	
@media screen and (max-width: 1280px) {
    .header__logo { width: 240px; }
    .heading__title { font-size: 38px; }
    .unique-value .star__01 { top: 8%; right: 40%; }
	.unique-value .star__02 { top: 16%; right: 39%; }
    .yeu-to .heading__title { font-size: 44px;}
    .yeu-to .star__01 { left: 25%; }
    .location .section-content {padding-top: 30px; }
    .section__09 .time__line .title+span { font-size: 13px; }
    .location .section-content {padding-right: 30px;}
    .s-utilities .caption {bottom: 19%; }
    .s-investor .partner .title { font-size: 18px; }
    .list__house .w-house { padding-right: 8%; }
    .footer .download-map .btn{padding: 0px 10px;}
}
@media screen and (min-width:992px) and (max-width:1199px)
{
    #fp-nav.fp-right{display: none;}
    .fp-section, .section {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
      }
    .header { position: relative; height: 60px; }  
	/*section.fp-table{height: auto; min-height: auto;}*/
    section.h-full-tab{min-height: 560px !important;}

    section.banner.h-full-tab{min-height: 850px !important;}
    section .section__inner{min-height: auto;}
    section.section{padding:60px 30px; }

    .section__02 .logo {display: none;}
    .section__02 .slogan { top: 40px; left:30px; }

    .list__house .w-house { padding-right: 6.5%; }

    .header__inner {padding: 10px 40px;}
    .overview .heading h4, .overview .heading label {font-size: 32px;}
    .section__06 .heading p {font-size: 19px; }
    .overview .txt-title { font-size: 29px;}
    .overview .list__floor-inner { font-size: 23px; line-height: 27px;}
    .overview .count { font-size: 70px;line-height: 36px; min-height: 48px; }
    .quantity small {font-size: 20px; padding-top: 0px; }
    .type-apart span { font-size: 33px; }
    .overview .acreage {font-size: 25px; }
    .acreage span {font-size: 22px; margin-top: 6px; }
    .list__house { padding: 0px 0px 40px;}

    .nav.nav-tabs {gap: 10px 0px; }
    .nav-tabs .nav-item { border-right: 1px solid #118080; }
    
    .s-apartment .thumb img {height: 470px; }

    .unique-value .bg{background: url(/images/bg-gia-tri.png) !important; background-size: contain !important;margin-top: 70px; background-position: center bottom;}
    section.section.unique-value{background: url(/images/bg-gia-tri-2.jpg) !important; background-size: cover !important;}

    section.unique-value { min-height: 710px !important; }
    .unique-value .section__content { max-width: 380px; padding-top: 30px; right: 30px; }
    .unique-value .star__02 { top: 15%; right: 44%; }
    .unique-value .star__01 { top: 7%; right: 47%; }
    .unique-value .swiper-button-prev { left: auto; right: 68px; }
    .unique-value .swiper-button-next { right: 0px; left: auto; }

    ul.list-unstyled { gap: 20px 38px; margin-top: 30px; }
    .yeu-to .star__01 { left: 18%; }
    .yeu-to .star__02 {right: 13%; }

    .location .section-content { width: 100%; left: 0px; padding: 0px 80px;   margin-bottom: 110px; }
    .location .map-location {width: 100%;min-height: 750px; }

    .location .section__inner {display: block; }
    .section-location .section-image {transform-origin: top center; }
    .location .time__line.top { top: -42px; }
    .location .time__line.bottom { top: clamp(68%, 18.1333vw, 72%); }

    section.design{padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background: #074d4d}
    .design:after{display: none;}
    section.design .bg{min-height: 560px;    margin-top: -130px; position: relative;}
   .design .container {padding: 0px 70px; }

   .s-collection .tab-content,.s-apartment .tab-content { width: 90%; margin: auto; }
   .s-collection .swiper-button-prev { left: -8%; }
   .s-collection .swiper-button-next { right: -8%; }
   .s-collection .thumb img {height:480px;}
   .nav.nav-tabs {margin: 15px auto 30px;}

   .section.s-utilities{padding-top: 0px; padding-bottom: 0px;    background: #fff; }
   .s-utilities .section-image-wrapper{min-height: 770px; float: none;}
   .s-utilities .caption { bottom: auto; right: auto; position: relative;display: inline-block;         padding: 30px;}
   .modalTienIch {  position: relative;  left: 0;  width: 100%;   bottom: 0px;   background: white;   z-index: 2;  transform: none;  opacity: 1; padding:20px;
    overflow-y: visible;}
    .s-utilities .section__inner { overflow: hidden;  display: block;}
    .modalTienIch img{max-width: 100%;}

    .s-utilities .buttons,.modalTienIch .close{display: none}

    .utility-floorplan .section__content,.s-preferential .section__content,.s-news .createNewSwiper { width: 100%;}
    .s-library .thumb { height: 200px; }

    .booking__form  br{display: none;}
    .download-map {flex-direction: row; }


    .section.s-intrologo .section__inner {min-height: 600px;}
    .section.overview {min-height: 500px;}

    .s-investor .heading .thumb img { max-width: 250px;}    

    .booking__form{ padding-right: 50px; }  
    .s-preferential .booking__form .title { line-height: 23px; margin-bottom: 10px; font-size: 18px;}  

    .logo-ft { display: flex ; gap: 110px; padding: 0px 6%; }
    .line-footer {margin: 45px 0px; }
    .download-map {flex-direction: row !important;        width: 65%; }
    .w-copyright{display: none;}
    .footer__notify { margin: 40px auto 20px; }
    .copyright {color: #fff;}
    .footer__inner .copyright { display: block; }

    .hotline-f { font-size: 19px; }
    .hotline-f a {font-size: 47px;}
    .email-f { font-size: 21px;  }

    .s-library h3{min-height: 100px;}

}

@media screen and (max-width: 1199px) {
    .header {visibility: visible; opacity: 1;  pointer-events: auto;}
    #fullpage{overflow: hidden;}
	.fp-section, .section {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
      }

    /*section.fp-table{height: auto; min-height: auto;}*/
    section .section__inner{min-height: auto;padding: 60px 0px;}
    section.section{padding:0px 30px; }

    .header__inner {padding: 10px 40px;}
    .header .btn svg path{fill: #118080;}
    .overview .heading h4, .overview .heading label {font-size: 32px;}
    .section__06 .heading p {font-size: 19px; }
    .overview .txt-title { font-size: 29px;}
    .overview .list__floor-inner { font-size: 23px; line-height: 27px;}
    .overview .count { font-size: 70px;line-height: 36px; min-height: 48px; }
    .quantity small {font-size: 20px; padding-top: 0px; }
    .type-apart span { font-size: 33px; }
    .overview .acreage {font-size: 25px; }
    .acreage span {font-size: 22px; margin-top: 6px; }

    ul.list-unstyled { gap: 20px 38px; margin-top: 30px; }
    .yeu-to .star__01 { left: 18%; }
    .yeu-to .star__02 {right: 13%; }

    .location .section-content { width: 100%; left: 0px; padding: 0px 80px;   margin-bottom: 110px; }
    .location .map-location {width: 100%;min-height: 750px; }

    .location .section__inner {display: block; }
    .location .time__line.top { top: -42px; }
    .location .time__line.bottom { top: clamp(68%, 18.1333vw, 72%); }

    section.design{padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background: #074d4d}
    .design:after{display: none;}
    section.design .bg{min-height: 560px;    margin-top: -130px; position: relative;}
   .design .container {padding: 0px 70px; }

   .s-collection .tab-content,.s-apartment .tab-content { width: 90%; margin: auto; }
   .s-collection .swiper-button-prev { left: -8%; }
   .s-collection .swiper-button-next { right: -8%; }

   .nav.nav-tabs {margin: 15px auto 30px;}

   .section.s-utilities{padding-top: 0px; padding-bottom: 0px;    background: #fff; }
   .s-utilities .caption { bottom: auto; right: auto; position: relative;display: inline-block;         padding: 30px;}
   .modalTienIch {  position: relative;  left: 0;  width: 100%;   bottom: 0px;   background: white;   z-index: 2;  transform: none;  opacity: 1; padding:20px;
    overflow-y: visible;}
    .s-utilities .section__inner { overflow: hidden;  display: block;        padding: 0px 0px 20px;}
    .modalTienIch img{max-width: 100%;}

    .s-utilities .buttons,.modalTienIch .close{display: none}

    .utility-floorplan .section__content,.s-preferential .section__content,.s-news .createNewSwiper { width: 100%;}
    .s-library .thumb { height: 200px; }

    .booking__form  br{display: none;}
    .download-map {flex-direction: row; }	
    .footer__top br{display: none;}
    .footer__inner .copyright { display: block; }




	
}
@media screen and (min-width:768px) and (max-width:979px){
    .header { height: auto; height: 60px; }
	section.h-full-tab { min-height: 430px !important; }
    section.banner.h-full-tab{min-height: 850px !important;}
    .section__02 .logo{display: none;}
    .section__02 .slogan {  top: 60px; left: 40px; }

    .main#fullpage { overflow: hidden !important; }
    .single-post .main-news{padding-top: 100px;}
    .s-intrologo .section-image { width: 1220px; height: 600px; }

    .sg-1 { padding-left: 36px; }
    .section__02 .slogan .thumb.txt-01 { width: 140px; margin-bottom: 0px; }
    .section__02 .slogan .thumb.txt-02 { width: 117px; }
    .section__02 .slogan .thumb.txt-03 { width: 196px; }
    .section__02 .slogan .thumb.txt-04 { width: 170px; margin-top: -5px;}

    .overview .star__01 {right: 1%; }
    .overview .star__02 {right: 5%; }

    .unique-value .bg{background: url(/images/bg-gia-tri.png) center bottom no-repeat !important; background-size: cover !important; position: relative; height: 480px; margin-top: 60px !important;}
    section.section.unique-value{background: url(/images/bg-gia-tri-2.jpg) !important; background-size: cover !important; padding-left: 0px !important; padding-right: 0px !important;}

    .list__house { padding: 0px 0px 40px; }
    .list__house .w-house { padding-right: 0%; }
    .unique-value .section__content {max-width: 380px; padding-top: 30px; right: 50px;}
    .unique-value .star__02 { top: 15%; right: 58%; }
    .unique-value .star__01 { top: 7%; right: 61%; }
    .unique-value .swiper-button-prev { left: auto; right: 68px; }
    .unique-value .swiper-button-next { right: 0px; left: auto; }

    .list__floor-inner,.list__house  {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        text-align: center;
    }
    .section__06 .list__floor p {justify-content: center; }

    .design .section__content { max-width: 100%; justify-content: flex-start !important; }
    .design .container { padding: 0px 40px; }
    .design ul li {background: url(../images/icon/icon-green-star.svg) no-repeat left 0px / contain; background-size: 20px; padding-left: 27px; display: block;}
    .design ul li:before{display: none;}
    .yeu-to .star__01 { left: 9%; }

    .section.s-intrologo .section__inner {min-height: 600px;}
    .section.overview {min-height: 500px;}

    .s-investor .heading .thumb img { max-width: 250px;}    
    .section__19 .form-title {margin-top: 10px;}
    .s-preferential .booking__form .title { line-height: 23px; margin-bottom: 10px; font-size: 18px;}  
    .nav-open .header .btn-close{background-image: url(/images/ico-close-2.svg)}
    .logo-ft {display: flex ; gap: 60px; padding: 0px 0%;}
    .line-footer {margin: 45px 0px; }
    .download-map {flex-direction: row !important;width: 65%; }
    .w-copyright{display: none;}
    .footer__notify { margin: 40px auto 20px; }
    .copyright {color: #fff;}

    .list__floor-inner p{font-size: 24px;}
    .overview .count { font-size: 90px; line-height: 46px; min-height: 60px; }

    .nav-tabs .nav-link { padding: 5px 20px 7px; }
    .s-apartment .thumb img { height: 350px; }
    .btn-outside .swiper-button-prev { left: -10%; }
    .btn-outside .swiper-button-next { right: -10%; }

    .s-utilities .section-image-wrapper { min-height: 400px; }

    .w-floorplan { display: block; }
    .w-floorplan .thumb, .w-floorplan .des-floorplan { flex: 0 0 100%; max-width: 100%; box-sizing: border-box; }

    .utility-floorplan .thumb img { object-fit: contain; object-position: center; display: block; max-height: 450px; width: 100%; margin-bottom: 20px; }
    .w-floorplan .des-floorplan { padding-left: 0px; }
    .floorplan-list { column-count: 3; column-gap: 30px; }

    #fp-nav.fp-right{display: none}
    .s-investor .thumb-antalytis { max-width: 100%; }
    .google-map { margin-top: 20px; }

    .s-collection .thumb img { height: 360px; }
    .modal-video .modal-dialog { max-width: calc(100% - 50px); }

    .nav.nav-tabs {gap: 10px 10px; }
    .nav-tabs .nav-item { border-right: 1px solid #118080; }

    .footer .col-f-1,.footer .col-f-2{ flex: 0 0 auto; width: 50%; }
    .footer .col-f-3{ flex: 0 0 auto; width:100%; }
    .footer .footer__inner, .footer .footer-top {padding-left: 0px; padding-right: 0px;}


    .hotline-f{font-size: 20px;}
    .hotline-f a {font-size: 50px; }
    .email-f {font-size: 22px;}

}
@media screen and (max-width: 991px) {
body:not(.page-single) .header {position: relative;}
  .header {height: auto; height: 60px; }
  #fp-nav.fp-right{display: none}
  .single-post .main-news{padding-top: 100px;}
  .list__house .w-house { padding-right: 0%; }
  .nav.nav-tabs {gap: 10px 10px; }
  .nav-tabs .nav-item { border-right: 1px solid #118080; }
  .fp-viewing-tin-tuc #backToTop{opacity: 0; visibility: hidden; pointer-events: none;}
}

@media screen and (max-width: 767px) {
    .main#fullpage{overflow: hidden !important;}
	.list__floor-inner p{font-size: 24px;}
    .overview .count { font-size: 90px; line-height: 46px; min-height: 60px; }

    .nav-tabs .nav-link { padding: 5px 20px 7px; }
    .s-apartment .thumb img { height: 350px; }
    .btn-outside .swiper-button-prev { left: -10%; }
    .btn-outside .swiper-button-next { right: -10%; }

    .s-utilities .section-image-wrapper { min-height: 400px; }

    .w-floorplan { display: block; }
    .w-floorplan .thumb, .w-floorplan .des-floorplan { flex: 0 0 100%; max-width: 100%; box-sizing: border-box; }

    .utility-floorplan .thumb img { object-fit: contain; object-position: center; display: block; max-height: 450px; width: 100%; margin-bottom: 20px; }
    .w-floorplan .des-floorplan { padding-left: 0px; }
    .floorplan-list { column-count: 3; column-gap: 30px; }

    #fp-nav.fp-right{display: none}
    .s-investor .thumb-antalytis { max-width: 100%; }
    .google-map { margin-top: 20px; }

    .banner .logo { display: none; }
    .section.banner {min-height: 400px !important}

    .s-intrologo{min-height: 400px !important;}
    section.h-full-tab { min-height: 430px !important; }


     .unique-value .bg{background: url(/images/bg-gia-tri.png) center bottom no-repeat !important; background-size: cover !important; position: relative; height: 480px; margin-top: 60px !important;}
    section.section.unique-value{background: url(/images/bg-gia-tri-2.jpg) !important; background-size: cover !important; padding-left: 0px !important; padding-right: 0px !important;}

    .swiper-button-next, .swiper-button-prev{width: 40px; height: 40px;}
    
    .unique-value .section__content {max-width: 380px; padding-top: 30px; right: 50px;}
    .unique-value .star__02 { top: 15%; right: 58%; }
    .unique-value .star__01 { top: 7%; right: 61%; }
    .unique-value .swiper-button-prev { left: auto; right: 58px; }
    .unique-value .swiper-button-next { right: 0px; left: auto; }

    .section__05 .swiper-wrapper { margin-bottom: 65px; }
    .list__house { padding:0px 0px 40px;}

    .list__floor-inner,.list__house  {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        text-align: center;
    }
    .section__06 .list__floor p {justify-content: center; }

    .design .section__content { max-width: 100%; justify-content: flex-start !important; }


    .yeu-to .star__01 { left: 9%; }

    .section.s-intrologo .section__inner {min-height: 450px;}
    .section.overview {min-height: 500px;}

    .s-investor .heading .thumb img { max-width: 250px;}    

    .booking__form{ padding-right: 50px; }  
    .s-preferential .booking__form .title { line-height: 23px; margin-bottom: 10px; font-size: 18px;}  

    .logo-ft {display: flex ; gap: 100px; padding: 0px 0%;}
    .line-footer {margin: 45px 0px; }
    .download-map {flex-direction: row !important;        width: 65%; }
    .w-copyright{display: none;}
    .footer__notify { margin: 40px auto 20px; }
    .copyright {color: #fff;}

    .list__floor-inner p{font-size: 24px;}
    .overview .count { font-size: 90px; line-height: 46px; min-height: 60px; }

    .nav-tabs .nav-link { padding:5px 15px 7px; }
    .s-apartment .thumb img { height: 350px; }
    .btn-outside .swiper-button-prev { left: -10%; }
    .btn-outside .swiper-button-next { right: -10%; }

    .s-utilities .section-image-wrapper { min-height: 400px; }

    .w-floorplan { display: block; }
    .w-floorplan .thumb, .w-floorplan .des-floorplan { flex: 0 0 100%; max-width: 100%; box-sizing: border-box; }

    .utility-floorplan .thumb img { object-fit: contain; object-position: center; display: block; max-height: 450px; width: 100%; margin-bottom: 20px; }
    .w-floorplan .des-floorplan { padding-left: 0px; }
    .floorplan-list { column-count: 3; column-gap: 30px; }

    #fp-nav.fp-right{display: none}
    .s-investor .thumb-antalytis { max-width: 100%; }
    .google-map { margin-top: 20px; }
    .section__07 .heading .number { font-size: 120px; }
    .section__07 .heading__title, .section__07 .heading__subtitle { font-size: 27px; }

    .footer .col-f-1,.footer .col-f-2{ flex: 0 0 auto; width: 50%; }
    .footer .col-f-3{ flex: 0 0 auto; width:100%; }
    .footer .footer__inner, .footer .footer-top {padding-left: 0px; padding-right: 0px;}


    .hotline-f{font-size: 20px;}
    .hotline-f a {font-size: 50px; }
    .email-f {font-size: 22px;}


    .footer__inner .copyright {font-size: 14px; }

    .slogan {left: 0px; top: 22%; }

}


/*Mobile Đứng*/
@media screen and (max-width: 480px) and (orientation : portrait) {
    section.section { padding: 0px 0px; }
    .header__inner { padding: 10px 20px; }
	.section.banner { min-height: 280px !important; }
    .s-intrologo { min-height: 300px !important; }
    .header__inner .header__menu{padding-top: 50px;}
    .menu__nav .nav-link{font-size: 24px;}

    section.banner.h-full-tab{min-height: 480px !important; height: 100vh !important;}
    section.banner.h-full-tab .bg{background-position: 9% top;}
    .slogan {top: 30px; }

    .section__02 .slogan .thumb.txt-03 { width: 146px; }
    .section__02 .slogan .thumb.txt-04 { width: 130px; margin-top: -7px; margin-left: -4px;}
    .section__02 .slogan .thumb.txt-01 { width: 87px; }
    .section__02 .slogan .thumb.txt-02 { width: 97px; }
    .section__02 .slogan>div:nth-last-of-type(1) { margin-top: -12px; padding-left: 17px; }

    .section.s-intrologo .section__inner { min-height: 320px; }
    section.h-full-tab { min-height: 310px !important; }
    .unique-value .section__content { max-width: 100%;right: auto; padding:60px  30px 0px; }
    .heading__title span { font-size: 44px; }
    .heading__title { font-size: 31px; }

    .nav-tabs .nav-item{width: auto; min-width: 150px;}
    .s-collection .nav-tabs .nav-item{ width:230px; }

    .unique-value .bg { height: 480px; margin-top: 50px !important; background-size: contain !important; }
    .list__house { padding: 0px 0px 40px; }
    .anima-star.star__02, .anima-star.star__03 { width: 25px; height: 24px; }
    .anima-star.star__01 { width: 45px; height: 44px; }
    .unique-value .star__02 { top: 5%; left: 14%; }
    .unique-value .star__01 { top: 1%; left: 5%; right:auto; }
    .s-collection .star__03 { top: 5%; }
    .s-collection .star__02 { top: 10%;  }

    .unique-value .swiper-wrapper { margin-bottom: 50px; }

    .swiper-button-next, .swiper-button-prev{width: 34px; height: 34px;}
	   .swiper-button-next:after, .swiper-button-prev:after{font-size: font-size:25px;}
       .unique-value .swiper-button-prev { left: auto; right: 48px; }

    .overview .mask-top-left,.overview .mask-bottom-right{display: none;}

    .list__floor { background: linear-gradient(180deg, #65B0B1 0%, #B2D9D8 100%);}
    .list__floor::before {background: linear-gradient(180deg, #B2D9D8 0%, #65B0B1 100%);    height: 24px;}

    section .section__inner {padding: 30px 0px; }

    .overview .heading p { font-size: 19px; color: #064C4D; text-transform: uppercase; font-size: 28px; }
    .overview .anima-star,.overview:after{display: none;}
    .overview .heading h4, .overview .heading label {color: #118080; font-size: 40px;        margin-top: 6px; }
    .overview .heading label {line-height: 52px; }

    .s-utilities-vp .thumb img{height: 400px;}
    .s-utilities-vp .anima-star,.utility-floorplan .star__01,.section__14 .caption__inner::after {display: none;}

    .overview .cols:nth-child(1) { grid-area: a; }
    .overview .cols:nth-child(2) { grid-area: b; }
    .overview .cols:nth-child(3) { grid-area: c; }
    .overview .space { grid-area: d; }
    .overview .model { grid-area: e; }

    .overview .list__floor-inner {
      display: grid;        padding: 40px 0px;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas:
        "a b"
        "c c"
        "d d"
        "e e";
    }
    .overview .list__floor p { font-size: 25px; }
    .quantity small { font-size: 25px; padding-top: 0px; line-height: 33px; color: rgb(4 77 79 / 50%); }

    .overview .list__floor .space { display: block; width: 100%; height: auto; min-height: 66px; background: url(/images/img-star-ngang.svg) no-repeat center center / contain; }
    .overview .model .txt-title { margin-bottom: 15px; font-size: 35px; }
    .overview .model .c-C4D{line-height: 37px;}

    .type-apart {font-size: 21px; }
    .type-apart span { font-size: 30px; }
    .overview .acreage { font-size: 22px; }

    .overview .bg{background-image: url(/images/bg-overview-mb.svg) !important;}

    .yeu-to .mask img { width: 50px;}
    .yeu-to .heading__title { font-size: 36px; }
    .yeu-to  .section .section__inner{    padding-top: 80px;}

    .section__07 .heading .number { font-size: 140px; text-align: center; display: block; line-height: 150px;}
    .section__07 .heading__title, .section__07 .heading__subtitle {font-size: 38px; text-align: center;}

    .yeu-to .star__01 { left: auto; top: 2%; right: 10%; }
    .yeu-to .star__02 { right: 5%; top: 4%; }
    .yeu-to .heading {margin-top: 0px; display: block !important;}

    ul.list-unstyled { gap: 20px 25px; margin-top: 30px;text-align: justify;}

    .section__07 ul li .title{text-align: left;}
    .section__07 ul li .title strong { display: block; }

    .location .section-content { width: 100%; left: 0px; padding: 0px 15px; margin-bottom: 110px; }

    .location .star__02 {top: 2%; left: 1%; }
    .location .time__line.bottom { top: clamp(72%, 18.1333vw, 72%); }

    .location .map-location {min-height: 430px; }
    .section.location .section__inner { padding: 60px 0px 0px; }

    .s-collection .thumb img { height: 240px; }

    .design .container { padding: 0px 20px; }

    .section__10 ul li { margin-bottom: 6px; }
    .section__10 ul { gap: 0px; }

    .section.design .bg { min-height: 270px; margin-top: -60px;}

    .nav.nav-tabs { margin: 15px auto 30px; gap: 10px 0px; }
    .section__11 .nav-tabs .nav-item { border-right: 1px solid #118080; }
    .s-apartment .thumb img { height: 220px; }

    .s-utilities .section-image-wrapper { min-height: 240px;         zoom: 1.15;}

    .nav-tabs .nav-link { padding: 5px 17px 7px;        font-size: 15px; }
    .s-collection .tab-content, .s-apartment .tab-content { width: 100%;}

    .s-collection .swiper-button-prev,.s-apartment .swiper-button-prev,
    .s-utilities-vp .swiper-button-prev,.s-utilities .swiper-button-prev{ left: 50%; transform: translateX(-50%); margin-left: -25px; top: auto; bottom: 0px; }
    .s-collection .swiper-button-next,.s-apartment .swiper-button-next,
    .s-utilities-vp .swiper-button-next,.s-utilities .swiper-button-next { right: auto; top: auto; bottom: 0px; left: 50%; transform: translateX(-50%); margin-left: 25px; }

    .s-collection .createCollectionSwiper,.s-apartment  .createCollectionSwiper,.s-utilities-vp .createTienIchVanPhucSwiper,
    .s-utilities-dm .createTienIchDiamondSwiper {    padding-bottom: 60px;}

    .floorplan-list { column-count: 2; }
    .floorplan-list li {white-space: normal;font-size: 14px;}
    .floorplan-list li span {width: 22px; height: 22px;margin-right: 6px;line-height: 21px;font-size: 13px;}
    .nav-tabs .nav-item {border-right: 1px solid #118080;}
    .section__17 .tab-pane .swiper-pagination-bullet { height: 6px; width: 44px;}
    .s-library .thumb { height: 270px; }
    .section__13 .number {font-size: 60px;}
    .section__13 .title {font-size: 31px;}

    .s-preferential .thumb {margin: 20px 0px}
    .logo-ft { display: flex ; gap: 20px; padding: 0px 0%; }
    .footer .download-f,.footer .social-f {    width: 100%;}

    .s-preferential .section__content {display: block !important;}
    .booking__form { padding-right: 0px; }
    .footer .mask-bottom-right { width: 60px; }
    .footer .mask-bottom-left { width: 60px; }

    .single-post h1 { font-size: 30px;}
    .new-orther .news__item{margin-bottom: 20px;}
        .new-orther .news__grid .news__info { position: relative; padding-left: 50px; }

    .modal-body .btn-close{right: 0px;    top: -50px;}
    .s-news .swiper-button-next,.s-news .swiper-button-prev{display: none;}

    .footer .col-f-1, .footer .col-f-2 { flex: 0 0 auto; width: 100%; }
    .line-footer { margin: 36px 0px; height: 3px; }
    .line-footer:after{width: 46px; height: 43px;}

    .footer .col-f-2, .social-f { width: 100%; padding-top: 0px; }

    .download-map { justify-content: center; }
    .hotline-f a { font-size: 65px; }
    .email-f { font-size: 27px; }

    #contactModal .modal-content {padding: 40px 20px 40px;width: 100%; max-width: 100%; }

.tienich-mb{display: block;text-align: center;padding: 10px 15px 30px;}
    .item-tienich{display: flex ; flex-wrap: wrap; list-style: none; padding: 0; margin: 0;}
    .item-tienich li{width: 50%; box-sizing: border-box; padding: 5px; display: flex ;    text-align: left; line-height: 16px;font-size: 14px; align-items: center;}
    .item-tienich li span{color: white; font-weight: 600; border-radius: 50%; width: 24px; height: 24px; 
        text-align: center; line-height: 23px; margin-right: 10px; font-size: 14px;min-width: 24px;}
    .tienich-mb h5{
        text-align: center;display: inline-block;margin-bottom: 20px;    font-size: 17px;text-transform: uppercase;color: #fff; padding: 10px 30px; border-radius: 30px;
    }
#modalTienIch{display: none;}
.tienich-mb{min-height: 405px;}

.box-mx .item-tienich li span {background: #008965}
.box-edu .item-tienich li span {background: #A5802D}
.box-travel .item-tienich li span {background: #BE3755}
.box-relax .item-tienich li span {background: #AA6027}
.box-sports .item-tienich li span {background: #025865}
.box-mx h5{background: #008965; }
.box-edu h5{background: #A5802D; }
.box-travel h5{background: #BE3755;}
.box-relax h5{background: #AA6027;}
.box-sports h5{background: #025865;}

.section.s-utilities{padding-bottom: 20px;}
.tienich-mb .swiper-pagination-bullet { height: 8px; width: 40px; border-radius: 5px; }
.tienich-mb .swiper-pagination-bullet-active{background: #118080}
.s-library h3 { font-size: 21px; line-height: 25px;text-align: justify; }

}
@media screen and (max-width:420px) {
	.overview .acreage { font-size: 21px; }


}	
@media screen and (max-width:380px) {
	.overview .acreage { font-size: 18px; }
    .type-apart span { font-size: 28px; }
    .hotline-f a { font-size: 55px; }
    .email-f { font-size: 24px; }
    .footer .download-map .btn { padding: 0px 9px; font-size: 14px; }
}

@media screen and (max-width: 365px) {
	.footer .download-map .btn {font-size: 13px; }
    .s-library .thumb { height: 240px; }
}
@media screen and (max-width: 330px) {
	

}