.residential-sec{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.residential-sec .container{margin:auto;max-width:1280px;padding:0}.heading-area h1{color:#231f1e;font-size:70px;font-weight:300;letter-spacing:-.7px;line-height:37px;text-align:center}.heading-area{padding-bottom:50px}.sub-heading h3{color:#231f1f;font-size:30px;letter-spacing:-.3px;line-height:34px}.residential-sec:before{background-repeat:no-repeat;background-size:cover;content:" ";height:100%;position:absolute;width:100%;z-index:-5}.left-area.box{max-width:214px;width:100%}.content-area{background-color:#fff;border:2px solid #eee;border-radius:2px;box-shadow:0 0 18px rgba(0,0,0,.1);padding:25px}.main-flex-row{background-color:#fff;display:flex;flex-wrap:wrap;padding:30px}.residential-sec .left-area ul li:first-child:before{background-color:#74a241}.residential-sec .left-area ul li:nth-child(2n):before,.residential-sec .left-area ul li:nth-child(3n):before{background-color:#e9b528}.residential-sec .left-area ul li:before{border-radius:50%;content:" ";height:10px;left:0;position:absolute;top:10px;width:10px}.listing-area ul{padding-left:9px}.listing-area li{color:#231f1e;font-size:15px;font-weight:400;letter-spacing:-.15px;line-height:32px;list-style:none;margin:0;padding-left:21px;position:relative}.right-area{background-repeat:no-repeat;background-size:cover;min-height:595px;position:relative;width:calc(100% - 214px)}.blue-box{background-color:#163881;border-radius:6px;box-shadow:0 1px 19px 8px rgba(22,56,129,.21);color:#fff;max-width:210px;padding:16px;position:absolute;width:100%;z-index:9}.box-content ul{margin:0;padding:0}.tag h6{color:#fff;font-family:Montserrat;font-size:12px;font-weight:400;letter-spacing:-.12px;line-height:24px;text-align:center}.tag{background-color:#e73335;border-radius:12px;max-width:66px;width:100%}.box-content ul li,.content-with-cirlce p{color:#fff;font-size:14px;font-weight:400;letter-spacing:-.14px;line-height:22px;list-style:none;margin:3px 0}.content-with-cirlce p{margin:0}.blue-box:before{border-bottom:14px solid #163881;border-left:14px solid transparent;border-right:14px solid transparent;content:" ";height:0;position:absolute;right:-10%;top:60%;transform:rotate(90deg);width:0}.content-with-cirlce{align-items:center;display:flex;flex-wrap:wrap}.g-circle{background-color:#74a241;border-radius:50%;height:15px;margin-left:6px;width:15px}.circle.reserved,.g-circle.reserved{background-color:#fe634f}.circle.hold,.g-circle.hold{background-color:#e9b528}.main-circle-area{display:flex;flex-wrap:wrap}.circle{background-color:#74a241;border:2px solid #fff;border-radius:50%;max-width:30px;min-height:30px;width:100%;z-index:3}.circle-area:first-child .circle{left:27%;position:absolute;top:75%}.circle-area .circle{position:absolute;right:-45%}.circle-area:nth-child(2) .circle{left:27%;top:62%}.circle-area:nth-child(3) .circle{left:29%;top:50%}.circle-area:nth-child(4) .circle{left:35%;top:39%}.circle-area:nth-child(5) .circle{left:42%;top:33%}.circle-area:nth-child(6) .circle{left:50.2%;top:29%}.circle-area:nth-child(7) .circle{left:58%;top:33%}.circle-area:nth-child(8) .circle{left:65%;top:39%}.circle-area:nth-child(9) .circle{left:70%;top:50%}.circle-area:nth-child(10) .circle{left:73%;top:62%}.circle-area:nth-child(11) .circle{left:73.8%;top:75%}.circle-area:first-child .blue-box{bottom:12%;left:3%}.circle-area:nth-child(2) .blue-box{bottom:25%;left:3%}.circle-area:nth-child(3) .blue-box{bottom:37%;left:5%}.circle-area:nth-child(4) .blue-box{bottom:53%;left:10%}.circle-area:nth-child(5) .blue-box{bottom:72%;left:calc(43.5% - 105px)}.circle-area:nth-child(6) .blue-box{bottom:75%;left:calc(50% - 103px)}.circle-area:nth-child(7) .blue-box,.ground_floor+.main-circle-area .circle-area:nth-child(6) .blue-box{bottom:72%;left:calc(59.7% - 105px)}.circle-area:nth-child(8) .blue-box,.ground_floor+.main-circle-area .circle-area:nth-child(7) .blue-box{bottom:53%;left:calc(65% + 60px)}.circle-area:nth-child(9) .blue-box,.ground_floor+.main-circle-area .circle-area:nth-child(8) .blue-box{bottom:37%;left:calc(70% + 60px)}.circle-area:nth-child(10) .blue-box,.ground_floor+.main-circle-area .circle-area:nth-child(9) .blue-box{bottom:25%;left:calc(73% + 60px)}.circle-area:nth-child(11) .blue-box:not([data-id=circle-unit-A1]+.blue-box),.ground_floor+.main-circle-area .circle-area:nth-child(10) .blue-box{bottom:12%;left:calc(73.8% + 60px)}.circle-area:nth-child(4) .blue-box:before,.circle-area:nth-child(8) .blue-box:before{bottom:27px;top:auto}.circle-area:nth-child(8) .blue-box:before,.ground_floor+.main-circle-area .circle-area:nth-child(7) .blue-box:before{border-bottom:14px solid transparent;border-left:0;border-right:14px solid #163881;border-top:14px solid transparent;left:-14px;right:auto;transform:rotate(0deg)}.ground_floor+.main-circle-area .circle-area:nth-child(7) .blue-box:before{bottom:30px}.ground_floor+.main-circle-area .circle-area:nth-child(8) .blue-box:before{bottom:57px}.circle-area:nth-child(5) .blue-box:before,.circle-area:nth-child(7) .blue-box:before{bottom:-13px;left:calc(50% - 14px);top:auto;transform:rotate(-180deg)}.circle-area:nth-child(6) .blue-box:before{left:50%;top:100%;transform:rotate(180deg)}.circle-area:nth-child(10) .blue-box:before,.circle-area:nth-child(11) .blue-box:before,.circle-area:nth-child(9) .blue-box:before{left:-21px;top:60%;transform:rotate(270deg)}[data-id=circle-unit-A1]+.blue-box,[data-id=circle-unit-A6]+.blue-box{bottom:10%;left:calc(42% - 210px)}[data-id=circle-unit-A1]+.blue-box:before{left:auto!important;right:-20px!important;transform:rotate(90deg)!important}[data-id=circle-unit-A2]+.blue-box,[data-id=circle-unit-A5]+.blue-box{bottom:22%;left:calc(42% - 210px)}[data-id=circle-unit-A3]+.blue-box{bottom:37%;left:calc(45% - 210px)}[data-id=circle-unit-A3]+.blue-box:before{bottom:20px!important;top:auto}[data-id=circle-unit-A4]+.blue-box{bottom:37%;left:calc(37% + 210px)}[data-id=circle-unit-A4]+.blue-box:before{bottom:20px!important;left:-21px;top:auto;transform:rotate(-90deg)}[data-id=circle-unit-A5]+.blue-box{left:calc(40% + 210px)}[data-id=circle-unit-A5]+.blue-box:before,[data-id=circle-unit-A6]+.blue-box:before{left:-21px;transform:rotate(-90deg)}[data-id=circle-unit-A6]+.blue-box{left:calc(40% + 210px)}svg#Unit_1 image:not(#Floor){opacity:.4}.right-area.activate-1 svg#Unit_1 image.unit-1,.right-area.activate-10 svg#Unit_1 image.unit-10,.right-area.activate-11 svg#Unit_1 image.unit-11,.right-area.activate-2 svg#Unit_1 image.unit-2,.right-area.activate-3 svg#Unit_1 image.unit-3,.right-area.activate-4 svg#Unit_1 image.unit-4,.right-area.activate-5 svg#Unit_1 image.unit-5,.right-area.activate-6 svg#Unit_1 image.unit-6,.right-area.activate-7 svg#Unit_1 image.unit-7,.right-area.activate-8 svg#Unit_1 image.unit-8,.right-area.activate-9 svg#Unit_1 image.unit-9,.right-area.activate-a1 svg#Unit_1 image.unit-a1,.right-area.activate-a2 svg#Unit_1 image.unit-a2,.right-area.activate-a3 svg#Unit_1 image.unit-a3,.right-area.activate-a4 svg#Unit_1 image.unit-a4,.right-area.activate-a5 svg#Unit_1 image.unit-a5,.right-area.activate-a6 svg#Unit_1 image.unit-a6,.right-area.activate-unit-circle-1 svg#Unit_1 image#Unit_1-2,.right-area.activate-unit-circle-10 svg#Unit_1 image#Floor_copy_5,.right-area.activate-unit-circle-11 svg#Unit_1 image#Floor_copy_6,.right-area.activate-unit-circle-2 svg#Unit_1 image#Unit_1_copy,.right-area.activate-unit-circle-3 svg#Unit_1 image#residential_copy,.right-area.activate-unit-circle-4 svg#Unit_1 image#residential,.right-area.activate-unit-circle-5 svg#Unit_1 image#Unit_1_copy_2,.right-area.activate-unit-circle-6 svg#Unit_1 image#Floor_copy,.right-area.activate-unit-circle-7 svg#Unit_1 image#Floor_copy_2,.right-area.activate-unit-circle-8 svg#Unit_1 image#Floor_copy_3,.right-area.activate-unit-circle-9 svg#Unit_1 image#Floor_copy_4,svg#Unit_1 image:not(#Floor):hover,svg#Unit_1 path:hover+image{opacity:1!important}svg#Unit_1 path{position:relative;z-index:99999}svg#Unit_1{width:100%}.circle-area .circle{display:none}.right-area.highlight-avail-units .avail-shape:not(.non-highlightable),.right-area.highlight-hold-units .hold-shape:not(.non-highlightable),.right-area.highlight-reserved-units .reserved-shape:not(.non-highlightable){opacity:1!important}.box-content ul li a{color:inherit;text-decoration:underline}@media screen and (max-width:1249px){.circle-area:nth-child(10) .blue-box,.circle-area:nth-child(11) .blue-box:not([data-id=circle-unit-A1]+.blue-box),.ground_floor+.main-circle-area .circle-area:nth-child(9) .blue-box{left:73%}.ground_floor+.main-circle-area .circle-area:nth-child(10) .blue-box{left:73.8%}.circle-area:nth-child(11) .blue-box:not([data-id=circle-unit-A1]+.blue-box){bottom:16%}.circle-area:nth-child(9) .blue-box{left:calc(65% + 60px)}}@media screen and (max-width:1149px){.ground_floor+.main-circle-area .circle-area:nth-child(10) .blue-box{bottom:16%}.ground_floor+.main-circle-area .circle-area:nth-child(8) .blue-box{bottom:35%;left:calc(70% + 20px)}.circle-area:nth-child(11) .blue-box:not([data-id=circle-unit-A1]+.blue-box){bottom:18%}}@media screen and (max-width:1099px){.circle-area:nth-child(3) .blue-box{bottom:34%}.circle-area:nth-child(4) .blue-box{bottom:51%;left:4%}}@media screen and (max-width:1021px){.circle-area:first-child .blue-box{bottom:17%;left:0}.circle-area:nth-child(2) .blue-box,.circle-area:nth-child(3) .blue-box{left:0}.circle-area:nth-child(4) .blue-box{left:5%}.ground_floor+.main-circle-area .circle-area:nth-child(10) .blue-box{left:71.8%}}@media screen and (max-width:980px){.circle-area,.right-area{width:100%}.blue-box{margin:30px auto 0;max-width:300px;position:relative}.blue-box:before{border-bottom:14px solid #163881!important;border-left:14px solid transparent!important;border-right:14px solid transparent!important;border-top:unset!important;left:0!important;margin:0 auto;right:0!important;top:-10px!important;transform:rotate(1turn)!important}.circle-area .blue-box{bottom:0!important;left:0!important;right:0!important;top:0!important}.main-flex-row{flex-direction:column}.right-area{min-height:auto}.right-area svg#Unit_1{height:auto}.left-area.box{margin:0 0 30px}.heading-area h1{line-height:1}[data-id=circle-unit-A1]+.blue-box:before{left:0!important;right:0!important;transform:rotate(1turn)!important}}@media screen and (max-width:667px){.heading-area h1{font-size:40px}.main-flex-row{padding:15px}}