@font-face {
font-family: "Tenez-Bold";
src: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/fonts/Tenez-Bold.otf);
}
@font-face {
font-family: "Tenez-Regular";
src: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/fonts/Tenez-Regular.otf);
}
@font-face {
font-family: "Texta-Bold";
src: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/fonts/Texta-Bold.otf);
}
@font-face {
font-family: "Texta-Regular";
src: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/fonts/Texta-Regular.otf);
}
.page-template-page_legend_palace {
margin: 0;
}
.main_legend_palace {
overflow: hidden;
}
.main_legend_palace .section_1 {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100vh;
position: relative;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_1 {
background-image: none;
height: auto;
}
}
.main_legend_palace .section_1 .img_ {
display: none;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_1 .img_ {
display: block;
}
.main_legend_palace .section_1 .img_ img {
width: 100%;
height: auto;
display: block;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_1 .img_ {
display: none;
}
}
.main_legend_palace .section_1 .logo_ {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.main_legend_palace .section_1 .logo_ a {
display: block;
}
.main_legend_palace .section_1 .logo_ a:nth-of-type(1) {
width: 65px;
margin-right: 40px;
position: relative;
}
.main_legend_palace .section_1 .logo_ a:nth-of-type(1):after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
right: -20px;
width: 1px;
height: 40px;
background-color: #FFFFFF;
}
.main_legend_palace .section_1 .logo_ a:nth-of-type(1) img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_1 .logo_ a:nth-of-type(2) {
width: 110px;
}
.main_legend_palace .section_1 .logo_ a:nth-of-type(2) img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_1 .dang_ky {
position: absolute;
bottom: 60px;
right: 200px;
background: linear-gradient(201.13deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
border-radius: 4px;
width: 240px;
height: 44px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-decoration: none;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_1 .dang_ky {
right: 30px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_1 .dang_ky {
right: 30px;
bottom: 30px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_1 .dang_ky {
right: auto;
left: 15px;
bottom: 15px;
width: 200px;
}
}
.main_legend_palace .section_1 .dang_ky span {
font-family: "Texta-Bold";
font-size: 18px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
background: linear-gradient(179.97deg, #273A63 -11.43%, #192649 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_1 .dang_ky span {
font-size: 16px;
}
}
.main_legend_palace .section_1 .__phone {
position: absolute;
top: 30px;
right: 15px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-decoration: none;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_1 .__phone {
display: none;
}
}
.main_legend_palace .section_1 .__phone .--text {
background-color: #ffffff;
color: #333333;
width: 186px;
height: 36px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 20px;
font-size: 19px;
margin-right: -35px;
}
.main_legend_palace .section_1 .bottom_icon {
position: fixed;
bottom: 15px;
right: 15px;
z-index: 99;
display: none;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_1 .bottom_icon {
display: block;
}
}
.main_legend_palace .section_1 .img_mobile {
display: none;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_1 .img_mobile {
display: block;
}
.main_legend_palace .section_1 .img_mobile img {
width: 100%;
height: auto;
display: block;
}
}
.main_legend_palace .section_2 {
background: linear-gradient(179.85deg, #273A63 -11.43%, #192649 100%);
display: flex;
padding: 120px 8.3333333333% 100px 10.4166666667%;
position: relative;
flex-direction: row;
align-items: center;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_2 {
padding: 60px 30px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_2 {
flex-direction: column;
padding: 30px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_2 {
padding: 15px;
}
}
.main_legend_palace .section_2 .decor_right {
position: absolute;
bottom: 0;
right: 0;
width: 47.6388888889%;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_2 .decor_right {
width: 70%;
}
}
.main_legend_palace .section_2 .decor_right img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_2 .left {
width: 33.3333333333%;
padding-right: 55px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_2 .left {
width: 100%;
padding-right: 0;
margin-bottom: 30px;
}
}
.main_legend_palace .section_2 .left .title_location p {
margin: 0;
}
.main_legend_palace .section_2 .left .title_location p:nth-of-type(1) {
font-family: "Tenez-Bold";
font-size: 60px;
line-height: 100px;
background: linear-gradient(236.42deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_2 .left .title_location p:nth-of-type(1) {
line-height: 70px;
}
}
.main_legend_palace .section_2 .left .title_location p:nth-of-type(2) {
font-family: "Tenez-Regular";
font-size: 39px;
line-height: 30px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_2 .left .decor_title img {
width: 100%;
height: auto;
display: block;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_2 .left .decor_title {
width: 50%;
}
.main_legend_palace .section_2 .left .decor_title img {
width: 100%;
height: auto;
display: block;
}
}
.main_legend_palace .section_2 .left .desc_left p {
margin: 0;
font-family: "Texta-Regular";
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
.main_legend_palace .section_2 .left .desc_left p:nth-of-type(1) {
margin-bottom: 30px;
}
.main_legend_palace .section_2 .image_map {
width: 66.6666666667%;
position: relative;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_2 .image_map {
width: 100%;
}
}
.main_legend_palace .section_2 .image_map .zoom_out, .main_legend_palace .section_2 .image_map .zoom_in {
position: absolute;
bottom: 24px;
right: 0;
width: 47px;
height: 47px;
background: linear-gradient(244.63deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.main_legend_palace .section_2 .image_map .zoom_out:after, .main_legend_palace .section_2 .image_map .zoom_in:after {
position: absolute;
content: "";
width: 53px;
height: 53px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid #AF7732;
}
.main_legend_palace .section_2 .image_map .zoom_out img, .main_legend_palace .section_2 .image_map .zoom_in img {
width: 17px;
height: auto;
display: block;
}
.main_legend_palace .section_2 .image_map .zoom_out {
right: 24px;
}
.main_legend_palace .section_2 .image_map .zoom_in {
right: 87px;
}
.main_legend_palace .section_2 .image_map img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_3 {
overflow: hidden;
display: flex;
position: relative;
margin-top: 100px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_3 {
margin-top: 60px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 {
flex-direction: column;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_3 {
margin-top: 30px;
}
}
.main_legend_palace .section_3 .img_left {
width: 66.6666666667%;
position: absolute;
left: 0;
bottom: 80px;
height: 540px;
z-index: 9999;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 .img_left {
position: static;
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_3 .img_left {
height: 290px;
}
}
.main_legend_palace .section_3 .img_left img {
width: 100%;
height: 100%;
display: block;
}
.main_legend_palace .section_3 .left {
width: 50%;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 .left {
width: 100%;
}
}
.main_legend_palace .section_3 .left .title_s3 {
margin-left: 36.1111111111%;
width: 320px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_3 .left .title_s3 {
margin-left: 20.111111%;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 .left .title_s3 {
margin-left: 0;
margin: 0 auto;
}
}
@media only screen and (max-width: 320px) {
.main_legend_palace .section_3 .left .title_s3 {
width: calc(100% - 30px);
}
}
.main_legend_palace .section_3 .left .title_s3 p {
margin: 0;
}
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(1), .main_legend_palace .section_3 .left .title_s3 p:nth-of-type(2) {
font-family: "Tenez-Bold";
font-size: 51.6129px;
line-height: 57px;
color: #314776;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(1), .main_legend_palace .section_3 .left .title_s3 p:nth-of-type(2) {
font-size: 38.6129px;
line-height: 43px;
}
}
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(2) {
padding-left: 60px;
}
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(1) {
padding-left: 30px;
margin-bottom: -10px;
}
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(3) {
font-family: "Tenez-Regular";
font-size: 38.7097px;
line-height: 28px;
text-align: right;
letter-spacing: -0.015em;
color: #314776;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(3) {
font-size: 34px;
}
}
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(4) {
font-family: "Tenez-Regular";
font-size: 36.129px;
line-height: 20px;
letter-spacing: 0.01em;
color: #314776;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(4) {
font-size: 34px;
}
}
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(4) span {
font-family: "Tenez-Bold";
font-size: 51.6129px;
line-height: 57px;
color: #314776;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_3 .left .title_s3 p:nth-of-type(4) span {
font-size: 38.6129px;
}
}
.main_legend_palace .section_3 .right {
width: 50%;
margin-top: 70px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 .right {
width: 100%;
margin-top: 0;
}
}
.main_legend_palace .section_3 .right .text_opacity {
font-family: "Tenez-Bold";
font-size: 150px;
line-height: 127px;
text-transform: uppercase;
color: #E3E3E3;
opacity: 0.35;
width: max-content;
margin-bottom: -38px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 .right .text_opacity {
display: none;
}
}
.main_legend_palace .section_3 .right .img_bg {
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 424px;
position: relative;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 .right .img_bg {
display: none;
}
}
.main_legend_palace .section_3 .right .img_bg .img_bottom {
width: 41.6666666667%;
height: 200px;
position: absolute;
bottom: 0;
left: 45.8333333333%;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_3 .right .img_bg .img_bottom {
width: 270px;
left: 41.833333%;
}
}
.main_legend_palace .section_3 .right .img_bg .img_bottom img {
width: 100%;
height: 100%;
display: block;
}
.main_legend_palace .section_3 .right .bg_text {
background: linear-gradient(179.87deg, #273A63 -11.43%, #192649 100%);
width: 100%;
height: 318px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 .right .bg_text {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_3 .right .bg_text {
flex-direction: column-reverse;
height: auto;
}
}
.main_legend_palace .section_3 .right .bg_text .img_mobile {
display: none;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 .right .bg_text .img_mobile {
display: block;
margin-right: 30px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_3 .right .bg_text .img_mobile {
width: 100%;
margin-right: 0;
}
.main_legend_palace .section_3 .right .bg_text .img_mobile img {
width: 100%;
height: auto;
display: block;
}
}
.main_legend_palace .section_3 .right .bg_text .txt {
font-family: "Texta-Regular";
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
width: 41.6666666667%;
margin-left: 45.8333333333%;
padding-top: 40px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_3 .right .bg_text .txt {
width: 270px;
text-align: justify;
margin-left: 41.833333%;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_3 .right .bg_text .txt {
margin-left: 0;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_3 .right .bg_text .txt {
width: 100%;
width: calc(100% - 30px);
margin: 0 auto;
padding: 0;
margin-bottom: 20px;
margin-top: 20px;
}
}
.main_legend_palace .section_4_legend {
overflow: hidden;
position: relative;
z-index: 9;
}
.main_legend_palace .section_4_legend .text_opacity {
font-family: "Tenez-Bold";
font-size: 150px;
line-height: 125px;
text-transform: uppercase;
color: #E3E3E3;
opacity: 0.35;
width: max-content;
margin: 0 auto;
margin-bottom: -40px;
}
.main_legend_palace .section_4_legend .content_s4 {
display: flex;
flex-direction: row;
justify-content: center;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_4_legend .content_s4 {
flex-direction: column;
}
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 {
width: 41.6666666667%;
position: relative;
background: linear-gradient(179.45deg, #273A63 -11.43%, #192649 100%);
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 {
width: 100%;
}
}
.main_legend_palace .section_4_legend .content_s4 .text_s4:after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 40%;
height: 100%;
background-image: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/images/legend_palace/decor_left_s4.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 9;
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .title_ {
display: flex;
position: relative;
z-index: 99;
margin-top: 110px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 .title_ {
margin-top: 65px;
}
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .title_ p {
margin: 0;
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .title_ p:nth-of-type(1) {
font-family: "Tenez-Bold";
font-size: 140px;
line-height: 100px;
text-transform: uppercase;
background: linear-gradient(238.74deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
top: 0;
right: 60%;
letter-spacing: -5px;
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .title_ p:nth-of-type(2) {
margin-left: 41.6666666667%;
font-family: "Tenez-Regular";
font-size: 28px;
line-height: 30px;
color: #FFFFFF;
width: 100%;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 .title_ p:nth-of-type(2) {
font-size: 25px;
line-height: 27px;
}
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .title_ p:nth-of-type(2) span {
font-family: "Tenez-Bold";
font-size: 36px;
line-height: 30px;
background: linear-gradient(238.74deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 .title_ p:nth-of-type(2) span {
font-size: 31px;
}
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .decor_title {
position: relative;
z-index: 999;
width: 75%;
padding-left: 15%;
margin-bottom: 90px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 .decor_title {
margin-bottom: 40px;
}
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .decor_title img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .number_slide {
position: relative;
z-index: 99;
right: 65%;
width: max-content;
font-family: "Tenez-Bold";
font-size: 50px;
line-height: 50px;
text-transform: uppercase;
color: #FFFFFF;
margin-left: auto;
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .number_slide:after, .main_legend_palace .section_4_legend .content_s4 .text_s4 .number_slide:before {
position: absolute;
content: "";
top: 50%;
transform: translateX(-50%);
width: 30px;
height: 2px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .number_slide:after {
background-image: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/images/legend_palace/number-left.png);
left: -22px;
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .number_slide:before {
background-image: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/images/legend_palace/number-right.png);
right: -50px;
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .desc_slide {
margin-top: 15px;
font-family: "Texta-Regular";
font-size: 16px;
line-height: 24px;
color: #EAEAEA;
width: 59.1666666667%;
position: relative;
z-index: 999;
margin-left: auto;
right: 18%;
margin-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 .desc_slide {
right: 30px;
width: 85%;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 .desc_slide {
margin-bottom: 70px;
}
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .dang_ky {
background: linear-gradient(201.13deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
border-radius: 4px;
font-family: "Texta-Bold";
font-size: 18px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
color: #0E1A28;
padding: 12px 25px;
position: relative;
z-index: 999;
text-decoration: none;
margin-top: 90px;
left: 22%;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 .dang_ky {
left: 10%;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 .dang_ky {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_4_legend .content_s4 .text_s4 .dang_ky {
left: 20%;
}
}
.main_legend_palace .section_4_legend .content_s4 .text_s4 .dang_ky:hover {
text-decoration: none;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 {
width: 58.3333333333%;
position: relative;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_4_legend .content_s4 .img_s4 {
width: 100%;
}
}
.main_legend_palace .section_4_legend .content_s4 .img_s4:after {
position: absolute;
content: "";
background-image: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/images/legend_palace/phu_s4.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
pointer-events: none;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .swiper-container {
position: relative;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
padding-top: 81%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_4_legend .content_s4 .img_s4 .swiper-container .swiper-wrapper .swiper-slide {
padding-top: 100%;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_4_legend .content_s4 .img_s4 .swiper-container .swiper-wrapper .swiper-slide {
padding-top: 0;
height: 500px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_4_legend .content_s4 .img_s4 .swiper-container .swiper-wrapper .swiper-slide {
height: 300px;
}
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .swiper-container .swiper-wrapper .swiper-slide .desc_slide {
display: none;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .control {
position: absolute;
bottom: 32px;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .control .swiper-button-next, .main_legend_palace .section_4_legend .content_s4 .img_s4 .control .swiper-button-prev {
position: static;
background-image: none;
outline: none;
width: 40px;
height: 1px;
margin-top: 0;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .control .swiper-button-next.swiper-button-disabled, .main_legend_palace .section_4_legend .content_s4 .img_s4 .control .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .control .swiper-button-next img, .main_legend_palace .section_4_legend .content_s4 .img_s4 .control .swiper-button-prev img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .control .number {
display: flex;
flex-direction: row;
align-items: flex-end;
margin: 0 15px;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .control .number p {
margin: 0;
font-family: "Tenez-Bold";
text-transform: uppercase;
color: #FFFFFF;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .control .number p:nth-of-type(1) {
font-size: 50px;
line-height: 40px;
margin-right: 30px;
position: relative;
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .control .number p:nth-of-type(1):after {
position: absolute;
content: "";
width: 1px;
height: 23px;
bottom: 7px;
right: -14px;
background-color: #ffffff;
transform: rotate(30deg);
}
.main_legend_palace .section_4_legend .content_s4 .img_s4 .control .number p:nth-of-type(2) {
font-size: 30px;
line-height: 30px;
}
.main_legend_palace .section_5 {
width: 91.6666666667%;
display: flex;
position: relative;
margin: 140px 0px;
margin-left: auto;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_5 {
width: calc(100% - 30px);
margin: 100px 0px;
margin-left: auto;
margin-top: 30px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_5 {
flex-direction: column-reverse;
width: 100%;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_5 {
margin-top: 0;
}
}
.main_legend_palace .section_5 .text_video {
font-family: "Tenez-Bold";
font-size: 150px;
line-height: 200px;
text-transform: uppercase;
color: #E3E3E3;
opacity: 0.35;
position: absolute;
left: -9%;
top: -23%;
z-index: 1;
}
.main_legend_palace .section_5 .video {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 54.5454545455%;
height: 488px;
position: relative;
z-index: 10;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_5 .video {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_5 .video {
height: 300px;
}
}
.main_legend_palace .section_5 .video .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main_legend_palace .section_5 .img_text {
position: absolute;
right: 0;
bottom: 0;
width: 49.0277777778%;
}
.main_legend_palace .section_5 .img_text img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_5 .text .txt {
margin-top: 130px;
padding-left: 120px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_5 .text .txt {
padding-left: 50px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_5 .text .txt {
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
padding-left: 0;
}
}
.main_legend_palace .section_5 .text .txt p {
margin: 0;
}
.main_legend_palace .section_5 .text .txt p:nth-of-type(1) {
padding-left: 35px;
font-family: "Tenez-Regular";
font-size: 32px;
line-height: 44px;
color: #314776;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_5 .text .txt p:nth-of-type(1) {
font-size: 26px;
line-height: 34px;
}
}
.main_legend_palace .section_5 .text .txt p:nth-of-type(2), .main_legend_palace .section_5 .text .txt p:nth-of-type(3) {
font-family: "Tenez-Bold";
font-size: 45px;
line-height: 44px;
color: #314776;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_5 .text .txt p:nth-of-type(2), .main_legend_palace .section_5 .text .txt p:nth-of-type(3) {
font-size: 34px;
line-height: 37px;
}
}
.main_legend_palace .section_5 .text .txt p:nth-of-type(3) {
padding-left: 190px;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_5 .text .txt p:nth-of-type(3) {
padding-left: 150px;
}
}
.main_legend_palace .section_6_legend {
position: relative;
padding: 160px 0px 100px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_6_legend {
padding: 100px 0 70px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_6_legend {
padding: 50px 0 30px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_6_legend {
padding-top: 20px;
}
}
.main_legend_palace .section_6_legend .text_opacity {
font-family: "Tenez-Bold";
font-size: 150px;
line-height: 125px;
text-transform: uppercase;
color: #E3E3E3;
opacity: 0.35;
position: absolute;
right: 0;
top: -11%;
}
.main_legend_palace .section_6_legend .decor_right {
position: absolute;
bottom: 0;
right: 0;
width: 59.7222222222%;
z-index: 98;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_6_legend .decor_right {
width: 75%;
}
}
.main_legend_palace .section_6_legend .decor_right img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_6_legend .img_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
}
.main_legend_palace .section_6_legend .img_bg:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: linear-gradient(179.91deg, #344260 -29.65%, #252C3F 99.69%);
top: 0;
left: 0;
mix-blend-mode: multiply;
}
.main_legend_palace .section_6_legend .content_s6 {
width: 83.3333333333%;
display: flex;
margin: 0 auto;
position: relative;
z-index: 99;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_6_legend .content_s6 {
width: calc(100% - 60px);
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_6_legend .content_s6 {
flex-direction: column;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_6_legend .content_s6 {
width: calc(100% - 30px);
}
}
.main_legend_palace .section_6_legend .content_s6 .left {
width: 30%;
padding-right: 50px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_6_legend .content_s6 .left {
width: 100%;
margin-bottom: 30px;
padding-right: 0;
}
}
.main_legend_palace .section_6_legend .content_s6 .left .title_s6 p {
margin: 0;
}
.main_legend_palace .section_6_legend .content_s6 .left .title_s6 p:nth-of-type(1) {
font-family: "Tenez-Bold";
font-size: 60px;
line-height: 100px;
background: linear-gradient(223.91deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.main_legend_palace .section_6_legend .content_s6 .left .title_s6 p:nth-of-type(2) {
font-family: "Tenez-Regular";
font-size: 39px;
line-height: 30px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_6_legend .content_s6 .left .decor_title img {
width: 100%;
height: auto;
display: block;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_6_legend .content_s6 .left .decor_title {
width: 57%;
}
.main_legend_palace .section_6_legend .content_s6 .left .decor_title img {
width: 100%;
height: auto;
display: block;
}
}
.main_legend_palace .section_6_legend .content_s6 .left .desc_s6 {
font-family: "Texta-Regular";
font-size: 16px;
line-height: 24px;
color: #EAEAEA;
margin-bottom: 40px;
}
.main_legend_palace .section_6_legend .content_s6 .left .control {
z-index: 9999;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.main_legend_palace .section_6_legend .content_s6 .left .control .swiper-button-next, .main_legend_palace .section_6_legend .content_s6 .left .control .swiper-button-prev {
position: static;
background-image: none;
outline: none;
width: 40px;
height: 1px;
margin-top: 0;
}
.main_legend_palace .section_6_legend .content_s6 .left .control .swiper-button-next.swiper-button-disabled, .main_legend_palace .section_6_legend .content_s6 .left .control .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
.main_legend_palace .section_6_legend .content_s6 .left .control .swiper-button-next img, .main_legend_palace .section_6_legend .content_s6 .left .control .swiper-button-prev img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_6_legend .content_s6 .left .control .number {
display: flex;
flex-direction: row;
align-items: flex-end;
margin: 0 15px;
}
.main_legend_palace .section_6_legend .content_s6 .left .control .number p {
margin: 0;
font-family: "Tenez-Bold";
text-transform: uppercase;
color: #FFFFFF;
}
.main_legend_palace .section_6_legend .content_s6 .left .control .number p:nth-of-type(1) {
font-size: 50px;
line-height: 40px;
margin-right: 30px;
position: relative;
}
.main_legend_palace .section_6_legend .content_s6 .left .control .number p:nth-of-type(1):after {
position: absolute;
content: "";
width: 1px;
height: 23px;
bottom: 7px;
right: -14px;
background-color: #ffffff;
transform: rotate(30deg);
}
.main_legend_palace .section_6_legend .content_s6 .left .control .number p:nth-of-type(2) {
font-size: 30px;
line-height: 30px;
}
.main_legend_palace .section_6_legend .content_s6 .right {
width: 70%;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_6_legend .content_s6 .right {
width: 100%;
}
}
.main_legend_palace .section_6_legend .content_s6 .right .swiper-container .swiper-wrapper .swiper-slide {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100% !important;
padding-top: 60.8%;
position: relative;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_6_legend .content_s6 .right .swiper-container .swiper-wrapper .swiper-slide {
padding-top: 0;
height: 410px;
}
}
.main_legend_palace .section_6_legend .content_s6 .right .swiper-container .swiper-wrapper .swiper-slide:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.04%, #000000 169.74%);
width: 100%;
height: 100%;
}
.main_legend_palace .section_6_legend .content_s6 .right .swiper-container .swiper-wrapper .swiper-slide .text {
font-family: "Texta-Bold";
font-size: 17px;
line-height: 24px;
color: #EAEAEA;
text-align: center;
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
}
.main_legend_palace .section_7 {
margin: 140px 0px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_7 {
margin: 80px 0px;
margin-top: 50px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_7 {
margin: 30px 0;
}
}
.main_legend_palace .section_7 .content_s7 {
width: 83.3333333333%;
margin: 0 auto;
display: flex;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_7 .content_s7 {
width: calc(100% - 60px);
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_7 .content_s7 {
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_7 .content_s7 {
width: calc(100% - 30px);
}
}
.main_legend_palace .section_7 .content_s7 .ground {
width: 60%;
display: flex;
flex-direction: row;
align-items: center;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_7 .content_s7 .ground {
width: 100%;
}
}
.main_legend_palace .section_7 .content_s7 .ground .img_gr {
width: 100%;
}
.main_legend_palace .section_7 .content_s7 .ground .img_gr img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_7 .content_s7 .list_utilities {
width: 40%;
padding-left: 60px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_7 .content_s7 .list_utilities {
width: 100%;
padding-left: 0;
margin-bottom: 30px;
}
}
.main_legend_palace .section_7 .content_s7 .list_utilities .title_ {
font-family: "Tenez-Bold";
font-size: 45px;
line-height: 60px;
text-align: center;
color: #314776;
margin: 60px 0px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_7 .content_s7 .list_utilities .title_ {
margin-bottom: 30px;
font-size: 38px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_7 .content_s7 .list_utilities .title_ {
margin-top: 0;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_7 .content_s7 .list_utilities .title_ {
font-size: 32px;
margin-bottom: 15px;
}
}
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item {
position: relative;
}
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item .swiper-container .swiper-wrapper .swiper-slide ._item {
display: flex;
margin-bottom: 10px;
flex-direction: row;
align-items: center;
}
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item .swiper-container .swiper-wrapper .swiper-slide ._item p {
margin: 0;
}
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item .swiper-container .swiper-wrapper .swiper-slide ._item p:nth-of-type(1) {
width: 20px;
height: 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background: linear-gradient(267.7deg, #FFE1A8 -4.12%, #EFBF68 93.97%);
border-radius: 50%;
font-family: "Texta-Bold";
font-size: 15px;
line-height: 24px;
margin-right: 12px;
}
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item .swiper-container .swiper-wrapper .swiper-slide ._item p:nth-of-type(2) {
font-family: "Texta-Regular";
font-size: 16px;
line-height: 24px;
color: #484848;
}
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item .swiper-pagination {
display: none;
left: 50%;
transform: translateX(-50%);
}
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item .swiper-pagination .swiper-pagination-bullet {
margin-right: 10px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item .swiper-pagination {
display: block;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item .swiper-pagination {
display: none;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_7 .content_s7 .list_utilities .list_item .swiper-pagination {
display: block;
}
}
.main_legend_palace .section_8 {
background: linear-gradient(179.9deg, #273A63 -11.43%, #192649 100%);
padding-top: 50px;
padding-bottom: 80px;
position: relative;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_8 {
padding-bottom: 40px;
}
}
.main_legend_palace .section_8:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
background-image: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/images/legend_palace/img8.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
width: 100%;
height: 100%;
}
.main_legend_palace .section_8 .text_opacity {
position: absolute;
left: 0;
bottom: -19%;
font-family: "Tenez-Bold";
font-size: 150px;
line-height: 125px;
text-transform: uppercase;
color: #E3E3E3;
opacity: 0.35;
z-index: -1;
}
.main_legend_palace .section_8 ._title {
text-align: center;
position: relative;
z-index: 9;
}
.main_legend_palace .section_8 ._title p {
margin: 0;
}
.main_legend_palace .section_8 ._title p:nth-of-type(1) {
font-family: "Tenez-Bold";
font-size: 39px;
line-height: 30px;
text-align: center;
color: #FFFFFF;
}
.main_legend_palace .section_8 ._title p:nth-of-type(2) {
font-family: "Tenez-Bold";
font-size: 60px;
line-height: 60px;
text-align: center;
background: linear-gradient(219.04deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_8 ._title p:nth-of-type(2) {
font-size: 44px;
}
}
.main_legend_palace .section_8 .decor_title {
width: 31.25%;
margin: 0 auto;
margin-top: -33px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_8 .decor_title {
width: 52.25%;
margin-top: -10px;
}
}
.main_legend_palace .section_8 .decor_title img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_8 .content_dai_ly {
width: 83.3333333333%;
margin: 0 auto;
margin-top: 50px;
position: relative;
z-index: 9;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_8 .content_dai_ly {
width: calc(100% - 60px);
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_8 .content_dai_ly {
margin-top: 0;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_8 .content_dai_ly {
width: calc(100% - 30px);
}
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container {
width: 80%;
margin: 0 auto;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container .swiper-wrapper .swiper-slide ._item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container .swiper-wrapper .swiper-slide ._item ._img {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 54px;
height: 54px;
margin-bottom: 24px;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container .swiper-wrapper .swiper-slide ._item .txt {
font-family: "Tenez-Bold";
font-size: 20px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 10px;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container .swiper-wrapper .swiper-slide ._item .hotline {
display: flex;
flex-direction: row;
text-decoration: none;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container .swiper-wrapper .swiper-slide ._item .hotline .icon {
margin-right: 12px;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container .swiper-wrapper .swiper-slide ._item .hotline .phone {
text-align: left;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container .swiper-wrapper .swiper-slide ._item .hotline .phone p {
margin: 0;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container .swiper-wrapper .swiper-slide ._item .hotline .phone p:nth-of-type(1) {
font-family: "Texta-Regular";
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
background: linear-gradient(215.1deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-container .swiper-wrapper .swiper-slide ._item .hotline .phone p:nth-of-type(2) {
font-family: "Texta-Bold";
font-size: 24px;
line-height: 20px;
text-transform: uppercase;
color: #FFFFFF;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-button-next, .main_legend_palace .section_8 .content_dai_ly .swiper-button-prev {
background-image: none;
outline: none;
width: 40px;
height: 1px;
z-index: 99;
margin-top: 0;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-button-next img, .main_legend_palace .section_8 .content_dai_ly .swiper-button-prev img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_8 .content_dai_ly .swiper-button-next.swiper-button-disabled, .main_legend_palace .section_8 .content_dai_ly .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_8 .content_dai_ly .swiper-button-next {
right: -8px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_8 .content_dai_ly .swiper-button-prev {
left: -8px;
}
}
.main_legend_palace .download_legend {
width: 66.6666666667%;
margin: 0 auto;
position: relative;
z-index: 2;
margin-top: 124px;
margin-bottom: 140px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .download_legend {
width: calc(100% - 200px);
margin: 80px auto;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .download_legend {
width: calc(100% - 60px);
margin: 83px auto 30px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .download_legend {
width: calc(100% - 30px);
margin: 30px auto;
}
}
.main_legend_palace .download_legend .title_ {
background: linear-gradient(179.99deg, #273A63 -11.43%, #192649 100%);
border-radius: 4px 4px 0px 0px;
font-family: "Tenez-Bold";
font-size: 22px;
line-height: 60px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .download_legend .title_ {
font-size: 17px;
}
}
.main_legend_palace .download_legend ._select_download {
position: relative;
display: flex;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .download_legend ._select_download {
flex-direction: column;
}
}
.main_legend_palace .download_legend ._select_download ._input_text {
font-family: "Texta-Regular";
font-size: 18px;
line-height: 20px;
text-align: center;
color: #484848;
position: relative;
width: calc(100% - 240px);
float: left;
height: 50px;
padding-right: 100px;
background: #F0F0F0;
letter-spacing: 0.05em;
cursor: pointer;
display: flex;
align-items: center;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .download_legend ._select_download ._input_text {
width: calc(100% - 150px);
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .download_legend ._select_download ._input_text {
width: 100%;
padding: 0;
}
}
.main_legend_palace .download_legend ._select_download ._input_text::before {
position: absolute;
content: "";
right: 45px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px;
height: 9px;
background-image: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/images/legend_palace/img12.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .download_legend ._select_download ._input_text::before {
right: 15px;
}
}
.main_legend_palace .download_legend ._select_download ._input_text span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 15px;
}
.main_legend_palace .download_legend ._select_download ._text_list {
position: absolute;
left: 0;
width: calc(100% - 240px);
background: #F0F0F0;
display: none;
top: 50px;
overflow: hidden;
box-shadow: 0px 24px 44px -24px #6767677a;
cursor: pointer;
flex-direction: column;
align-items: center;
display: none;
z-index: 1;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .download_legend ._select_download ._text_list {
width: calc(100% - 210px);
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .download_legend ._select_download ._text_list {
width: calc(100% - 128px);
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .download_legend ._select_download ._text_list {
width: 100%;
top: 33px;
padding-left: 0;
}
}
.main_legend_palace .download_legend ._select_download ._text_list ._text_item {
font-family: "Texta-Regular";
font-size: 18px;
line-height: 20px;
text-align: center;
color: #484848;
display: flex;
letter-spacing: 0.05em;
min-height: 40px;
width: 100%;
padding-left: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .download_legend ._select_download ._text_list ._text_item {
padding-left: 15px;
}
}
@media only screen and (min-width: 1025px) {
.main_legend_palace .download_legend ._select_download ._text_list ._text_item:hover {
letter-spacing: 1px;
}
}
.main_legend_palace .download_legend ._select_download ._button_download {
text-transform: uppercase;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-family: "Texta-Bold";
font-size: 18px;
line-height: 20px;
letter-spacing: 0.05em;
color: #192649;
background: linear-gradient(202.95deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
cursor: pointer;
width: 240px;
height: 50px;
position: relative;
text-decoration: none;
}
.main_legend_palace .download_legend ._select_download ._button_download:after {
position: absolute;
content: "";
top: 50%;
transform: translateX(-50%);
right: 0;
background-image: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/images/manhattan/decor9.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 61px;
height: 1px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .download_legend ._select_download ._button_download {
width: 150px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .download_legend ._select_download ._button_download {
width: 100%;
height: 50px;
font-size: 15px;
float: initial;
}
}
.main_legend_palace .section_10 {
display: flex;
padding-bottom: 140px;
position: relative;
min-height: 400px;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_10 {
padding-bottom: 90px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_10 {
flex-direction: column;
padding-bottom: 60px;
overflow: hidden;
}
}
.main_legend_palace .section_10 .img_bg {
position: absolute;
top: 0;
left: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
.main_legend_palace .section_10 .left {
width: 41.6666666667%;
padding-left: 8.3333333333%;
padding-right: 60px;
position: relative;
z-index: 99;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_10 .left {
padding-left: 30px;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_10 .left {
width: 93%;
margin: 0 auto;
padding-right: 0;
padding-left: 0;
}
}
.main_legend_palace .section_10 .left .title_form {
margin-bottom: 50px;
}
.main_legend_palace .section_10 .left .title_form p {
margin: 0;
font-family: "Tenez-Bold";
}
.main_legend_palace .section_10 .left .title_form p:nth-of-type(1) {
font-size: 60px;
line-height: 100px;
color: #314776;
}
.main_legend_palace .section_10 .left .title_form p:nth-of-type(2) {
font-size: 39px;
line-height: 30px;
color: #314776;
}
.main_legend_palace .section_10 .left form .all-field ._item {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.main_legend_palace .section_10 .left form .all-field ._item label {
font-family: "Texta-Bold";
font-size: 14px;
line-height: 42px;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #484848;
}
.main_legend_palace .section_10 .left form .all-field ._item input {
font-family: "Texta-Bold";
font-size: 16px;
line-height: 22px;
text-align: justify;
letter-spacing: 0.57px;
background: linear-gradient(179.98deg, #273A63 -11.43%, #192649 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
outline: none;
border: none;
border-bottom: 1px solid #A3B1CF;
width: 100%;
}
.main_legend_palace .section_10 .left form .submit {
background: linear-gradient(204.88deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
border-radius: 4px;
width: 200px;
height: 44px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border: none;
outline: none;
margin-bottom: 20px;
}
.main_legend_palace .section_10 .left form .submit span {
font-family: "Texta-Bold";
font-size: 18px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
background: linear-gradient(179.95deg, #273A63 -11.43%, #192649 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.main_legend_palace .section_10 .right {
width: 58.3333333333%;
position: relative;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_10 .right {
width: 100%;
display: none;
}
}
.main_legend_palace .section_10 .right .text_opacity {
font-family: "Tenez-Bold";
font-size: 150px;
line-height: 125px;
text-transform: uppercase;
color: #E3E3E3;
opacity: 0.35;
position: absolute;
left: 0;
top: -13%;
z-index: -1;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_10 .right .text_opacity {
font-size: 110px;
}
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_10 .right .text_opacity {
font-size: 80px;
}
}
.main_legend_palace .section_10 .right .img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.main_legend_palace .section_11_ground {
position: relative;
}
.main_legend_palace .section_11_ground .decor_bg {
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_11_ground .decor_bg {
width: 80%;
}
.main_legend_palace .section_11_ground .decor_bg img {
width: 100%;
height: auto;
display: block;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_11_ground .decor_bg {
width: 60%;
}
}
.main_legend_palace .section_11_ground .title_s11 {
font-family: "Tenez-Bold";
font-size: 45px;
line-height: 60px;
text-align: center;
color: #314776;
margin-bottom: 55px;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_11_ground .title_s11 {
font-size: 28px;
line-height: 22px;
margin-bottom: 31px;
}
}
.main_legend_palace .section_11_ground .content_s11 {
position: relative;
padding: 0 14.5833333333% 100px 12.5%;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_11_ground .content_s11 {
padding: 0 30px 70px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_11_ground .content_s11 {
padding: 0 15px 30px;
}
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide {
display: flex;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide {
flex-direction: column;
}
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation {
width: 41.9047619048%;
margin-top: 40px;
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation {
margin-top: 0;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation {
width: 100%;
margin-bottom: 30px;
}
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation .title_detail {
margin-bottom: 30px;
display: flex;
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation .title_detail p {
margin: 0;
font-family: "Tenez-Bold";
font-size: 35px;
line-height: 40px;
color: #24C0C5;
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation .title_detail img {
margin-left: 35px;
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation .info_list ul {
padding: 0;
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation .info_list ul li {
display: flex;
list-style: none;
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation .info_list ul li p {
margin: 0;
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation .info_list ul li p:nth-of-type(1) {
font-family: "Texta-Regular";
font-size: 16px;
line-height: 24px;
color: #484848;
width: 120px;
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .infomation .info_list ul li p:nth-of-type(2) {
font-family: "Texta-Bold";
font-size: 16px;
line-height: 24px;
color: #484848;
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .list_image {
width: 58.0952380952%;
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .list_image {
width: 100%;
}
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .list_image ._img {
width: calc((100% - 50px) / 2);
margin-right: 50px;
margin-bottom: 24px;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .list_image ._img {
width: calc((100% - 25px) / 2);
margin-right: 25px;
}
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .list_image ._img .title_img {
font-family: "Texta-Regular";
font-size: 16px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
color: #484848;
margin-top: 15px;
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .list_image ._img .title_img {
font-size: 15px;
}
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .list_image ._img img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_11_ground .content_s11 .swiper-container .swiper-wrapper .swiper-slide .list_image ._img:nth-of-type(2n) {
margin-right: 0;
}
.main_legend_palace .section_11_ground .content_s11 .control {
position: absolute;
bottom: 23%;
left: 11.1111111111%;
z-index: 9999;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.main_legend_palace .section_11_ground .content_s11 .control {
bottom: 11%;
}
}
@media only screen and (max-width: 768px) {
.main_legend_palace .section_11_ground .content_s11 .control {
left: 50%;
transform: translateX(-50%);
bottom: 30px;
}
}
@media only screen and (max-width: 480px) {
.main_legend_palace .section_11_ground .content_s11 .control {
bottom: 15px;
}
}
.main_legend_palace .section_11_ground .content_s11 .control .swiper-button-next, .main_legend_palace .section_11_ground .content_s11 .control .swiper-button-prev {
position: static;
background-image: none;
outline: none;
width: 40px;
height: 1px;
margin-top: 0;
}
.main_legend_palace .section_11_ground .content_s11 .control .swiper-button-next.swiper-button-disabled, .main_legend_palace .section_11_ground .content_s11 .control .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
.main_legend_palace .section_11_ground .content_s11 .control .swiper-button-next img, .main_legend_palace .section_11_ground .content_s11 .control .swiper-button-prev img {
width: 100%;
height: auto;
display: block;
}
.main_legend_palace .section_11_ground .content_s11 .control .number {
display: flex;
flex-direction: row;
align-items: flex-end;
margin: 0 15px;
}
.main_legend_palace .section_11_ground .content_s11 .control .number p {
margin: 0;
font-family: "Tenez-Bold";
text-transform: uppercase;
color: #333333;
}
.main_legend_palace .section_11_ground .content_s11 .control .number p:nth-of-type(1) {
font-size: 50px;
line-height: 40px;
margin-right: 30px;
position: relative;
}
.main_legend_palace .section_11_ground .content_s11 .control .number p:nth-of-type(1):after {
position: absolute;
content: "";
width: 1px;
height: 23px;
bottom: 7px;
right: -14px;
background-color: #333333;
transform: rotate(30deg);
}
.main_legend_palace .section_11_ground .content_s11 .control .number p:nth-of-type(2) {
font-size: 30px;
line-height: 30px;
}
.footer_legend_palace {
display: flex;
background: linear-gradient(179.9deg, #273A63 -11.43%, #192649 100%);
padding-left: 10.9027777778%;
padding-right: 14.9305555556%;
flex-direction: row;
align-items: center;
padding-top: 55px;
padding-bottom: 100px;
position: relative;
}
@media only screen and (max-width: 1024px) {
.footer_legend_palace {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 50px;
}
}
@media only screen and (max-width: 768px) {
.footer_legend_palace {
flex-direction: column;
overflow: hidden;
}
}
@media only screen and (max-width: 480px) {
.footer_legend_palace {
padding: 0px 15px 30px;
}
}
.footer_legend_palace:after {
position: absolute;
content: "";
background-image: url(//starcity.vinhomes.vn/wp-content/themes/vh-star-villas/assets/images/legend_palace/decor_footer.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
z-index: 2;
pointer-events: none;
}
.footer_legend_palace .logo {
width: 18.7265917603%;
margin-right: 157px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 99;
}
@media only screen and (max-width: 1024px) {
.footer_legend_palace .logo {
margin-right: 100px;
}
}
@media only screen and (max-width: 768px) {
.footer_legend_palace .logo {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 480px) {
.footer_legend_palace .logo {
padding-top: 30px;
}
}
.footer_legend_palace .logo ._title {
font-family: "Texta-Bold";
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
background: linear-gradient(195.61deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 30px;
margin-bottom: 20px;
}
.footer_legend_palace .logo .social {
display: flex;
flex-direction: row;
align-items: center;
}
.footer_legend_palace .logo .social a {
display: block;
margin-right: 20px;
}
.footer_legend_palace .right {
width: 66.5730337079%;
position: relative;
z-index: 99;
}
@media only screen and (max-width: 768px) {
.footer_legend_palace .right {
width: 100%;
}
}
.footer_legend_palace .right .top_menu {
padding-bottom: 40px;
border-bottom: 0.2px solid #FFFFFF;
}
@media only screen and (max-width: 480px) {
.footer_legend_palace .right .top_menu {
padding-bottom: 15px;
}
}
.footer_legend_palace .right .top_menu ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-left: 0;
margin: 0;
}
@media only screen and (max-width: 480px) {
.footer_legend_palace .right .top_menu ul {
flex-wrap: wrap;
}
}
.footer_legend_palace .right .top_menu ul li {
list-style: none;
font-family: "Texta-Bold";
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
.footer_legend_palace .right .top_menu ul li {
width: 30%;
margin-bottom: 15px;
}
.footer_legend_palace .right .top_menu ul li:last-child {
width: 66%;
}
}
.footer_legend_palace .right .top_menu ul li a {
color: #FFFFFF;
text-decoration: none;
}
.footer_legend_palace .right ._list_item {
margin-top: 40px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media only screen and (max-width: 480px) {
.footer_legend_palace .right ._list_item {
flex-direction: column;
}
}
.footer_legend_palace .right ._list_item .item_:nth-of-type(2) {
width: 355px;
}
@media only screen and (max-width: 480px) {
.footer_legend_palace .right ._list_item .item_:nth-of-type(2) {
width: 100%;
}
}
.footer_legend_palace .right ._list_item .item_:nth-of-type(1) {
width: 230px;
}
@media only screen and (max-width: 480px) {
.footer_legend_palace .right ._list_item .item_:nth-of-type(1) {
width: 100%;
}
}
.footer_legend_palace .right ._list_item .item_ ._title {
font-family: "Texta-Bold";
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
background: linear-gradient(203.5deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}
.footer_legend_palace .right ._list_item .item_ .detail_ {
display: flex;
flex-direction: column;
}
.footer_legend_palace .right ._list_item .item_ .detail_ strong {
font-family: "Texta-Bold";
font-size: 16px;
line-height: 26px;
background: linear-gradient(203.5deg, #AF7732 -4.12%, #FFE1A8 51.55%, #EFBF68 97.68%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.footer_legend_palace .right ._list_item .item_ .detail_ p {
margin: 0;
font-family: "Texta-Bold";
font-size: 16px;
line-height: 26px;
color: #ffffff;
}
.footer_legend_palace .right ._list_item .item_ .detail_ a {
display: block;
font-family: "Texta-Bold";
font-size: 16px;
line-height: 26px;
color: #ffffff;
text-decoration: none;
margin-bottom: 5px;
}
.footer_legend_palace .right ._list_item .item_ .note {
font-family: "Texta-Regular";
font-size: 15px;
line-height: 21px;
color: #FFFFFF;
opacity: 0.75;
}