#i_slider ul,ul.completed_items,ul.completed_items li{list-style:none}.grid{width:100%;max-width:1200px;display:block;margin:0 auto;overflow:hidden;position:relative}figure.grid_item{border-radius:4px;-webkit-transitiion:.25s border-radius ease,.75s opacity cubic-bezier(.22,.61,.36,1);-moz-transition:.25s border-radius ease,.75s opacity cubic-bezier(.22,.61,.36,1);-o-transiton:.25s border-radius ease,.75s opacity cubic-bezier(.22,.61,.36,1);-ms-transition:.25s border-radius ease,.75s opacity cubic-bezier(.22,.61,.36,1);transition:.25s border-radius ease,.75s opacity cubic-bezier(.22,.61,.36,1);overflow:hidden!important;opacity:1;z-index:10;margin:0 .5% auto;position:relative;float:left}.grid_item .folio_trigger:focus,.grid_item .folio_trigger:hover,figure.grid_item:focus,figure.grid_item:hover{outline:0!important}figure.grid_item:before{content:"";padding-top:100%;float:left}.grid_item .item_bg{width:calc(100% + 6px);height:calc(100% + 6px);top:-3px;left:-3px;display:block;position:absolute}.item_bg img{width:100%;max-width:100%}body:not(.portable_device) .grid_item:hover .item_bg.blur{-webkit-filter:blur(3px);filter:blur(3px)}.grid_item .item_gradient:before{width:100%;height:100%;content:"";display:block;opacity:.85;z-index:1;position:absolute}.grid_item:nth-child(5n+1) .item_gradient:before{background:#c2ef00;background:-webkit-linear-gradient(left,rgba(194,239,0,1) 0,rgba(0,172,131,1) 100%);background:-moz-linear-gradient(left,rgba(194,239,0,1) 0,rgba(0,172,131,1) 100%);background:linear-gradient(to right,rgba(194,239,0,1) 0,rgba(0,172,131,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2ef00', endColorstr='#00ac83', GradientType=1 )}.grid_item:nth-child(5n+2) .item_gradient:before{background:#00ac83;background:-webkit-linear-gradient(left,rgba(0,172,131,1) 0,rgba(234,34,114,1) 100%);background:-moz-linear-gradient(left,rgba(0,172,131,1) 0,rgba(234,34,114,1) 100%);background:linear-gradient(to right,rgba(0,172,131,1) 0,rgba(234,34,114,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ac83', endColorstr='#ea2272', GradientType=1 )}.grid_item:nth-child(5n+3) .item_gradient:before{background:#ea2272;background:-webkit-linear-gradient(left,rgba(234,34,114,1) 0,rgba(45,35,38,1) 100%);background:-moz-linear-gradient(left,rgba(234,34,114,1) 0,rgba(45,35,38,1) 100%);background:linear-gradient(to right,rgba(234,34,114,1) 0,rgba(45,35,38,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2272', endColorstr='#2d2326', GradientType=1 )}.grid_item:nth-child(5n+4) .item_gradient:before{background:#2d2326;background:-webkit-linear-gradient(left,rgba(45,35,38,1) 0,rgba(84,208,96,1) 100%);background:-moz-linear-gradient(left,rgba(45,35,38,1) 0,rgba(84,208,96,1) 100%);background:linear-gradient(to right,rgba(45,35,38,1) 0,rgba(84,208,96,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2326', endColorstr='#54d060', GradientType=1 )}.grid_item:nth-child(5n+5) .item_gradient:before{background:#54d060;background:-webkit-linear-gradient(left,rgba(84,208,96,1) 0,rgba(194,239,0,1) 99%);background:-moz-linear-gradient(left,rgba(84,208,96,1) 0,rgba(194,239,0,1) 99%);background:linear-gradient(to right,rgba(84,208,96,1) 0,rgba(194,239,0,1) 99%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54d060', endColorstr='#c2ef00', GradientType=1 )}.grid_item .folio_trigger{width:100%;height:100%;display:block;cursor:pointer;z-index:2;position:absolute}.grid_item .branding{width:165px;max-width:50%;top:50%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.35s top cubic-bezier(.68,-.55,.27,1.55);-moz-transition:.35s top cubic-bezier(.68,-.55,.27,1.55);-o-transition:.35s top cubic-bezier(.68,-.55,.27,1.55);-ms-transition:.35s top cubic-bezier(.68,-.55,.27,1.55);transition:.35s top cubic-bezier(.68,-.55,.27,1.55);position:relative}body:not(.portable_device) .grid_item:hover .branding{top:40%}.grid_item .branding svg{width:100%;max-width:100%;pointer-events:none}.grid_item figcaption{width:100%;bottom:5%;text-align:center;color:rgba(255,255,255,.85);-webkit-transition:.25s all ease-in-out;-moz-transition:.25s all ease-in-out;-o-transition:.25s all ease-in-out;-ms-transition:.25s all ease-in-out;transition:.25s all ease-in-out;opacity:0;padding:0 15px;position:absolute}body:not(.portable_device) .grid_item:hover figcaption{bottom:10%;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;-ms-transition-delay:.15s;transition-delay:.15s;opacity:1}.grid_item figcaption p{font-weight:400;line-height:1.25;letter-spacing:-1px;display:inline-block;pointer-events:none;margin-bottom:0}figure.grid_item .all_content{display:none!important}figure.grid_item.hide{opacity:0}figure.grid_item:nth-child(5n+1){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}figure.grid_item:nth-child(5n+2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-o-transition-delay:50ms;-ms-transition-delay:50ms;transition-delay:50ms}figure.grid_item:nth-child(5n+3){-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;-ms-transition-delay:.15s;transition-delay:.15s}figure.grid_item:nth-child(5n+4){-webkit-transition-delay:none;-moz-transition-delay:none;-o-transition-delay:none;-ms-transition-delay:none;transition-delay:none}figure.grid_item:nth-child(5n+5){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}.folio_individual_container{width:100vw;height:100vh;display:block;z-index:9;position:fixed}.project-info{width:400px;height:100vh;top:0;left:-425px;-webkit-box-shadow:5px 0 5px rgba(34,34,34,.1);-moz-box-shadow:5px 0 5px rgba(34,34,34,.1);box-shadow:5px 0 5px rgba(34,34,34,.1);display:block;pointer-events:none;-webkit-transition:1.25s background ease,.5s width ease-in-out;-moz-transition:1.25s background ease,.5s width ease-in-out;-o-transition:1.25s background ease,.5s width ease-in-out;-ms-transition:1.25s background ease,.5s width ease-in-out;transition:1.25s background ease,.5s width ease-in-out;z-index:51;position:fixed}.project-info .clickable{pointer-events:auto}.project-info .folio-close{width:48px;height:48px;top:-50px;right:15px;cursor:pointer;opacity:.85;position:absolute}.project-info .folio-close i{font-size:36px;text-align:center;color:#fff;margin-top:6px}.project-info .folio-close:hover i{opacity:.85}.project-info .proj-img{width:300px;min-width:200px;height:300px;min-height:200px;border-radius:50%;display:block;-webkit-transition:.5s min-width ease-in-out,.5s min-height ease-in-out;-moz-transition:.5s min-width ease-in-out,.5s min-height ease-in-out;-o-transition:.5s min-width ease-in-out,.5s min-height ease-in-out;-ms-transition:.5s min-width ease-in-out,.5s min-height ease-in-out;transition:.5s min-width ease-in-out,.5s min-height ease-in-out;margin:-50px 0 0 -50px;overflow:hidden;z-index:1;position:relative}.project-info .proj-img img{width:calc(100% + 6px);max-width:calc(100% + 6px);top:-3px;left:-3px;display:block;opacity:0;position:relative}.project-info section{width:100%;padding-left:20px;padding-right:20px;position:relative}.project-info section.proj-title h4 span{display:block}ul.completed_items li{display:inline-block;margin-right:15px}ul.completed_items li i,ul.completed_items li p{color:#fff;display:inline-block}ul.completed_items.header li i,ul.completed_items.header li p{color:#222}ul.completed_items li i{margin-right:5px}ul.completed_items li p{font-size:16px;text-transform:uppercase}.mobilefolioTip{background:rgba(0,0,0,.85);width:100vw;height:100vh;display:none;visibility:visible;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5100;position:fixed}.mTipContainer{width:100%;max-width:400px;display:block;padding:25px;position:relative}.mTipContainer>*{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:0}.mTipContainer>.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:1s all ease-out;-moz-transition:1s all ease-out;-o-transition:1s all ease-out;-ms-transition:1s all ease-out;transition:1s all ease-out;opacity:1}.mTipContainer .the_tip{width:100%;color:#fff;display:block;overflow:hidden;padding-bottom:50px}.mTipContainer .the_tip i{width:8%;font-size:28px}.mTipContainer .the_tip p{width:83%;margin-bottom:0}.mTipContainer .the_tip:nth-child(1)>*{float:right}.mTipContainer .the_tip:nth-child(2)>*{text-align:right;float:left}.mTipContainer .the_tip:nth-child(1) i{margin-right:9%}.mTipContainer .the_tip:nth-child(2) i{margin-left:9%}@media screen and (max-width:370px){.mTipContainer .the_tip:nth-child(2) i{margin-left:7%}}.mTipContainer button{margin:0 auto}.item0{-webkit-animation:toolTip 1.5s ease infinite;-moz-animation:toolTip 1.5s ease infinite;-o-animation:toolTip 1.5s ease infinite;animation:toolTip 1.5s ease infinite}.item1{-webkit-animation:toolTip 2s ease infinite;-moz-animation:toolTip 2s ease infinite;-o-animation:toolTip 2s ease infinite;animation:toolTip 2s ease infinite}section.folio_nav{height:40px;display:none;opacity:1}section.folio_nav span{top:0;display:block;cursor:pointer;position:absolute}section.folio_nav span.hide{display:none!important;opacity:0!important}section.folio_nav .duck{opacity:0!important;z-index:-1}section.folio_nav span.prev{left:10px}section.folio_nav span.prev:hover{left:5px}section.folio_nav span.next{right:10px}section.folio_nav span.next:hover{right:5px}section.folio_nav span p{top:-4px;font-size:20px;display:inline-block;margin-bottom:0;position:relative}section.ext_btns,section.folio_nav span .fill{display:none}section.folio_nav span i{font-size:28px}section.ext_btns a>button,section.ext_btns>*{display:inline-block}.project-assets{width:100%;height:100vh;top:0;left:-100%;display:block;overflow:auto;z-index:50;position:fixed}.project-assets .all_content{width:calc(100% - 400px);top:0;overflow:hidden;-webkit-transition:.5s width ease-in-out;-moz-transition:.5s width ease-in-out;-o-transition:.5s width ease-in-out;-ms-transition:.5s width ease-in-out;transition:.5s width ease-in-out;z-index:1;position:relative;float:right}.project-assets .all_content .scroll_hint{width:32px;height:32px;bottom:50px;right:50px;font-size:35px;display:none;cursor:pointer;z-index:10;position:fixed}.project-assets .all_content .scroll_hint:hover{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.project-assets .all_content .scroll_hint i{-webkit-animation:bubble 5s ease-out infinite;-moz-animation:bubble 5s ease-out infinite;-o-animation:bubble 5s ease-out infinite;-ms-animation:bubble 5s ease-out infinite;animation:bubble 5s ease-out infinite}.project-assets .all_content .scroll_hint span:nth-child(2),.project-assets .all_content .scroll_hint span:nth-child(3){width:100px;height:100px;top:-24px;left:-35px;border-radius:100%;-ms-animation-fill-mode:both;opacity:0;z-index:9;position:absolute}.project-assets .all_content .scroll_hint span:nth-child(2){-webkit-animation:look_at_me 5s ease-out 333ms infinite;-moz-animation:look_at_me 5s ease-out 333ms infinite;-o-animation:look_at_me 5s ease-out 333ms infinite;-ms-animation:look_at_me 5s ease-out 333ms infinite;animation:look_at_me 5s ease-out 333ms infinite}.project-assets .all_content .scroll_hint span:nth-child(3){-webkit-animation:look_at_me 5s ease-out 667ms infinite;-moz-animation:look_at_me 5s ease-out 667ms infinite;-o-animation:look_at_me 5s ease-out 667ms infinite;-ms-animation:look_at_me 5s ease-out 667ms infinite;animation:look_at_me 5s ease-out 667ms infinite}img.fade.show{-webkit-animation:showImgs 1.5s ease forwards;-moz-animation:showImgs 1.5s ease forwards;-o-animation:showImgs 1.5s ease forwards;-ms-animation:showImgs 1.5s ease forwards;animation:showImgs 1.5s ease forwards}.project-assets .all_content .full_size{width:100%;height:100vh;display:block;position:relative}.project-assets .all_content>*{position:relative}.project-assets .intro_images{width:120%;left:-10%;margin-top:-8%;position:absolute}.project-assets .intro_images img{width:100%;max-width:1300px;display:block;margin:0 auto;position:relative}.project-assets section.the_title{max-width:250px;margin-top:50%}.project-assets section.the_title h1{line-height:.75}.project-assets .separators span{height:6px;border-radius:6px;display:inline-block}.project-assets .separators span:nth-child(1){width:300px;margin-right:20px}.project-assets .separators span:nth-child(2){width:50px;margin-right:10px}.project-assets .separators span:nth-child(3){width:6px}.browser_window{width:100%;max-width:1100px;height:640px;border-left:1px solid #ececec;border-right:1px solid #ececec;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;margin:0 auto}.browser_window .browser_bar{background:#eee;width:100%;height:45px;text-align:left}.browser_window span{background:#d0d0d0;width:12px;height:12px;top:40%!important;border-radius:100%;display:inline-block;margin:0 8px 0 0;position:relative}.browser_window span:nth-child(1){margin-left:20px}.browser_content{width:100%;height:100%;display:block;overflow:hidden;position:relative}.browser_content img{width:100%;max-width:100%}.project-assets section.at_start{text-align:center;color:#fff;overflow:hidden;padding:15vh 0}.project-assets section.at_start .mini_container{position:relative}.cts_overlay{background:rgba(34,34,34,.75);width:100%;height:100%;cursor:pointer;opacity:0;position:absolute}.cts_overlay:before{top:50%;left:50%;font-size:18px;color:#fff;content:"click to scroll";border:4px solid #fff;display:inline-block;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;padding:20px;position:absolute}.cts_overlay:hover,.cts_overlay:hover::before{opacity:1}section.project_imgs img{width:100%;max-width:100%;margin-bottom:-1px}section.project_imgs img.hide{display:none}section.interactions{border-bottom:2px solid #f8f8f8;overflow:hidden}section.interactions>div:not(.full_width){width:50%;height:100%;top:0;z-index:-1;position:absolute}section.interactions>div:first-child{left:0;opacity:.075}section.interactions>div:nth-child(2){right:0;opacity:.05}section.interactions .full_width{text-align:center;padding-top:15vh}section.interactions .interactions_box{width:100%;max-width:680px;display:block;overflow:hidden;position:relative}section.interactions .interactions_box span.nav{width:40px;display:table-cell;vertical-align:middle;cursor:pointer;position:relative}.interactions_box span.nav.prev,.interactions_box span.nav.prev:hover i{left:0}.interactions_box span.nav.next,.interactions_box span.nav.next:hover i{right:0}.interactions_box span.nav i{font-size:28px;display:block;position:relative}.interactions_box span.nav.prev i{left:5px}.interactions_box span.nav.next i{right:5px}section.interactions .interactions_box .i_content{width:100%;height:100px;display:table-cell;vertical-align:middle;padding:0 25px;position:relative}section.interactions .interactions_box .i_content p{position:relative}section.interactions .interactions_window{width:100%;max-width:1100px;right:-10px;position:relative;float:right}.interactions_window .browser_window{max-height:550px;box-shadow:0 0 8px rgba(0,0,0,.05)}#i_slider{background:#222;overflow:hidden;position:relative}#i_slider ul{height:100%;padding:0;position:relative}#i_slider ul li{height:600px;display:block;margin:0;padding:0;position:relative;float:left}#i_slider ul ul li img{width:100%;max-width:100%}section.mobile_fun{padding-top:15vh;overflow:hidden}section.mobile_fun .device_main_container{width:100%;display:block;position:relative}section.mobile_fun .device_container{width:100%;max-width:835px;position:relative;float:left}.device_container .tablet{background:#eee;width:578px;height:820px;border-radius:32px;display:block;padding:30px 35px 20px;position:relative}.device_container .tablet span.camera{background:#d0d0d0;width:12px;height:12px;border-radius:50%;display:block;margin:0 auto}.device_container .tablet .screen_area{background:#888;width:100%;height:680px;border-radius:2px;display:block;overflow:hidden;margin-top:25px}.device_container .tablet .screen_area img{width:100%;max-width:100%}.device_container .tablet span.button{background:#d0d0d0;width:38px;height:38px;bottom:0;border-radius:50%;display:block;margin:20px auto 0}.device_container .phone{background:#eee;width:246px;height:510px;bottom:0;right:0;border-radius:32px;display:block;padding:25px 15px 15px;position:absolute}.device_container .phone .top_container{display:inline-block;position:relative}.device_container .phone .camera{background:#d0d0d0;width:9px;height:9px;border-radius:50%;display:block;position:relative;float:left}.device_container .phone .speaker{background:#d0d0d0;width:50px;height:9px;border-radius:9px;display:block;margin-left:15px;position:relative;float:left}.device_container .phone .screen_area{background:#888;width:100%;height:385px;border-radius:2px;display:block;overflow:hidden;margin-top:20px}.device_container .phone .screen_area img{width:100%;max-width:100%}.device_container .phone span.button{background:#d0d0d0;width:38px;height:38px;bottom:0;border-radius:50%;display:block;margin:10px auto 0}.device_main_container .text_container{display:block;padding-bottom:50px;position:relative}.device_main_container .text_container h3{margin-bottom:25px}section.in_the_end{text-align:center;color:#fff;z-index:-1;padding:15vh 0}section.in_the_end .mini_container{z-index:1;position:relative}.final{background-size:cover!important;background-repeat:no-repeat!important;width:100%;height:500px;display:block}@-webkit-keyframes toolTip{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(7px)}}@-moz-keyframes toolTip{0%,100%{-moz-transform:translateY(0)}50%{-moz-transform:translateY(7px)}}@-o-keyframes toolTip{0%,100%{-o-transform:translateY(0)}50%{-o-transform:translateY(7px)}}@keyframes toolTip{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}@-webkit-keyframes bubble{0%,12%{-webkit-transform:scale(1)}8%{-webkit-transform:scale(.85)}10%{-webkit-transform:scale(1.15)}}@-moz-keyframes bubble{0%,12%{-moz-transform:scale(1)}8%{-moz-transform:scale(.85)}10%{-moz-transform:scale(1.15)}}@-o-keyframes bubble{0%,12%{-o-transform:scale(1)}8%{-o-transform:scale(.85)}10%{-o-transform:scale(1.15)}}@keyframes bubble{0%,12%{transform:scale(1)}8%{transform:scale(.85)}10%{transform:scale(1.15)}}@-webkit-keyframes look_at_me{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}4%{opacity:.75}40%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-moz-keyframes look_at_me{0%{opacity:0;-moz-transform:scale(0);transform:scale(0)}4%{opacity:.75}40%{opacity:0;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes look_at_me{0%{opacity:0;-o-transform:scale(0);transform:scale(0)}4%{opacity:.75}40%{opacity:0;-o-transform:scale(1);transform:scale(1)}}@keyframes look_at_me{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}4%{opacity:.75}40%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes showImgs{0%{opacity:0}100%{opacity:1}}@-moz-keyframes showImgs{0%{opacity:0}100%{opacity:1}}@-o-keyframes showImgs{0%{opacity:0}100%{opacity:1}}@keyframes showImgs{0%{opacity:0}100%{opacity:1}}