#modal-klmetropolis .modal-body{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:225px}#modal-klmetropolis .modal-body>img{height:100%;width:300px;-o-object-fit:cover;object-fit:cover}#modal-klmetropolis .modal-body ul{list-style:none;height:100%;max-width:95%;padding:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;overflow-y:auto;display:-webkit-box;-webkit-box-align:baseline}#modal-klmetropolis .modal-body ul li{width:124px;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start;margin-top:10px}#modal-klmetropolis .modal-body ul li img{width:30px;height:30px;margin-right:6px}#modal-klmetropolis .modal-body ul li h4{margin:0 0 2px;font-weight:700;font-size:1.3rem}#modal-klmetropolis .modal-body ul li p{font-size:1.1rem;line-height:1.5rem;margin:0}#modal-klmetropolis .modal-body ul li p span{font-size:1.3rem}#modal-klmetropolis .modal-body ul li:nth-of-type(2),#modal-klmetropolis .modal-body ul li:nth-of-type(4){margin-left:7px}.klbackground{width:125%;background-position:50% 50%;background-size:325px 225px}#modal-klmetropolis{z-index:1050}.modal-backdrop{z-index:1040}#modal-klmetropolis .modal-dialog{max-width:575px}#modal-klmetropolis .modal-body ul::-webkit-scrollbar{width:4px}#modal-klmetropolis .modal-body ul::-webkit-scrollbar-track{background:#f1f1f1;border-radius:20px}#modal-klmetropolis .modal-body ul::-webkit-scrollbar-thumb{background:#ccc;border-radius:20px}#modal-klmetropolis .modal-body ul::-webkit-scrollbar-thumb:hover{background:#bbb}@media (min-width: 576px){#modal-klmetropolis .modal-body img{height:50%;height:100%}#modal-klmetropolis .modal-body ul li img{width:30px;height:30px}#modal-klmetropolis .modal-body ul li h4{font-size:1rem}#modal-klmetropolis .modal-body ul li p{font-size:1rem}.klbackground{height:100%}#modal-klmetropolis .modal-body{height:225px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-width: 768px){#modal-klmetropolis .modal-body{height:225px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#klmetropolis .modal-dialog{max-width:630px}#modal-klmetropolis .modal-body ul li h4{font-size:1.0rem}#modal-klmetropolis .modal-body ul li p{font-size:1.08rem}}@media (min-width: 992px){.klbackground{height:139%;width:unset;background-position:100% 57%;background-size:800px 400px}#modal-klmetropolis .modal-dialog{max-width:800px}#modal-klmetropolis .modal-body{height:600px}#modal-klmetropolis .modal-body img{height:60%;width:unset}#modal-klmetropolis .modal-body ul{max-width:72%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}#modal-klmetropolis .modal-body ul li{width:167px}#modal-klmetropolis .modal-body ul li img{width:40px;height:40px;margin-right:0px}#modal-klmetropolis .modal-body ul li h4{font-size:1.2rem}#modal-klmetropolis .modal-body ul li p{font-size:1.18rem}#modal-klmetropolis .modal-body ul li p span{font-size:1.7rem}#modal-klmetropolis .modal-body ul li:nth-of-type(2),#modal-klmetropolis .modal-body ul li:nth-of-type(4){margin-left:0px}#modal-klmetropolis .modal-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#modal-mitec .modal-body{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:225px}#modal-mitec .modal-body>img{height:100%;-o-object-fit:cover;object-fit:cover}#modal-mitec .modal-body ul{list-style:none;height:100%;max-width:95%;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}#modal-mitec .modal-body ul li{width:120px;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start;margin-top:10px}#modal-mitec .modal-body ul li div{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;font-weight:normal;text-align:left}#modal-mitec .modal-body ul li img{width:30px;height:30px;margin-right:6px}#modal-mitec .modal-body ul li h4{margin:0 0 2px;font-weight:700;font-size:1.2rem}#modal-mitec .modal-body ul li p{font-size:1rem;line-height:1.3rem;margin:0}#modal-mitec .modal-body ul li p span{font-size:1.4rem}#modal-mitec .modal-body ul li:nth-of-type(1),#modal-mitec .modal-body ul li:nth-of-type(2),#modal-mitec .modal-body ul li:nth-of-type(3),#modal-mitec .modal-body ul li:nth-of-type(4){margin-top:10px}#modal-mitec{z-index:1050}.modal-backdrop{z-index:1040}#modal-mitec .modal-dialog{max-width:575px}#modal-mitec .modal-body ul::-webkit-scrollbar{width:4px}#modal-mitec .modal-body ul::-webkit-scrollbar-track{background:#f1f1f1;border-radius:20px}#modal-mitec .modal-body ul::-webkit-scrollbar-thumb{background:#ccc;border-radius:20px}#modal-mitec .modal-body ul::-webkit-scrollbar-thumb:hover{background:#bbb}.btn-close-white{-webkit-filter:none;filter:none}@media (min-width: 576px){#modal-mitec .modal-body img{height:100%;width:300px}#modal-mitec .modal-body ul li h4{font-size:1.0rem}#modal-mitec .modal-body ul li p{font-size:1.0rem;padding-top:3px}}@media (min-width: 768px){#modal-mitec .modal-body ul li h4{font-size:1.0rem}#modal-mitec .modal-body ul li p{font-size:1.08rem}#modal-mitec .modal-body{height:225px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#modal-mitec .modal-body img{height:100%;width:300px}}@media (min-width: 992px){#modal-mitec .modal-dialog{max-width:800px}#modal-mitec .modal-body{height:610px}#modal-mitec .modal-body img{height:60%;width:unset}#modal-mitec .modal-body ul li{width:170px}#modal-mitec .modal-body ul li div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-weight:600}#modal-mitec .modal-body ul li img{width:40px;height:40px;margin-right:0px}#modal-mitec .modal-body ul li h4{font-size:1.2rem}#modal-mitec .modal-body ul li p{font-size:1.2rem;line-height:1.8rem}#modal-mitec .modal-body li:nth-of-type(3),#modal-mitec .modal-body li:nth-of-type(4){margin-top:0px}#modal-mitec .modal-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.btn-close-white{-webkit-filter:invert(1) grayscale(100%) brightness(200%);filter:invert(1) grayscale(100%) brightness(200%)}}#aerialview{height:100%;overflow-y:hidden;max-width:1400px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-overflow-style:none;scrollbar-width:none}#aerialview::-webkit-scrollbar{display:none}#aerialview figure{display:inline-block;position:relative;overflow-x:auto;margin:0;height:100%}#aerialview figure img{height:100%;display:block;margin:0 auto}#aerialview figure button{color:#fff;background-color:rgba(0,0,0,0.6);border-radius:32px;border:1px solid #E9C0B2;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;font-size:.9rem !important;font-weight:700 !important;padding:.5rem .9rem}#aerialview figure button#btn-klmetropolis{top:60%;left:50%}#aerialview figure button#btn-mitec{top:53%;left:45%}#aerialview figure button img{width:15px;height:15px;margin-right:6px;-webkit-transform:translateY(0px);transform:translateY(0px)}#aerialview figure button span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 576px){#aerialview figure img{height:100%;width:auto;display:block;-webkit-transform:none;transform:none}#aerialview figure button#btn-mitec{top:53%;left:45%}#aerialview figure button#btn-klmetropolis{top:60%;left:50%}}@media (min-width: 1200px){#aerialview{max-width:1915px}#aerialview figure{height:100%}#aerialview figure img{width:100%;display:block}#aerialview figure button#btn-mitec{top:57%;left:45%}#aerialview figure button#btn-klmetropolis{top:63%;left:50%}}@media (min-width: 1400px){#aerialview figure{height:100%}}#klmetropolis{background:#181818;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-y:hidden;max-width:1300px;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}#klmetropolis::-webkit-scrollbar{display:none}#klmetropolis nav{position:absolute;z-index:2;left:10px;top:45px;bottom:unset;-webkit-transform:unset;transform:unset;width:unset}#klmetropolis nav ul{list-style:none;margin:0;padding:0;display:block}#klmetropolis nav ul li{background:rgba(0,0,0,0.7);border-radius:40px;border:1px solid #E9C0B2;width:105px;height:unset}#klmetropolis nav ul li.active{background:-webkit-gradient(linear, left top, right top, from(#9f6439), to(#d7b17f));background:linear-gradient(90deg, #9f6439 0%, #d7b17f 100%)}#klmetropolis nav ul li+li{margin-left:0;margin-top:15px}#klmetropolis nav ul li button{width:100%;height:100%;color:#fff;text-transform:uppercase;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:2px;font-size:0.6rem}#klmetropolis figure{display:inline-block;position:relative;margin:0;height:100%;width:auto}#klmetropolis figure button{color:#fff;background-color:rgba(0,0,0,0.6);border-radius:32px;border:1px solid #E9C0B2;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;font-size:.8rem !important;font-weight:700 !important;padding:.5rem .9rem}#klmetropolis figure button#btn-klmetropolis{top:62%;left:42%}#klmetropolis figure button#btn-mitec{top:50%;left:50%}#klmetropolis figure button img{width:10px;height:10px;margin-right:6px;-webkit-transform:translateY(0px);transform:translateY(0px)}#klmetropolis figure button span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#klmetropolis figure img.bg{height:100%;display:block;margin:0 auto;width:auto}#klmetropolis figure .overlay-img{position:absolute;opacity:0;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;pointer-events:none}#klmetropolis figure .overlay-img.shown{pointer-events:unset;opacity:1}#klmetropolis figure .overlay-img.major-railway{left:0;top:0}#klmetropolis figure .overlay-img.met1{bottom:10%;right:27%;width:9%}#klmetropolis figure .overlay-img.met2{bottom:22%;right:31%;width:6.5%}#klmetropolis figure .overlay-img.met3{bottom:49%;right:19.9%;width:25.5%}#klmetropolis figure .overlay-img.met4{bottom:33.5%;right:35%;width:17%}#klmetropolis figure .overlay-img.met5{bottom:36.5%;right:38%;width:17%}#klmetropolis figure .overlay-img.met6{bottom:69%;right:29.5%;width:23.5%}#klmetropolis figure .overlay-img.met7{bottom:69%;right:52%;width:10.5%}#klmetropolis figure .overlay-img.met8{bottom:71%;right:60.2%;width:9.5%}#klmetropolis figure .overlay-img.met9{bottom:59%;right:62%;width:7.5%}#klmetropolis figure .overlay-img.met10{bottom:53%;right:51.8%;width:6.5%}#klmetropolis figure .overlay-img.proposed-railway1{bottom:25.5%;right:37.5%;width:12.5%}#klmetropolis figure .overlay-img.proposed-railway2{bottom:15%;right:22%;width:23.5%}#klmetropolis figure .overlay-img.proposed-railway3{bottom:6%;right:21.5%;width:32.5%}#klmetropolis figure .overlay-img.proposed-railway4{bottom:70%;right:44.5%;height:15px;width:30px;background-image:url("../../assets/klmetropolis/MRT.png");background-size:contain;background-repeat:no-repeat}#klmetropolis figure .overlay-img.proposed-railway4 img{width:100%}#klmetropolis figure .overlay-img.proposed-railway4 span.border-pulse{width:100%;height:100%;border:1px solid white;border-radius:4px;display:block;position:absolute;top:0;-webkit-animation:1.2s ease-out infinite fadeinout;animation:1.2s ease-out infinite fadeinout}@-webkit-keyframes fadeinout{0%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:1}60%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes fadeinout{0%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:1}60%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}#klmetropolis figure .overlay-img.proposed-railway5{bottom:87%;right:71.5%;width:5.5%}#klmetropolis .proposed-railway6{position:absolute;right:10px;bottom:15px;width:200px;height:60px;background-color:black;opacity:0.8;z-index:0;border-radius:5px;border:1px solid #E9C0B2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:5px 5px}#klmetropolis .roadbox{margin-left:5px;width:10px;height:10px;border-radius:20px}#klmetropolis #proposedroadlist>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:4px}#klmetropolis .proposedtext{color:#fff;padding-left:5px;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase}#klmetropolis .r1{background-color:green}#klmetropolis .r2{background-color:#1dd2ff}#klmetropolis .r3{background-color:#ff1ece}.hideproposedroad{display:none !important}.showproposedroad{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 992px){#klmetropolis nav{left:30px;top:80px;bottom:unset;-webkit-transform:unset;transform:unset;width:unset}#klmetropolis nav ul{display:block}#klmetropolis nav ul li{width:160px;height:unset}#klmetropolis nav ul li+li{margin-left:0;margin-top:20px}#klmetropolis nav ul li button{padding:10px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:2px;font-size:1rem}#klmetropolis figure button{font-size:.9rem !important}#klmetropolis figure button img{width:15px;height:15px}#klmetropolis .proposed-railway6{width:300px;height:100px;bottom:30px;padding:10px 10px}.roadbox{width:15px !important;height:15px !important}.proposedtext{font-size:1rem !important}#klmetropolis figure .overlay-img.proposed-railway4{height:40px;width:80px}}@media (orientation: portrait){#klmetropolis nav{z-index:-1}#klmetropolis .proposed-railway6{z-index:-1}}#project{background:#f2f2f2;height:100%}#project nav{position:absolute;bottom:130px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}#project nav ul{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}#project nav ul li{background:rgba(0,0,0,0.3);border-radius:40px;border:2px solid #E9C0B2;width:105px;height:35px}#project nav ul li.active{background:-webkit-gradient(linear, left top, right top, from(#9f6439), to(#d7b17f));background:linear-gradient(90deg, #9f6439 0%, #d7b17f 100%)}#project nav ul li+li{margin-left:10px}#project nav ul li button{width:100%;height:100%;padding:5px 0}#project nav ul li button img{width:20px;height:20px;border:1px solid #fff;padding:3px;border-radius:50%}#project nav ul li button span{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:0.75rem;margin-left:4px}#project .button-360{position:absolute;top:15%;right:10%;background:#5a5a5a;border-radius:50%;padding:5px !important}#project .button-360 img{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}#project #center-block{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}#project #center-block>div{position:relative;display:inline-block;max-width:1150px}#project #center-block>div>img{-o-object-fit:contain;object-fit:contain;height:100%;width:100%}#project #center-block>div .icon-item{position:absolute;width:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#project #center-block>div .icon-item img{display:block;width:40%;height:40%}#project #center-block>div .icon-item span{text-align:center;text-transform:uppercase;font-size:0.7rem;line-height:0.8rem;display:inline-block;width:80px;color:#815e4e}@media (min-width: 992px){.icon-item span{font-size:1.1rem !important;line-height:1.2rem !important;width:120px !important}#project nav{top:130px;bottom:unset;left:30px;-webkit-transform:unset;transform:unset}#project nav ul{display:block}#project nav ul li{width:160px;height:unset}#project nav ul li+li{margin-left:0;margin-top:14px}#project nav ul li button{padding:5px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#project nav ul li button img{width:30px;height:30px;padding:5px}#project nav ul li button span{letter-spacing:2px;font-size:1rem;margin-left:8px}#project .button-360{top:10%;right:20%}#project .button-360 img{width:50px;height:50px}}@media (max-height: 1000px){#project #center-block>div{max-width:1150px}}@media (max-height: 800px){#project #center-block>div{max-width:925px}}@media (max-height: 750px){#project #center-block>div{max-width:800px}}@media (max-height: 500px){#project #center-block>div{max-width:425px}}html,body{height:100%;overflow:hidden;outline:0;padding:0;margin:0;font-family:'Montserrat', sans-serif}html{font-size:62.5%}body{font-size:1.6rem;-webkit-font-smoothing:antialiased;background-color:#181818}button,button:focus{outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.portaitMode{width:100%;height:100%;z-index:1051;margin:0 auto;padding:45px;display:none;background-color:#181818}.portaitMode p{text-align:center;font-weight:1000}.portaitMode .insidebox{width:100%;height:100%;display:block;background-color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-nav{position:absolute;left:90%;top:30%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:3px 0 3px;width:116px;z-index:7}.main-nav ul{list-style:none;display:block}.main-nav ul li button{color:#fff !important;font-size:0.8rem !important;text-transform:uppercase;font-weight:700 !important;-webkit-transition:color 0.3s ease;transition:color 0.3s ease;width:100%;border:1px solid #E9C0B2;border-radius:40px;margin-top:10px;background:#000000a1}.main-nav ul li button.active{color:#ffffffd2 !important;background:-webkit-gradient(linear, left top, right top, from(#9f6439), to(#d7b17f));background:linear-gradient(90deg, #9f6439 0%, #d7b17f 100%)}.main-nav ul span{height:15px;width:1px;background-color:#fff}#overview360-modal{padding:0 0 65px}#overview360-modal button{background-color:#fff;padding:10px;border-radius:50%;right:20px;top:20px;width:15px;height:15px;background-size:30%}.modal-body button{position:absolute;right:10px;top:10px;z-index:4}.modal-backdrop{opacity:0.7 !important}@media (min-width: 992px){.main-nav{position:absolute;left:50%;top:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(0,0,0,0.3);border-radius:32px;border:1px solid #E9C0B2;padding:0;z-index:7;width:210px;height:33px}.main-nav ul{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.main-nav ul li{width:100%;height:100%}.main-nav ul li button{color:#fff !important;font-size:1rem !important;text-transform:uppercase;font-weight:600 !important;-webkit-transition:color 0.3s ease;transition:color 0.3s ease;margin-top:0px;border:none;border-radius:0px;width:100%;height:100%}.main-nav ul li .klmetrbtn{border-radius:50px 0 0 50px}.main-nav ul li .klmetrbtn.active{color:#ffffff !important;background:-webkit-gradient(linear, left top, right top, from(#9f6439), to(#d7b17f));background:linear-gradient(90deg, #9f6439 0%, #d7b17f 100%)}.main-nav ul li .projectbtn{border-radius:0 50px 50px 0;margin-left:1px}.main-nav ul li .projectbtn.active{color:#ffffff !important;background:-webkit-gradient(linear, left top, right top, from(#d7b17f), to(#9f6439));background:linear-gradient(90deg, #d7b17f 0%, #9f6439 100%)}.main-nav ul span{height:15px;width:1px;background-color:#fff}}