@import 'fonts.css';.font-3{font-family:"Roboto Slab", serif;font-weight:300;font-size:15px;line-height:22px}.title2{font-size:29px;line-height:100%}.disable-selection{-moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.form-button-style{width:100%;padding:10px 12px 14px;font-size:16px;border:none}.transition,.transition-default{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.transition-fast{-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.transition-clear,.transition-none{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}html{height:auto;overflow-x:hidden}html:not(.dev){-moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}html.p-popup-open #content #proj-bottom,html.p-popup-open #content #toggle-rc-only,html.p-popup-open #content .col_a,html.p-popup-open #content img.preview,html.p-popup-open #content img.preview+.i-caption,html.p-popup-open #content section.case-study-cont,html.p-popup-open #right-column{-webkit-filter:blur(2px);filter:blur(2px)}*{padding:0;margin:0}body{margin:0 auto;line-height:20px;cursor:default;color:#000}body.scrolled#project.article #content-wrap,body.scrolled#project.case-study #content-wrap{padding-top:33px}body.scrolled#home .parallax-mirror{-webkit-transform:translate3d(0px, 20px, 0px)!important;transform:translate3d(0px, 20px, 0px)!important}body.scrolled #header-top{height:52px;padding-top:0px;padding-bottom:9px}body.scrolled #header-top #header #btn-bb.fixed{padding-top:2px;padding-bottom:3px}body.scrolled #hello{margin-top:61px;top:-216px}body.scrolled #hello-bg{padding-bottom:0}body.scrolled nav#main .top-menu-selected{top:-3px}body.scrolled #menu-hidden{top:61px}body.scrolled #toggle-rc-only{top:122px}body.right-col-hover #right-column{width:24%}body.right-col-hover #content{width:62%}body.right-col-hover #content #projects .project p{font-size:0.945em}body.show-right-col #toggle-rc-only{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}body:not(.has-hello-bg){background-image:url('../images/header.jpg');background-position:0 83px;background-repeat:no-repeat;background-color:#dbdbdb;background-attachment:fixed;background-size:100%}body:not(.has-hello-bg).gan{background-image:none!important;background-color:white!important}body:not(.has-hello-bg).gan div,body:not(.has-hello-bg).gan i,body:not(.has-hello-bg).gan nav,body:not(.has-hello-bg).gan section{float:none}body:not(.has-hello-bg).gan #content-wrap{background:none!important;margin-top:150px;text-align:center;color:#000000;padding-left:20px;padding-right:20px}body:not(.has-hello-bg).gan #content-wrap #gan-ttl{margin-top:60px;margin-bottom:40px}body:not(.has-hello-bg).gan #content-wrap #gan-q-buttons button+button{margin-left:30px}body:not(.has-hello-bg).gan #content-wrap #gan-q-buttons a{color:#74B260;font-weight:bold;border-bottom:1px solid white}body:not(.has-hello-bg).gan #content-wrap #gan-q-buttons a:hover{color:#000000;border-bottom-color:rgba(0, 0, 0, 0.7)}body:not(.has-hello-bg).gan #content-wrap #gan-q-buttons a:focus{border-bottom-color:#74B260}body:not(.has-hello-bg).gan #content-wrap #gan-q-buttons a:focus:hover{text-decoration:underline}body:not(.has-hello-bg).gan #content-wrap,body:not(.has-hello-bg).gan #wrapper,body:not(.has-hello-bg).gan .separator,body:not(.has-hello-bg).gan body,body:not(.has-hello-bg).gan footer,body:not(.has-hello-bg).gan header{width:auto}body:not(.has-hello-bg).gan #right-column{display:none!important}#categories h2,#project-included h2,body,body#project .next-to-title h3,button,input,select,textarea{font-family:'PlayRegular', Arial, sans-serif}#categories h2,#project-included h2,body{font-size:16px;letter-spacing:1px}a{text-decoration:none;outline:none}ul{list-style:none}.h1-like,h1{letter-spacing:1px}#go-back,.arw,.button-dp,.ff2,.h1-like,.h2-like,.h3-like,h1,h2,h3{font-family:'robotobold_italic', Arial, sans-serif;text-transform:uppercase}.h1-like,.h2-like,h1,h2{font-size:29px}.h3-like,h3{font-size:20px;margin-bottom:15px}#copyright,aside,div,footer,i,nav,section{position:relative}div,i,nav,section{float:left}header{height:72px;padding-top:11px;position:fixed;z-index:12;background:#FFF;top:0;left:0}header #hp-loading{bottom:-6px}#header-top{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}i{display:block}i.i-default{float:none;display:inline}.allow-select{-moz-user-select:-moz-text;-moz-user-select:text;-o-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text}#copyright,#icons,#right-column{width:21%}#icons i{width:35px;height:35px;border:2px solid #818181;opacity:0.5;filter:alpha(opacity=50);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}#icons>a,#icons>i{margin-left:22px}#icons>i:first-child{margin-left:14%}#icons a{display:inline-block;float:left}#logo{width:323px;height:56px;background:url('images/logo-default.svg') no-repeat;margin-left:21px;position:absolute}#logo.design{background-image:url('images/logo-ux.svg')}#logo-mobile,#logo-mobile-bw{width:100%}nav#main,nav li,nav li span.txt{display:inline-block}nav#main{height:46px;margin-left:31%}nav#main li{height:35px;background:url('../images/slash-menu.png') no-repeat;margin:10px 4px 0 0;padding:11px 14px 0 12px;opacity:0.5;filter:alpha(opacity=50);line-height:14px}nav#main li,nav#main li a{color:#000}nav#main .txt{font-weight:bold}nav#main .main-nav-txt-big{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);display:inline-block;letter-spacing:1;margin-left:10px;position:relative;top:-8px;font-family:'robotobold_italic', Arial, sans-serif}#icons{height:45px;padding-top:11px;position:absolute;right:0}#content-wrap,#header,#menu-hidden,#show-me-more,#wrapper,.separator,body,footer,header{width:100%}#wrapper{left:0}#categories li,#copyright,#front-end-projects li,#project-included ul,#projects h4,#see-other h5,.project-type,.project label.rebranding,.section-featured li,body#project .next-to-title h3,nav li{text-transform:uppercase;letter-spacing:3px;font-size:11px}#hello{width:71%;height:212px;margin-top:83px;overflow:hidden;top:0;border-radius:0 0 35px 0;-webkit-border-radius:0 0 35px 0;-moz-border-radius:0 0 35px 0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#contact-popup,#content-wrap,#hello,#no-js,#no-support-low-res,body.has-hello-bg{color:#FFF;background-color:#131313;background-attachment:fixed}@-webkit-keyframes photoP{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:scale(10);transform:scale(10)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:scale(1);transform:scale(1)}}@keyframes photoP{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:scale(10);transform:scale(10)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:scale(1);transform:scale(1)}}#photo{width:49%;height:156px;padding:55px 6% 0 43%;background:url('../images/photo.png') 8px -96px no-repeat}#photo p{line-height:150%}#photo p.animate-on-load[data-animation-active=true]{opacity:0;-webkit-transform:scale(10);-ms-transform:scale(10);transform:scale(10)}#photo p.animate-on-load[data-animation-active=true].animate{-webkit-animation:photoP 0.75s linear 0.75s 1 forwards;animation:photoP 0.75s linear 0.75s 1 forwards}.photo-top-menuClosed{background-position:8px -69px!important}.font1{font-family:PlayRegular, sans-serif}.font2{font-family:'robotobold_italic', Arial, sans-serif}.font22{font-size:22px}#contact{background:url('../images/icon-contact.png') center center no-repeat}#linkedin{background:url('../images/icon-linkedin.png') center center no-repeat}#menu,#menu-s{background:url('../images/icon-hamburger_x3.png') center center no-repeat;display:none}#menu-s{width:35px;height:35px;background-size:80%;border:0!important;margin-top:-13px;display:block}#copyright{display:inline-block;float:right;color:#FFF;padding-top:32px}#copyright>span{padding-left:14%;float:left}#right-column .btn-rc,.btn-pre{background:none;color:white;display:inline-block;padding:3px 9px 2px;font-weight:bold;font-size:12px;text-transform:uppercase;border:1px solid #74B260;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#right-column .btn-rc.keep-both:hover .pre-text,.btn-pre.keep-both:hover .pre-text{color:black!important}#right-column .btn-rc:not(.keep-both):hover .pre-text,.btn-pre:not(.keep-both):hover .pre-text{width:0!important}#right-column .btn-rc:hover,.btn-pre:hover{color:black;background-color:#74B260}#right-column .btn-rc:hover .pre-text,.btn-pre:hover .pre-text{color:transparent!important}#right-column .btn-rc .pre-text,.btn-pre .pre-text{width:24px;white-space:nowrap;text-align:left;display:inline-block;color:#74B260;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#right-column{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#right-column.edu>*{max-width:227px}#right-column.edu h1{margin-bottom:36px}#right-column .type{color:#979797}#right-column #btn-rc-ttl{position:absolute;top:0;right:0}#right-column .btn-rc{border-color:grey}#right-column .btn-rc+.btn-rc{margin-left:15px}#right-column .btn-rc .pre-text{color:grey}#right-column .rc-btns{width:100%;margin:15px 0}#right-column ul.list-image{color:#000000}#right-column ul.list-image>li>img{width:140px;height:140px}#right-column ul.list-image>li>ul{padding-left:34px;margin:20px auto 16px}#right-column ul.list-image>li>ul>li{position:relative}#right-column ul.list-image>li>ul>li:before{width:24px;height:24px;content:'';display:inline-block;background-image:url('icons/icon_certificate.svg');background-size:100% 100%;position:absolute;top:-2px;left:-34px}#right-column ul.list-image>li>ul>li+li{margin-top:15px}#right-column ul.list-image>li+li{margin-top:36px}#right-column ul.list-image .li-note{font-size:12px;line-height:14px;letter-spacing:normal;display:block;marign-top:16px}#project #right-column{right:7%}#contact,#menu,#menu-s,#project-included h2,#reflection,#toggle-top,nav#main li,nav#menu-hidden li{cursor:pointer;cursor:hand}#quote{top:87px;left:36%;z-index:10}#quote,.statement:before{font-size:160px;position:absolute}#quote,.arial,.statement:before{font-family:'Arial', sans-serif}#contact-popup h2,#content h2,#menu-hidden ul .top-menu-selected a,#menu-side h2,#menu-side li a:hover,#no-js a,#no-js h1,#projects h4,#quote,.green,.statement:before,a.category-name,body#experience #categories li h2{color:#74B260!important}footer{height:104px;background:url('../images/footer.jpg') center bottom no-repeat;background-size:100%;background-attachment:fixed;float:left}#p-ftr a{color:#67d571;border-bottom:1px solid transparent}#p-ftr a:hover{border-bottom-color:#67d571}#categories,#categories a,#front-end-projects,.section-featured{color:#000}#categories,#front-end-projects,.section-featured{width:73%;margin:0 8%;display:block;text-align:center}#categories>li,#front-end-projects>li,.section-featured>li{width:100%;display:inline-block;vertical-align:top;text-align:left;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px}#categories>li>a,#front-end-projects>li,.section-featured>li{padding:6% 8%}#categories>li{margin:4px 0}#categories>li>a{display:block}#categories>li li{line-height:120%;margin:7px 0}#categories h2{padding:0 0 10px;line-height:125%}#categories>li li,#front-end-projects>li li,.section-featured>li li{display:block}#categories h2,#project-included h2{text-transform:none}#project-included h2{padding:26px 0}#project-included h2+ul{margin-bottom:24px}#hello-bg{width:100%;padding-bottom:154px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#hello-bg.before-full-load{background:#e8e8e8}#content-wrap{color:#FFF;margin:0}#content{width:65%;margin:0 7%;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}body.no-right-column #content{width:100%!important;margin:0!important}body.no-right-column #right-column{display:none!important}#content,#home #right-column{padding-top:86px}#home-intro-txt{z-index:10}.small{font-family:'PlayBold', Arial, sans-serif;font-size:11px;color:#aaa;position:absolute}#icon-contact,#icon-linkedin,#icon-menu,#logo-mobile,#logo-mobile-bw{display:none}.separator{height:1px}#home .separator{height:1px;margin-bottom:38px}#show-me-more{line-height:160%;border-top:2px solid #424242;padding:54px 0 65px}#show-me-more>div{display:inline-block}#show-me-more>div>div{line-height:116%;margin-bottom:10px;clear:both}#show-me-more>div>div a{display:inline-block}#show-me-more h2{color:#FFF!important;margin:0 36px 12px 0;display:inline-block;float:left}#show-me-more a.has-own-link:hover{color:white}#show-me-more,#show-me-more a,body.front-end-development #projects ul{color:#959595}#show-me-more span.green,body.front-end-development #projects ul>li .green,ul.tags>li .green{padding:0 11px}a.category-name{margin-right:15px;border-color:#74b260!important}a.category-name:hover{border-color:#000!important}#tooltip{position:absolute;background:red;color:white;display:none;top:-28px}.project{width:44%;margin-bottom:70px}.project .project-thumb-extra{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.project:nth-child(odd){margin-right:12%}.project .project-image:hover .project-thumb-extra,.project .project-link:hover .project-thumb-extra{opacity:0.65}.project .project-image.mobile-app img.project-thumb{width:45%;top:8.5%;right:8.5%}.project .project-image.mobile-app img.project-thumb-extra{width:36.65%;top:28.5%;left:8.5%}.project.artcl{overflow:hidden}.project.artcl .project-image{background-color:grey;background-size:cover;background-position:center center}.project.artcl .proj-draft{left:0!important}img.laptop{width:100%}img.project-thumb{width:77%;top:7%;left:11.5%;position:absolute;border:1px solid #555!important}div.project-thumb-mobile{width:100%;min-height:100px;overflow:hidden;display:none}div.project-thumb-mobile img{width:100%!important;position:initial!important}.project-image.mobile-app img.project-thumb{width:42%;top:23%;right:10%;left:auto;border:none!important}img.project-thumb-extra,img.reflection{width:100%;top:0;left:0;position:absolute}.project-image.mobile-app img.project-thumb-extra{width:35%;top:43%;left:10%}#right-column p{float:left}#projects .project p,#right-column p{line-height:22px}#projects .project p{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#projects .project p a,#right-column p a,a.p-link{color:white;border-bottom:1px solid rgba(255, 255, 255, 0.5)}#projects .project p a:hover,#right-column p a:hover,a.p-link:hover{border-bottom:1px solid #ffffff}#projects h2{display:inline-block;float:left;line-height:120%;margin-top:-8px}#projects h2,a.category-name,a.white-link{border-bottom:1px dashed #000}.next-to-title{margin-left:23px}#projects h4,#see-other h5,body#project .next-to-title h3{font-weight:normal}#projects{padding-bottom:14px}#projects h4{line-height:130%}#projects h4.type{color:#FFF!important;margin-top:-3px}#projects p{clear:both;padding-top:20px}#projects .project.w-laptop .project-image{-webkit-transform:scale(1.045);-ms-transform:scale(1.045);transform:scale(1.045)}#projects .project.w-laptop .project-image .magnifier{-webkit-transform:scale(0.955);-ms-transform:scale(0.955);transform:scale(0.955)}.project-image{width:116%;display:block;position:relative;float:left;margin:0 0 37px -8%}.project-image img{border:0;vertical-align:top}.project-image .artcl-img-ph{width:100%;max-width:100%}.magnifier{width:1%;position:absolute;top:43%;left:51%}.shadow-bottom{box-shadow:0 -27px 33px 10px black;-moz-box-shadow:0 -27px 33px 10px black;-webkit-box-shadow:0 -24px 45px 10px black}nav#main .top-menu-selected{background-image:none;color:#FFF;top:-7px;background-color:#000;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}nav#main .top-menu-selected a{color:#FFF}nav#main .top-menu-selected .main-nav-txt-big{-webkit-transform:scale(1.75);-ms-transform:scale(1.75);transform:scale(1.75);margin-left:5px;top:-4px}.top-menu-selected{position:relative;opacity:1!important;filter:alpha(opacity=100)!important;font-weight:bold}#right-column.edu>*,#right-column h1{margin:0 14% 21px}#home #right-column{background:#FFF}#home #right-column h1{color:#000}#right-column{height:500px auto;float:right;padding-bottom:16px}#right-column h1{line-height:110%}#right-column .p-link-style2{background:#74B260;color:white;border:1px solid #74B260;padding:3px 10px;margin-top:6px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#right-column .p-link-style2:hover{border-color:black;background:none;color:black}.grey-stroke-top{border-top:2px solid #e5e5e5}#right-column h1.grey-stroke-top{padding-top:37px}#front-end-projects,.section-featured{margin-top:-50px;margin-bottom:43px}#front-end-projects>li>ul>li:hover .type,.section-featured>li>ul>li:hover .type{background-color:#000;color:#FFF;font-weight:normal!important}#front-end-projects>li>ul>li:hover .href,.section-featured>li>ul>li:hover .href{border-bottom:1px dashed #000}#front-end-projects h1,.section-featured h1{margin:0 0 35px!important}#front-end-projects .type,.section-featured .type{height:15px;padding:1px 3px 0 5px;display:inline-block;background-color:#E7E7E7;color:#5B5B5B;font-size:11px;text-transform:lowercase;text-align:center;line-height:130%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}#front-end-projects .proj-url,.section-featured .proj-url{font-family:PlayRegular, sans-serif;font-size:16px;text-transform:none;letter-spacing:1px;font-weight:bold}#front-end-projects .proj-type,.section-featured .proj-type{display:block;margin:0 0 6px 2px}#front-end-projects a,.section-featured a{color:#000;display:inline-block}#front-end-projects a .proj-url,.section-featured a .proj-url{border-bottom:1px solid white}#front-end-projects a:hover .proj-url,.section-featured a:hover .proj-url{border-bottom-color:#74B260}.section-featured+.section-featured{margin-top:0}.section-featured+.section-featured h1{padding-top:37px;margin-top:-19px!important;border-top:2px solid #e5e5e5}.section-featured+#front-end-projects.section-featured{margin-top:-19px}#symbol{width:60px;height:30px;opacity:0.4;filter:alpha(opacity=40);margin:36px 0 0 7%}.white-category-name{color:#FFF!important;border-color:#FFF!important}body#category #content-wrap,body#project #content-wrap{margin-top:83px}@-webkit-keyframes fadeIn{to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}@keyframes fadeIn{to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}#project-included{width:100%;border-top:2px solid #515151;border-bottom:2px solid #515151;margin-top:37px;overflow:hidden}#project-included.project-included-closed ul{display:none}#project-included:not(.project-included-closed) ul{-webkit-animation:fadeIn 0.3s linear 0.1s forwards alternate;animation:fadeIn 0.3s linear 0.1s forwards alternate}#project-included ul{max-height:258px;opacity:0;overflow-y:auto}#project-included ul>li{line-height:16px;margin-top:10px}#project-included ul>li:first-child{margin-top:0}.toggle{float:right;margin-right:15px}body#project.article.inverted-colors #header-top,body#project.case-study.inverted-colors #header-top{border-bottom:1px solid #c3c3c3}body#project.article.inverted-colors #content-wrap,body#project.case-study.inverted-colors #content-wrap{background:white}body#project.article.inverted-colors #right-column,body#project.case-study.inverted-colors #right-column{color:rgba(0, 0, 0, 0.85)}body#project.article.inverted-colors #right-column .next-to-title .type,body#project.case-study.inverted-colors #right-column .next-to-title .type{color:rgba(0, 0, 0, 0.85)!important}body#project.article.inverted-colors #right-column p a,body#project.case-study.inverted-colors #right-column p a{color:rgba(0, 0, 0, 0.85)}body#project.article.inverted-colors #right-column .btn-rc,body#project.article.inverted-colors .btn-pre,body#project.case-study.inverted-colors #right-column .btn-rc,body#project.case-study.inverted-colors .btn-pre{color:rgba(0, 0, 0, 0.85)}body#project.article.inverted-colors .case-study-cont .cs-row,body#project.article.inverted-colors .case-study-cont .pcms-ci-section,body#project.case-study.inverted-colors .case-study-cont .cs-row,body#project.case-study.inverted-colors .case-study-cont .pcms-ci-section{color:rgba(0, 0, 0, 0.85)}body#project.article.inverted-colors .case-study-cont table.cs-stats,body#project.case-study.inverted-colors .case-study-cont table.cs-stats{color:rgba(0, 0, 0, 0.85)}body#project.article.inverted-colors .case-study-cont .extension,body#project.case-study.inverted-colors .case-study-cont .extension{background-color:#e2e2e2}body#project.article.inverted-colors .case-study-cont .extension .ext-items .ext-ref-num,body#project.case-study.inverted-colors .case-study-cont .extension .ext-items .ext-ref-num{color:#74B260}body#project.article.inverted-colors .case-study-cont .text-ref-num,body#project.case-study.inverted-colors .case-study-cont .text-ref-num{color:#74B260}body#project.article.inverted-colors .case-study-cont dl dd,body#project.case-study.inverted-colors .case-study-cont dl dd{border-left-color:#dcdcdc}body#project.article.inverted-colors .case-study-cont hr,body#project.case-study.inverted-colors .case-study-cont hr{border-top-color:#c7c7c7}body#project.article.inverted-colors .case-study-cont .text-gray-bright,body#project.article.inverted-colors .case-study-cont .text-grey-bright,body#project.case-study.inverted-colors .case-study-cont .text-gray-bright,body#project.case-study.inverted-colors .case-study-cont .text-grey-bright{color:#444444}body#project.article.inverted-colors .case-study-cont .cs-diagram,body#project.article.inverted-colors .case-study-cont .cs-img-devices,body#project.article.inverted-colors .case-study-cont .cs-ss-feature,body#project.case-study.inverted-colors .case-study-cont .cs-diagram,body#project.case-study.inverted-colors .case-study-cont .cs-img-devices,body#project.case-study.inverted-colors .case-study-cont .cs-ss-feature{background:#0e0e0e;padding:20px;float:left;margin-top:25px;-webki-border-radius:23px;border-radius:23px}body#project.article.inverted-colors .case-study-cont .cs-img-devices,body#project.case-study.inverted-colors .case-study-cont .cs-img-devices{padding:40px 40px 0;margin:0 0 30px}body#project.article.inverted-colors .case-study-cont .cs-ss-feature,body#project.case-study.inverted-colors .case-study-cont .cs-ss-feature{-webkit-border-radius:60px;border-radius:60px}body#project.article.inverted-colors .case-study-cont .cs-wireframe,body#project.case-study.inverted-colors .case-study-cont .cs-wireframe{border:1px solid grey}body#project.article.inverted-colors .case-study-cont .color-white,body#project.case-study.inverted-colors .case-study-cont .color-white{color:rgba(0, 0, 0, 0.85)}body#project.article #content-wrap,body#project.case-study #content-wrap{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}body#project.article #right-column:not(:hover)>.rc-p,body#project.case-study #right-column:not(:hover)>.rc-p{color:#8d8d8d}body#project.article #right-column:not(:hover)>.rc-p .text-like,body#project.article #right-column:not(:hover)>.rc-p a,body#project.case-study #right-column:not(:hover)>.rc-p .text-like,body#project.case-study #right-column:not(:hover)>.rc-p a{color:inherit}body#project.article #right-column:not(:hover)>.rc-p a:not(:hover),body#project.case-study #right-column:not(:hover)>.rc-p a:not(:hover){border-bottom-color:#545454}body#project.article #right-column:not(:hover)>.rc-p a:not(.text-like):hover,body#project.case-study #right-column:not(:hover)>.rc-p a:not(.text-like):hover{color:white}body#project.article #right-column>.rc-p,body#project.case-study #right-column>.rc-p{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}body#project h1{margin-bottom:7px}body#project .next-to-title{width:100%}body#project .next-to-title h3{display:inline-block;margin-bottom:10px}body#project .next-to-title h3.type{margin-right:9px;color:#FFF!important}body#project.article>#wrapper,body#project.case-study>#wrapper{padding-bottom:90px}.pcms-ci-section sup,.text-ref-num{display:inline;float:none;line-height:70%;color:#92e079;margin-top:auto;margin-left:2px;position:relative;top:2px}.pcms-ci-section sup:hover:after,.text-ref-num:hover:after{width:90px;content:'Reference ID';background:rgba(0, 0, 0, 0.7);display:inline-block;padding:1px 5px 2px;line-height:120%;position:absolute;top:-2px;left:9px}.flip{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=6)}#project-included h2:hover{opacity:0.8;filter:alpha(opacity=80)}#project-navigation{width:100%;margin-top:53px}#project-navigation.leading-proj #arw-left .arw-left{background-color:#555555;cursor:not-allowed}#project-navigation.leading-proj #see-other #arw-txt-left{opacity:0}#project-navigation>a{height:72px;float:left}.project-navigation-lowHeight{margin-top:38px!important}#project-navigation>a,#see-other>div{width:47%}#project-navigation>a:first-child,#see-other>div:first-child{margin-right:6%}@-webkit-keyframes arwSL{0%{left:0}35%{left:-70px}36%{left:12vw;opacity:0}to{left:0;opacity:1}}@keyframes arwSL{0%{left:0}35%{left:-70px}36%{left:12vw;opacity:0}to{left:0;opacity:1}}@-webkit-keyframes arwSR{0%{right:0}35%{right:-70px}36%{right:12vw;opacity:0}to{right:0;opacity:1}}@keyframes arwSR{0%{right:0}35%{right:-70px}36%{right:12vw;opacity:0}to{right:0;opacity:1}}.arw{width:84%;height:91%;font-size:104px;color:#000;padding:9% 8% 0;overflow:hidden;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.arw:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.arw.arw-left:hover>.arw-s{-webkit-animation:arwSL 0.3s ease-in-out 0s 1 forwards;animation:arwSL 0.3s ease-in-out 0s 1 forwards}.arw.arw-right:hover>.arw-s{-webkit-animation:arwSR 0.3s ease-in-out 0s 1 forwards;animation:arwSR 0.3s ease-in-out 0s 1 forwards}.arw.arw-left>.arw-s{left:0}.arw.arw-right>.arw-s{right:0}.arw>.arw-s{position:relative;opacity:1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#arw-left:hover~#see-other>#arw-txt-left,#arw-right:hover~#see-other>#arw-txt-right{margin-top:5px}#arw-left:hover~#see-other>#arw-txt-left>h4,#arw-right:hover~#see-other>#arw-txt-right>h4{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);top:1px;left:5px}.arw div,body#project #menu-hidden div{opacity:0.3;filter:alpha(opacity=30)}.arw div,body#project #menu-hidden div{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000}body#project #menu-hidden div{z-index:-1;opacity:0.1;filter:alpha(opacity=10)}.align-to-right{text-align:right}span#go-back{font-size:40px!important;float:left;margin:1px 8px 0 0}html.hide-go-back-btn #go-back{display:none!important}#see-other{width:100%;margin-top:24px}#see-other h4{margin-bottom:3px;display:inline-block;position:relative;top:0;left:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}#see-other>*{margin-top:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}#toggle-top{width:20px;height:20px;position:absolute;top:35px;right:15px;opacity:0.7;filter:alpha(opacity=70);display:none}#toggle-top:hover{opacity:1;filter:alpha(opacity=100)}.toggle-top-menuClosed{top:52px!important}.top-menu-closed{margin-top:-63px}.top-menu-closed-body{background-position:0 20px}body#home #projects .no{display:none}::-moz-selection{background-color:#74b260;color:#000}::selection{background-color:#74b260;color:#000}::-moz-selection{background-color:#74b260;color:#000}#no-js{width:60%;min-width:344px;height:100%;position:absolute;top:0;left:0;z-index:100;padding:0 20%;display:none}#no-js h1{margin:20% 0 20px;line-height:120%}#no-js div{width:100%;margin:20px 0}#no-js li{margin:10px 0}#no-js a{border-bottom:1px solid #74b260}#no-js a:hover{border:0}#no-js-logo{width:100%;height:74px;background:url('images/logo-default.svg') 10px 7px no-repeat #FFF;margin-top:12px}#contact-popup{min-width:21%;max-width:21%;height:212px;position:fixed;top:-129px;right:0;color:#FFF;z-index:11;border-left:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;display:none;border-radius:0 0 0 35px;-webkit-border-radius:0 0 0 35px;-moz-border-radius:0 0 0 35px}#contact-popup>ul li{margin-bottom:5px}#contact-popup h2{width:73%;margin:29px 0 16px 14%;line-height:105%}#contact-popup ul{margin-left:14%}.full-opacity{opacity:1!important;filter:alpha(opacity=100)!important}a.white-link{color:#FFF;border-color:#FFF}a.white-link:hover{border-color:#000}#not-supported-browser #no-js{display:block}#email-gif{width:156px;height:16px;position:relative;top:4px;margin:0 11px}.highlight-on-black{display:inline!important;background-color:#FFF;color:#000;padding:0 3px}.show-as-block{display:block!important}.laptop-extra{width:100%;position:absolute;top:0;left:0}label.rebranding{position:absolute;color:red}label.old{top:31%;left:28%;color:#717171}label.new{bottom:37%;right:26.5%;color:#BBB}#menu-hidden{height:57px;position:fixed;top:83px;z-index:12;display:none;line-height:80%;border-bottom:4px solid #171717;background-color:#74b260;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#menu-hidden a{color:#FFF}#menu-hidden ul{padding:11px 0 0 11px}#menu-hidden ul .top-menu-selected{background-color:#FFF}#menu-hidden ul .top-menu-selected:hover{background-color:#9ec990!important}#menu-hidden li{padding:6px 6px 5px;margin-right:10px;line-height:13px}#menu-hidden li:hover{background-color:#000!important;color:#FFF}body#project #menu-hidden ul .top-menu-selected:hover{background:none!important}body#project #menu-hidden ul .top-menu-selected a{color:#000!important}.hide{display:none!important}.show{display:block!important}.changeZindex-onContact{z-index:11!important}#see-other h5{line-height:130%;margin-top:2px}.black-txt{color:#000!important}#content>h1{display:none;margin-bottom:30px;line-height:100%}#menu-side{width:75%;height:100%;position:fixed;top:0;right:0;display:none;overflow-y:auto;color:#000;z-index:1;background-color:#FFF;background:#e5e5e5;background:-moz-linear-gradient(left, #e5e5e5 0%, #ffffff 40%, #ffffff 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff), color-stop(100%, #ffffff));background:-webkit-linear-gradient(left, #e5e5e5 0%, #ffffff 40%, #ffffff 100%);background:-o-linear-gradient(left, #e5e5e5 0%, #ffffff 40%, #ffffff 100%);background:-ms-linear-gradient(left, #e5e5e5 0%, #ffffff 40%, #ffffff 100%);background:-webkit-gradient(linear, left top, right top, from(#e5e5e5), color-stop(40%, #ffffff), to(#ffffff));background:linear-gradient(to right, #e5e5e5 0%, #ffffff 40%, #ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=1)}#menu-side h2{margin-top:30px;margin-bottom:10px;line-height:100%}#menu-side ul{margin-bottom:7px}#menu-side li{height:60px;border-bottom:2px solid #CCC;line-height:130%;font-size:15px}#menu-side #get-in-touch li:last-child{border-bottom:0;text-transform:capitalize}#menu-side a{color:#000;margin-top:21px;position:relative;float:left}#menu-side #go-back{font-size:25px!important;margin:-4px 9px 0 0!important}#menu-side h2,#menu-side ul{width:80%;margin-left:10%;margin-right:10%;position:relative;float:left}#menu-side a,#menu-side a:hover{border:0}.make-fixed{position:fixed!important}.remove-box-shadow{box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important}.project h2{position:relative}.display-inline-block,.inline-block,.unit{display:inline-block}.display-block{display:block!important}#fep-link{padding:2% 8%!important}#fep-link a,#front-end-projects .proj-type,.section-featured .proj-type{font-size:12px;text-transform:none;letter-spacing:2px}#fep-link a,.link-proj-name{border-bottom:1px dashed #000}#fep-link a:hover{border-bottom-color:transparent}.link-proj-name:hover{border-bottom-color:#74B260;-webkit-transition:border 250ms ease-out;-moz-transition:border 250ms ease-out;-o-transition:border 250ms ease-out;transition:border 250ms ease-out}.p-link-brand{color:#74B260;border-bottom:1px dashed #74B260}.p-link-brand:hover{border-color:transparent}.www{margin-right:3px}.new-window{width:25px;height:25px;background:url('../images/icon-new-window.png');float:right;top:-5px}.new-window:hover{background-position:0 -25px}a.text-like{border-bottom-color:transparent!important;cursor:default;color:white}.text-gray,.text-grey{color:#8d8d8d}.text-gray .text-like,.text-gray a,.text-grey .text-like,.text-grey a{color:inherit}.text-gray a:not(:hover),.text-grey a:not(:hover){border-bottom-color:#545454}.text-gray a:not(.text-like):hover,.text-grey a:not(.text-like):hover{color:white}.text-gray-bright,.text-grey-bright{color:#e9e9e9}.text-gray-bright .text-like,.text-gray-bright a,.text-grey-bright .text-like,.text-grey-bright a{color:inherit}.text-gray-bright a:not(.text-like):hover,.text-grey-bright a:not(.text-like):hover{color:white}.text-red{color:#ff5858}.text-green,.text-link{color:#74B260}.text-green-2{color:#00db00}.text-orange{color:#ed7f0c}.text-blue{color:#38ABFF}.color-white{color:white}.text-small{font-size:12px}.align-left,.text-left{text-align:left!important}.align-right,.text-right{text-align:right!important}.align-center,.text-center{text-align:center!important}abbr{text-decoration:none;border-bottom:1px dotted white}.parallax-window{min-height:296px;background:transparent}.parallax-mirror{float:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#hp-loading{width:100%;height:6px;background-color:#74B260;position:absolute;left:0;bottom:0}.hp-loading-obj{width:1px;height:100%;position:absolute;top:0;left:0;overflow:hidden}#anim1{background:white}#anim2{background:#131313}.same-row{white-space:nowrap}form.form-clear fieldset{border:none}.form.form-small:not(:hover)>input:not(:focus){background:rgba(255, 255, 255, 0.25);color:white}.form.form-small:not(:hover)>.f-btn{background:rgba(255, 255, 255, 0.4)}.form.form-small button,.form.form-small input[type=email],.form.form-small input[type=password],.form.form-small input[type=submit],.form.form-small input[type=text],.form.form-small select,.form.form-small textarea{width:auto;padding:5px 9px 6px}.form input[type=email]:focus:not([readonly]):not([disabled]),.form input[type=email]:hover:not([readonly]):not([disabled]),.form input[type=password]:focus:not([readonly]):not([disabled]),.form input[type=password]:hover:not([readonly]):not([disabled]),.form input[type=text]:focus:not([readonly]):not([disabled]),.form input[type=text]:hover:not([readonly]):not([disabled]),.form textarea:focus:not([readonly]):not([disabled]),.form textarea:hover:not([readonly]):not([disabled]){background-color:#e4e4e4}.form input[type=email]:focus:not([readonly]),.form input[type=password]:focus:not([readonly]),.form input[type=text]:focus:not([readonly]),.form textarea:focus:not([readonly]){outline:none;-webkit-box-shadow:inset 0 0 10px 5px rgba(0, 0, 0, 0.2);box-shadow:inset 0 0 10px 5px rgba(0, 0, 0, 0.2)}.form input[type=email][disabled],.form input[type=email][readonly],.form input[type=password][disabled],.form input[type=password][readonly],.form input[type=text][disabled],.form input[type=text][readonly],.form textarea[disabled],.form textarea[readonly]{cursor:not-allowed}.form input[type=email][readonly],.form input[type=password][readonly],.form input[type=text][readonly],.form textarea[readonly]{background-color:#929292}.form input[type=email][readonly]:focus,.form input[type=password][readonly]:focus,.form input[type=text][readonly]:focus,.form textarea[readonly]:focus{outline:none!important}.form button,.form input[type=email],.form input[type=password],.form input[type=submit],.form input[type=text],.form select,.form textarea{width:100%;padding:10px 12px 14px;font-size:16px;border:none}.form button+button,.form button+input[type=submit],.form button+input[type=text],.form button+select,.form button+textarea,.form input[type=email]+button,.form input[type=email]+input[type=submit],.form input[type=email]+input[type=text],.form input[type=email]+select,.form input[type=email]+textarea,.form input[type=password]+button,.form input[type=password]+input[type=submit],.form input[type=password]+input[type=text],.form input[type=password]+select,.form input[type=password]+textarea,.form input[type=submit]+button,.form input[type=submit]+input[type=submit],.form input[type=submit]+input[type=text],.form input[type=submit]+select,.form input[type=submit]+textarea,.form input[type=text]+button,.form input[type=text]+input[type=submit],.form input[type=text]+input[type=text],.form input[type=text]+select,.form input[type=text]+textarea,.form select+button,.form select+input[type=submit],.form select+input[type=text],.form select+select,.form select+textarea,.form textarea+button,.form textarea+input[type=submit],.form textarea+input[type=text],.form textarea+select,.form textarea+textarea{margin-top:1px}.form label{width:100%;display:block;clear:both;text-align:left;padding:12px 0 13px}.form label>input[type=checkbox]{margin-right:5px;position:relative;top:2px;float:left}.form label>input[type=checkbox]+span{margin:5px 0 0 10px;display:inline-block}.form textarea{min-height:41.5px}.f-btn{background-color:#ed7f0c;color:white;font-weight:normal;font-family:'PlayRegular', Arial, sans-serif;width:100%;padding:10px 12px 14px;font-size:16px;border:none}.f-btn:hover{background-color:#bc650a}.f-btn[disabled]{background-color:grey;color:rgba(0, 0, 0, 0.5);cursor:not-allowed}.form label{display:block;margin-bottom:3px}.form label>input[type=text],.form label>select,.form label>textarea{margin-top:4px;display:block;clear:both}.form label+.f-btn{margin-top:35px}.form input[type=checkbox]{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);clear:both;display:block;margin:7px 0 0 6px}.form input[type=checkbox][disabled]+span{color:#8d8d8d}.form input[type=checkbox][disabled]+span .text-like,.form input[type=checkbox][disabled]+span a{color:inherit}.form input[type=checkbox][disabled]+span a:not(:hover){border-bottom-color:#545454}.form input[type=checkbox][disabled]+span a:not(.text-like):hover{color:white}.section-frame{width:100%;text-align:center;border:2px solid rgba(255, 255, 255, 0.5);padding:40px;-webkit-border-radius:25px;border-radius:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.section-frame .h2-like{line-height:120%}.section-frame .h2-like small{display:block;margin:12px 0 26px;opacity:0.55;line-height:110%}.section-frame fieldset{border:none}.section-frame fieldset label{display:block;margin-bottom:8px}.section-frame fieldset input[type=text]{width:90%;max-width:450px;font-size:20px;padding:10px;border:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px;border-radius:10px}.section-frame fieldset input[type=text]:focus{outline:none;-webkit-box-shadow:0 0 40px #ffffff;box-shadow:0 0 40px #ffffff}.section-frame div{width:100%}.section-frame div a{color:inherit}.section-frame .frame-note{margin-top:27px;opacity:0.65}.section-frame .btn-over{width:90%;max-width:450px;position:relative;display:inline-block;margin:0 auto;float:none;clear:both}.section-frame .btn-over input[type=text]{width:100%;max-width:none;padding-right:85px}.section-frame .btn-over button{position:absolute;top:5px;right:6px;padding:9px 10px;border:none;background:#74B260;color:white;-webkit-border-radius:7px;border-radius:7px;font-family:inherit;font-weight:bold;letter-spacing:0.75px}.section-frame .btn-over button:hover{background-color:#131313}button{cursor:pointer}.p-btn{background-color:#74B260;border:1px solid #74B260;color:black;display:inline-block;padding:5px 10px 7px;line-height:100%;position:relative;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;font-family:'robotobold_italic', Arial, sans-serif;text-transform:uppercase}.p-btn:hover{background-color:transparent;border-color:#74B260;color:#74B260}.p-btn:hover>.popover{color:black;bottom:40px;opacity:1;display:inline-block;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.p-btn.bigger{font-size:16px}.p-btn>.popover{width:160px;opacity:0;display:none;display:inline-block;text-transform:none;position:absolute;bottom:30px;margin:0 auto;left:0;right:0;background:#74B260;text-align:center;padding:10px 15px 12px;-webkit-border-radius:9px;border-radius:9px;-webkit-box-shadow:-2px 0 5px 5px rgba(0, 0, 0, 0.3);box-shadow:-2px 0 5px 5px rgba(0, 0, 0, 0.3)}.p-btn>.popover:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #74B260;content:'';position:absolute;margin:0 auto;bottom:-10px;left:0;right:0}.p-btn>.popover .po-row{display:block;font-size:13px}.p-btn>.popover .po-row.po-ttl{text-transform:uppercase;margin-bottom:7px;font-size:inherit}.p-btn-clear{background:none;border:none;color:white;border-bottom:1px solid rgba(255, 255, 255, 0.5)}.p-btn-clear:hover{border-bottom-color:white}#code-required{margin-top:-30px;margin-bottom:60px}#menu-side{-webkit-overflow-scrolling:touch}.align-center,.text-center{text-align:center}.force-select{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}#clear-filter,#top-filter{width:100%;text-align:center;color:rgba(255, 255, 255, 0.65)}#top-filter{top:-30px;margin-bottom:5px}#top-filter>.btn-pre{margin-right:35px}#clear-filter{margin-bottom:60px}.i-caption{text-align:center;display:block;width:100%;clear:both;margin:-53px 0 63px;font-size:13px;color:grey;font-family:PlayRegular, sans-serif}.align-left{text-left:right!important}.align-right{text-align:right!important}.align-center{text-align:center!important}.case-study-cont .cs-list,.pcms-ci-section ul{list-style:disc outside none;padding-left:17px;padding-right:10%}.case-study-cont .cs-list.spacious,.pcms-ci-section ul.spacious{margin-top:10px}.case-study-cont .cs-list>li+li,.pcms-ci-section ul>li+li{margin-top:5px}.case-study-cont{width:100%;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.case-study-cont *{-webkit-box-sizing:border-box;box-sizing:border-box}.case-study-cont .cs-top .cs-header{width:107%;height:600px;margin-left:-7%;padding-top:0;position:relative;z-index:1;background:transparent;top:auto;left:auto;background-color:#313131;background-size:cover;background-position:left bottom;top:-55px;padding-top:55px;border-radius:0 0 35px 0;-webkit-border-radius:0 0 35px 0;-moz-border-radius:0 0 35px 0}.case-study-cont .cs-top .cs-header.article{background-position:center center}.case-study-cont .cs-top .cs-header.article .ttl-1{font-size:84px;position:relative;top:11vw}.case-study-cont .cs-top .cs-header .ttl-1{width:100%;padding-left:7%;text-align:center;text-shadow:10px 20px 50px black}.case-study-cont .cs-top .cs-header .cs-t-intro{width:100%;font-size:25px;line-height:30px;padding:0 120px 0 29%;display:block;margin-top:60px;position:relative}.case-study-cont .cs-top .cs-header .cs-t-intro #quote,.case-study-cont .cs-top .cs-header .cs-t-intro .quote{top:32px;left:calc(29% - 80px)}.case-study-cont .cs-row{width:100%;float:left}.case-study-cont .cs-row.cs-three-col .cs-col{width:33.333333%;padding-right:5%}.case-study-cont .cs-row>p+.cs-row-in{margin-top:35px}.case-study-cont .cs-row>.cs-row-in{width:100%}.case-study-cont .cs-row>.cs-row-in+.cs-row-in{margin-top:30px}.case-study-cont .cs-row>.cs-row-in+.cs-row-in.textual{margin-top:45px}.case-study-cont .cs-row>.cs-row-in+.cs-row-in.textual p+p{margin-top:10px}.case-study-cont .cs-row>.cs-row-in .cs-col p+p{margin-top:10px}.case-study-cont .cs-row .ttl-2{width:100%;margin-bottom:27px}.case-study-cont .cs-row .ttl-2+.cs-row-in{margin-top:20px}.case-study-cont .cs-row .ttl-3{margin-bottom:10px;line-height:120%}.case-study-cont .cs-row p+.ttl-4{margin-top:14px}.case-study-cont .cs-row .ttl-4{margin-bottom:10px;line-height:120%;font-size:19px;font-weight:normal;font-style:italic}.case-study-cont .cs-row .cs-col,.case-study-cont .cs-row .cs-col-single{float:left}.case-study-cont .cs-row .cs-col-single>p+p,.case-study-cont .cs-row .cs-col>p+p{margin-top:15px}.case-study-cont .cs-row .cs-col{width:50%}.case-study-cont .cs-row .cs-col.cs-col-imgs{padding-right:0}.case-study-cont .cs-row .cs-col .cs-col-bottom{width:100%;margin-top:33px}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button{background-color:#74B260;border:1px solid #74B260;color:black;display:inline-block;padding:5px 10px 7px;line-height:100%;position:relative;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;font-family:'robotobold_italic', Arial, sans-serif;text-transform:uppercase}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button:hover{background-color:transparent;border-color:#74B260;color:#74B260}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button:hover>.popover{color:black;bottom:40px;opacity:1;display:inline-block;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button.bigger{font-size:16px}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button>.popover{width:160px;opacity:0;display:none;display:inline-block;text-transform:none;position:absolute;bottom:30px;margin:0 auto;left:0;right:0;background:#74B260;text-align:center;padding:10px 15px 12px;-webkit-border-radius:9px;border-radius:9px;-webkit-box-shadow:-2px 0 5px 5px rgba(0, 0, 0, 0.3);box-shadow:-2px 0 5px 5px rgba(0, 0, 0, 0.3)}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button>.popover:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #74B260;content:'';position:absolute;margin:0 auto;bottom:-10px;left:0;right:0}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button>.popover .po-row{display:block;font-size:13px}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button>.popover .po-row.po-ttl{text-transform:uppercase;margin-bottom:7px;font-size:inherit}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button:focus{outline:none}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button:before{content:'Extend'}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button:after{content:'>';display:inline-block;margin:0 2px 0 7px;-webkit-transform:rotate(90deg) scale(1.4);-ms-transform:rotate(90deg) scale(1.4);transform:rotate(90deg) scale(1.4);font-family:Arial, sans-serif;font-weight:bold;position:relative;top:-1px;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button.extended:before{content:'Close'}.case-study-cont .cs-row .cs-col .cs-col-bottom .cs-col-button.extended:after{-webkit-transform:rotate(-90deg) scale(1.4);-ms-transform:rotate(-90deg) scale(1.4);transform:rotate(-90deg) scale(1.4)}.case-study-cont .cs-row .cs-col .cs-col-group{width:100%}.case-study-cont .cs-row .cs-col .cs-col-group+.cs-col-group{margin-top:26px}.case-study-cont .cs-row .cs-col .cs-col-group p+p{margin-top:10px}.case-study-cont .cs-row .cs-col img.cs-img{width:100%;max-width:100%}.case-study-cont .cs-row .cs-col p.text-grey+img.cs-img{margin:10px 0 40px}.case-study-cont .cs-row .cs-col{padding-right:10%}.case-study-cont .cs-row .cs-col-single{width:100%}.case-study-cont .cs-row .cs-col-single>.ttl-3,.case-study-cont .cs-row .cs-col-single>.ttl-3~.text-grey-bright{width:50%}.case-study-cont hr{width:100%;border-bottom:none;border-top:1px solid #3e3e3e;margin-top:60px;margin-bottom:60px;float:left}.case-study-cont .cs-stats{color:white}.case-study-cont .cs-stats+.text-grey{display:block;margin-top:22px;margin-bottom:22px}.case-study-cont .cs-stats .cs-stat-label,.case-study-cont .cs-stats .cs-stat-val{padding-right:45px}.case-study-cont .cs-stats .cs-stat-val{padding-bottom:5px;vertical-align:bottom}.case-study-cont .cs-stats .cs-stat-val .cssv{font-size:29px;font-family:'robotobold_italic', Arial, sans-serif}.case-study-cont .cs-stats .cs-stat-val .cssv.decreased{font-size:20px;text-transform:uppercase}.case-study-cont .cs-stats .cs-stat-val .cssv+.text-grey{margin-left:2px;display:inline-block}.case-study-cont .cs-stats .cs-stat-label{vertical-align:top;padding-bottom:12px}.case-study-cont .cs-s-num{font-size:29px}.case-study-cont .cs-diagram,.case-study-cont .cs-prototypes,.case-study-cont .cs-wireframe{max-width:calc(100% - 5.5vw);display:block;float:none;margin:0 auto;clear:both}.case-study-cont .cs-prototypes.iv{border:1px solid grey}.case-study-cont .cs-ss-feature{width:auto;position:relative;left:-30px;margin-bottom:20px}.case-study-cont figcaption{display:block;clear:both;text-align:center;font-size:14px;padding-top:10px;color:#8d8d8d}.case-study-cont figcaption .text-like,.case-study-cont figcaption a{color:inherit}.case-study-cont figcaption a:not(:hover){border-bottom-color:#545454}.case-study-cont figcaption a:not(.text-like):hover{color:white}.case-study-cont .cs-devices .ttl-2{margin-bottom:50px}.case-study-cont .cs-devices .cs-img-devices{max-width:calc(100% - 5.5vw)}.case-study-cont .extension{background-color:#393939;padding:20px 22px 21px;margin-top:25px}.case-study-cont .extension .ext-items{width:100%}.case-study-cont .extension .ext-items .ext-item{width:100%}.case-study-cont .extension .ext-items .ext-item+.ext-item{margin-top:10px}.case-study-cont .extension .ext-items .ext-ref-num{width:20px;color:#92e079}.case-study-cont .extension .ext-items .ext-ref-desc{width:calc(100% - 20px)}.case-study-cont .extension .ext-items .ext-ref-desc ul>li:before{content:'\2022';margin-right:10px;display:inline-block;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}.case-study-cont .extension .ext-items .ext-ref-desc>ul>li>ul{padding-left:18px}.case-study-cont .extension .ext-items .ext-ref-desc a{color:inherit;text-decoration:underline}.case-study-cont .extension .ext-items .ext-ref-desc a:hover{color:#92e079}.case-study-cont dl{width:100%;margin:5px 0}.case-study-cont dl dt{width:100%}.case-study-cont dl dd{width:100%;margin:3px 0px}.case-study-cont .ttl-4.style2,.case-study-cont dl dd{border-left:2px solid #3f3f3f;padding-left:7px}.case-study-cont .ttl-4.style2~p{padding-left:9px}.ttl-2>small{line-height:130%;margin-top:10px}.ttl-3{line-height:120%}section{width:100%}.case-study-cont .pcms-ci-section{min-height:10px}.case-study-cont .pcms-ci-section.cs-row.decreased-spacing .cs-col{padding-right:3%}.case-study-cont .pcms-ci-section+.pcms-ci-section{margin-top:30px}.case-study-cont .pcms-ci-section .ttl-2{margin-bottom:27px}.case-study-cont .pcms-ci-section .ttl-3+.paragraphs>:first-child.ttl-4,.case-study-cont .pcms-ci-section .ttl-3+.ttl-4{margin-top:-12px;margin-bottom:20px;font-weight:normal;font-style:italic}.case-study-cont .pcms-ci-section sup{display:inline-block;margin-top:-6px}.case-study-cont .paragraphs{margin-top:5px}.case-study-cont .paragraphs>div>p+p,.case-study-cont .paragraphs>p+ol,.case-study-cont .paragraphs>p+p,.case-study-cont .paragraphs>p+ul{margin-top:15px}.case-study-cont .paragraphs>p+p{margin-top:15px}.case-study-cont .paragraphs>p+p>img{margin-top:25px}.case-study-cont .paragraphs>img+img{margin-top:30px}.case-study-cont .paragraphs ol+img,.case-study-cont .paragraphs ul+img{margin-top:25px}.case-study-cont .paragraphs i{display:inline;float:none}.pcms-ci-section+.extension .ext-ref-desc,.pcms-ci-section .paragraphs p:not(.short-text){font-family:"Roboto Slab", serif;font-weight:300;font-size:15px;line-height:22px}.pcms-ci-section+.extension .ext-ref-desc+ol,.pcms-ci-section+.extension .ext-ref-desc+ul,.pcms-ci-section .paragraphs p:not(.short-text)+ol,.pcms-ci-section .paragraphs p:not(.short-text)+ul{font-family:"Roboto Slab", serif;font-weight:300;font-size:15px;line-height:22px}.pcms-ci-section .paragraphs{width:100%}.pcms-ci-section .paragraphs .max-w>p>img{max-width:100%}.pcms-ci-section .paragraphs hr{margin-top:10px;margin-bottom:22px}.pcms-ci-section .paragraphs img{max-width:100%}.pcms-ci-section .paragraphs p+.ttl-3{margin-top:30px}.pcms-ci-section .ttl-2>small{display:block;font-size:20px;margin-top:5px;color:#8d8d8d}.pcms-ci-section .ttl-2>small .text-like,.pcms-ci-section .ttl-2>small a{color:inherit}.pcms-ci-section .ttl-2>small a:not(:hover){border-bottom-color:#545454}.pcms-ci-section .ttl-2>small a:not(.text-like):hover{color:white}.pcms-ci-section ol{list-style-position:inside}.pcms-ci-section ol>li+li{margin-top:8px}.faded{position:relative}.faded>ol:before{content:'';display:block;width:100%;height:50%;position:absolute;bottom:0;left:0;background:-webkit-gradient(linear, left top, left bottom, from(rgba(19, 19, 19, 0)), color-stop(60%, rgba(19, 19, 19, 0.6)), to(#131313));background:-webkit-linear-gradient(top, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0.6) 60%, #131313 100%);background:-o-linear-gradient(top, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0.6) 60%, #131313 100%);background:linear-gradient(to bottom, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0.6) 60%, #131313 100%)}.faded+.faded{margin-top:25px}.text-bigger{font-size:19px;line-height:120%}.cs-editable{cursor:pointer}.ttl-1{font-size:44px;line-height:100%}.ttl-2{font-size:29px;line-height:100%}figure{width:auto;float:left}figure figcaption{width:100%}.p-btns{margin-top:20px}.p-btns>.p-btn+.p-btn{margin-left:14px}.italic{display:inline!important;float:none!important}.p-popup{width:100%;height:100%;position:fixed;top:0;left:0;z-index:11;text-align:center;background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.8) 100%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.8) 100%);background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.95)), to(rgba(0, 0, 0, 0.8)));background:-o-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.8) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2000000', endColorstr='#cc000000', GradientType=0)}.p-popup>.p-popup-cont{max-width:80%;height:100%;margin:150px auto;float:none;color:white}.p-popup>.p-popup-cont>.p-popup-ss{max-width:100%;max-height:66vh}.p-popup>.p-popup-cont>.p-popup-x{color:rgba(255, 255, 255, 0.7);display:inline-block;-webkit-transform:scale(1.2, 1);-ms-transform:scale(1.2, 1);transform:scale(1.2, 1);position:absolute;top:6px;right:-50px;font-size:44px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.p-popup>.p-popup-cont>.p-popup-x:hover{color:white;-webkit-transform:scale(1.8, 1.4);-ms-transform:scale(1.8, 1.4);transform:scale(1.8, 1.4)}.p-popup .p-popup-h{margin-bottom:36px;line-height:120%;padding-top:0;top:-2px;position:relative}.p-popup textarea{width:100%;max-width:100%;min-width:100%}.chars-counter,.input-note,.p-popup-note{font-size:12px;display:block;margin-top:10px;text-align:left;line-height:120%;letter-spacing:0.5;color:#8d8d8d}.chars-counter .text-like,.chars-counter a,.input-note .text-like,.input-note a,.p-popup-note .text-like,.p-popup-note a{color:inherit}.chars-counter a:not(:hover),.input-note a:not(:hover),.p-popup-note a:not(:hover){border-bottom-color:#545454}.chars-counter a:not(.text-like):hover,.input-note a:not(.text-like):hover,.p-popup-note a:not(.text-like):hover{color:white}.chars-counter,.input-note{margin-bottom:10px}.chars-counter.alert{color:#ff4040;font-weight:bold}.statement{font-size:25px;line-height:30px;position:relative;text-align:left}.statement:before{content:'\201C';top:30px;left:-80px}[class*=show--]{display:none}#change-to-w-bg{color:white;position:fixed;bottom:-36px;right:5%;display:inline-block;padding:7px 12px;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);box-shadow:0 0 5px rgba(0, 0, 0, 0.3);background-color:#3c6330;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}#change-to-w-bg:hover{background-color:white;color:black}#change-to-w-bg.shown{bottom:0}#change-to-w-bg #cbgc-x{margin-left:7px;display:inline-block;-webkit-transform:scale(1, 0.75);-ms-transform:scale(1, 0.75);transform:scale(1, 0.75)}#change-to-w-bg #cbgc-x:hover{-webkit-transform:scale(1.55, 1.2);-ms-transform:scale(1.55, 1.2);transform:scale(1.55, 1.2);top:1px;position:relative;right:0}body.inverted-colors .pcms-ci-section+.extension .ext-ref-desc,body.inverted-colors .pcms-ci-section .paragraphs p{font-weight:400;color:rgba(0, 0, 0, 0.85)}body.inverted-colors #change-to-w-bg{background-color:#74B260;color:black;-webkit-box-shadow:none;box-shadow:none}body.inverted-colors #change-to-w-bg:hover{background-color:black;color:white}#toggle-rc-only{position:fixed;top:147px;left:auto;right:0;background:#74B260;color:black;display:inline-block;padding:10px 15px 12px;font-size:30px;font-weight:bold;border:none;z-index:2;-webkit-transition:top 0.3s ease-out, background-color 0.3s ease-out;-moz-transition:top 0.3s ease-out, background-color 0.3s ease-out;-o-transition:top 0.3s ease-out, background-color 0.3s ease-out;transition:top 0.3s ease-out, background-color 0.3s ease-out}#toggle-rc-only:focus{outline:none}#toggle-rc-only:hover{background-color:white}#toggle-rc-only.active{left:0;right:auto;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}#f-msg{width:500px;position:fixed;left:-530px;bottom:10%;background:#74B260;color:black;line-height:28px;padding:25px 25px 30px;z-index:1;-webkit-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;font-size:22px}#f-msg.shown{left:0px}#f-msg a{color:inherit;border-bottom:1px dashed #74B260}#f-msg a:hover{color:white;border-bottom-color:white}.button-dp{background:#74B260;color:white;padding:5px 11px 7px 10px;border:1px solid #74B260;font-size:16px}.button-dp:hover{background:#000000;border-color:#000000}.button-dp:focus{background:none;color:#000000;border-color:#000000}.button-dp:focus:hover{background:#74B260}#no-content{float:none;margin:86px auto 0}#no-content #nc-ttl{font-size:28px}html.presentation-view .presentation-view-sys-blur{-webkit-filter:blur(3px);filter:blur(3px)}.extra-menu{width:24px;height:24px;display:inline-block;border:none;border-radius:50%;background-image:url('/css/images/icon_24x24_menu.svg');background-size:100% 100%;background-color:unset}.extra-menu:hover{background-color:rgba(255, 255, 255, 0.2)}.extra-menu-holder{position:relative}.extra-menu-holder .extra-menu-items>ul{background-color:white;position:absolute;top:6px;right:0}.extra-menu-holder .extra-menu-items>ul>li{width:100%;display:block;white-space:nowrap}.extra-menu-holder .extra-menu-items>ul>li.divider{border-width:4px}.extra-menu-holder .extra-menu-items>ul>li.divider+li{border-top:none}.extra-menu-holder .extra-menu-items>ul>li+li{border-top:1px solid rgba(0, 0, 0, 0.3)}.extra-menu-holder .extra-menu-items>ul>li a,.extra-menu-holder .extra-menu-items>ul>li button{width:100%;display:block;background:none;border:none;padding:10px;text-align:left;font-size:14px;line-height:120%;color:#000000}.extra-menu-holder .extra-menu-items>ul>li a:hover,.extra-menu-holder .extra-menu-items>ul>li button:hover{background-color:rgba(0, 0, 0, 0.2)}.extra-menu-holder .extra-menu-items>ul>li button[disabled]{color:rgba(0, 0, 0, 0.65);background-color:#dfdfdf;cursor:not-allowed}.extra-menu-holder .extra-menu-items>ul>li a{letter-spacing:normal;text-transform:none;-webkit-box-sizing:border-box;box-sizing:border-box}span>i{float:none;display:inline}