@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body {color: #000; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 30px; margin: 0px 0px 0px 0px;   }

html {  scroll-behavior: smooth;}

body, html {height:100%;}

a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

*{box-sizing:border-box; }

strong {font-weight:600;}

#panorama {  width: 100%; height: 100%;}


header {display:table; width:100%; height:100px; background-image:url(../images/header-bg.png); background-position:center bottom; position:fixed; left:0px; top:0px; z-index:10; }

.logo-1 {display:inline-block; float:left;  height:73px; margin:10px 20px;}

.logo-2 {display:inline-block; float:right;  height:73px; margin:10px 20px;}


footer  {display:table; width:100%; height:60px; background-image:url(../images/footer-bg.png); background-position:center top;  position:fixed; left:0px; bottom:0px;  z-index:10;}


.copyright { display:inline-block; float:left;   margin:13px 20px 0px 20px; color:#ccc; font-size:12px; text-transform:uppercase; letter-spacing:2px; line-height:40px;}

.design-and-developed-by {display:inline-block; float:right; margin:0px;  margin:13px 20px 0px 20px; color:#ccc; font-size:12px; text-transform:uppercase; letter-spacing:2px; line-height:40px;}

.design-and-developed-by a {color:#fff; font-weight:600; border-bottom:1px solid #fff;}



/*  Home Page */


.tower-holder {display:block; width:100%; height:100%; overflow:hidden;}

.fullsize {display:block; width:100%; }


.front-arrow-1 {position:absolute; left:37.2%; width:122px; top:8%;}
.front-arrow-2 {position:absolute; left:47.3%; width:122px; top:8%;}

.back-arrow-1 {position:absolute; left:37.2%; width:122px; top:27%;}
.back-arrow-2 {position:absolute; left:47.3%; width:122px; top:27%;}


.outside-view-1 {display:block; width:150px; border-radius:1000px; background-color:#FFFF00; color:#000; font-weight:500; font-size:14px; text-align:center; padding:3px; position:absolute; left:37.2%; width:122px; top:3%;}

.outside-view-2 {display:block; width:150px; border-radius:1000px; background-color:#FFFF00; color:#000; font-weight:500; font-size:14px; text-align:center; padding:3px; position:absolute; left:47.3%; width:122px; top:3%;}

.inside-view-1 {display:block; width:150px; border-radius:1000px; background-color:#FFFF00; color:#000; font-weight:500; font-size:14px; text-align:center; padding:3px; position:absolute; left:37.2%; width:122px; top:36%;}

.inside-view-2 {display:block; width:150px; border-radius:1000px; background-color:#FFFF00; color:#000; font-weight:500; font-size:14px; text-align:center; padding:3px; position:absolute; left:47.3%; width:122px; top:36%;}

.outside-view-1:hover, .outside-view-2:hover, .inside-view-1:hover, .inside-view-2:hover { background-color:#FF6633; color:#fff;}

.arrow-1 {position:absolute; left:47.5%; top:45%;}

.arrow-2 {position:absolute; left:37%; top:49.5%;}

.arrow-3 {position:absolute; left:34.4%; top:40%;}

.button-1 {transition: all 0.5s ease-in 0s; display:block; font-family:poppins; font-size:15px;  width:160px; background-image:url(../images/button-bg.png); background-size:100% 100%; position:absolute; left:62.3%; top:55%; text-align:center; border-radius:1000px; font-weight:500; line-height:40px; border:3px solid transparent;}

.button-2 {transition: all 0.5s ease-in 0s; display:block; font-family:poppins; font-size:15px; width:160px; background-image:url(../images/button-bg.png); background-size:100% 100%; position:absolute; left:30%; top:59.4%; text-align:center; border-radius:1000px; font-weight:500; line-height:40px; border:3px solid transparent;}

.button-3 {transition: all 0.5s ease-in 0s; display:block; font-family:poppins; font-size:15px;  width:160px; background-image:url(../images/button-bg.png); background-size:100% 100%; position:absolute; left:25.5%; top:39%; text-align:center; border-radius:1000px; font-weight:500; line-height:40px; border:3px solid transparent;}

.button-1:hover, .button-2:hover, .button-3:hover {border:3px solid #000;} 


/*  Home Page */






/*  Main Interface */

.left-panel {width:410px; float:left; display:inline-block; height:100%; overflow:hidden; border-right:1px solid #999; background-color: #f4efeb; }

.project-view {display:block; width:100%; overflow:hidden; height:100%; background-color:#000; background-image:url(../images/building.jpg); background-size:420px; background-position:center bottom;}

.project-view.west-wing {display:block; width:100%; overflow:hidden; height:100%; background-color:#000; background-image:url(../images/building2.jpg); background-size:420px; background-position:center bottom;}

.project-view.east-wing {display:block; width:100%; overflow:hidden; height:100%; background-color:#000; background-image:url(../images/building3.jpg); background-size:420px; background-position:center bottom;}

.main-building {width:100%; display:block; margin-top:-55px;}

.culster-view {display:table; width:100%; height:auto; background-color:#f4efeb; position:relative; }

.culster-plan  {width:100%; display:block; }

.tag {display:block; width:150px; height:42px; line-height:42px; color:#000; padding:0px 15px; font-weight:500; font-size:14px; background-image:url(../images/curve.png); background-position:right center; position:absolute; left:0px; top:0px;  }

.right-panel  {width:calc(100% - 410px); float:left; display:inline-block; height:100%; background-color:#ccc; position:relative; overflow:hidden;  }

.top-bar {width:100%; display:table; background-image:url(../images/top-gradient.png); height:70px; border-top:4px solid #ffc834;  position:absolute; z-index:10; padding:0px 10px;  left:0px; top:0px; }

.back-button {float:left; display:inline-block; padding:5px 15px 5px 45px;  border-radius:6px; margin-top:12px; font-size:14px; font-weight:500; background-image:url(../images/back-icon.png); background-position:0px center; background-repeat:no-repeat; background-size:auto 40px; }

.back-button:hover {border:0px solid #aaa; background-color:#fff;  color:#000; background-position:-215px center;  }

.top-right { display:inline-block; margin-top:18px; float:right; font-size:14px; font-weight:400; color:#fff; }

.top-right strong  {display:inline-block; color:#fff; font-weight:400; margin:0px 5px;}

.top-right img {float:right; margin-left:10px;}

.balcony-view-holder {display:block; width:100%; height:100%; overflow:hidden; position:relative; }

.balcony-view-holder .tag {top:70px;}

.balcony {display:block; width:100%; position:absolute; left:0px; top:62%; z-index:9; }

.balcony-view {display:block; width:100%;  }

.bottom-bar {width:100%; display:table; background-image:url(../images/bottom-gradient.png); height:70px; border-top:4px solid #ffc834; position:absolute; z-index:10; padding:0px 20px; left:0px; bottom:0px;  }

#cluster-plan-b, #bottom-bar-2, #bottom-bar-3, #bottom-bar-4 {display:none;}

.unit-view-button {display:inline-block; float:left; margin-top:17px; width:180px; font-size:14px; line-height:120%; font-weight:400; color:#fff;}

.unit-view-button img {float:left; margin-right:10px; width:40px; margin-top:-3px;  }

.unit-view-button:hover strong {color:#ffc834}

.unit-view-button strong {display:block; }

.flat-type { display:inline-block; float:right; width:280px; padding:20px 25px; line-height:130%; font-weight:600;  font-size:16px; margin-top:6px;  color:#fff; text-align:right;}

.flat-details { display:inline-block; color:#fff; float:right; width:160px; padding:20px 25px; line-height:130%; font-weight:400;  font-size:13px; background-image:url(../images/pipe.png); background-repeat:no-repeat; background-position:left center; background-size:1px 70%;}

.flat-details strong {display:block; font-size:16px;}

.flat-details.small { width:110px;}

.pointer {width:20px; height:20px; position:absolute;  background-color:#07c121; border-radius:100px; border:1px solid #fff;}

.btn.pointer.solded { background-color:#bf2b2b;}
.btn.pointer.onhold { background-color:#bf972b;}



.pointer img {display:block; width:100%;}

.btn.pointer.active { background-color:#422082;}


.cluster-map {position:fixed; width:410px; bottom:0px; left:0px; z-index:1; transition: width 2s, height 1s; height:60px;}

.cluster-map span {display:block; padding:15px; background-image:url(../images/button-bg.png); background-size:100% 100%; font-weight:500; cursor:pointer;}

.cluster-map img {display:block; width:100%;}

.cluster-map .up-arrow {width:30px; height:30px; float:right; transition: width 1s, height 1s, transform 1s;}

.cluster-map:hover { height:300px;}
 
.cluster-map:hover .up-arrow {transform: rotate(180deg);}



.close-fullscreen-button {width:30px; height:30px; display:block; float:right; border-radius:3px; margin:20px 10px 20px 20px;}

.close-fullscreen-button img {display:block; width:100%; border-radius:3px;}



#custom-loader {  position:absolute;  inset: 0;  background: #fff;  display: flex;  align-items: center; justify-content: center;  z-index:8;}

#custom-loader img {  width: 100px; opacity:0.5;}











#unit-view .closebtn {  left: 0px;}



#tower-9-front .btn.pointer{ margin-left:315px;}



#pointer-33 {bottom:652px; left:148px;}

#pointer-32 {bottom:635px; left:123px;}

#pointer-31 {bottom:617px; left:148px;}

#pointer-30 {bottom:600px; left:123px;}

#pointer-29 {bottom:583px; left:148px;}

#pointer-28 {bottom:564px; left:123px;}

#pointer-27 {bottom:547px; left:148px;}

#pointer-26 {bottom:530px; left:123px;}

#pointer-25 {bottom:512px; left:148px;}

#pointer-24 {bottom:494px; left:123px;}

#pointer-23 {bottom:477px; left:148px;}

#pointer-22 {bottom:460px; left:123px;}

#pointer-21 {bottom:442px;left:148px;}

#pointer-20 {bottom:425px; left:123px;}

#pointer-19 {bottom:408px; left:148px;}

#pointer-18 {bottom:390px; left:123px;}

#pointer-17 {bottom:373px; left:148px;}

#pointer-16 {bottom:355px; left:123px;}

#pointer-15 {bottom:340px; left:148px;}

#pointer-14 {bottom:322px; left:123px;}

#pointer-13 {bottom:305px; left:148px;}

#pointer-12 {bottom:285px; left:123px;}

#pointer-11 {bottom:270px; left:148px;}

#pointer-10 {bottom:252px; left:123px;}

#pointer-9 {bottom:235px; left:148px;}

#pointer-8 {bottom:214px; left:123px;}

#pointer-7 {bottom:200px; left:148px;}

#pointer-6 {bottom:180px; left:123px;}

#pointer-5 {bottom:165px; left:148px;}

#pointer-4 {bottom:145px; left:123px;}

#pointer-3 {bottom:130px; left:148px;}

#pointer-2 {bottom:115px; left:123px;}

#pointer-1 {bottom:95px; left:148px;}






#pointer-33b {bottom:652px; left:270px;}

#pointer-32b {bottom:635px; left:245px;}

#pointer-31b {bottom:617px; left:270px;}

#pointer-30b {bottom:600px; left:245px;}

#pointer-29b {bottom:583px; left:270px;}

#pointer-28b {bottom:564px; left:245px;}

#pointer-27b {bottom:547px; left:270px;}

#pointer-26b {bottom:530px; left:245px;}

#pointer-25b {bottom:512px; left:270px;}

#pointer-24b {bottom:494px; left:245px;}

#pointer-23b {bottom:477px; left:270px;}

#pointer-22b {bottom:460px; left:245px;}

#pointer-21b {bottom:442px;left:270px;}

#pointer-20b {bottom:425px; left:245px;}

#pointer-19b {bottom:408px; left:270px;}

#pointer-18b {bottom:390px; left:245px;}

#pointer-17b {bottom:373px; left:270px;}

#pointer-16b {bottom:355px; left:245px;}

#pointer-15b {bottom:340px; left:270px;}

#pointer-14b {bottom:322px; left:245px;}

#pointer-13b {bottom:305px; left:270px;}

#pointer-12b {bottom:285px; left:245px;}

#pointer-11b {bottom:270px; left:270px;}

#pointer-10b {bottom:252px; left:245px;}

#pointer-9b {bottom:235px; left:270px;}

#pointer-8b {bottom:214px; left:245px;}

#pointer-7b {bottom:200px; left:270px;}

#pointer-6b {bottom:180px; left:245px;}

#pointer-5b {bottom:165px; left:270px;}

#pointer-4b {bottom:145px; left:245px;}

#pointer-3b {bottom:130px; left:270px;}

#pointer-2b {bottom:115px; left:245px;}

#pointer-1b {bottom:95px; left:270px;}














#pointer-33-w1 {bottom:630px; left:90px;}

#pointer-32-w1 {bottom:615px; left:65px;}

#pointer-31-w1 {bottom:595px; left:90px;}

#pointer-30-w1 {bottom:580px; left:65px;}

#pointer-29-w1 {bottom:564px; left:90px;}

#pointer-28-w1 {bottom:547px; left:65px;}

#pointer-27-w1 {bottom:530px; left:90px;}

#pointer-26-w1 {bottom:512px; left:65px;}

#pointer-25-w1 {bottom:495px; left:90px;}

#pointer-24-w1 {bottom:477px; left:65px;}

#pointer-23-w1 {bottom:460px; left:90px;}

#pointer-22-w1 {bottom:442px; left:65px;}

#pointer-21-w1 {bottom:426px;left:90px;}

#pointer-20-w1 {bottom:410px; left:65px;}

#pointer-19-w1 {bottom:392px; left:90px;}

#pointer-18-w1 {bottom:375px; left:65px;}

#pointer-17-w1 {bottom:356px; left:90px;}

#pointer-16-w1 {bottom:339px; left:65px;}

#pointer-15-w1 {bottom:322px; left:90px;}

#pointer-14-w1 {bottom:306px; left:65px;}

#pointer-13-w1 {bottom:287px; left:90px;}

#pointer-12-w1 {bottom:271px; left:65px;}

#pointer-11-w1 {bottom:254px; left:90px;}

#pointer-10-w1 {bottom:237px; left:65px;}

#pointer-9-w1 {bottom:220px; left:90px;}

#pointer-8-w1 {bottom:203px; left:65px;}

#pointer-7-w1 {bottom:185px; left:90px;}

#pointer-6-w1 {bottom:168px; left:65px;}

#pointer-5-w1 {bottom:151px; left:90px;}

#pointer-4-w1 {bottom:133px; left:65px;}

#pointer-3-w1 {bottom:117px; left:90px;}

#pointer-2-w1 {bottom:100px; left:65px;}

#pointer-1-w1 {bottom:83px; left:90px;}














#pointer-33-w2 {bottom:630px; left:175px;}

#pointer-32-w2 {bottom:615px; left:150px;}

#pointer-31-w2 {bottom:595px; left:175px;}

#pointer-30-w2 {bottom:580px; left:150px;}

#pointer-29-w2 {bottom:564px; left:175px;}

#pointer-28-w2 {bottom:547px; left:150px;}

#pointer-27-w2 {bottom:530px; left:175px;}

#pointer-26-w2 {bottom:512px; left:150px;}

#pointer-25-w2 {bottom:495px; left:175px;}

#pointer-24-w2 {bottom:477px; left:150px;}

#pointer-23-w2 {bottom:460px; left:175px;}

#pointer-22-w2 {bottom:442px; left:150px;}

#pointer-21-w2 {bottom:426px;left:175px;}

#pointer-20-w2 {bottom:410px; left:150px;}

#pointer-19-w2 {bottom:392px; left:175px;}

#pointer-18-w2 {bottom:375px; left:150px;}

#pointer-17-w2 {bottom:356px; left:175px;}

#pointer-16-w2 {bottom:339px; left:150px;}

#pointer-15-w2 {bottom:322px; left:175px;}

#pointer-14-w2 {bottom:306px; left:150px;}

#pointer-13-w2 {bottom:287px; left:175px;}

#pointer-12-w2 {bottom:271px; left:150px;}

#pointer-11-w2 {bottom:254px; left:175px;}

#pointer-10-w2 {bottom:237px; left:150px;}

#pointer-9-w2 {bottom:220px; left:175px;}

#pointer-8-w2 {bottom:203px; left:150px;}

#pointer-7-w2 {bottom:185px; left:175px;}

#pointer-6-w2 {bottom:168px; left:150px;}

#pointer-5-w2 {bottom:151px; left:175px;}

#pointer-4-w2 {bottom:133px; left:150px;}

#pointer-3-w2 {bottom:117px; left:175px;}

#pointer-2-w2 {bottom:100px; left:150px;}

#pointer-1-w2 {bottom:83px; left:175px;}











#pointer-33-w3 {bottom:630px; left:260px;}

#pointer-32-w3 {bottom:615px; left:235px;}

#pointer-31-w3 {bottom:595px; left:260px;}

#pointer-30-w3 {bottom:580px; left:235px;}

#pointer-29-w3 {bottom:564px; left:260px;}

#pointer-28-w3 {bottom:547px; left:235px;}

#pointer-27-w3 {bottom:530px; left:260px;}

#pointer-26-w3 {bottom:512px; left:235px;}

#pointer-25-w3 {bottom:495px; left:260px;}

#pointer-24-w3 {bottom:477px; left:235px;}

#pointer-23-w3 {bottom:460px; left:260px;}

#pointer-22-w3 {bottom:442px; left:235px;}

#pointer-21-w3 {bottom:426px;left:260px;}

#pointer-20-w3 {bottom:410px; left:235px;}

#pointer-19-w3 {bottom:392px; left:260px;}

#pointer-18-w3 {bottom:375px; left:235px;}

#pointer-17-w3 {bottom:356px; left:260px;}

#pointer-16-w3 {bottom:339px; left:235px;}

#pointer-15-w3 {bottom:322px; left:260px;}

#pointer-14-w3 {bottom:306px; left:235px;}

#pointer-13-w3 {bottom:287px; left:260px;}

#pointer-12-w3 {bottom:271px; left:235px;}

#pointer-11-w3 {bottom:254px; left:260px;}

#pointer-10-w3 {bottom:237px; left:235px;}

#pointer-9-w3 {bottom:220px; left:260px;}

#pointer-8-w3 {bottom:203px; left:235px;}

#pointer-7-w3 {bottom:185px; left:260px;}

#pointer-6-w3 {bottom:168px; left:235px;}

#pointer-5-w3 {bottom:151px; left:260px;}

#pointer-4-w3 {bottom:133px; left:235px;}

#pointer-3-w3 {bottom:117px; left:260px;}

#pointer-2-w3 {bottom:100px; left:235px;}

#pointer-1-w3 {bottom:83px; left:260px;}















#pointer-33-w4 {bottom:630px; left:350px;}

#pointer-32-w4 {bottom:615px; left:320px;}

#pointer-31-w4 {bottom:595px; left:350px;}

#pointer-30-w4 {bottom:580px; left:320px;}

#pointer-29-w4 {bottom:564px; left:350px;}

#pointer-28-w4 {bottom:547px; left:320px;}

#pointer-27-w4 {bottom:530px; left:350px;}

#pointer-26-w4 {bottom:512px; left:320px;}

#pointer-25-w4 {bottom:495px; left:350px;}

#pointer-24-w4 {bottom:477px; left:320px;}

#pointer-23-w4 {bottom:460px; left:350px;}

#pointer-22-w4 {bottom:442px; left:320px;}

#pointer-21-w4 {bottom:426px;left:350px;}

#pointer-20-w4 {bottom:410px; left:320px;}

#pointer-19-w4 {bottom:392px; left:350px;}

#pointer-18-w4 {bottom:375px; left:320px;}

#pointer-17-w4 {bottom:356px; left:350px;}

#pointer-16-w4 {bottom:339px; left:320px;}

#pointer-15-w4 {bottom:322px; left:350px;}

#pointer-14-w4 {bottom:306px; left:320px;}

#pointer-13-w4 {bottom:287px; left:350px;}

#pointer-12-w4 {bottom:271px; left:320px;}

#pointer-11-w4 {bottom:254px; left:350px;}

#pointer-10-w4 {bottom:237px; left:320px;}

#pointer-9-w4 {bottom:220px; left:350px;}

#pointer-8-w4 {bottom:203px; left:320px;}

#pointer-7-w4 {bottom:185px; left:350px;}

#pointer-6-w4 {bottom:168px; left:320px;}

#pointer-5-w4 {bottom:151px; left:350px;}

#pointer-4-w4 {bottom:133px; left:320px;}

#pointer-3-w4 {bottom:117px; left:350px;}

#pointer-2-w4 {bottom:100px; left:320px;}

#pointer-1-w4 {bottom:83px; left:350px;}
















#pointer-33-e1 {bottom:630px; left:70px;}

#pointer-32-e1 {bottom:615px; left:45px;}

#pointer-31-e1 {bottom:595px; left:70px;}

#pointer-30-e1 {bottom:580px; left:45px;}

#pointer-29-e1 {bottom:564px; left:70px;}

#pointer-28-e1 {bottom:547px; left:45px;}

#pointer-27-e1 {bottom:530px; left:70px;}

#pointer-26-e1 {bottom:512px; left:45px;}

#pointer-25-e1 {bottom:495px; left:70px;}

#pointer-24-e1 {bottom:477px; left:45px;}

#pointer-23-e1 {bottom:460px; left:70px;}

#pointer-22-e1 {bottom:442px; left:45px;}

#pointer-21-e1 {bottom:426px;left:70px;}

#pointer-20-e1 {bottom:410px; left:45px;}

#pointer-19-e1 {bottom:392px; left:70px;}

#pointer-18-e1 {bottom:375px; left:45px;}

#pointer-17-e1 {bottom:356px; left:70px;}

#pointer-16-e1 {bottom:339px; left:45px;}

#pointer-15-e1 {bottom:322px; left:70px;}

#pointer-14-e1 {bottom:306px; left:45px;}

#pointer-13-e1 {bottom:287px; left:70px;}

#pointer-12-e1 {bottom:271px; left:45px;}

#pointer-11-e1 {bottom:254px; left:70px;}

#pointer-10-e1 {bottom:237px; left:45px;}

#pointer-9-e1 {bottom:220px; left:70px;}

#pointer-8-e1 {bottom:203px; left:45px;}

#pointer-7-e1 {bottom:185px; left:70px;}

#pointer-6-e1 {bottom:168px; left:45px;}

#pointer-5-e1 {bottom:151px; left:70px;}

#pointer-4-e1 {bottom:133px; left:45px;}

#pointer-3-e1 {bottom:117px; left:70px;}

#pointer-2-e1 {bottom:100px; left:45px;}

#pointer-1-e1 {bottom:83px; left:70px;}














#pointer-33-e2 {bottom:630px; left:160px;}

#pointer-32-e2 {bottom:615px; left:135px;}

#pointer-31-e2 {bottom:595px; left:160px;}

#pointer-30-e2 {bottom:580px; left:135px;}

#pointer-29-e2 {bottom:564px; left:160px;}

#pointer-28-e2 {bottom:547px; left:135px;}

#pointer-27-e2 {bottom:530px; left:160px;}

#pointer-26-e2 {bottom:512px; left:135px;}

#pointer-25-e2 {bottom:495px; left:160px;}

#pointer-24-e2 {bottom:477px; left:135px;}

#pointer-23-e2 {bottom:460px; left:160px;}

#pointer-22-e2 {bottom:442px; left:135px;}

#pointer-21-e2 {bottom:426px;left:160px;}

#pointer-20-e2 {bottom:410px; left:135px;}

#pointer-19-e2 {bottom:392px; left:160px;}

#pointer-18-e2 {bottom:375px; left:135px;}

#pointer-17-e2 {bottom:356px; left:160px;}

#pointer-16-e2 {bottom:339px; left:135px;}

#pointer-15-e2 {bottom:322px; left:160px;}

#pointer-14-e2 {bottom:306px; left:135px;}

#pointer-13-e2 {bottom:287px; left:160px;}

#pointer-12-e2 {bottom:271px; left:135px;}

#pointer-11-e2 {bottom:254px; left:160px;}

#pointer-10-e2 {bottom:237px; left:135px;}

#pointer-9-e2 {bottom:220px; left:160px;}

#pointer-8-e2 {bottom:203px; left:135px;}

#pointer-7-e2 {bottom:185px; left:160px;}

#pointer-6-e2 {bottom:168px; left:135px;}

#pointer-5-e2 {bottom:151px; left:160px;}

#pointer-4-e2 {bottom:133px; left:135px;}

#pointer-3-e2 {bottom:117px; left:160px;}

#pointer-2-e2 {bottom:100px; left:135px;}

#pointer-1-e2 {bottom:83px; left:160px;}











#pointer-33-e3 {bottom:630px; left:240px;}

#pointer-32-e3 {bottom:615px; left:215px;}

#pointer-31-e3 {bottom:595px; left:240px;}

#pointer-30-e3 {bottom:580px; left:215px;}

#pointer-29-e3 {bottom:564px; left:240px;}

#pointer-28-e3 {bottom:547px; left:215px;}

#pointer-27-e3 {bottom:530px; left:240px;}

#pointer-26-e3 {bottom:512px; left:215px;}

#pointer-25-e3 {bottom:495px; left:240px;}

#pointer-24-e3 {bottom:477px; left:215px;}

#pointer-23-e3 {bottom:460px; left:240px;}

#pointer-22-e3 {bottom:442px; left:215px;}

#pointer-21-e3 {bottom:426px;left:240px;}

#pointer-20-e3 {bottom:410px; left:215px;}

#pointer-19-e3 {bottom:392px; left:240px;}

#pointer-18-e3 {bottom:375px; left:215px;}

#pointer-17-e3 {bottom:356px; left:240px;}

#pointer-16-e3 {bottom:339px; left:215px;}

#pointer-15-e3 {bottom:322px; left:240px;}

#pointer-14-e3 {bottom:306px; left:215px;}

#pointer-13-e3 {bottom:287px; left:240px;}

#pointer-12-e3 {bottom:271px; left:215px;}

#pointer-11-e3 {bottom:254px; left:240px;}

#pointer-10-e3 {bottom:237px; left:215px;}

#pointer-9-e3 {bottom:220px; left:240px;}

#pointer-8-e3 {bottom:203px; left:215px;}

#pointer-7-e3 {bottom:185px; left:240px;}

#pointer-6-e3 {bottom:168px; left:215px;}

#pointer-5-e3 {bottom:151px; left:240px;}

#pointer-4-e3 {bottom:133px; left:215px;}

#pointer-3-e3 {bottom:117px; left:240px;}

#pointer-2-e3 {bottom:100px; left:215px;}

#pointer-1-e3 {bottom:83px; left:240px;}















#pointer-33-e4 {bottom:630px; left:325px;}

#pointer-32-e4 {bottom:615px; left:300px;}

#pointer-31-e4 {bottom:595px; left:325px;}

#pointer-30-e4 {bottom:580px; left:300px;}

#pointer-29-e4 {bottom:564px; left:325px;}

#pointer-28-e4 {bottom:547px; left:300px;}

#pointer-27-e4 {bottom:530px; left:325px;}

#pointer-26-e4 {bottom:512px; left:300px;}

#pointer-25-e4 {bottom:495px; left:325px;}

#pointer-24-e4 {bottom:477px; left:300px;}

#pointer-23-e4 {bottom:460px; left:325px;}

#pointer-22-e4 {bottom:442px; left:300px;}

#pointer-21-e4 {bottom:426px;left:325px;}

#pointer-20-e4 {bottom:410px; left:300px;}

#pointer-19-e4 {bottom:392px; left:325px;}

#pointer-18-e4 {bottom:375px; left:300px;}

#pointer-17-e4 {bottom:356px; left:325px;}

#pointer-16-e4 {bottom:339px; left:300px;}

#pointer-15-e4 {bottom:322px; left:325px;}

#pointer-14-e4 {bottom:306px; left:300px;}

#pointer-13-e4 {bottom:287px; left:325px;}

#pointer-12-e4 {bottom:271px; left:300px;}

#pointer-11-e4 {bottom:254px; left:325px;}

#pointer-10-e4 {bottom:237px; left:300px;}

#pointer-9-e4 {bottom:220px; left:325px;}

#pointer-8-e4 {bottom:203px; left:300px;}

#pointer-7-e4 {bottom:185px; left:325px;}

#pointer-6-e4 {bottom:168px; left:300px;}

#pointer-5-e4 {bottom:151px; left:325px;}

#pointer-4-e4 {bottom:133px; left:300px;}

#pointer-3-e4 {bottom:117px; left:325px;}

#pointer-2-e4 {bottom:100px; left:300px;}

#pointer-1-e4 {bottom:83px; left:325px;}













/*  Main Interface */









/*  Unit View */
#unit-view {  height: 100%;  width: 0;  position: fixed;  z-index: 1;  top: 0;  right: 0;  background-color:rgb(0,0,0,0.8);  overflow-x: hidden;  transition: 0.5s;  }
#unit-view .closebtn {  position: absolute;  top: 0;  right: 0px;}
#unit-view .closebtn img { width:60px;}
.unit-image {display:block;  width:900px;}
/*  Unit View */



/*  Aerial View View */
#aerial-view {  height: 100%;  width: 0;  position: fixed;  z-index: 1;  top: 0;  left: 0;  background-color:rgb(0,0,0,0.8);  overflow-x: hidden;  transition: 0.5s;  }
#aerial-view .closebtn {  position: absolute;  top:0px;  right: 0px;}
#aerial-view .closebtn img { width:60px;}
/*  Aerial View View */