#grayscale");filter:#a4a4a4;-webkit-filter:grayscale(99%);-webkit-backface-visibility:hidden}.map iframe{max-width:100%}@media(max-width:90rem){.map iframe{max-width:46.25rem}}@media(max-width:1270px){.map iframe{max-width:42.5rem}}@media(max-width:1200px){.map iframe{width:100%;max-width:100%}}@media(max-width:62rem){.map iframe{height:25rem}}@media(max-width:48rem){.buttonBlock.wrapper{margin-top:4.5rem}}.imageBlock.wrapper{padding-right:7rem;padding-left:6.625rem}@media(max-width:90rem){.imageBlock.wrapper{padding-right:1rem}}@media(max-width:62rem){.imageBlock.wrapper{padding:0 1rem}}@media(max-width:37.5rem){.imageBlock.wrapper{padding:0 .5rem}}.imageBlock+section{margin-top:11.25rem}@media(max-width:47.5rem){.imageBlock+section{margin-top:7.75rem}}.imageBlock-wrapper{position:relative;width:100%;max-width:81.875rem}@media(max-width:1440px){.imageBlock-wrapper{max-width:80.75rem}}.imageBlock-wrapper .sizingImage-image{position:absolute}.imageBlock-wrapper .sizingImage-image:before{content:"";position:absolute;bottom:-3.375rem;left:-2.625rem;z-index:-1;width:12.125rem;height:24.25rem;background-image:url(/app/themes/lumberjack/dist/img/large-dots.svg);background-repeat:repeat;background-position:50%}@media(max-width:62rem){.imageBlock-wrapper .sizingImage-image:before{height:3rem;left:.5rem}}.imageBlockInline img{display:block}@media(max-width:414px){.imageBlockInline{position:relative}.imageBlockInline:before{content:"";position:absolute;top:0;left:1.5rem;width:calc(100% - 48px);height:100%;background-color:rgba(255,211,0,.8);z-index:5}.imageBlockInline:after{content:"Rotate Device";position:absolute;font-family:Avenir,sans-serif;font-weight:900;top:calc(50% - 11px);left:0;width:100%;text-align:center;z-index:10}}@media(max-width:52.5rem){.statsBlock.wrapper{padding:0 .5rem}}@media(max-width:47.5rem){.statsBlock.wrapper{margin-top:5.5rem}}@media(max-width:52.5rem){.statsBlock~.callToAction .wrapper{margin-top:4rem}}.statsBlock-wrapper.columns{margin-top:0}.statsBlock-stats{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);padding:3.5rem;background-color:hsla(0,0%,100%,.89)}@media(max-width:62rem){.statsBlock-stats{padding:2rem}}@media(max-width:52.5rem){.statsBlock-stats{position:relative;top:auto;left:auto;-webkit-transform:none;transform:none;-ms-transform:none;margin-top:4rem;padding:0}}@media(max-width:37.5rem){.statsBlock-stats .flex{-ms-flex-wrap:wrap;flex-wrap:wrap}.statsBlock-stats .flex>:last-child{margin-bottom:0}}.statsBlock-stats__single{text-align:center;padding:.5rem;width:calc(33.333333333% - 16px)}.statsBlock-stats__single .heading-one{font-size:5.5rem;margin-top:-1rem}@media(max-width:73.5rem){.statsBlock-stats__single .heading-one{font-size:4.25rem}}@media(max-width:28.75rem){.statsBlock-stats__single .heading-one{font-size:3rem}}.statsBlock-stats__single .paragraph-default{letter-spacing:.125rem}@media(max-width:62rem){.statsBlock-stats__single .paragraph-default{letter-spacing:.0625rem}}@media(max-width:28.75rem){.statsBlock-stats__single .paragraph-default{margin-top:1.5rem}}@media(max-width:37.5rem){.statsBlock-stats__single{width:100%;margin-bottom:2rem}}@media(max-width:28.75rem){.statsBlock-stats__single{margin-bottom:1.5rem}}.singleService .columns{max-width:90rem;margin-top:3rem}@media(max-width:47.5rem){.singleService .columns{margin-top:1.5rem}}.singleService-block{margin-top:7.5rem}.singleService-block .column>:last-child,.singleService-block .flex h2{margin-bottom:0}.singleService-block h1,.singleService-block h2,.singleService-block h3,.singleService-block h4,.singleService-block h5,.singleService-block h6,.singleService-block ol,.singleService-block p,.singleService-block ul{margin-bottom:3rem}.singleService-block li{margin-bottom:1.5rem}.singleService-block li:last-child{margin-bottom:0}.singleService-block p a{line-height:1.3}@media(max-width:47.5rem){.singleService-block{margin-top:5rem}.singleService-block h1,.singleService-block h2,.singleService-block h3,.singleService-block h4,.singleService-block h5,.singleService-block h6,.singleService-block ol,.singleService-block p,.singleService-block ul{margin-bottom:1.5rem}.singleService-block li{margin-bottom:1rem}}@media(max-width:28.75rem){.singleService-block{margin-top:3rem}}@media(max-width:40.625rem){.caseStudies .category-filter{margin-top:2rem}.caseStudies .category-filter li{padding-right:1rem}.caseStudies .category-filter li:last-child{padding-right:0}}@media(max-width:47.5rem){.caseStudies{margin-top:4rem !important}}.caseStudies-header h1,.caseStudies-header h2,.caseStudies-header h3,.caseStudies-header h4,.caseStudies-header h5,.caseStudies-header h6,.caseStudies-header ol,.caseStudies-header p,.caseStudies-header ul{margin-bottom:2rem}.caseStudies-header li{margin-bottom:1.5rem}.caseStudies-header li:last-child{margin-bottom:0}.caseStudies-header p a{line-height:1.3}.caseStudies-header p.text-medium{margin-bottom:4.5rem}@media(max-width:47.5rem){.caseStudies-header p.text-medium{margin-bottom:3.5rem;line-height:1.3}}@media(max-width:47.5rem){.caseStudies-header{margin-top:0}.caseStudies-header h1,.caseStudies-header h2,.caseStudies-header h3,.caseStudies-header h4,.caseStudies-header h5,.caseStudies-header h6,.caseStudies-header ol,.caseStudies-header p,.caseStudies-header ul{margin-bottom:1.5rem}.caseStudies-header li{margin-bottom:1rem}}@media(max-width:48rem){.cs.margin-top-16{margin-top:4.5rem}}@media(max-width:768px){.caseStudies{margin-bottom:3rem !important}}.caseStudy{position:relative;z-index:0;margin:0 auto;margin-bottom:2.5rem}@media(max-width:768px){.caseStudy{width:50%;display:inline-block;margin-top:0 !important;margin-bottom:0 !important}.caseStudy:nth-child(odd){padding:0 4rem 0 1rem}.caseStudy:nth-child(2n){padding:0 1rem 0 4rem}.caseStudy.first{margin-top:0}}@media(max-width:62rem){.caseStudy:nth-child(odd){padding:0 2.5rem 0 1rem}.caseStudy:nth-child(2n){padding:0 1rem 0 2.5rem}}@media(max-width:768px){.caseStudy{width:100%;display:block}.caseStudy:nth-child(2n),.caseStudy:nth-child(odd){padding:0 2.5rem}}@media(max-width:460px){.caseStudy:nth-child(2n),.caseStudy:nth-child(odd){padding:0 1.5rem}}@media(max-width:90rem){.caseStudy.wrapper{padding-right:1rem}}@media(max-width:62rem){.caseStudy.wrapper{padding-right:.5rem}}@media(max-width:48rem){.caseStudy.wrapper{margin-top:4.5rem}}@media(max-width:37.5rem){.caseStudy.wrapper{padding:0 .5rem}}.caseStudy.first{margin-top:3rem}.caseStudy.last{margin-bottom:7rem !important}@media(max-width:768px){.caseStudy-block{width:100%}}.caseStudy-image{width:100%}.caseStudy-image .image-wrapper{max-width:50rem}.caseStudy-image .sizingImage{max-width:40.625rem}.caseStudy-image>div:first-of-type{background-color:#d8d8d8}@media(max-width:48rem){.caseStudy-image{max-width:48rem}}@media(max-width:31.25rem){.caseStudy-image{max-width:none}.caseStudy-image .sizingImage{height:11.25rem}.caseStudy-image .sizingImage-image{background-size:cover;background-position:50%}}.caseStudy-info{position:absolute;bottom:50%;left:2.5rem;z-index:0;-webkit-transform:translateY(50%);transform:translateY(50%);-ms-transform:translateY(50%);width:100%;max-width:46rem}.caseStudy-info img{height:3.125rem}.caseStudy-info>div:first-of-type{padding:2.5rem;background-color:#fff}.caseStudy-info>div:first-of-type:before{content:"";position:absolute;bottom:-2.5rem;left:-2.5rem;z-index:-10;display:block;width:25.25rem;height:12.125rem;background-color:transparent;background-image:url(/app/themes/lumberjack/dist/img/large-dots.svg);background-repeat:repeat;background-position:50%}@media(max-width:1270px){.caseStudy-info>div:first-of-type:before{display:none}}@media(max-width:650px){.caseStudy-info>div:first-of-type:before{width:12.125rem;height:5.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}}@media(max-width:768px){.caseStudy-info>div:first-of-type{padding-left:1rem;padding-right:1rem}}@media(max-width:768px){.caseStudy-info{position:relative;left:auto;bottom:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}}@media(max-width:1270px){.caseStudy-info{max-width:75%}}@media(max-width:62rem){.caseStudy-info{max-height:25rem}.caseStudy-info h4{font-size:1.25rem}}@media(max-width:768px){.caseStudy-info{max-width:100%;text-align:center;margin:-2rem 1rem 0;width:calc(100% - 32px)}}@media(max-width:31.25rem){.caseStudy-info h4{font-size:1.125rem}}@media(max-width:90rem){.caseStudy--left.wrapper{padding-left:1rem}}@media(max-width:62rem){.caseStudy--left.wrapper{padding-left:.5rem}}@media(max-width:48rem){.caseStudy--left.wrapper{margin-top:4.5rem}}@media(max-width:37.5rem){.caseStudy--left.wrapper{padding:0 .5rem}}.caseStudy--left .caseStudy-info{left:auto;right:2.5rem}.caseStudy--left .caseStudy-info>div:first-of-type:before{left:auto;right:-2.5rem}@media(max-width:650px){.caseStudy--left .caseStudy-info>div:first-of-type:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}}@media(max-width:768px){.caseStudy--left .caseStudy-info{right:auto}}.archive .caseStudy.last{margin-bottom:7rem !important}@media(max-width:768px){.archive .caseStudy.last{margin-bottom:4rem !important;margin-bottom:2rem !important}}.singlePost{margin:5.5rem 0 0}.singlePost .column{padding:0 0 .75rem}.singlePost .caption{margin-top:2rem}.singlePost .caption--small{margin-top:1rem}@media(max-width:28.75rem){.singlePost{margin:4.5rem 0}}.postContent{margin-top:3rem}@media(max-width:28.75rem){.postContent{margin-top:2rem}}.postContent .column{padding:0 0 .75rem}.postContent .column>:last-child{margin-bottom:0}.postContent h1,.postContent h2,.postContent h3,.postContent ol,.postContent p,.postContent ul{margin-bottom:1.5rem}.postContent h4,.postContent h5,.postContent h6,.postContent li{margin-bottom:1rem}.postContent li:last-child{margin-bottom:0}.postImage{margin-top:3rem}.postImage img{max-width:100%;display:block;margin:0 auto}@media(max-width:41.25rem){.postImage .postImage-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.postImage .postImage-image{width:100%}.postImage .postImage-image~.postImage-image{margin-left:0;margin-top:3rem}}@media(max-width:28.75rem){.postImage,.postImage .postImage-image~.postImage-image{margin-top:2rem}}.postImage-image{width:calc(50% - 12px)}.postImage-image~.postImage-image{margin-left:1.5rem}@media(min-width:1340px){.contactForm.wrapper{padding:0}}.form{line-height:1.8}.form input{position:relative;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:0;-webkit-box-shadow:none;box-shadow:none;background:transparent;margin-top:-.625rem;display:inline;min-width:12.5rem;border-bottom:3px solid #ffd300;font-family:Avenir,sans-serif;text-align:center}.form input.no-border{border:0}.form input.no-border:focus{border-bottom:3px solid #ffd300}.form input.t-error{-webkit-transition:border-color .2s ease-out;-o-transition:border-color .2s ease-out;transition:border-color .2s ease-out;border-color:#ff5733 !important}.form .select{color:#ffd300}@media(max-width:75rem){.contact-header .wrapper{padding-top:3rem}.contact-header .logo{width:7.375rem;height:2.875rem}.contact-header .cross{width:1.5rem;height:1.5rem}}@media(max-width:37.5rem){.contact-header .wrapper{padding-top:2rem}.contact-header .logo{width:5.5rem;height:2.125rem}.contact-header .cross{width:1.125rem;height:1.125rem}.contact-header .cross span:nth-child(2){top:1.125rem}}.contact-footer{position:absolute;bottom:0;left:0;padding:4rem 0;width:100%}@media(max-width:75rem){.contact-footer{padding:3rem 0}}@media(max-width:37.5rem){.contact-footer .social{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.related .columns{margin-left:0}@media(max-width:67.9375rem){.related .columns{max-width:100%}}.related .column{padding:0}.related .column:first-child{padding-right:.75rem}.related .column:nth-child(2){padding-left:.75rem}@media(max-width:67.9375rem){.related .column,.related .column:nth-child(2n),.related .column:nth-child(odd){padding:0}.related .column+.column{margin-top:3rem}}@media(max-width:37.5rem){.related{margin-top:6rem !important}.related .columns{margin-top:2.5rem}}.relatedPost-block{position:relative;margin:0 auto;max-width:40rem}.relatedPost-image{max-width:100%}.relatedPost-info{position:relative;bottom:5rem;left:50%;z-index:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%);width:90%}.relatedPost-info img{height:3.125rem}.relatedPost-info>div:first-of-type{padding:2.5rem;background-color:#fff}.relatedPost-info>div:first-of-type:before{content:"";position:absolute;bottom:-2.5rem;left:-2.5rem;z-index:-10;display:block;width:25.25rem;height:12.125rem;background-color:transparent;background-image:url(/app/themes/lumberjack/dist/img/large-dots.svg);background-repeat:repeat;background-position:50%}@media(max-width:37.5rem){.relatedPost-info>div:first-of-type:before{width:16.375rem}}@media(max-width:37.5rem){.relatedPost-info>div:first-of-type{padding:1.5rem}}@media(max-width:31.25rem){.relatedPost-info{bottom:2.5rem}}@media(max-width:768px){.listBlock+.cs{margin-top:3.75rem !important}}.listBlock__container{position:relative;background-color:#fafafa}.listBlock .list{list-style:none}.listBlock .list li:before{background:none;content:"";background-image:url(/app/themes/lumberjack/dist/img/dot.svg);width:.625rem;height:.625rem;top:.5rem;left:0}.listBlock .list{margin-top:.6875rem}.listBlock .list li{margin-top:1.4375rem}@media(max-width:920px){.listBlock h1,.listBlock h2,.listBlock h3,.listBlock h4,.listBlock h5,.listBlock h6{font-size:1.875rem;line-height:2.625rem}}@media(max-width:768px){.listBlock .columns{margin-top:0}}.listBlock .listBlock__content.li-columns .list li{display:inline-block;width:33%;vertical-align:top}@media(max-width:1200px){.listBlock .listBlock__content.li-columns .list li{width:49%}}@media(max-width:630px){.listBlock .listBlock__content.li-columns .list li{width:100%}}.listBlock .left .listBlock__container{padding-left:0}.listBlock .left .listBlock__container:before{content:"";width:4.375rem;left:-4.375rem;height:100%;top:0;background-color:#fafafa;position:absolute}@media(max-width:1440px){.listBlock .left .listBlock__container:before{width:7.25rem;left:-7.25rem}}@media(max-width:768px){.listBlock .left .listBlock__container:before{display:none}}@media(max-width:768px){.listBlock .left .listBlock__container{padding:2rem}}.listBlock .left .dots{position:absolute;top:-3.1875rem;right:-3.9375rem}@media(max-width:768px){.listBlock .left .dots{display:none}}.listBlock .right .listBlock__container{padding-right:0}.listBlock .right .listBlock__container:before{content:"";width:4.375rem;right:-4.375rem;height:100%;top:0;background-color:#fafafa;position:absolute}@media(max-width:1440px){.listBlock .right .listBlock__container:before{width:7.25rem;right:-7.25rem}}@media(max-width:768px){.listBlock .right .listBlock__container:before{display:none}}@media(max-width:768px){.listBlock .right .listBlock__container{padding:2rem}}.listBlock .right .dots{position:absolute;top:-3.1875rem;left:-5.25rem}@media(max-width:768px){.listBlock .right .dots{display:none}}.cardListBlock .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-auto-rows:1fr;grid-column-gap:1.5rem;grid-row-gap:1.5rem}@media(max-width:1199px){.cardListBlock .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.cardListBlock .grid{grid-template-columns:repeat(1,1fr)}}.cardListBlock__container{background-color:#ffd300;padding:6rem}@media(max-width:768px){.cardListBlock__container{padding:2rem}}@media(max-width:375px){.cardListBlock__container{padding:1.5rem}}.cardListBlock__card{margin-top:0;margin-bottom:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cardListBlock__card-title{background-color:#000;font-family:Avenir,sans-serif;font-weight:900;font-size:1.5rem;line-height:1.9375rem;color:#fff;padding:.5625rem 1.5rem .5rem;text-align:center}.cardListBlock__card-content{background-color:#fff;padding:1.5rem 1rem;height:100%}.cardListBlock__card-content .list{list-style:none}.cardListBlock__card-content .list li:before{background:none;content:"";background-image:url(/app/themes/lumberjack/dist/img/dot.svg);width:.625rem;height:.625rem;top:.5rem;left:0}.cardListBlock__card-content .list li.paragraph-default{font-size:1rem;line-height:1.5rem}.cardListBlock__card-content .list li+li{margin-top:1rem}.home .home-hero{position:relative;z-index:-1}.home .intro{margin-top:-8.5rem}@media(max-width:75rem){.home .intro{margin-top:-2.5rem}}@media(max-width:37.5rem){.home .intro{margin-top:0}}@media(min-width:37.5rem){.home .services{margin-top:0}}@media(max-width:1300px){.home .clients{margin-top:-1.625rem}}@media(max-width:62rem){.home .clients li{max-width:calc(33.3333% - 24px)}}@media(max-width:47.5rem){.home .clients li{max-width:calc(50% - 24px);padding:0 1rem}}@media(max-width:75rem){.home .team{margin-top:6rem}}@media(max-width:37.5rem){.home .team{margin-top:5rem}}@media(max-width:1080px){.home .hero-circle{margin-bottom:7.5rem !important}}@media(max-width:767px){.home .hero-circle{margin-bottom:3.5rem !important}}.home .hero-circle .dot--medium-yl{opacity:.6;z-index:-1}@media(max-width:75rem){.generic-page .two-c-services,.page-template-page-service .two-c-services{margin-top:6rem}}@media(max-width:37.5rem){.generic-page .two-c-services,.page-template-page-service .two-c-services{margin-top:5rem}}@media(max-width:62rem){.generic-page .hero,.page-template-page-service .hero{margin-top:2.5rem}.generic-page .hero.wrapper,.page-template-page-service .hero.wrapper{padding:0}}@media(max-width:37.5rem){.generic-page .hero,.page-template-page-service .hero{margin-top:1.5rem}}.page-template-default .logo--alt,.page-template-page-service .logo--alt{background-image:url(/app/themes/lumberjack/dist/img/hinge-agency.svg)}@media(max-width:62rem){.page-template-default .logo--alt,.page-template-page-service .logo--alt{background-image:url(/app/themes/lumberjack/dist/img/hinge-agency-alt.svg)}}@media(max-width:37.5rem){.page-template-default .twoColumnContent,.page-template-page-service .twoColumnContent{margin-top:4.5rem}}@media(max-width:28.75rem){.page-template-default .twoColumnContent,.page-template-page-service .twoColumnContent{margin-top:3.5rem}}@media(max-width:768px){.page-template-default .spacer,.page-template-page-service .spacer{margin-top:1.5rem !important}}.nav-open .header{background-color:transparent}.studio .twoColumnContent{margin-top:8.5rem}@media(max-width:62rem){.studio .twoColumnContent{margin-top:6.5rem}}@media(max-width:47.5rem){.studio .twoColumnContent{margin-top:4rem}.studio .twoColumnContent .twoColumnContent-right{margin-top:3rem}}.studio .twoColumnContent+.imageBlock{margin-top:8.5rem}@media(max-width:62rem){.studio .twoColumnContent+.imageBlock{margin-top:6.5rem}}@media(max-width:47.5rem){.studio .twoColumnContent+.imageBlock{margin-top:4rem}}.studio .twoColumnContent-left h1,.studio .twoColumnContent-left h2,.studio .twoColumnContent-left h3{font-weight:700}.studio .columns:last-child{margin:0}@media(max-width:1300px){body:not(.home) .hero-circle.wrapper{margin-bottom:0 !important}}.service .hero__primaryImage h1{bottom:-.625rem;left:-.5rem;font-size:6.375rem}@media(max-width:62rem){.service .hero__primaryImage h1{bottom:-.5rem;left:.625rem;font-size:4.625rem}}@media(max-width:37.5rem){.service .hero__primaryImage h1{bottom:-.375rem;left:.25rem;font-size:3.375rem}}.lets-talk .contact-form{position:relative;min-height:100vh}@media(max-width:75rem){.lets-talk .target{margin-top:9rem}}@media(max-width:37.5rem){.lets-talk .target{margin-top:6rem}}.single-blog h1 span,.single-blog h2 span,.single-blog h3 span,.single-blog h4 span,.single-blog h5 span,.single-blog h6 span{display:none}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.f1{-webkit-box-flex:1;-ms-flex:1;flex:1}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-v-end{-ms-flex-item-align:end;align-self:flex-end}.flex-dir-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.justify-left{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.text-align-left{text-align:left}.text-align-right{text-align:right}.text-align-center{text-align:center}.margin-h-auto{margin:0 auto}.margin-0{margin:0}.margin-h-0{margin-left:0;margin-right:0}.margin-v-0{margin-bottom:0}.margin-top-0,.margin-v-0{margin-top:0}.margin-bottom-0{margin-bottom:0 !important}.margin-right-0{margin-right:0}.margin-left-0{margin-left:0}.margin-1{margin:.5rem}.margin-h-1{margin-left:.5rem;margin-right:.5rem}.margin-v-1{margin-bottom:.5rem}.margin-top-1,.margin-v-1{margin-top:.5rem}.margin-bottom-1{margin-bottom:.5rem !important}.margin-right-1{margin-right:.5rem}.margin-left-1{margin-left:.5rem}.margin-2{margin:1rem}.margin-h-2{margin-left:1rem;margin-right:1rem}.margin-v-2{margin-bottom:1rem}.margin-top-2,.margin-v-2{margin-top:1rem}.margin-bottom-2{margin-bottom:1rem !important}.margin-right-2{margin-right:1rem}.margin-left-2{margin-left:1rem}.margin-3{margin:1.5rem}.margin-h-3{margin-left:1.5rem;margin-right:1.5rem}.margin-v-3{margin-bottom:1.5rem}.margin-top-3,.margin-v-3,.two-c-services__left p+p{margin-top:1.5rem}.margin-bottom-3{margin-bottom:1.5rem !important}.margin-right-3{margin-right:1.5rem}.margin-left-3{margin-left:1.5rem}.margin-4{margin:2rem}.margin-h-4{margin-left:2rem;margin-right:2rem}.margin-v-4{margin-bottom:2rem}.margin-top-4,.margin-v-4{margin-top:2rem}.margin-bottom-4{margin-bottom:2rem !important}.margin-right-4{margin-right:2rem}.margin-left-4{margin-left:2rem}.margin-5{margin:2.5rem}.margin-h-5{margin-left:2.5rem;margin-right:2.5rem}.margin-v-5{margin-bottom:2.5rem}.margin-top-5,.margin-v-5{margin-top:2.5rem}.margin-bottom-5{margin-bottom:2.5rem !important}.margin-right-5{margin-right:2.5rem}.margin-left-5{margin-left:2.5rem}.margin-6{margin:3rem}.margin-h-6{margin-left:3rem;margin-right:3rem}.margin-v-6{margin-bottom:3rem}.margin-top-6,.margin-v-6{margin-top:3rem}.margin-bottom-6{margin-bottom:3rem !important}.margin-right-6{margin-right:3rem}.margin-left-6{margin-left:3rem}.margin-7{margin:3.5rem}.margin-h-7{margin-left:3.5rem;margin-right:3.5rem}.margin-v-7{margin-bottom:3.5rem}.margin-top-7,.margin-v-7{margin-top:3.5rem}.margin-bottom-7{margin-bottom:3.5rem !important}.margin-right-7{margin-right:3.5rem}.margin-left-7{margin-left:3.5rem}.margin-8{margin:4rem}.margin-h-8{margin-left:4rem;margin-right:4rem}.margin-v-8{margin-bottom:4rem}.margin-top-8,.margin-v-8{margin-top:4rem}.margin-bottom-8{margin-bottom:4rem !important}.margin-right-8{margin-right:4rem}.margin-left-8{margin-left:4rem}.margin-9{margin:4.5rem}.margin-h-9{margin-left:4.5rem;margin-right:4.5rem}.margin-v-9{margin-bottom:4.5rem}.margin-top-9,.margin-v-9{margin-top:4.5rem}.margin-bottom-9{margin-bottom:4.5rem !important}.margin-right-9{margin-right:4.5rem}.margin-left-9{margin-left:4.5rem}.margin-10{margin:5rem}.margin-h-10{margin-left:5rem;margin-right:5rem}.margin-v-10{margin-bottom:5rem}.margin-top-10,.margin-v-10{margin-top:5rem}.margin-bottom-10{margin-bottom:5rem !important}.margin-right-10{margin-right:5rem}.margin-left-10{margin-left:5rem}.margin-11{margin:5.5rem}.margin-h-11{margin-left:5.5rem;margin-right:5.5rem}.margin-v-11{margin-bottom:5.5rem}.margin-top-11,.margin-v-11{margin-top:5.5rem}.margin-bottom-11{margin-bottom:5.5rem !important}.margin-right-11{margin-right:5.5rem}.margin-left-11{margin-left:5.5rem}.margin-12{margin:6rem}.margin-h-12{margin-left:6rem;margin-right:6rem}.margin-v-12{margin-bottom:6rem}.clients+.twoColumnContent,.margin-top-12,.margin-v-12{margin-top:6rem}.margin-bottom-12{margin-bottom:6rem !important}.margin-right-12{margin-right:6rem}.margin-left-12{margin-left:6rem}.margin-13{margin:6.5rem}.margin-h-13{margin-left:6.5rem;margin-right:6.5rem}.margin-v-13{margin-bottom:6.5rem}.margin-top-13,.margin-v-13{margin-top:6.5rem}.margin-bottom-13{margin-bottom:6.5rem !important}.margin-right-13{margin-right:6.5rem}.margin-left-13{margin-left:6.5rem}.margin-14{margin:7rem}.margin-h-14{margin-left:7rem;margin-right:7rem}.margin-v-14{margin-bottom:7rem}.margin-top-14,.margin-v-14{margin-top:7rem}.margin-bottom-14{margin-bottom:7rem !important}.margin-right-14{margin-right:7rem}.margin-left-14{margin-left:7rem}.margin-15{margin:7.5rem}.margin-h-15{margin-left:7.5rem;margin-right:7.5rem}.margin-v-15{margin-bottom:7.5rem}.margin-top-15,.margin-v-15{margin-top:7.5rem}.margin-bottom-15{margin-bottom:7.5rem !important}.margin-right-15{margin-right:7.5rem}.margin-left-15{margin-left:7.5rem}.margin-16{margin:8rem}.margin-h-16{margin-left:8rem;margin-right:8rem}.margin-v-16{margin-bottom:8rem}.margin-top-16,.margin-v-16{margin-top:8rem}.margin-bottom-16{margin-bottom:8rem !important}.margin-right-16{margin-right:8rem}.margin-left-16{margin-left:8rem}.margin-17{margin:8.5rem}.margin-h-17{margin-left:8.5rem;margin-right:8.5rem}.margin-v-17{margin-bottom:8.5rem}.margin-top-17,.margin-v-17{margin-top:8.5rem}.margin-bottom-17{margin-bottom:8.5rem !important}.margin-right-17{margin-right:8.5rem}.margin-left-17{margin-left:8.5rem}.margin-18{margin:9rem}.margin-h-18{margin-left:9rem;margin-right:9rem}.margin-v-18{margin-bottom:9rem}.margin-top-18,.margin-v-18{margin-top:9rem}.margin-bottom-18{margin-bottom:9rem !important}.margin-right-18{margin-right:9rem}.margin-left-18{margin-left:9rem}.margin-19{margin:9.5rem}.margin-h-19{margin-left:9.5rem;margin-right:9.5rem}.margin-v-19{margin-bottom:9.5rem}.margin-top-19,.margin-v-19{margin-top:9.5rem}.margin-bottom-19{margin-bottom:9.5rem !important}.margin-right-19{margin-right:9.5rem}.margin-left-19{margin-left:9.5rem}.margin-20{margin:10rem}.margin-h-20{margin-left:10rem;margin-right:10rem}.margin-v-20{margin-bottom:10rem}.margin-top-20,.margin-v-20{margin-top:10rem}.margin-bottom-20{margin-bottom:10rem !important}.margin-right-20{margin-right:10rem}.margin-left-20{margin-left:10rem}.margin-21{margin:10.5rem}.margin-h-21{margin-left:10.5rem;margin-right:10.5rem}.margin-v-21{margin-bottom:10.5rem}.margin-top-21,.margin-v-21{margin-top:10.5rem}.margin-bottom-21{margin-bottom:10.5rem !important}.margin-right-21{margin-right:10.5rem}.margin-left-21{margin-left:10.5rem}.margin-22{margin:11rem}.margin-h-22{margin-left:11rem;margin-right:11rem}.margin-v-22{margin-bottom:11rem}.margin-top-22,.margin-v-22{margin-top:11rem}.margin-bottom-22{margin-bottom:11rem !important}.margin-right-22{margin-right:11rem}.margin-left-22{margin-left:11rem}.margin-23{margin:11.5rem}.margin-h-23{margin-left:11.5rem;margin-right:11.5rem}.margin-v-23{margin-bottom:11.5rem}.margin-top-23,.margin-v-23{margin-top:11.5rem}.margin-bottom-23{margin-bottom:11.5rem !important}.margin-right-23{margin-right:11.5rem}.margin-left-23{margin-left:11.5rem}.margin-24{margin:12rem}.margin-h-24{margin-left:12rem;margin-right:12rem}.margin-v-24{margin-bottom:12rem}.margin-top-24,.margin-v-24{margin-top:12rem}.margin-bottom-24{margin-bottom:12rem !important}.margin-right-24{margin-right:12rem}.margin-left-24{margin-left:12rem}.margin-25{margin:12.5rem}.margin-h-25{margin-left:12.5rem;margin-right:12.5rem}.margin-v-25{margin-bottom:12.5rem}.margin-top-25,.margin-v-25{margin-top:12.5rem}.margin-bottom-25{margin-bottom:12.5rem !important}.margin-right-25{margin-right:12.5rem}.margin-left-25{margin-left:12.5rem}.margin-26{margin:13rem}.margin-h-26{margin-left:13rem;margin-right:13rem}.margin-v-26{margin-bottom:13rem}.margin-top-26,.margin-v-26{margin-top:13rem}.margin-bottom-26{margin-bottom:13rem !important}.margin-right-26{margin-right:13rem}.margin-left-26{margin-left:13rem}.margin-27{margin:13.5rem}.margin-h-27{margin-left:13.5rem;margin-right:13.5rem}.margin-v-27{margin-bottom:13.5rem}.margin-top-27,.margin-v-27{margin-top:13.5rem}.margin-bottom-27{margin-bottom:13.5rem !important}.margin-right-27{margin-right:13.5rem}.margin-left-27{margin-left:13.5rem}.margin-28{margin:14rem}.margin-h-28{margin-left:14rem;margin-right:14rem}.margin-v-28{margin-bottom:14rem}.margin-top-28,.margin-v-28{margin-top:14rem}.margin-bottom-28{margin-bottom:14rem !important}.margin-right-28{margin-right:14rem}.margin-left-28{margin-left:14rem}.margin-29{margin:14.5rem}.margin-h-29{margin-left:14.5rem;margin-right:14.5rem}.margin-v-29{margin-bottom:14.5rem}.margin-top-29,.margin-v-29{margin-top:14.5rem}.margin-bottom-29{margin-bottom:14.5rem !important}.margin-right-29{margin-right:14.5rem}.margin-left-29{margin-left:14.5rem}.margin-30{margin:15rem}.margin-h-30{margin-left:15rem;margin-right:15rem}.margin-v-30{margin-bottom:15rem}.margin-top-30,.margin-v-30{margin-top:15rem}.margin-bottom-30{margin-bottom:15rem !important}.margin-right-30{margin-right:15rem}.margin-left-30{margin-left:15rem}.padding-0{padding:0}.padding-h-0{padding-left:0;padding-right:0}.padding-v-0{padding-bottom:0}.padding-top-0,.padding-v-0{padding-top:0}.padding-bottom-0{padding-bottom:0}.padding-right-0{padding-right:0}.padding-left-0{padding-left:0}.padding-1{padding:.5rem}.padding-h-1{padding-left:.5rem;padding-right:.5rem}.padding-v-1{padding-bottom:.5rem}.padding-top-1,.padding-v-1{padding-top:.5rem}.padding-bottom-1{padding-bottom:.5rem}.padding-right-1{padding-right:.5rem}.padding-left-1{padding-left:.5rem}.padding-2{padding:1rem}.padding-h-2{padding-left:1rem;padding-right:1rem}.padding-v-2{padding-bottom:1rem}.padding-top-2,.padding-v-2{padding-top:1rem}.padding-bottom-2{padding-bottom:1rem}.padding-right-2{padding-right:1rem}.padding-left-2{padding-left:1rem}.padding-3{padding:1.5rem}.padding-h-3{padding-left:1.5rem;padding-right:1.5rem}.padding-v-3{padding-bottom:1.5rem}.padding-top-3,.padding-v-3{padding-top:1.5rem}.padding-bottom-3{padding-bottom:1.5rem}.padding-right-3{padding-right:1.5rem}.cardListBlock__card-content .list li,.listBlock .list li,.padding-left-3{padding-left:1.5rem}.padding-4{padding:2rem}.padding-h-4{padding-left:2rem;padding-right:2rem}.padding-v-4{padding-bottom:2rem}.padding-top-4,.padding-v-4{padding-top:2rem}.padding-bottom-4{padding-bottom:2rem}.padding-right-4{padding-right:2rem}.padding-left-4{padding-left:2rem}.padding-5{padding:2.5rem}.padding-h-5{padding-left:2.5rem;padding-right:2.5rem}.padding-v-5{padding-bottom:2.5rem}.padding-top-5,.padding-v-5{padding-top:2.5rem}.padding-bottom-5{padding-bottom:2.5rem}.padding-right-5{padding-right:2.5rem}.padding-left-5{padding-left:2.5rem}.padding-6{padding:3rem}.padding-h-6{padding-left:3rem;padding-right:3rem}.padding-v-6{padding-bottom:3rem}.padding-top-6,.padding-v-6{padding-top:3rem}.padding-bottom-6{padding-bottom:3rem}.padding-right-6{padding-right:3rem}.padding-left-6{padding-left:3rem}.padding-7{padding:3.5rem}.padding-h-7{padding-left:3.5rem;padding-right:3.5rem}.padding-v-7{padding-bottom:3.5rem}.padding-top-7,.padding-v-7{padding-top:3.5rem}.padding-bottom-7{padding-bottom:3.5rem}.padding-right-7{padding-right:3.5rem}.padding-left-7{padding-left:3.5rem}.listBlock__container,.padding-8{padding:4rem}.padding-h-8{padding-left:4rem;padding-right:4rem}.padding-v-8{padding-bottom:4rem}.padding-top-8,.padding-v-8{padding-top:4rem}.padding-bottom-8{padding-bottom:4rem}.padding-right-8{padding-right:4rem}.padding-left-8{padding-left:4rem}.padding-9{padding:4.5rem}.padding-h-9{padding-left:4.5rem;padding-right:4.5rem}.padding-v-9{padding-bottom:4.5rem}.padding-top-9,.padding-v-9{padding-top:4.5rem}.padding-bottom-9{padding-bottom:4.5rem}.padding-right-9{padding-right:4.5rem}.padding-left-9{padding-left:4.5rem}.padding-10{padding:5rem}.padding-h-10{padding-left:5rem;padding-right:5rem}.padding-v-10{padding-bottom:5rem}.padding-top-10,.padding-v-10{padding-top:5rem}.padding-bottom-10{padding-bottom:5rem}.padding-right-10{padding-right:5rem}.padding-left-10{padding-left:5rem}.padding-11{padding:5.5rem}.padding-h-11{padding-left:5.5rem;padding-right:5.5rem}.padding-v-11{padding-bottom:5.5rem}.padding-top-11,.padding-v-11{padding-top:5.5rem}.padding-bottom-11{padding-bottom:5.5rem}.padding-right-11{padding-right:5.5rem}.padding-left-11{padding-left:5.5rem}.padding-12{padding:6rem}.padding-h-12{padding-left:6rem;padding-right:6rem}.padding-v-12{padding-bottom:6rem}.padding-top-12,.padding-v-12{padding-top:6rem}.padding-bottom-12{padding-bottom:6rem}.padding-right-12{padding-right:6rem}.padding-left-12{padding-left:6rem}.padding-13{padding:6.5rem}.padding-h-13{padding-left:6.5rem;padding-right:6.5rem}.padding-v-13{padding-bottom:6.5rem}.padding-top-13,.padding-v-13{padding-top:6.5rem}.padding-bottom-13{padding-bottom:6.5rem}.padding-right-13{padding-right:6.5rem}.padding-left-13{padding-left:6.5rem}.padding-14{padding:7rem}.padding-h-14{padding-left:7rem;padding-right:7rem}.padding-v-14{padding-bottom:7rem}.padding-top-14,.padding-v-14{padding-top:7rem}.padding-bottom-14{padding-bottom:7rem}.padding-right-14{padding-right:7rem}.padding-left-14{padding-left:7rem}.padding-15{padding:7.5rem}.padding-h-15{padding-left:7.5rem;padding-right:7.5rem}.padding-v-15{padding-bottom:7.5rem}.padding-top-15,.padding-v-15{padding-top:7.5rem}.padding-bottom-15{padding-bottom:7.5rem}.padding-right-15{padding-right:7.5rem}.padding-left-15{padding-left:7.5rem}.padding-16{padding:8rem}.padding-h-16{padding-left:8rem;padding-right:8rem}.padding-v-16{padding-bottom:8rem}.padding-top-16,.padding-v-16{padding-top:8rem}.padding-bottom-16{padding-bottom:8rem}.padding-right-16{padding-right:8rem}.padding-left-16{padding-left:8rem}.padding-17{padding:8.5rem}.padding-h-17{padding-left:8.5rem;padding-right:8.5rem}.padding-v-17{padding-bottom:8.5rem}.padding-top-17,.padding-v-17{padding-top:8.5rem}.padding-bottom-17{padding-bottom:8.5rem}.padding-right-17{padding-right:8.5rem}.padding-left-17{padding-left:8.5rem}.padding-18{padding:9rem}.padding-h-18{padding-left:9rem;padding-right:9rem}.padding-v-18{padding-bottom:9rem}.padding-top-18,.padding-v-18{padding-top:9rem}.padding-bottom-18{padding-bottom:9rem}.padding-right-18{padding-right:9rem}.padding-left-18{padding-left:9rem}.padding-19{padding:9.5rem}.padding-h-19{padding-left:9.5rem;padding-right:9.5rem}.padding-v-19{padding-bottom:9.5rem}.padding-top-19,.padding-v-19{padding-top:9.5rem}.padding-bottom-19{padding-bottom:9.5rem}.padding-right-19{padding-right:9.5rem}.padding-left-19{padding-left:9.5rem}.padding-20{padding:10rem}.padding-h-20{padding-left:10rem;padding-right:10rem}.padding-v-20{padding-bottom:10rem}.padding-top-20,.padding-v-20{padding-top:10rem}.padding-bottom-20{padding-bottom:10rem}.padding-right-20{padding-right:10rem}.padding-left-20{padding-left:10rem}.padding-21{padding:10.5rem}.padding-h-21{padding-left:10.5rem;padding-right:10.5rem}.padding-v-21{padding-bottom:10.5rem}.padding-top-21,.padding-v-21{padding-top:10.5rem}.padding-bottom-21{padding-bottom:10.5rem}.padding-right-21{padding-right:10.5rem}.padding-left-21{padding-left:10.5rem}.padding-22{padding:11rem}.padding-h-22{padding-left:11rem;padding-right:11rem}.padding-v-22{padding-bottom:11rem}.padding-top-22,.padding-v-22{padding-top:11rem}.padding-bottom-22{padding-bottom:11rem}.padding-right-22{padding-right:11rem}.padding-left-22{padding-left:11rem}.padding-23{padding:11.5rem}.padding-h-23{padding-left:11.5rem;padding-right:11.5rem}.padding-v-23{padding-bottom:11.5rem}.padding-top-23,.padding-v-23{padding-top:11.5rem}.padding-bottom-23{padding-bottom:11.5rem}.padding-right-23{padding-right:11.5rem}.padding-left-23{padding-left:11.5rem}.padding-24{padding:12rem}.padding-h-24{padding-left:12rem;padding-right:12rem}.padding-v-24{padding-bottom:12rem}.padding-top-24,.padding-v-24{padding-top:12rem}.padding-bottom-24{padding-bottom:12rem}.padding-right-24{padding-right:12rem}.padding-left-24{padding-left:12rem}.padding-25{padding:12.5rem}.padding-h-25{padding-left:12.5rem;padding-right:12.5rem}.padding-v-25{padding-bottom:12.5rem}.padding-top-25,.padding-v-25{padding-top:12.5rem}.padding-bottom-25{padding-bottom:12.5rem}.padding-right-25{padding-right:12.5rem}.padding-left-25{padding-left:12.5rem}.padding-26{padding:13rem}.padding-h-26{padding-left:13rem;padding-right:13rem}.padding-v-26{padding-bottom:13rem}.padding-top-26,.padding-v-26{padding-top:13rem}.padding-bottom-26{padding-bottom:13rem}.padding-right-26{padding-right:13rem}.padding-left-26{padding-left:13rem}.padding-27{padding:13.5rem}.padding-h-27{padding-left:13.5rem;padding-right:13.5rem}.padding-v-27{padding-bottom:13.5rem}.padding-top-27,.padding-v-27{padding-top:13.5rem}.padding-bottom-27{padding-bottom:13.5rem}.padding-right-27{padding-right:13.5rem}.padding-left-27{padding-left:13.5rem}.padding-28{padding:14rem}.padding-h-28{padding-left:14rem;padding-right:14rem}.padding-v-28{padding-bottom:14rem}.padding-top-28,.padding-v-28{padding-top:14rem}.padding-bottom-28{padding-bottom:14rem}.padding-right-28{padding-right:14rem}.padding-left-28{padding-left:14rem}.padding-29{padding:14.5rem}.padding-h-29{padding-left:14.5rem;padding-right:14.5rem}.padding-v-29{padding-bottom:14.5rem}.padding-top-29,.padding-v-29{padding-top:14.5rem}.padding-bottom-29{padding-bottom:14.5rem}.padding-right-29{padding-right:14.5rem}.padding-left-29{padding-left:14.5rem}.padding-30{padding:15rem}.padding-h-30{padding-left:15rem;padding-right:15rem}.padding-v-30{padding-bottom:15rem}.padding-top-30,.padding-v-30{padding-top:15rem}.padding-bottom-30{padding-bottom:15rem}.padding-right-30{padding-right:15rem}.padding-left-30{padding-left:15rem}.z-index{z-index:10}.wrapper{padding-left:4rem;padding-right:4rem}@media(max-width:62rem){.wrapper{padding-left:2.5rem;padding-right:2.5rem}}@media(max-width:28.75rem){.wrapper{padding-left:1.5rem;padding-right:1.5rem}}.width-full{width:100%;max-width:100%}.max-content{max-width:52rem}.max-content-large{max-width:58rem}.max-grid{max-width:73.5rem}.max-desktop{max-width:90rem}.max-desktop-large{max-width:107.5rem}.overflow-hidden{overflow:hidden}.margin-left-auto{margin-left:auto}.margin-right-auto{margin-right:auto}.t-black{color:#000}.t-white{color:#fff}.t-red{color:#ff5733}.t-brand-yellow,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:#ffd300}.t-mid-yellow{color:#f9d56a}.t-pale-yellow{color:#fbebbb}.t-grey{color:#dbdbdb}.t-darkest-grey{color:#333}.t-dark-grey{color:#676767}.t-mid-grey{color:#a4a4a4}.t-light-grey{color:#fafafa}.t-lightest-grey{color:#fefefe}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-red{background-color:#ff5733}.bg-brand-yellow{background-color:#ffd300}.bg-mid-yellow{background-color:#f9d56a}.bg-pale-yellow{background-color:#fbebbb}.bg-grey{background-color:#dbdbdb}.bg-darkest-grey{background-color:#333}.bg-dark-grey{background-color:#676767}.bg-mid-grey{background-color:#a4a4a4}.bg-light-grey{background-color:#fafafa}.bg-lightest-grey{background-color:#fefefe}@media(max-width:62rem){.t-white-r{color:#fff}}.t-error{color:#ff5733}.no-hover:active,.no-hover:hover{border:0;text-decoration:none}.font-weight-black,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-weight:900}.font-weight-xbold{font-weight:800}.font-weight-bold{font-weight:700}.font-weight-semiBold{font-weight:600}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-light{font-weight:300}.font-weight-extraLight{font-weight:200}.line-reset{line-height:1}.line-height-heading{line-height:1.3}.line-height-paragraph{line-height:1.5}.letter-space{letter-spacing:.0625rem}.letter-space-2{letter-spacing:.125rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.no-decoration{text-decoration:none}.truncated{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.no-wrap,.truncated{white-space:nowrap}.truncated-multi{overflow:hidden;position:relative;line-height:1.5em;max-height:4.5em;text-align:justify;margin-right:-1em;padding-right:1em}.truncated-multi:before{content:"...";position:absolute;right:0;bottom:0}.truncated-multi:after{content:"";position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}.pointer{cursor:pointer}.ft-default{font-size:1rem}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active{-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.85,1);transition:-webkit-transform .2s cubic-bezier(0,0,.85,1);-o-transition:transform .2s cubic-bezier(0,0,.85,1);transition:transform .2s cubic-bezier(0,0,.85,1);transition:transform .2s cubic-bezier(0,0,.85,1),-webkit-transform .2s cubic-bezier(0,0,.85,1)}.slide-left-enter,.slide-left-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);-ms-transform:translateX(100%)}.columns{max-width:73.5rem}.lazy-bg,img.lazy{opacity:0}img:not(.initial):not(.ghost){-webkit-transition:opacity 1s,-webkit-filter .2s;transition:opacity 1s,-webkit-filter .2s;-o-transition:opacity 1s,filter .2s;transition:opacity 1s,filter .2s;transition:opacity 1s,filter .2s,-webkit-filter .2s}.lazy-bg,img.initial img.lazy,img.loaded{opacity:1;-webkit-transition:-webkit-filter .45s ease-out;transition:-webkit-filter .45s ease-out;-o-transition:filter .45s ease-out;transition:filter .45s ease-out;transition:filter .45s ease-out,-webkit-filter .45s ease-out}img:not([src]){visibility:hidden}[v-cloak]{display:none}
img.wp-smiley,img.emoji{display:inline !important;border:0 !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important}
7 things I've learnt in my first design role - Hinge Agency
Over the past 6 months I’ve been gaining experience in my first UX / UI design role and let me tell you it has been an educational and challenging experience. As a n intern, I will share a few things that I have learnt in my role and hopefully th ey will inspire those who are just starting out!
1️⃣ Consistency Only now I truly understand how important reusable components are. When designing a user interface , components are an integral part of the process. I remember when I started at Hinge, I was struggling a lot, not understanding how to make a design consistent. However, now I am starting to realise that if I see that a block is going to be reused in the design, it ’ s worth making it into a Figma component . This means I would not have to g o back and make changes to every single instance, instead I can make the update in one place . Working in this way helps t he design process become more efficient for me as a designer and also more predictable for the user.
2️⃣ Less is more It is important to keep clutter to a minimum and not overwhelm the user. For instance, removing some elements may be necessary, or giving users less choice to avoid cognitive overload. The simpler it is to use interface the better it is for the user.
3️⃣ Documenting design decisions During these past few months at Hinge, I have learnt that having a documented style guide is key for both designers and developers as it allows for more efficient communication. When working on the design, I need to remember to design for system statuses. This involves h aving error, success, hover, focus or disabled states in place . In n the development process the developers will need to know what they have to do in case the user makes a mistake in an input field or if a file has been uploaded. Not only it is beneficial for designers and developers, but also users will always be informed about what is going on through appropriate feedback.
4️⃣ Different scenarios These days people use various devices, sometimes even a few devices at a time. Every screen has different size, so it is key to remember to make your design responsive. Every case needs to be considered, because the user’s experience will be different.
Within design we also need to take into consideration the what-if scenarios. W hat happens if we have less or more text in a card, what if only one image is being displayed in a carousel, or what if we have only one user review now, but will have more than 20 in the future, how is that going to look? One aspect I try to always keep in mind now is to design for both ideal and worst case scenarios.
5️⃣ Typography & Hierarchy Hierarchy is importan t as it defines how users should read through content on web pages . With people being busier than ever and life becoming faster and faster we all have less time to actually read through content. Instead people tend to scan. Introducing h ierarchy helps users to differentiate headers and body text . This plays a big part in how scannable a layout is and allows users to locate the most important elements on a page quickly.
6️⃣ Should designers code? It is very important for any UX/UI designer to understand basic development, as it hugely helps when creating designs that will:
Be in line with the budget and time allocated for a project Be achievable to implement Even a few months ago, I have to admit I was thinking that not understanding development will not affect the design process … but I was wrong, big time!
7️⃣ Feedback If you ask me what would be my most important advice…I would say learning to accept and act on all feedback from team and client s , as these are the people who give you valuable feedback, be it positive or negative. It might be difficult at times, but it will definitely help to improve your skills much faster. So don’t be stubborn and listen to experienced people, because they are only trying to help !
The UX / UI designer role is definitely challenging, but so interesting and rewarding at the same time and there is definitely a lot to learn. Hopefully, for those of you who are starting out in the industry, this little article w ill give you some ideas on how to progress your design skills.