.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.table{display:table!important}.table-row{display:table-row!important}.table-cell{display:table-cell!important}.hidden{display:none!important}.invisible{visibility:hidden!important}.transparent{opacity:0!important;filter:alpha(opacity=0)!important;-ms-filter:"alpha(Opacity=0)"!important}.larger{font-size:1.2em}.smaller{font-size:.8em}.textShadow{text-shadow:2px 1px 2px rgba(0,0,0,.5)}.btn{cursor:pointer}.overlay{position:fixed;z-index:1000;width:100%;height:100%;background-color:#222;background-color:rgba(0,0,0,.85);top:0;left:0}.spinner{border:2px solid #9d9c9c;border-top-color:transparent;height:40px;width:40px;border-radius:50%;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;-webkit-animation:spin .75s infinite linear;animation:spin .75s infinite linear}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.centerParent{text-align:center}.centerParent:after{content:'';display:inline-block;height:100%;vertical-align:middle;margin-left:-.25em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.centerChild{display:inline-block;vertical-align:middle;max-width:98%}.embedResponsive{display:block;height:0;overflow:hidden;padding:0;position:relative}.embedResponsive.ratio-16by9{padding-bottom:56.25%}.embedResponsive.ratio-4by3{padding-bottom:75%}.embedResponsiveItem{border:0 none;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}@font-face{font-family:Lato;font-style:normal;font-weight:300;src:local("Lato Light"),local("Lato-Light"),url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v11/KT3KS9Aol4WfR6Vas8kNcg.woff) format("woff")}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local("Lato Regular"),local("Lato-Regular"),url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format("woff")}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local("Lato Bold"),local("Lato-Bold"),url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format("woff")}@font-face{font-family:Lato;font-style:italic;font-weight:300;src:local("Lato Light Italic"),local("Lato-LightItalic"),url(https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivD8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}@font-face{font-family:Lato;font-style:italic;font-weight:400;src:local("Lato Italic"),local("Lato-Italic"),url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v11/oUan5VrEkpzIazlUe5ieaA.woff) format("woff")}@font-face{font-family:Lato;font-style:italic;font-weight:700;src:local("Lato Bold Italic"),local("Lato-BoldItalic"),url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}html{font-family:Lato,Helvetica,Arial,sans-serif;color:#FFF;background-color:#0f0f0f}hr{border:0;width:100%;height:1px;background:#ccc}a{text-decoration:none;color:#6f5715;color:rgba(255,194,48,.4);outline:0}a:hover{color:#ffc230;outline:0}a:focus,button,button:focus,input,input:focus,textarea,textarea:focus{outline:0}.mainContainer{width:100%;max-width:1024px;margin:0 auto}.bgContainer{background:no-repeat;-webkit-background-size:contain;background-size:contain;position:relative}footer{border-top:2px solid #fff;background-color:#2a2a2a;padding:15px 15px 10px;color:#FFF;font-size:10px;position:relative}.socialMediaWrapper{position:absolute;top:0;right:5px;width:150px;height:100%;padding:6px 0}.btnSocial{cursor:pointer;margin:0 4px}.navWrapper{float:right;position:relative}.btnMenu{border-radius:5px;background-color:#000;width:55px;height:45px;padding:7px 5px;text-align:center;display:none;vertical-align:middle;cursor:pointer}.btnMenu .line{display:block;width:70%;margin:6px auto 0;height:2px;background-color:rgba(255,194,48,.4)}.btnMenu.showMenu+.navList{max-height:250px}.navList{list-style:none;font-size:0;display:inline-block;vertical-align:middle;-webkit-transition:max-height .4s;transition:max-height .4s;overflow:hidden}.navItem{display:inline-block;font-size:14px;-webkit-transition:color .3s;transition:color .3s;padding:0 15px;font-weight:700}.navItem.active{color:#ffc230}.logo{vertical-align:middle;opacity:.5}.welcomeTitle{font-size:1.8em;margin:0}.projectHeadingCopy,.welcomeCopy{margin-top:6px;font-size:13px}.videoOverlay{background:#000}.videoOverlayContent{width:100%;max-width:1000px;margin:0 auto}.videoIntro{width:100%;height:auto}.btnSkip{cursor:pointer;display:inline-block;margin:0;padding:0 30px}.bgContainer.home{background-image:url(../images/bg/home-bw.jpg);min-height:768px;text-align:center}.welcomeWrapper{display:inline-block;background-color:#0f0f0f;background-color:rgba(0,0,0,.8);padding:20px;color:#FFF;margin-top:15px}.homeNav{display:none}.homeNavList{padding:0;text-align:center;list-style:none}.homeNavItem{background-color:#0f0f0f;background-color:rgba(0,0,0,.7);padding:20px}.homeNavItem:hover{background-color:rgba(0,0,0,.9)}.hotspot{position:absolute;cursor:pointer;z-index:10}.hotspot.media{top:102px;left:1px;width:256px;height:666px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;background:url(../images/home/media.gif) no-repeat 0 -666px}.hotspot.media:hover{opacity:1}.hotspot.contact{top:102px;left:62.6%;width:96px;height:317px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;background:url(../images/home/contact.gif) no-repeat 0 -317px}.hotspot.contact:hover{opacity:1}.hotspot.projects{top:162px;left:72%;width:289px;height:483px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;background:url(../images/home/projects.gif) no-repeat 0 -483px}.hotspot.projects:hover{opacity:1}.hotspot.about{top:186px;left:42.8%;width:202px;height:582px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;background:url(../images/home/about.gif) no-repeat 0 -582px}.hotspot.about:hover{opacity:1}.bgContainer.about{background-image:url(../images/bg/about.jpg);min-height:768px;-webkit-background-size:cover;background-size:cover;background-position:center center}.aboutContentWrapper{color:#FFF;border-radius:6px;font-size:13px;background-color:#0f0f0f;background-color:rgba(0,0,0,.6);padding:0 50px 40px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-width:25px;-moz-column-width:25px;column-width:25px;position:absolute;bottom:50px;width:90%;left:0;right:0;margin:auto}.aboutParagraph{margin:0;padding:20px 0 0}.bgContainer.project{background-image:url(../images/bg/project.jpg);min-height:768px;-webkit-background-size:cover;background-size:cover;background-position:center center;overflow:hidden}.projectContainer{background-color:#0f0f0f;background-color:rgba(0,0,0,.8);padding:5px 20px 20px;max-height:500px;overflow-y:auto;margin:220px auto 0;width:100%;max-width:820px;border-radius:8px}.projectHeadingWrapper{color:#FFF}.projectHeadingTitle{margin-bottom:0;margin-top:10px}.projectContentWrapper{width:100%;margin:30px auto 0;max-width:700px}.projectThumb{float:left;width:20%;margin:0 2.5% 15px;background:no-repeat center center;height:139px;border-radius:15px;overflow:hidden;cursor:pointer}.projectThumb[data-name="My Lingam Speak"]{background-image:url(../images/project/project_05.jpg)}.projectThumb[data-name="My Lingam Speak"]:hover{background-image:url(../images/project/project_05_hover.jpg)}.projectThumb[data-name="Klue Doh Development"]{background-image:url(../images/project/project_07.jpg)}.projectThumb[data-name="Klue Doh Development"]:hover{background-image:url(../images/project/project_07_hover.jpg)}.projectThumb[data-name=Citrawarna]{background-image:url(../images/project/project_cw.jpg)}.projectThumb[data-name=Citrawarna]:hover{background-image:url(../images/project/project_cw_hover.jpg)}.projectThumb[data-name=TTW]{background-image:url(../images/project/project_ttw.jpg)}.projectThumb[data-name=TTW]:hover{background-image:url(../images/project/project_ttw_hover.jpg)}.projectThumb[data-name=MIA]{background-image:url(../images/project/project_mia.jpg)}.projectThumb[data-name=MIA]:hover{background-image:url(../images/project/project_mia_hover.jpg)}.projectThumb[data-name=huruhara]{background-image:url(../images/project/project_hh.jpg)}.projectThumb[data-name=huruhara]:hover{background-image:url(../images/project/project_hh_hover.jpg)}.projectThumb[data-name=skin23]{background-image:url(../images/project/sk!n.jpg)}.projectThumb[data-name=skin23]:hover{background-image:url(../images/project/sk!n_hover.jpg)}.projectThumb[data-name=LIGHT]{background-image:url(../images/project/project_light.jpg)}.projectThumb[data-name=LIGHT]:hover{background-image:url(../images/project/project_light_hover.jpg)}.projectThumb[data-name="Klue Doh"]{background-image:url(../images/project/project_09.jpg)}.projectThumb[data-name="Klue Doh"]:hover{background-image:url(../images/project/project_09_hover.jpg)}.projectThumb[data-name="The Bee Project"]{background-image:url(../images/project/project_11.jpg)}.projectThumb[data-name="The Bee Project"]:hover{background-image:url(../images/project/project_11_hover.jpg)}.projectThumb[data-name="Flatland Urbanscapes"]{background-image:url(../images/project/project_30.jpg)}.projectThumb[data-name="Flatland Urbanscapes"]:hover{background-image:url(../images/project/project_30_hover.jpg)}.projectThumb[data-name=Flatland]{background-image:url(../images/project/project_19.jpg)}.projectThumb[data-name=Flatland]:hover{background-image:url(../images/project/project_19_hover.jpg)}.projectThumb[data-name=Welcome2Flatland]{background-image:url(../images/project/project_10.jpg)}.projectThumb[data-name=Welcome2Flatland]:hover{background-image:url(../images/project/project_10_hover.jpg)}.projectThumb[data-name="Under KL"]{background-image:url(../images/project/project_21.jpg)}.projectThumb[data-name="Under KL"]:hover{background-image:url(../images/project/project_21_hover.jpg)}.projectThumb[data-name=Future]{background-image:url(../images/project/project_25.jpg)}.projectThumb[data-name=Future]:hover{background-image:url(../images/project/project_25_hover.jpg)}.projectThumb[data-name=SKIN]{background-image:url(../images/project/project_sk!n.jpg)}.projectThumb[data-name=SKIN]:hover{background-image:url(../images/project/project_sk!n_hover.jpg)}.projectThumb[data-name=SKINKL]{background-image:url(../images/project/skinkl.jpg)}.projectThumb[data-name=SKINKL]:hover{background-image:url(../images/project/skinkl-hover.jpg)}#projectOverlay .overlayContentContainer{width:100%;height:100%;overflow:auto}#projectOverlay .overlayContentWrapper{width:100%;margin:0 auto;max-width:700px;padding:20px;border-radius:8px;background-color:#FFF;color:#000;font-size:13px;position:relative;margin-top:25px}#projectOverlay .btnClose{position:absolute;top:5px;right:15px;font-size:25px;cursor:pointer}#projectOverlay .modalVideoWrapper{width:90%;max-width:600px;margin:0 auto}#projectOverlay .modalDescription{line-height:1.2}#projectOverlay .owl-item{text-align:center}#projectOverlay .owl-item img{width:100%;height:auto}#projectOverlay .owl-buttons{margin:15px 0;text-align:center}#projectOverlay .owl-next,#projectOverlay .owl-prev{display:inline-block;border-radius:5px;padding:3px 10px;margin-left:10px;background-color:#ffc230}#projectOverlay .galleria{height:480px}.bgContainer.media{background-image:url(../images/bg/media.jpg);min-height:700px;-webkit-background-size:cover;background-size:cover;background-position:center center;overflow:hidden}.mediaContentWrapper{margin:80px auto 0;color:#FFF;width:100%;max-width:820px;background-color:#0f0f0f;background-color:rgba(0,0,0,.8);border-radius:8px;padding:5px 20px 15px;max-height:460px;overflow-y:auto}.mediaThumb{float:left;width:18%;margin:0 1%;height:auto;border-radius:10px;cursor:pointer;margin-bottom:10px}.bgContainer.contact{background-image:url(../images/bg/links.jpg);min-height:700px;-webkit-background-size:cover;background-size:cover;background-position:center center;overflow:hidden}.contactContentWrapper{font-size:.8em;margin:60px 0 0 50px;background-color:#000;background-color:rgba(0,0,0,.7);display:inline-block;padding:15px 30px}.contactContentWrapper h3{margin-top:25px;margin-bottom:0}.contactContentWrapper p{margin-top:5px}@media (max-width:1024px){.bgContainer.home{background-image:url(../images/bg/home-bw.jpg);min-height:0;-webkit-background-size:cover;background-size:cover}.homeNav{display:block}.hotspot{display:none}}@media (max-width:768px){.bgContainer.about{overflow:hidden}.aboutContentWrapper{background-color:rgba(0,0,0,.8);-webkit-column-count:1;-moz-column-count:1;column-count:1;position:static;margin-top:45px}.projectThumb{-webkit-background-size:cover;background-size:cover;height:120px}}@media (max-width:560px){.projectThumb{width:28%;height:138px}.mediaThumb{width:30%}.galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right{display:none;}}@media (max-width:500px){.navWrapper{padding:6px 10px 0;width:100%}.btnMenu{display:inline-block}.navList{max-height:0;position:absolute;background-color:#000;top:59px;left:0;z-index:10;width:100%;padding-left:0}.navItem{display:block;padding:10px 0;text-align:center}.logo{float:right}.projectRow{margin-bottom:0;text-align:center}.projectThumb{margin-bottom:10px;width:45%;height:170px}.bgContainer.media{min-height:400px}.mediaContentWrapper{margin-top:20px}.mediaThumb{width:45%}}@media (max-width:375px){.projectThumb{height:140px}}@media (max-width:350px){.projectContentWrapper{text-align:center}.projectThumb{height:160px;width:60%;display:inline-block;float:none}.mediaContentWrapper{text-align:center}.mediaThumb{width:70%;float:none;display:inline-block}}