/*CSS Hotspot img*/
/*sun animation*/
._sun-loadding.is-loadd img{animation:spinAround 50s infinite}._sun-loadding.is-loadd{mix-blend-mode:screen}.banner-tmb .banner-layers,.banner-top .banner-layers{overflow:hidden}@keyframes spinAround{0%{transform:rotate(0deg)}50%{transform:rotate(1turn)}to{transform:rotate(0deg)}}
.product-section .hotspot-wrapper{text-align: justify;z-index:1;}
a.hotspot{border-radius:20px;}
@media (max-width: 549px){.icon4 .icon-search:before,.icon5 .icon-search:before,.icon6 .icon-search:before{
    font-size: 6pt;
    margin-left: -1px;
    margin-top: 2px;
    position: absolute;
	}.icon4 .icon-search:before{font-size: 5.3pt;}}.banner-tmb .icon5.icon-phu{left:27%;}
.icon1 a.hotspot:hover .icon-search:after,.icon2 a.hotspot:hover .icon-search:after,.icon3 a.hotspot:hover .icon-search:after,.icon4 a.hotspot:hover .icon-search:after,.icon5 a.hotspot:hover .icon-search:after,.icon6 a.hotspot:hover .icon-search:after/*,.icon7 a.hotspot:hover .icon-search:after,.icon8 a.hotspot:hover .icon-search:after,.icon9 a.hotspot:hover .icon-search:after/*,.icon10 a.hotspot:hover .icon-search:after,.icon11 a.hotspot:hover .icon-search:after,.icon12 a.hotspot:hover .icon-search:after,.icon19 a.hotspot:hover .icon-search:after,.icon20 a.hotspot:hover .icon-search:after,.icon21 a.hotspot:hover .icon-search:after,.icon22 a.hotspot:hover .icon-search:after,.icon23 a.hotspot:hover .icon-search:after,.icon24 a.hotspot:hover .icon-search:after,.icon25 a.hotspot:hover .icon-search:after,.icon26 a.hotspot:hover .icon-search:after*/{
    background-size: 310px 220px;
    display: block;
    height: 220px;
    content: "";
    background-repeat: no-repeat;
}
.icon1 a.hotspot:hover,.icon2 a.hotspot:hover,.icon3 a.hotspot:hover,.icon4 a.hotspot:hover,.icon5 a.hotspot:hover,.icon6 a.hotspot:hover/*,.icon7 a.hotspot:hover,.icon8 a.hotspot:hover,.icon9 a.hotspot:hover/*,.icon10 a.hotspot:hover,.icon11 a.hotspot:hover,.icon12 a.hotspot:hover,.icon19 a.hotspot:hover,.icon20 a.hotspot:hover,.icon21 a.hotspot:hover,.icon22 a.hotspot:hover,.icon23 a.hotspot:hover,.icon24 a.hotspot:hover,.icon25 a.hotspot:hover,.icon26 a.hotspot:hover*/{
    height: 220px!important;
    border-radius: 9px;
    padding:0;
	border-color:white;
    }
