.home-page-container{width:100%;height:100%}.home-page-container .loading-icon{position:fixed;left:-225px;top:calc(50% - 112.5px);width:225px;height:168px;background:transparent url(cce42dd66730a121b3ffd2c196ce65cf.svg) no-repeat;transition:left 1.2s ease-out}.home-page-container .loading-icon-move-right{left:100%}.mobile-header{display:none}.mega-menu-container{position:fixed;z-index:99;width:210px;top:0;right:0;bottom:0;background-color:#000}.mega-menu-container .close-menu-button{display:none}.mega-menu-container .mc-logo-button{position:absolute;width:110px;height:220px;right:26px;bottom:-5px}.mega-menu-container .mc-logo-button svg{width:100%;height:100%;fill:#fff}.mega-menu-container nav{margin-top:180px;color:#fff;text-align:right}.mega-menu-container nav ul{list-style:none;padding-left:0;width:180px}.mega-menu-container nav a{color:#fff;font-size:18px;line-height:46px;width:150px;height:46px;display:inline-block}.mega-menu-container nav .selected{text-decoration:underline}.mega-menu-container .social-media-box{margin-left:80px;margin-right:30px;list-style:none;padding-left:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;color:#fff}.mega-menu-container .social-media-box a{display:inline-block;width:20px;height:20px}.mega-menu-container .social-media-box a svg{fill:#fff;transition:fill .2s ease-out}.mega-menu-container .social-media-box a:link svg,.mega-menu-container .social-media-box a:visited svg{fill:#fff}.mega-menu-container .social-media-box a:hover svg{fill:red}.mega-menu-container .social-media-box a:active svg{fill:#fff}@media (max-width:767.98px){.mobile-header{position:fixed;z-index:98;display:block;left:0;top:0;width:100%;height:50px;background-color:#000}.mobile-header h2{color:#fff;margin:0;padding-left:10px;padding-top:5px}.mobile-header .toggle-button{position:absolute;top:8px;right:8px;width:32px;height:32px;margin:0;padding:0}.mobile-header .toggle-button svg{width:100%;height:100%;fill:#fff}.mobile-header .toggle-button:active svg{fill:red}.mega-menu-container{right:-210px;transition:right .1s ease-out}.mega-menu-container .mc-logo-button{width:80px;height:180px}.mega-menu-container .close-menu-button{display:block;position:absolute;top:8px;right:8px;width:32px;height:32px;padding:4px}.mega-menu-container .close-menu-button svg{width:100%;height:100%;fill:#fff}.mega-menu-container .close-menu-button:active svg{fill:red}}@font-face{font-family:work-frame-number-font;src:url(ff78c5e2b6c3846035dae28cdaa65583.ttf)}.number-slide{position:relative;z-index:100;display:block;overflow:hidden;width:140px;height:140px;left:85px;bottom:88px;pointer-events:none}.number-slide .slide-content{margin-top:-20px;position:absolute;transition:top .3s ease-in-out}.number-slide .slide-content h2{margin:0;height:180px;line-height:180px;font-size:180px;text-align:right;font-family:work-frame-number-font}.thumb-slide{position:relative;display:block;overflow:hidden}.thumb-slide .slide-content{position:absolute;transition:top .3s ease-in-out}.thumb-slide .slide-content button{margin:0;padding:0;display:block;border:0;cursor:pointer}.thumb-slide .slide-content button img{width:100%;height:100%;transition:transform .1s ease-out}.thumb-slide .slide-content button:hover img{transform:scale(1.1)}.work-frame-container{position:relative;left:180px;top:115px;color:#fff;transition:width .1s ease-in-out,height .1s ease-in-out}.work-frame-container h3{position:absolute;z-index:101;margin:0;font-size:82px;left:225px;bottom:-65px;font-family:work-frame-number-font;pointer-events:none}.work-frame-container h5{position:absolute;z-index:102;margin:0;right:0;bottom:-35px}.work-frame-container h6{position:absolute;z-index:103;margin:0;bottom:-60px;right:0}.work-frame-container .button-previous{position:absolute;left:0;bottom:-105px;width:42px;height:42px}.work-frame-container .button-previous svg{width:100%;height:100%;fill:#fff;transition:fill .2s ease-in-out}.work-frame-container .button-previous:hover svg{fill:red}.work-frame-container .button-previous:active svg{fill:#fff}.work-frame-container .button-next{position:absolute;left:60px;bottom:-105px;width:42px;height:42px}.work-frame-container .button-next svg{width:100%;height:100%;fill:#fff;transition:fill .2s ease-out}.work-frame-container .button-next:hover svg{fill:red}.work-frame-container .button-next:active svg{fill:#fff}.work-frame-container .button-disabled{pointer-events:none}.work-frame-container .button-disabled svg{fill:grey}.work-frame-container .interactive-top-image{position:absolute;z-index:-10;left:20px;top:-100px;width:199px;height:191px;background:transparent url(50294dc126cf19e3b7952a9915dee39b.png) no-repeat}.work-frame-container .interactive-right-image{position:absolute;z-index:-11;right:-140px;bottom:75px;width:231px;height:171px;background:transparent url(215c66ec55870c2533a1376f26842595.png) no-repeat}.work-frame-container .creative-left-top-image{position:absolute;z-index:10;left:-80px;top:40px;width:107px;height:108px;background:transparent url(3cf2291f889328c89763b4e60db289e4.svg) no-repeat}.work-frame-container .creative-left-bottom-image{position:absolute;z-index:-11;left:-100px;bottom:-50px;width:80px;height:50px;background:transparent url(e1071d7f031ca632b7f35377722fb22b.svg) no-repeat}.work-frame-container .creative-right-top-image{position:absolute;z-index:-12;right:-180px;top:-150px;width:569px;height:540px;background:transparent url(c999fc1c5807bf2392a043ddf10b7957.svg) no-repeat}.work-frame-container .creative-right-bottom-image{position:absolute;z-index:-13;right:-140px;bottom:55px;width:67px;height:46px;background:transparent url(4aae3b846e85fdb9cb9be616167993f3.svg) no-repeat}@media (max-width:767.98px){.mobile-work-list-container{margin-top:50px}}.work-indicator-container{position:fixed;left:0;top:230px;width:75px}.work-indicator-container ul{list-style:none;padding:0;line-height:0;margin:0}.work-indicator-container a{width:75px;height:40px;display:inline-block}.work-indicator-container a .indicator-dot{margin-left:31px;margin-top:14px;height:12px;width:12px;background-color:red;border-radius:50%;display:inline-block;transition:background-color .2s ease-out}.work-indicator-container a:hover .indicator-dot{background-color:#fff}.work-indicator-container .selected{pointer-events:none}.work-indicator-container .selected .indicator-dot{background-color:#fff}.media-list-container{width:100%}.media-list-container img{width:100%;opacity:0;transition:opacity .3s ease-out}.media-list-container .img-loaded{opacity:1}.password-box{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:90;color:#fff;transition:width .1s ease-in-out,height .1s ease-in-out}.password-box .content-box{position:absolute;left:50%;top:50%;width:280px;height:52px;margin-left:-135px;margin-top:-25px}@media (max-width:767.98px){.password-box .content-box input{width:200px;margin-right:8px}}.work-detail-page-container{position:relative;width:calc(100% - 210px);height:100%;min-height:600px;padding-top:100px}.work-detail-page-container .head-container{margin-left:70px;margin-right:70px;margin-bottom:100px}.work-detail-page-container .head-container h1{font-size:72px;color:#fff}.work-detail-page-container .head-container h2{margin-bottom:40px;color:#8c8c8c}.work-detail-page-container .head-container h5{margin-top:20px;font-size:20px;color:#8c8c8c}.work-detail-page-container .head-container h6{margin-top:20px;font-size:16px;color:#ccc}.work-detail-page-container .head-container a{color:red}.work-detail-page-container .head-container .work-content{position:relative;margin-top:40px;font-size:18px;line-height:1.5em;color:#fff;overflow:hidden}.work-detail-page-container .head-container .work-content .read-more{display:none}@media (max-width:767.98px){.work-detail-page-container{margin-top:50px;width:100%;padding:0}.work-detail-page-container .head-container{margin:0 20px 20px}.work-detail-page-container .head-container h1{padding-top:20px;font-size:32px;color:#fff}.work-detail-page-container .head-container .work-content .read-more{position:absolute;display:block;left:0;bottom:0;width:100%;text-align:center;margin:0;padding:30px 0}.work-detail-page-container .head-container .work-content .read-more button{width:100%;cursor:pointer;border:0;background:none;text-decoration:underline}.work-detail-page-container .head-container .work-content .read-more button:focus{outline:0}.work-detail-page-container .head-container .work-content .read-more button:active{text-decoration:none}}.about-me-page-container{background-color:#d8d8d8;width:100%;height:100%;padding-right:210px;padding-bottom:86px}.about-me-page-container .head-container{width:100%;overflow:hidden}.about-me-page-container .head-container img{width:100%}.about-me-page-container .about-me-content{margin:80px 86px;font-size:20px;line-height:34px}.about-me-page-container .about-me-content a{color:red!important}.about-me-page-container .about-me-content p{margin:40px 0}.about-me-page-container .about-me-content p span{color:red;front-weight:bold}@media (max-width:767.98px){.about-me-page-container{margin-top:50px;padding-right:0}.about-me-page-container .head-container{height:300px}.about-me-page-container .about-me-content{margin:20px;font-size:18px}.about-me-page-container .about-me-content h2{font-size:20px}}.not-found-page-container{position:relative;width:calc(100% - 210px);height:100%;min-height:600px;padding-top:100px}.not-found-page-container h1{text-align:center;color:#fff}.not-found-page-container p{margin-top:100px;text-align:center}.not-found-page-container p a{color:red}