.dialog-box{width:auto!important}.dialog-body{max-height:400px;overflow-y:auto}.list-col{display:inline-block;vertical-align:top}.list-item{display:list-item;margin-left:20px;margin-right:15px;font-size:8pt;line-height:15px}.section{height:auto;position:relative}.section-1{padding-top:80px;position:relative}.section-1-image{width:100%;height:350px;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#eee;position:relative}.section-1-image:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.6),rgba(255,255,255,.9))}.section-1.reverse .section-1-image:after{background:linear-gradient(to left,transparent,rgba(255,255,255,.6),rgba(255,255,255,.9))}.section-1-logo{width:380px;height:170px;background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;margin-top:40px;top:50%;right:100px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.section-1.reverse .section-1-logo{right:auto;left:100px}.section-2{padding:30px 0}.section-2 .section-description pre{text-align:left}.section-3{padding:50px 0;background-color:#f0f0f0;text-align:center}.section-3-item{display:inline-block;vertical-align:top;width:450px}.section-3-item:nth-child(1){margin-right:50px}.section-3-item-title{display:inline-block;font-family:montserrat-bolditalic;font-size:18pt;padding-bottom:15px;margin-bottom:15px;position:relative}.section-3-item-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:red}.section-3-description pre{font-size:11pt;line-height:20px;color:#555}.section-4{padding-bottom:50px}.section-4-background{padding:50px 0 100px;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;background-color:#ddd}.section-4-background:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5)}.section-4-item-container{width:878px;margin:0 auto;text-align:center}.section-4-item{display:inline-block;vertical-align:top;width:270px;height:100px;background:linear-gradient(to right,#66b9ff,#001fd9);text-align:center;position:relative;border-radius:20px;margin-right:30px;margin-bottom:30px}.section-4-item.clickable{cursor:pointer}.section-4-item:nth-child(3n),.section-4-item:nth-last-child(1){margin-right:0}.section-4-item-center{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.section-4-item-title{color:#fff;font-size:13pt;margin-bottom:5px}.section-4-item-description{color:#fff;font-size:11pt}.section-4-image-container{text-align:center;margin-top:-70px;position:relative}.section-4-image{display:inline-block;vertical-align:top;width:250px;height:250px;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:15px;margin-right:10px;background-color:#ddd}.section-4-image:nth-child(4n){margin-right:0}.section-5{padding-bottom:50px}.section-5-image-container{text-align:center}.section-5-image-pulau{width:450px}.section-5-image-tbbm{width:600px}.structure-container{position:relative}.structure-line{position:absolute;top:0;left:calc(50% - 2px);width:4px;height:100%;background-color:#56ccac}.structure{width:330px;height:80px;background:linear-gradient(to right,#66b9ff,#001fd9);position:relative;margin:0 auto 20px;border-radius:20px}.structure:before{content:"";position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);background-color:#fff;border-radius:16px}.structure:nth-last-child(1){margin-bottom:0}.structure-center{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.structure-title{font-family:roboto-bold;margin-bottom:3px}.structure-name{color:#555}@media all and (max-width:1024px){.dialog-box{width:90vw!important}.section-1{padding-top:0}.section-1-image{height:45vw}.section-1-logo{width:70vw;height:30vw;margin-top:0;top:50%;right:auto!important;left:50%!important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.section-3-item{display:block;width:100vw;padding:0 5vw;margin-right:0;margin-bottom:10vw}.section-4-item-container{width:100vw;padding:0 5vw}.section-4-item{display:block;width:90vw;height:100px;margin-right:0;margin-bottom:30px}.section-4-image{display:block;width:90vw;height:60vw;margin-right:0;margin-left:5vw;margin-bottom:5vw}.section-5-image-pulau,.section-5-image-tbbm{width:90vw}}@media all and (max-width:767px){.structure{width:90vw}.structure-name,.structure-title{font-size:10pt}.section-3{text-align:left}}