@media only screen and (max-width: 849px) and (min-width: 550px) {
.icon1 a.hotspot:hover,.icon2 a.hotspot:hover,.icon3 a.hotspot:hover,.icon4 a.hotspot:hover,.icon5 a.hotspot:hover,.icon6 a.hotspot:hover/*,.icon7 a.hotspot:hover,.icon8 a.hotspot:hover,.icon9 a.hotspot:hover/*,.icon10 a.hotspot:hover,.icon11 a.hotspot:hover,.icon12 a.hotspot:hover,.icon19 a.hotspot:hover,.icon20 a.hotspot:hover,.icon21 a.hotspot:hover,.icon22 a.hotspot:hover,.icon23 a.hotspot:hover,.icon24 a.hotspot:hover,.icon25 a.hotspot:hover,.icon26 a.hotspot:hover*/{
    height: 139px!important;
    }  
.icon1 a.hotspot:hover .icon-search:after,.icon2 a.hotspot:hover .icon-search:after,.icon3 a.hotspot:hover .icon-search:after,.icon4 a.hotspot:hover .icon-search:after,.icon5 a.hotspot:hover .icon-search:after,.icon6 a.hotspot:hover .icon-search:after/*,.icon7 a.hotspot:hover .icon-search:after,.icon8 a.hotspot:hover .icon-search:after,.icon9 a.hotspot:hover .icon-search:after/*,.icon10 a.hotspot:hover .icon-search:after,.icon11 a.hotspot:hover .icon-search:after,.icon12 a.hotspot:hover .icon-search:after,.icon19 a.hotspot:hover .icon-search:after,.icon20 a.hotspot:hover .icon-search:after,.icon21 a.hotspot:hover .icon-search:after,.icon22 a.hotspot:hover .icon-search:after,.icon23 a.hotspot:hover .icon-search:after,.icon24 a.hotspot:hover .icon-search:after,.icon25 a.hotspot:hover .icon-search:after,.icon26 a.hotspot:hover .icon-search:after*/{
    background-size: 199px 139px;
}
}
@media only screen and (max-width: 549px) {
.icon1 a.hotspot:hover,.icon2 a.hotspot:hover,.icon3 a.hotspot:hover,.icon4 a.hotspot:hover,.icon5 a.hotspot:hover,.icon6 a.hotspot:hover/*,.icon7 a.hotspot:hover,.icon8 a.hotspot:hover,.icon9 a.hotspot:hover/*,.icon10 a.hotspot:hover,.icon11 a.hotspot:hover,.icon12 a.hotspot:hover,.icon19 a.hotspot:hover,.icon20 a.hotspot:hover,.icon21 a.hotspot:hover,.icon22 a.hotspot:hover,.icon23 a.hotspot:hover,.icon24 a.hotspot:hover,.icon25 a.hotspot:hover,.icon26 a.hotspot:hover*/{
    height: 79px!important;
		border-radius: 0;
    }  
.icon1 a.hotspot:hover .icon-search:after,.icon2 a.hotspot:hover .icon-search:after,.icon3 a.hotspot:hover .icon-search:after,.icon4 a.hotspot:hover .icon-search:after,.icon5 a.hotspot:hover .icon-search:after,.icon6 a.hotspot:hover .icon-search:after/*,.icon7 a.hotspot:hover .icon-search:after,.icon8 a.hotspot:hover .icon-search:after,.icon9 a.hotspot:hover .icon-search:after/*,.icon10 a.hotspot:hover .icon-search:after,.icon11 a.hotspot:hover .icon-search:after,.icon12 a.hotspot:hover .icon-search:after,.icon19 a.hotspot:hover .icon-search:after,.icon20 a.hotspot:hover .icon-search:after,.icon21 a.hotspot:hover .icon-search:after,.icon22 a.hotspot:hover .icon-search:after,.icon23 a.hotspot:hover .icon-search:after,.icon24 a.hotspot:hover .icon-search:after,.icon25 a.hotspot:hover .icon-search:after,.icon26 a.hotspot:hover .icon-search:after*/ {
    background-size: 139px 79px;
    margin-top:0;
}
}
/*ảnh he sinh thai*/
.icon1 a.hotspot:hover .icon-search:after {background-image: url(/wp-content/uploads/2024/01/Phan-khu-the-new-york_Vinhomes-Mong-Cai.jpg);}
.icon2 a.hotspot:hover .icon-search:after {background-image: url(/wp-content/uploads/2024/01/Phan-khu-tokyo_Vinhomes-Mong-Cai.jpg)}
.icon3 a.hotspot:hover .icon-search:after {background-image: url(/wp-content/uploads/2024/01/Vinhomes-Mong-Cai_phan-khu-the-paris.jpg)}
.icon4 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2024/01/cao-toc-van-don-mong-cai.jpg)}
.icon5 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2024/01/Vinhomes-Golden-Avenue_Life-style_5.jpg)}
.icon6 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2024/01/cua-khau-bac-luan-2.jpg)}
/*.icon7 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/12/benh-vien-AIH.jpg)}
.icon8 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/12/duong-dong-van-cong.jpg)}
.icon9 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/12/can-ho-imperia-an-phu.jpg)}
/*.icon10 a.hotspot:hover .icon-search:after,.icon24 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/11/Vanh-dai-3_The-Beverly.jpg)}
.icon11 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/11/Phan-khu-The-Rainbow_Grand-Park.jpg)}
.icon12 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/11/Phan-khu-The-Origami_Grand-Park.jpg)}.icon19 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/11/The-Beverly-Grand-Park_Life-style_3.jpg)}
.icon23 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/11/cau-long-dai.jpg)}.icon25 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/11/Phoi-canh-the-beverly-grand-park.jpg)}.icon26 a.hotspot:hover .icon-search:after{background-image: url(/wp-content/uploads/2023/11/San-tap-GYM-ngoai-troi_The-Beverly.jpg)}*/
/*change text shadow*/
.icon1 a.hotspot:hover .icon-search:after,.icon2 a.hotspot:hover .icon-search:after,.icon4 a.hotspot:hover .icon-search:after,.icon3 a.hotspot:hover .icon-search:after,.icon5 a.hotspot:hover .icon-search:after,.icon6 a.hotspot:hover .icon-search:after/*,.icon7 a.hotspot:hover .icon-search:after,.icon8 a.hotspot:hover .icon-search:after,.icon9 a.hotspot:hover .icon-search:after/*,.icon10 a.hotspot:hover .icon-search:after,.icon11 a.hotspot:hover .icon-search:after,.icon12 a.hotspot:hover .icon-search:after,.icon19 a.hotspot:hover .icon-search:after,.icon20 a.hotspot:hover .icon-search:after,.icon21 a.hotspot:hover .icon-search:after,.icon22 a.hotspot:hover .icon-search:after,.icon23 a.hotspot:hover .icon-search:after,.icon24 a.hotspot:hover .icon-search:after,.icon25 a.hotspot:hover .icon-search:after,.icon26 a.hotspot:hover .icon-search:after*/{color:white; text-shadow: 0 0 3px #000000, 0 0 5px #000000;}
/*hotspot*//*CSS hotspot*/
.icon1 .icon-search:before{content:"\31"}.icon2 .icon-search:before{content:"\32"}.icon3 .icon-search:before{content:"\33"}.icon4 .icon-search:before{content:"\f018";font-family: 'FontAwesome';}.icon5 .icon-search:before,.icon5-1 .icon-search:before{content:"\f277";font-family: 'FontAwesome';}.icon6 .icon-search:before{content:"\f557";font-family: 'FontAwesome';}/*.icon7 .icon-search:before{content:"\37"}.icon8 .icon-search:before{content:"\38"}.icon9 .icon-search:before{content:"\39"}/*.icon10 .icon-search:before{content:"\31\30"}.icon11 .icon-search:before{content:"\31\31"}.icon12 .icon-search:before{content:"\31\32"}.icon13 .icon-search:before,.icon14 .icon-search:before,.icon15 .icon-search:before,.icon16 .icon-search:before,.icon17 .icon-search:before,.icon18 .icon-search:before{font-family:'roboto';font-size: 12pt;margin-left:-3px;}.icon13 .icon-search:before{content:"BE1"}.icon14 .icon-search:before{content:"BE2"}.icon15 .icon-search:before{content:"BE3"}.icon16 .icon-search:before{content:"BE5"}.icon17 .icon-search:before{content:"BE6"}.icon18 .icon-search:before{content:"BE7"}.icon19 .icon-search:before{content:"\f21d";font-family:'FontAwesome';}.icon20 .icon-search:before{content:"\e57d";font-family:'FontAwesome';}.icon21 .icon-search:before{content:"\f07a";font-family:'FontAwesome';}.icon22 .icon-search:before{content:"\e56e";font-family:'FontAwesome';}.icon23 .icon-search:before,.icon24 .icon-search:before{content:"\f018";font-family:'FontAwesome';}.icon25 .icon-search:before{content:"\f3c5";font-family:'FontAwesome';}.icon26 .icon-search:before{content:"\f44b";font-family:'FontAwesome';}*/a.hotspot{opacity:1;box-shadow:0 0 10px 0 #FFF;border:1px solid}.hotspot-wrapper div:before{content:"";width:100%;height:100%;position:absolute;z-index:-1;opacity:0;animation:e-hotspot-expand 2s infinite;background-color:#ed8124;border-radius:99PX}@keyframes e-hotspot-expand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.25);opacity:0}}@media screen and (min-width: 850px){.he-tien-ich a.hotspot{width:38px;height:38px;padding:6px}a.hotspot i{font-size:18px}.hotspot .icon-search:after{font-size:18px}a.hotspot:hover{width:310px!important}/*.icon1{top:45%}.icon1{right:39%}.icon2{bottom:44%}.icon2{right:35%}.icon3{top:45%}.icon3{left:37%}.icon4{left:32%}.icon4{bottom:41%}.icon5{left:47%}.icon5{top:35%}.icon6{right:42%}.icon6{bottom:36%}.icon8{left:32%}.icon8{top:28%}.icon9{right:39%}.icon9{top:17%}.icon5-1{left:28%}.icon5-1{top:35%}*/}.icon7,.icon9{right:2%}/*@media screen and (max-width: 849px){.icon1{top:45%}.icon1{right:39%}.icon2{bottom:44%}.icon2{right:35%}.icon3{top:45%}.icon3{left:37%}.icon4{left:32%}.icon4{bottom:41%}.icon5{left:47%}.icon5{top:35%}.icon6{right:42%}.icon6{bottom:36%}.icon8{left:32%}.icon8{top:28%}.icon9{right:39%}.icon9{top:17%}.icon5-1{left:28%}.icon5-1{top:35%}}*/@media screen and (max-width: 849px) and (min-width: 550px){a.hotspot{width:25px!important;height:25px!important;padding:0!important}}@media screen and (max-width: 549px){a.hotspot{width:14px!important;height:14px!important}a.hotspot i{position:absolute;margin-left:-3px;font-size:9px}/*.icon10 a.hotspot i,.icon12 a.hotspot i{margin-left:-5px}.icon11 a.hotspot i{margin-left:-4px}*/}.hotspot .icon-search:after{font-family:'Roboto'}a.hotspot:hover{overflow:hidden}.hotspot-wrapper:hover{z-index:1}a.hotspot:hover .icon-search:before{content:""}a.hotspot:hover i{display:contents}.icon1 a.hotspot:hover .icon-search:after{content:"1. Phân Khu New York"}.icon2 a.hotspot:hover .icon-search:after{content:"2. Phân Khu Tokyo"}.icon3 a.hotspot:hover .icon-search:after{content:"3. Phân Khu Paris";}.icon4 a.hotspot:hover .icon-search:after{content:"Cao Tốc Vân Đồn - Móng Cái";}.icon5 a.hotspot:hover .icon-search:after{content:"Công Viên Trung Tâm The New York"}.icon6 a.hotspot:hover .icon-search:after{content:"Cửa Khẩu Bắc Luân 2"}/*.icon7 a.hotspot:hover .icon-search:after{content:"7. Bệnh Viện Quốc Tế American International Hospital (AIH)"}.icon8 a.hotspot:hover .icon-search:after{content:"8. Đường Đồng Văn Cống"}.icon9 a.hotspot:hover .icon-search:after{content:"9. Căn Hộ Imperia An Phú"}/*.icon10 a.hotspot:hover .icon-search:after,.icon10-1 a.hotspot:hover .icon-search:after{content:"10. Đường Vành Đai 3"}.icon11 a.hotspot:hover .icon-search:after{content:"Phân Khu The RainBow"}.icon12 a.hotspot:hover .icon-search:after{content:"Phân Khu The Origami"}*/@media screen and (max-width: 849px) and (min-width: 550px){a.hotspot:hover{height:30px!important}.hotspot .icon-search:after{font-size:14px}a.hotspot:hover{width:199px!important}}@media screen and (max-width: 549px){a.hotspot:hover{width:139px!important}.hotspot .icon-search:after{position:relative;display:block;margin-top:4px}a.hotspot:hover{height:20px!important}}
/*Bổ sung hospot banner beverly
@media (max-width: 849px) and (min-width: 550px){
.icon13 .icon-search:before, .icon14 .icon-search:before, .icon15 .icon-search:before, .icon16 .icon-search:before, .icon17 .icon-search:before, .icon18 .icon-search:before {
    font-size: 8pt;
    margin-top: -12px;
    margin-left: -10px;
    position: absolute;
	}.icon19 .icon-search:before,.icon20 .icon-search:before,.icon22 .icon-search:before,.icon23 .icon-search:before,.icon24 .icon-search:before {
    margin-top: -15px;
    margin-left: -7px;
    position: absolute;
	}}
@media (max-width: 549px){
.icon13 .icon-search:before, .icon14 .icon-search:before, .icon15 .icon-search:before, .icon16 .icon-search:before, .icon17 .icon-search:before, .icon18 .icon-search:before {
    font-size: 4pt;
    margin-top: 4px;
    margin-left: -1px;
    position: absolute;
	}.icon19 .icon-search:before,.icon20 .icon-search:before,.icon22 .icon-search:before,.icon23 .icon-search:before,.icon24 .icon-search:before,.icon21 .icon-search:before,.icon26 .icon-search:before,.icon25 .icon-search:before {
    font-size: 5.3pt;
    margin-left: -1px;
    margin-top: 2px;
    position: absolute;
	}.icon25 .icon-search:before{margin-left: 0;}}
.icon13 a.hotspot:hover .icon-search:after{content:"Tòa BE1 - 34 Tầng"}.icon14 a.hotspot:hover .icon-search:after{content:"Tòa BE2 - 34 Tầng"}.icon15 a.hotspot:hover .icon-search:after{content:"Tòa BE3 - 34 Tầng"}.icon16 a.hotspot:hover .icon-search:after{content:"Tòa BE5 - 32 Tầng"}.icon17 a.hotspot:hover .icon-search:after{content:"Tòa BE6 - 32 Tầng"}.icon18 a.hotspot:hover .icon-search:after{content:"Tòa BE7 - 32 Tầng"}.icon19 a.hotspot:hover .icon-search:after{content:"Công Viên Ánh Sáng - Biển Hồ Nhân Tạo"}.icon20 a.hotspot:hover .icon-search:after{content:"Đảo Hải Tặc - Camping - Kayak"}.icon21 a.hotspot:hover .icon-search:after{content:"Vincom Mega Mall - Khai Trương Đầu 2024"}.icon22 a.hotspot:hover .icon-search:after{content:"Trường Anh Quốc Brighton College"}.icon23 a.hotspot:hover .icon-search:after{content:"Đường Phước Thiện - Hướng Ra Cầu Long Đại"}.icon24 a.hotspot:hover .icon-search:after{content:"Đường Vành Đai 3 Trên Cao"}.icon25 a.hotspot:hover .icon-search:after{content:"Tiểu Khu The Star"}.icon26 a.hotspot:hover .icon-search:after{content:"Công Viên Biển Hồ - GYM Ngoài Trời"}
/*Vị trí icon banner beverly
.icon13{top:42%;right:23%}.icon14{top:39%}.icon15{top:35%;right:36%}.icon16{top:27%;right:39%}.icon17{top:27%;right:26%}.icon18{top:31%;right:19%}.icon22{top:41%;right:16%}*/