@font-face{font-family:'Thonglor';src:url("../fonts/thonglor_regular-webfont.eot");src:url("../fonts/thonglor_regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/thonglor_regular-webfont.woff2") format("woff2"),url("../fonts/thonglor_regular-webfont.woff") format("woff"),url("../fonts/thonglor_regular-webfont.ttf") format("truetype"),url("../fonts/thonglor_regular-webfont.svg#thonglor_regular-webfont") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Thonglor';src:url("../fonts/thonglor_regular_italic-webfont.eot");src:url("../fonts/thonglor_regular_italic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/thonglor_regular_italic-webfont.woff2") format("woff2"),url("../fonts/thonglor_regular_italic-webfont.woff") format("woff"),url("../fonts/thonglor_regular_italic-webfont.ttf") format("truetype"),url("../fonts/thonglor_regular_italic-webfont.svg#thonglor_regular_italic-webfont") format("svg");font-weight:normal;font-style:italic}@font-face{font-family:'Thonglor';src:url("../fonts/thonglor_light-webfont.eot");src:url("../fonts/thonglor_light-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/thonglor_light-webfont.woff2") format("woff2"),url("../fonts/thonglor_light-webfont.woff") format("woff"),url("../fonts/thonglor_light-webfont.ttf") format("truetype"),url("../fonts/thonglor_light-webfont.svg#thonglor_light-webfont") format("svg");font-weight:300;font-style:normal}@font-face{font-family:'Thonglor';src:url("../fonts/thonglor_light_italic-webfont.eot");src:url("../fonts/thonglor_light_italic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/thonglor_light_italic-webfont.woff2") format("woff2"),url("../fonts/thonglor_light_italic-webfont.woff") format("woff"),url("../fonts/thonglor_light_italic-webfont.ttf") format("truetype"),url("../fonts/thonglor_light_italic-webfont.svg#thonglor_light_italic-webfont") format("svg");font-weight:300;font-style:italic}@font-face{font-family:'Thonglor';src:url("../fonts/thonglor_bold-webfont.eot");src:url("../fonts/thonglor_bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/thonglor_bold-webfont.woff2") format("woff2"),url("../fonts/thonglor_bold-webfont.woff") format("woff"),url("../fonts/thonglor_bold-webfont.ttf") format("truetype"),url("../fonts/thonglor_bold-webfont.svg#thonglor_bold-webfont") format("svg");font-weight:bold;font-style:normal}@font-face{font-family:'Thonglor';src:url("../fonts/thonglor_bold_italic-webfont.eot");src:url("../fonts/thonglor_bold_italic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/thonglor_bold_italic-webfont.woff2") format("woff2"),url("../fonts/thonglor_bold_italic-webfont.woff") format("woff"),url("../fonts/thonglor_bold_italic-webfont.ttf") format("truetype"),url("../fonts/thonglor_bold_italic-webfont.svg#thonglor_bold_italic-webfont") format("svg");font-weight:bold;font-style:italic}.thonglor{font-family:'Thonglor';font-weight:normal;font-style:normal}.thonglorI{font-family:'Thonglor';font-weight:normal;font-style:italic}.thonglorL{font-family:'Thonglor';font-weight:300;font-style:normal}.thonglorLI{font-family:'Thonglor';font-weight:300;font-style:italic}.thonglorB,.button{font-family:'Thonglor';font-weight:bold;font-style:normal}.thonglorBI{font-family:'Thonglor';font-weight:bold;font-style:italic}.opensans{font-family:'Open Sans', sans-serif;font-weight:normal}.opensansI{font-family:'Open Sans', sans-serif;font-weight:normal;font-style:italic}.opensansB{font-family:'Open Sans', sans-serif;font-weight:bold}.muliL,.mobile-menu nav ul li a,.project ul li .project-overlay .project-detail .client,#team ul.team-list li .team-detail .position,.contact-container .address-wrapper .contact-list .contact-item .text{font-family:'Muli', sans-serif;font-weight:300}.muli,html,.navigation-container nav ul li,.mobile-menu nav ul li a.active,.project-navigation ul li a,.sub-filter ul li a,.filter-navigation ul li,.project .project-content .more-project .title,.project .project-content .more-project .more-item .item .detail .name,.project .project-content .more-project .more-item .item .detail .client,#team ul.team-list li .team-detail .name,.footer-container .copyright .text{font-family:'Muli', sans-serif;font-weight:normal}html{font-size:18px;margin:0;max-width:100%;overflow:scroll;overflow-x:hidden;padding:0;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{background-color:#252525;margin:0;min-height:100vh;max-width:100%;padding:0;position:relative;width:100%}body.no-scroll{overflow:hidden}*{-webkit-box-sizing:border-box;box-sizing:border-box}.clear,.wrapper .content::after,.filter-navigation ul::after,.contact-container .address-wrapper .contact-list .contact-item::after,.contact-container .address-wrapper .contact-list::after,.footer-container::after{content:'';display:table;clear:both}.button{background-color:#FFCF26;border:none;color:#255AA8;cursor:pointer;display:inline-block;font-size:33px;line-height:1.5em;padding:0 18px;text-decoration:none;-webkit-transition:all 200ms ease;transition:all 200ms ease}.button:hover{background-color:#FFEB3B}header#header{background-color:#FFF;height:87px;position:fixed;width:100%;z-index:300}.logo-container{display:block;float:left;height:87px;line-height:87px;position:relative;width:81px}.logo-container a{display:inline-block;height:54px;position:relative;vertical-align:middle;width:100%}.logo-container a img{display:block;width:100%}.navigation-container{display:block;float:right;height:87px;line-height:87px;max-width:1059px;position:relative}.navigation-container nav{display:inline-block;height:63px;position:relative;vertical-align:middle;width:100%}.navigation-container nav ul{display:inline-block;list-style-type:none;line-height:normal;margin:0;padding:0;position:relative;text-align:right;width:100%}.navigation-container nav ul li{display:inline-block;font-size:16px;position:relative;padding:0 30px}.navigation-container nav ul li:last-child{padding-right:0}.navigation-container nav ul li a{color:#313131;display:inline-block;position:relative;text-decoration:none;-webkit-transition:all 100ms ease;transition:all 100ms ease}.navigation-container nav ul li a::after{content:'';background-color:#8cb400;background-size:100%;bottom:-10px;height:2px;left:0;position:absolute;width:0;-webkit-transition:all 200ms ease;transition:all 200ms ease}.navigation-container nav ul li a.active::after{left:0;width:100%}.navigation-container nav ul li a:hover::after{left:0;width:100%}.navigation-container .c-hamburger{background-color:transparent;display:none;position:relative;overflow:hidden;margin:0;padding:0;width:26px;height:26px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;vertical-align:middle;-webkit-transition:background 0.3s;transition:background 0.3s}.navigation-container .c-hamburger:focus{outline:none}.navigation-container .c-hamburger span{display:block;position:absolute;top:11px;left:0;right:0;height:4px;background:#000000}.navigation-container .c-hamburger span::before,.navigation-container .c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:4px;background-color:#000000;content:""}.navigation-container .c-hamburger span::before{top:-11px}.navigation-container .c-hamburger span::after{bottom:-11px}.navigation-container .c-hamburger--htx span{-webkit-transition:background 0s 0.3s;transition:background 0s 0.3s}.navigation-container .c-hamburger--htx span::before,.navigation-container .c-hamburger--htx span::after{-webkit-transition-duration:0.3s, 0.3s;transition-duration:0.3s, 0.3s;-webkit-transition-delay:0.3s, 0s;transition-delay:0.3s, 0s}.navigation-container .c-hamburger--htx span::before{-webkit-transition-property:top, -webkit-transform;transition-property:top, -webkit-transform;transition-property:top, transform;transition-property:top, transform, -webkit-transform}.navigation-container .c-hamburger--htx span::after{-webkit-transition-property:bottom, -webkit-transform;transition-property:bottom, -webkit-transform;transition-property:bottom, transform;transition-property:bottom, transform, -webkit-transform}.navigation-container .c-hamburger--htx.is-active span{background:none}.navigation-container .c-hamburger--htx.is-active span::before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navigation-container .c-hamburger--htx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.navigation-container .c-hamburger--htx.is-active span::before,.navigation-container .c-hamburger--htx.is-active span::after{background-color:#8cb400;-webkit-transition-delay:0s, 0.3s;transition-delay:0s, 0.3s}.body-overlay{background-color:rgba(255,255,255,0.5);display:none;height:100%;left:0;opacity:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100;-webkit-transition:opacity 10s ease;transition:opacity 10s ease}.body-overlay.is-active{display:block;opacity:1;visibility:visible}.desktop{display:block !important}.tablet{display:block}.mobile{display:none !important}.mobile-block{display:none !important}.only-mobile{display:none !important}.not-visible{visibility:hidden}.mobile-menu{display:none;background-color:#eee;position:fixed;left:0;max-height:100%;opacity:0;overflow-y:auto;padding:100px 0 35px;-webkit-transform:translateY(-10em);transform:translateY(-10em);right:0;z-index:250;visibility:hidden;-webkit-transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s}.mobile-menu.is-active{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%);visibility:visible;-webkit-transition-delay:0s, 0s, 0.3s;transition-delay:0s, 0s, 0.3s}.mobile-menu.is-active nav ul li{opacity:1}.mobile-menu.is-active nav ul li:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation:menuAnimate 0.7s both ease-in-out;-moz-animation:menuAnimate 0.7s both ease-in-out}.mobile-menu.is-active nav ul li:nth-child(2){-webkit-animation-delay:0.06s;animation-delay:0.06s;-webkit-animation:menuAnimate2 0.7s both ease-in-out;-moz-animation:menuAnimate2 0.7s both ease-in-out}.mobile-menu.is-active nav ul li:nth-child(3){-webkit-animation-delay:0.12s;animation-delay:0.12s;-webkit-animation:menuAnimate3 0.7s both ease-in-out;-moz-animation:menuAnimate3 0.7s both ease-in-out}.mobile-menu.is-active nav ul li:nth-child(4){-webkit-animation-delay:0.18s;animation-delay:0.18s;-webkit-animation:menuAnimate4 0.7s both ease-in-out;-moz-animation:menuAnimate4 0.7s both ease-in-out}.mobile-menu.is-active nav ul li:nth-child(5){-webkit-animation-delay:0.24s;animation-delay:0.24s;-webkit-animation:menuAnimate5 0.7s both ease-in-out;-moz-animation:menuAnimate5 0.7s both ease-in-out}.mobile-menu nav{display:block;margin:0 auto;position:relative;width:93%}.mobile-menu nav ul{margin:0;list-style-type:none;padding:0}.mobile-menu nav ul li{display:block;opacity:0;position:relative;-webkit-animation:menuAnimateOut 400ms both ease-in 0s;-moz-animation:menuAnimateOut 400ms both ease-in 0s}.mobile-menu nav ul li a{color:#000;display:inline-block;font-size:36px;line-height:1.2em;margin:7px 0;text-decoration:none;padding:7px 0 7px 0;position:relative}.mobile-menu nav ul li a.active{font-weight:bold}.mobile-menu nav ul li a.active::after{content:'';background-color:#8cb400;bottom:0;height:2px;left:0;position:absolute;width:100%}.mobile-menu nav ul li:nth-child(1){-webkit-animation-delay:0.24s;animation-delay:0.24s}.mobile-menu nav ul li:nth-child(2){-webkit-animation-delay:0.18s;animation-delay:0.18s}.mobile-menu nav ul li:nth-child(3){-webkit-animation-delay:0.12s;animation-delay:0.12s}.mobile-menu nav ul li:nth-child(4){-webkit-animation-delay:0.06s;animation-delay:0.06s}.mobile-menu nav ul li:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes menuAnimate{0%{opacity:0;-webkit-transform:translate3d(-20%, 0%, 0);transform:translate3d(-20%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes menuAnimate{0%{opacity:0;-webkit-transform:translate3d(-20%, 0%, 0);transform:translate3d(-20%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes menuAnimate2{0%{opacity:0;-webkit-transform:translate3d(-30%, 0%, 0);transform:translate3d(-30%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes menuAnimate2{0%{opacity:0;-webkit-transform:translate3d(-30%, 0%, 0);transform:translate3d(-30%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes menuAnimate3{0%{opacity:0;-webkit-transform:translate3d(-40%, 0%, 0);transform:translate3d(-40%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes menuAnimate3{0%{opacity:0;-webkit-transform:translate3d(-40%, 0%, 0);transform:translate3d(-40%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes menuAnimate4{0%{opacity:0;-webkit-transform:translate3d(-50%, 0%, 0);transform:translate3d(-50%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes menuAnimate4{0%{opacity:0;-webkit-transform:translate3d(-50%, 0%, 0);transform:translate3d(-50%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes menuAnimate5{0%{opacity:0;-webkit-transform:translate3d(-60%, 0%, 0);transform:translate3d(-60%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes menuAnimate5{0%{opacity:0;-webkit-transform:translate3d(-60%, 0%, 0);transform:translate3d(-60%, 0%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes menuAnimateOut{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:0;-webkit-transform:translate3d(-100%, -150%, 0);transform:translate3d(-100%, -150%, 0)}}@keyframes menuAnimateOut{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:0;-webkit-transform:translate3d(-100%, -150%, 0);transform:translate3d(-100%, -150%, 0)}}.container{padding-bottom:50px;padding-top:87px;position:relative;width:100%}section{display:block;position:relative;width:100%}.wrapper{margin:0 auto;max-width:1140px;position:relative;width:96%}.wrapper .content{color:#FFF;margin:0 auto;max-width:1140px;position:relative;width:100%}.content-half{float:left;position:relative;width:50%}.home-slide{display:block;height:calc(100vh - 137px);position:relative;width:100%}.home-slide .slide-item{background-position:center center;background-size:cover;display:block;height:calc(100vh - 137px);position:relative;width:100%;z-index:99}.home-slide .slide-item div,.home-slide .slide-item iframe{background-position:center center;background-size:cover;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.home-slide .slide-item div.owl-video-play-icon,.home-slide .slide-item iframe.owl-video-play-icon{height:80px;left:50%;top:50%;width:80px}.home-slide .owl-controls{margin-top:-80px;position:absolute;width:100%;z-index:100}.home-slide .owl-controls .owl-dots .owl-dot span{background:rgba(255,255,255,0.2);height:14px;width:14px}.home-slide .owl-controls .owl-dots .owl-dot.active span{background:#FFF}.reel-video{display:block;height:calc(100vh - 137px);position:relative;width:100%}.reel-video iframe{border:0;position:absolute;top:0;left:0;width:100%;height:100%}.project-navigation{background-color:#eee;display:block;height:42px;left:0;line-height:42px;position:fixed;width:100%;z-index:200}.project-navigation ul{margin:0;padding:0;list-style-type:none}.project-navigation ul li{display:inline-block;margin:0;padding:0 2.85%;position:relative;text-align:center}.project-navigation ul li a{font-size:14px;color:#000;padding-bottom:11px;padding-top:13px;position:relative;text-decoration:none;text-transform:lowercase}.project-navigation ul li a::after{content:'';background-color:#8cb400;bottom:9px;height:2px;left:0;position:absolute;width:0;-webkit-transition:all 300ms ease;transition:all 300ms ease}.project-navigation ul li a:hover::after,.project-navigation ul li a.active::after{width:100%}.project-navigation ul li:first-child{padding-left:0;text-align:left}.project-navigation ul li:last-child{padding-right:0;text-align:left}.sub-filter{background-color:#8cb400;margin-top:42px;height:32px;left:0;line-height:32px;position:fixed;width:100%;z-index:100;-webkit-transition:all 200ms ease;transition:all 200ms ease}.sub-filter ul{margin:0;padding:0;list-style-type:none}.sub-filter ul li{display:inline-block;margin:0;padding:0 1%;position:relative;text-align:center}.sub-filter ul li a{color:#FFF;font-size:13px;padding-bottom:7px;padding-top:10px;position:relative;text-decoration:none}.sub-filter ul li a::after{content:'';background-color:#8cb400;bottom:4px;height:2px;left:0;position:absolute;width:0;-webkit-transition:all 300ms ease;transition:all 300ms ease}.sub-filter ul li a:hover::after,.sub-filter ul li a.active::after{width:100%}.sub-filter ul li:first-child{padding-left:0;text-align:left}.sub-filter ul li:last-child{padding-right:0;text-align:left}.filter-navigation{background-color:#eee;left:0;position:fixed;width:100%;z-index:100;-webkit-box-shadow:inset -10vw 0px 0px 0px #8cb400;box-shadow:inset -10vw 0px 0px 0px #8cb400}.filter-navigation .wrapper .container{padding:0}.filter-navigation ul{margin:0;padding:0;list-style-type:none}.filter-navigation ul li{display:block;float:left;font-size:22px;height:55px;line-height:55px;text-transform:lowercase;position:relative}.filter-navigation ul li a{left:0;position:absolute;text-decoration:none;top:0;width:100%}.filter-navigation ul li a span{display:block;position:relative;width:100%}.filter-navigation ul li a span::after{content:'';background-position:center center;background-repeat:no-repeat;background-size:100%;display:inline-block;height:11px;position:absolute;right:0;top:43%;width:20px;z-index:100}.filter-navigation ul li.category{background-color:#eee;width:70%}.filter-navigation ul li.category a{color:#8cb400;padding-right:25px}.filter-navigation ul li.category a span::after{background-image:url("../images/caret-down-green.svg")}.filter-navigation ul li.category ul{background-color:#eee;-webkit-box-shadow:-10vw 0px 0px 0px #eee;box-shadow:-10vw 0px 0px 0px #eee}.filter-navigation ul li.category ul li a{color:#000}.filter-navigation ul li.category ul li a.active{color:#8cb400}.filter-navigation ul li.year{background-color:#8cb400;width:30%}.filter-navigation ul li.year a{color:#FFF;padding-left:25px}.filter-navigation ul li.year a span::after{background-image:url("../images/caret-down-white.svg")}.filter-navigation ul li.year ul{background-color:#8cb400;-webkit-box-shadow:10vw 0px 0px 0px #8cb400;box-shadow:10vw 0px 0px 0px #8cb400}.filter-navigation ul li.year ul li a{color:#FFF}.filter-navigation ul li.year ul li a.active{color:#000}.filter-navigation ul li ul{opacity:0;position:absolute;top:0;-webkit-transform:translateY(-2em);transform:translateY(-2em);visibility:hidden;width:100%;-webkit-transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s}.filter-navigation ul li ul li{float:none}.filter-navigation ul li.active.category a span::after{background-image:url("../images/caret-up-green.svg")}.filter-navigation ul li.active.year a span::after{background-image:url("../images/caret-up-white.svg")}.filter-navigation ul li.active ul{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%);-webkit-transition-delay:0s, 0s, 0.3s;transition-delay:0s, 0s, 0.3s;visibility:visible}.project{display:block;padding-top:74px;position:relative;width:100%}.project ul{margin:0}.project ul li{position:relative}.project ul li .project-overlay{background-color:rgba(0,0,0,0.85);display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;left:0;opacity:0;padding:0 20%;position:absolute;top:0;visibility:hidden;width:100%;-webkit-transition:all 200ms ease;transition:all 200ms ease}.project ul li .project-overlay .project-detail{display:block;line-height:normal;text-align:center;vertical-align:middle;width:100%}.project ul li .project-overlay .project-detail h2{color:#FFF;font-size:20px;font-weight:normal;line-height:1.5em;margin:0}.project ul li .project-overlay .project-detail .divide{background-color:#8cb400;display:block;height:2px;margin:16px auto 0;position:relative;width:70%}.project ul li .project-overlay .project-detail .client{color:#FFF;font-size:16px;margin-top:16px}.project ul li a:hover .project-overlay{opacity:1;visibility:visible}.project .project-video{display:block;height:695px;margin-top:-74px;position:relative;width:100%}.project .project-video iframe{border:0;position:absolute;top:0;left:0;width:100%;height:100%}.project .project-content{color:#303030;margin:0 auto;max-width:945px;padding:35px 0 90px;width:100%}.project .project-content .project-head{position:relative;width:100%}.project .project-content .project-head span{background-color:transparent;background-position:center center;background-repeat:no-repeat;border-radius:5px;cursor:pointer;display:block;height:35px;position:absolute;width:35px;-webkit-transition:all 200ms ease;transition:all 200ms ease}.project .project-content .project-head span.share-button{background-image:url("../images/share.svg");background-size:30px 30px;right:0;top:0}.project .project-content .project-head span.share-button:hover{background-color:rgba(0,0,0,0.05)}.project .project-content .project-head span.share-button:active{background-color:rgba(0,0,0,0.1)}.project .project-content .project-head span.twitter-button{background-image:url("../images/tw-share.svg");background-size:30px 30px;opacity:0;right:0px;top:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0)}.project .project-content .project-head span.twitter-button:hover{background-image:url("../images/tw-share-act.svg")}.project .project-content .project-head span.twitter-button.active{opacity:1;right:40px;-webkit-transform:scale(1);transform:scale(1);visibility:visible}.project .project-content .project-head span.facebook-button{background-image:url("../images/fb-share.svg");background-size:30px 30px;opacity:0;right:0px;top:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0)}.project .project-content .project-head span.facebook-button:hover{background-image:url("../images/fb-share-act.svg")}.project .project-content .project-head span.facebook-button.active{opacity:1;right:80px;-webkit-transform:scale(1);transform:scale(1);visibility:visible}.project .project-content .project-head span.copy-button{background-image:url("../images/copy-link.svg");background-size:30px 30px;opacity:0;right:0px;top:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0)}.project .project-content .project-head span.copy-button:hover{background-image:url("../images/copy-link-act.svg")}.project .project-content .project-head span.copy-button.active{opacity:1;right:120px;-webkit-transform:scale(1);transform:scale(1);visibility:visible}.project .project-content h1{font-size:36px;font-weight:normal;margin:0}.project .project-content h2{color:#8cb400;font-size:24px;font-weight:normal;margin:0}.project .project-content p{font-size:16px;line-height:1.5em;margin:1.2em 0}.project .project-content .image-wrapper{display:block;margin:37px 0;position:relative;width:100%}.project .project-content .image-wrapper img{display:block;max-width:100%;width:100%}.project .project-content .more-project{margin-top:130px;width:100%}.project .project-content .more-project .title{font-size:24px;text-align:center;width:100%}.project .project-content .more-project .divide{background-color:#8cb400;display:block;height:2px;margin:22px auto;position:relative;width:300px}.project .project-content .more-project .more-item{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:4px;position:relative;width:100%}.project .project-content .more-project .more-item .item{display:block;position:relative;width:32.5%}.project .project-content .more-project .more-item .item a{display:block;text-decoration:none}.project .project-content .more-project .more-item .item a:hover .thumbnail .thumbnail-item{-webkit-transform:scale(1.2);transform:scale(1.2)}.project .project-content .more-project .more-item .item .thumbnail{display:block;height:172px;overflow:hidden;position:relative;width:100%}.project .project-content .more-project .more-item .item .thumbnail .thumbnail-item{background-size:cover;background-position:center center;height:100%;position:absolute;width:100%;-webkit-transition:all 200ms ease;transition:all 200ms ease}.project .project-content .more-project .more-item .item .detail{display:block;width:100%}.project .project-content .more-project .more-item .item .detail .name{color:#030303;font-size:20px;padding:15px 0 10px}.project .project-content .more-project .more-item .item .detail .client{color:#AAA;font-size:18px}.copy-message{background-color:#fff;border-radius:5px;bottom:10px;cursor:pointer;font-size:16px;padding:15px 20px;position:fixed;right:10px;z-index:1;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75)}.awards-container{display:block;padding:2rem 0;position:relative;width:100%}@media only screen and (max-width: 695px){.awards-container{padding:1.5rem 0}}.awards-container .award-item{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:2rem;text-decoration:none}@media only screen and (max-width: 695px){.awards-container .award-item{margin-bottom:1rem}}.awards-container .award-item .thumbnail{display:block;-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;position:relative;width:40%}@media only screen and (max-width: 695px){.awards-container .award-item .thumbnail{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;width:100%}}.awards-container .award-item .thumbnail:before{content:'';background-color:#eee;display:block;padding-top:56.25%}.awards-container .award-item .thumbnail:after{content:'';background-color:rgba(0,0,0,0.3);display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;z-index:1}.awards-container .award-item .thumbnail .thumbnail-media{background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.awards-container .award-item .desc{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;padding:2rem;position:relative;width:60%}@media only screen and (max-width: 940px){.awards-container .award-item .desc{padding:1rem 1.5rem}}@media only screen and (max-width: 695px){.awards-container .award-item .desc{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-top:1rem;padding:1rem 0;width:100%}}.awards-container .award-item .desc:before{content:'';background-color:#8cb400;display:block;height:2px;left:2rem;position:absolute;top:0;width:100px}@media only screen and (max-width: 940px){.awards-container .award-item .desc:before{left:1.5rem}}@media only screen and (max-width: 695px){.awards-container .award-item .desc:before{left:0}}.awards-container .award-item .desc p,.awards-container .award-item .desc h2,.awards-container .award-item .desc h3{font-weight:normal;margin:0}.awards-container .award-item .desc p.date{font-size:16px;margin-bottom:0.5rem}.awards-container .award-item .desc h2{font-size:28px}.awards-container .award-item .desc h3{color:#8cb400;font-size:24px;margin-bottom:1rem}@media only screen and (max-width: 940px){.awards-container .award-item .desc p{font-size:14px}.awards-container .award-item .desc p.date{font-size:14px}.awards-container .award-item .desc h2{font-size:22px}.awards-container .award-item .desc h3{font-size:20px}}.awards-container .award-item:hover .thumbnail:after{opacity:1}.profile-container{display:block;padding-top:90px;position:relative;width:100%}.profile-container h1{color:#8cb400;font-size:28px;font-weight:normal;line-height:1.5em;margin:0}.profile-container p{line-height:1.5em;margin:0 0 58px 0}.team-banner{display:block;position:relative;width:100%}.team-banner img{display:block;margin:0 auto}#team{display:block;padding-bottom:24px;padding-top:15px;position:relative;width:100%}#team ul.team-list{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;list-style-type:none;margin:0;padding:0;width:100%}#team ul.team-list li{padding:10px;width:25%}#team ul.team-list li .team-thumbnail{display:block;position:relative;width:100%}#team ul.team-list li .team-thumbnail img{display:block;width:100%}#team ul.team-list li .team-detail{display:block;position:relative;width:100%}#team ul.team-list li .team-detail .name{display:block;font-size:16px;width:100%}#team ul.team-list li .team-detail .name span{display:inline-block;padding:10px 0;position:relative;width:100%}#team ul.team-list li .team-detail .name span::after{content:'';background-color:#8cb400;bottom:0;height:2px;left:0;position:absolute;width:100%}#team ul.team-list li .team-detail .position{display:block;font-size:12px;padding:5px 0 0;width:100%}.contact-container{display:block;position:relative;width:100%}.contact-container .address-wrapper{display:block;padding-top:20px;position:relative;width:100%}.contact-container .address-wrapper .contact-list{display:block;padding-bottom:50px;position:relative;width:100%}.contact-container .address-wrapper .contact-list .contact-item{float:left;margin:25px 0 0 0;position:relative}.contact-container .address-wrapper .contact-list .contact-item .icon{display:block;float:left;height:50px;line-height:50px;width:33px}.contact-container .address-wrapper .contact-list .contact-item .icon img{display:inline-block;width:100%;vertical-align:middle}.contact-container .address-wrapper .contact-list .contact-item .text{display:block;float:left;font-size:16px;line-height:50px;min-height:50px;padding-left:20px;width:calc(100% - 33px)}.contact-container .address-wrapper .contact-list .contact-item .text a{color:#FFF;text-decoration:none}.contact-container .address-wrapper .contact-list .contact-item .text label{display:inline-block;width:35px}.contact-container .address-wrapper .contact-list .contact-item .text span{display:inline-block;line-height:1.5em;vertical-align:middle}.contact-container .address-wrapper .contact-list .contact-item.address-item{width:51%}.contact-container .address-wrapper .contact-list .contact-item.phone-item{width:30%}.contact-container .address-wrapper .contact-list .contact-item.mail-item{width:19%}.contact-container .address-wrapper .contact-list .contact-item.facebook-item{width:100%}.contact-container .address-wrapper .contact-list .contact-item p{margin:0 !important;padding:0 !important}.contact-container .address-wrapper .contact-list .contact-item table{border-collapse:collapse;width:100%}.contact-container .address-wrapper .contact-list .contact-item table tr td:nth-child(odd){vertical-align:top;width:35px}#contact-map{display:block;height:390px;position:relative;width:100%}.page{position:relative;width:100%}.page.project-detail-page,.page.award-detail-page{background-color:#f9f9f9}.ng-enter{-webkit-animation:fadeIn 200ms both ease-in;animation:fadeIn 200ms both ease-in}@keyframes slideInUp{from{opacity:0;-webkit-transform:translateY(100%) scale(0.8);transform:translateY(100%) scale(0.8)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes slideInUp{from{-webkit-opacity:0;-webkit-transform:translateY(100%) scale(0.8)}to{-webkit-opacity:1;-webkit-transform:translateY(0) scale(1)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fancybox-nav span{visibility:visible !important}.fancybox-next{right:-50px !important}.fancybox-next span{background-image:url("../images/next.png") !important;background-position:center !important;background-repeat:no-repeat !important;height:43px !important;width:25px !important}.fancybox-prev{left:-50px !important}.fancybox-prev span{background-image:url("../images/prev.png") !important;background-position:center !important;background-repeat:no-repeat !important;height:43px !important;width:25px !important}.fancybox-close{background-image:url("../images/close.png") !important;background-repeat:no-repeat !important;height:30px !important;right:-38px !important;top:0 !important;width:30px !important}@-webkit-keyframes loader_rot{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes loader_rot{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.separator{background-color:#8cb400;display:block;height:2px;margin:1rem 0;width:10rem}.grid{list-style:none;background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out}.grid-img{width:100%;vertical-align:middle;-webkit-transition:opacity 0.6s ease-out;transition:opacity 0.6s ease-out;background-color:#fff;opacity:0;visibility:hidden}.grid-img.img-loaded{visibility:visible;opacity:1}.dynamic-grid{position:relative;display:none}.dynamic-grid.angular-grid{display:block}.grid{position:absolute;list-style:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 400ms ease;transition:all 400ms ease;overflow:hidden}.grid.ng-leave{-webkit-transition:all ease 400ms;transition:all ease 400ms}.grid.ng-leave.ng-leave-active{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}.grid.ng-enter{-webkit-transition:all ease 400ms;transition:all ease 400ms;-webkit-transition-delay:500ms;transition-delay:500ms;-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}.grid.ng-enter.ng-enter-active{-webkit-transform:scale(1);transform:scale(1);opacity:1}.grid-img{width:100%;vertical-align:middle;background-color:#fff;opacity:0;visibility:hidden}.grid-img.img-loaded{visibility:visible;opacity:1}.not-visible{visibility:hidden}@-webkit-keyframes fadeInLeftUp{0%{opacity:0;-webkit-transform:translate3d(-100%, 100%, 0);transform:translate3d(-100%, 100%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftUp{0%{opacity:0;-webkit-transform:translate3d(-100%, 100%, 0);transform:translate3d(-100%, 100%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftUp{-webkit-animation-name:fadeInLeftUp;animation-name:fadeInLeftUp}footer#footer{background-color:#ffffff;bottom:0;height:50px;left:0;position:absolute;right:0;width:100%}.footer-container{height:50px;line-height:50px;position:relative;width:100%}.footer-container .copyright{display:block;float:left;font-size:12px;width:330px}.footer-container .copyright .icon{display:inline-block;line-height:normal;vertical-align:middle;width:21px}.footer-container .copyright .icon img{display:block;width:21px}.footer-container .copyright .text{color:rgba(0,0,0,0.5);display:inline-block;line-height:normal;padding-left:10px;vertical-align:middle}.footer-container .footer-navigation{float:left;width:810px}.footer-container .footer-navigation nav ul{margin:0;padding:0;list-style-type:none;text-align:right}.footer-container .footer-navigation nav ul li{display:inline-block;font-size:18px;font-weight:bold;padding:0;padding-right:12px;position:relative}.footer-container .footer-navigation nav ul li a{color:#313131;position:relative;text-decoration:none}.footer-container .footer-navigation nav ul li img{display:inline-block;vertical-align:middle;width:30px}.footer-container .footer-navigation nav ul li:last-child{padding-right:0}._d{display:block}._t{display:none}._m{display:none}@media only screen and (max-width: 1200px){.project-navigation ul li{padding:0 1.6%}}@media only screen and (max-width: 940px){html{font-size:20px}header#header{height:74px}.logo-container{height:74px;line-height:74px;width:60px}.logo-container a{height:40px}.navigation-container{height:74px;line-height:74px;text-align:right;width:calc(100% - 60px)}.navigation-container nav{display:none}.navigation-container .c-hamburger{display:inline-block}.mobile-menu{display:block}.container{padding-bottom:45px;padding-top:74px}.wrapper{width:93%}.home-slide,.reel-video{height:calc(100vh - 119px)}.home-slide .slide-item,.reel-video .slide-item{height:calc(100vh - 119px)}.project{padding-top:55px}.project ul li a{text-decoration:none}.project ul li a .project-overlay{position:relative;bottom:0;height:78px;min-height:78px;opacity:1;padding:10px 25px;top:auto;visibility:visible}.project ul li a .project-overlay .project-detail{text-align:left}.project ul li a .project-overlay .project-detail h2{display:inline-block;font-size:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project ul li a .project-overlay .project-detail h2::after{content:'';background-color:#8cb400;bottom:0;display:block;height:3px;width:100%}.project ul li a .project-overlay .project-detail .divide{display:none}.project ul li a .project-overlay .project-detail .client{font-size:12px;margin:5px 0 0 0}.project .project-video{height:435px;margin-top:-55px}.project .project-content{padding-bottom:35px}.project .project-content .project-head.mobile{margin-top:70px}.project .project-content .project-head span{background-size:52px 52px !important;height:58px;margin:0 auto;position:relative;width:58px}.project .project-content .project-head span.twitter-button{position:absolute;right:50%}.project .project-content .project-head span.twitter-button.active{right:55%}.project .project-content .project-head span.facebook-button{position:absolute;right:50%}.project .project-content .project-head span.facebook-button.active{right:64%}.project .project-content .project-head span.copy-button{position:absolute;right:50%}.project .project-content .project-head span.copy-button.active{right:73%}.project .project-content p{font-size:20px}.project .project-content .more-project{margin-top:50px}.project .project-content .more-project .title{font-size:34px}.project .project-content .more-project .divide{margin:15px auto}.project .project-content .more-project .more-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:25px}.project .project-content .more-project .more-item .item{margin-bottom:22px;width:100%}.project .project-content .more-project .more-item .item .thumbnail{float:left;height:205px;width:50%}.project .project-content .more-project .more-item .item .detail{float:left;padding-left:30px;width:50%}.project .project-content .more-project .more-item .item .detail .name{font-size:24px;padding-top:0}.project .project-content .more-project .more-item .item .detail .client{font-size:22px}.project .project-content .more-project .more-item .item::after{content:'';display:table;clear:both}.copy-message{font-size:22px}.team-banner img{width:100%}#team ul.team-list li{width:33.3333333333%}#team ul.team-list li .team-detail .name{font-size:13px}#team ul.team-list li .team-detail .position{font-size:10px}.profile-container{padding-top:45px}.profile-container p{margin-bottom:28px}#contact-map{height:475px}.contact-container .address-wrapper .contact-list .contact-item.address-item,.contact-container .address-wrapper .contact-list .contact-item.phone-item,.contact-container .address-wrapper .contact-list .contact-item.mail-item,.contact-container .address-wrapper .contact-list .contact-item.facebook-item{width:100%}.contact-container .address-wrapper .contact-list .contact-item .icon{height:40px;line-height:40px;padding-top:6px;width:40px}.contact-container .address-wrapper .contact-list .contact-item .text{font-size:24px;height:auto;padding-left:28px;padding-right:25px;width:calc(100% - 55px)}footer#footer{height:45px}.footer-container{height:45px;line-height:45px}.footer-container .copyright{font-size:14px;width:370px}.footer-container .footer-navigation{width:calc(100% - 370px)}.footer-container .footer-navigation nav ul{display:table;float:right;height:45px}.footer-container .footer-navigation nav ul li{display:table-cell;vertical-align:middle}.footer-container .footer-navigation nav ul li img{display:table-cell;height:26px;width:26px}.desktop{display:none !important}.tablet{display:block}.mobile-block{display:none !important}.only-mobile{display:none !important}.mobile{display:block !important}._d{display:none}._t{display:block}._m{display:none}}@media only screen and (max-width: 695px){html{font-size:20px}header#header{height:53px}.logo-container{height:53px;line-height:53px;width:40px}.logo-container a{height:27px}.navigation-container{height:53px;line-height:53px;text-align:right;width:calc(100% - 40px)}.navigation-container nav{display:none}.navigation-container .c-hamburger{display:inline-block;height:16px;width:18px}.navigation-container .c-hamburger span{height:3px;top:6px}.navigation-container .c-hamburger span::before{height:3px;top:-6px}.navigation-container .c-hamburger span::after{height:3px;bottom:-6px}.mobile-menu{display:block;padding:73px 0 28px}.mobile-menu nav{width:90%}.mobile-menu nav ul li a{font-size:24px;margin:0}.container{padding-bottom:32px;padding-top:53px}.wrapper{width:90%}.home-slide,.reel-video{height:calc(100vh - 85px)}.home-slide .slide-item,.reel-video .slide-item{height:calc(100vh - 85px)}.filter-navigation ul li{font-size:16px;height:42px;line-height:42px}.filter-navigation ul li a span::after{height:6px;width:12px}.project{padding-top:42px}.project ul li a .project-overlay{bottom:0;height:auto;min-height:78px;opacity:1;padding:10px 25px;top:auto;visibility:visible}.project ul li a .project-overlay .project-detail{text-align:left}.project ul li a .project-overlay .project-detail h2{display:inline-block;font-size:20px;overflow:auto;text-overflow:clip;white-space:normal}.project ul li a .project-overlay .project-detail h2::after{content:'';background-color:#8cb400;bottom:0;display:block;height:3px;width:100%}.project ul li a .project-overlay .project-detail .divide{display:none}.project ul li a .project-overlay .project-detail .client{font-size:12px;margin:5px 0 0 0}.project .project-video{height:58vw;margin-top:-42px}.project .project-content{padding-bottom:35px;padding-top:20px}.project .project-content h1{font-size:25px}.project .project-content h2{font-size:16px}.project .project-content .project-head.mobile{margin-top:35px}.project .project-content .project-head span{background-size:32px 32px !important;height:38px;margin:0 auto;position:relative;width:38px}.project .project-content .project-head span.twitter-button{position:absolute;right:50%}.project .project-content .project-head span.twitter-button.active{right:58%}.project .project-content .project-head span.facebook-button{position:absolute;right:50%}.project .project-content .project-head span.facebook-button.active{right:71%}.project .project-content .project-head span.copy-button{position:absolute;right:50%}.project .project-content .project-head span.copy-button.active{right:84%}.project .project-content p{font-size:12px}.project .project-content .image-wrapper{margin:24px 0}.project .project-content .more-project{margin-top:25px}.project .project-content .more-project .title{font-size:17px}.project .project-content .more-project .divide{margin:15px auto;width:60%}.project .project-content .more-project .more-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:25px}.project .project-content .more-project .more-item .item{margin-bottom:22px;width:100%}.project .project-content .more-project .more-item .item .thumbnail{float:left;height:50vw;width:100%}.project .project-content .more-project .more-item .item .detail{float:left;padding-left:0;width:100%}.project .project-content .more-project .more-item .item .detail .name{font-size:17px;padding:10px 0 5px}.project .project-content .more-project .more-item .item .detail .client{font-size:13px}.project .project-content .more-project .more-item .item::after{content:'';display:table;clear:both}.copy-message{font-size:18px}.team-banner img{width:100%}#team{padding-bottom:0;padding-top:0}#team ul.team-list li{width:50%}#team ul.team-list li .team-detail .name{font-size:11px}#team ul.team-list li .team-detail .name span{display:block;padding:5px 0}#team ul.team-list li .team-detail .position{font-size:8px}.profile-container{padding-top:22px}.profile-container h1{font-size:14px}.profile-container p{font-size:12px;margin-bottom:18px}#contact-map{height:330px}.contact-container .address-wrapper{padding-bottom:38px;padding-top:10px}.contact-container .address-wrapper .contact-list .contact-item.address-item,.contact-container .address-wrapper .contact-list .contact-item.phone-item,.contact-container .address-wrapper .contact-list .contact-item.mail-item,.contact-container .address-wrapper .contact-list .contact-item.facebook-item{width:100%}.contact-container .address-wrapper .contact-list .contact-item .icon{height:24px;line-height:24px;padding-top:3px;width:24px}.contact-container .address-wrapper .contact-list .contact-item .text{font-size:14px;height:auto;line-height:30px;padding-left:14px;padding-right:25px;width:calc(100% - 24px)}.contact-container .address-wrapper::after{content:'';display:table;clear:both}footer#footer{height:32px}.footer-container{height:32px;line-height:32px}.footer-container .copyright{font-size:9px;width:auto}.footer-container .copyright .text{padding-left:0}.footer-container .footer-navigation{float:right;width:auto}.footer-container .footer-navigation nav ul{display:table;float:right;height:32px}.footer-container .footer-navigation nav ul li{display:table-cell;vertical-align:middle}.footer-container .footer-navigation nav ul li img{display:table-cell;height:20px;width:20px}.desktop{display:none !important}.mobile-block{display:block !important}.tablet{display:none !important}.only-mobile{display:-moz-flex !important;display:-ms-flex !important;display:-o-flex !important;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.mobile{display:block !important}._d{display:non}._t{display:none}._m{display:block}}