html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ol,ul{list-style-type:none}
@font-face{font-display:auto;font-family:RobotoRegular;src:url(/font/roboto/Roboto-Regular.ttf);font-display:swap}@font-face{font-display:auto;font-family:RobotoMedium;src:url(/font/roboto/Roboto-Medium.ttf);font-display:swap}@font-face{font-display:auto;font-family:RobotoBlack;src:url(/font/roboto/Roboto-Black.ttf);font-display:swap}@font-face{font-display:auto;font-family:RobotoBold;src:url(/font/roboto/Roboto-Bold.ttf);font-display:swap}body{font-family:RobotoRegular,sans-serif;font-size:16px;color:rgba(0,0,0,.87)}:root{--color-primary:#474747;--color-primary-blue:#4285F4;--color-primary-yellow:#FFD700;--color-space-gray:#2F2F2F;--primary-color:#2F2F2F;--primary-color-ascend:#050505;--secondary-color:#4598FF}h2,h3,h4,h5,h6{font-family:RobotoRegular,sans-serif;font-style:normal;font-weight:400}h2,.headline{font-size:24px;font-weight:400;line-height:32px}h3,.title{font-size:20px;line-height:28px}h4,.subhead{font-size:16px;font-weight:400;line-height:24px}h4.secondary,.subhead.secondary{color:rgba(0,0,0,.54)}.body,.btn,.card .tag,.search-textfield{font-size:14px;line-height:20px}.caption{font-size:12px;line-height:16px}.body-2{font-family:RobotoMedium,sans-serif;line-height:24px}.body.secondary{color:rgba(0,0,0,.54)}.dark .body,.dark h2,.dark h4,.dark .caption,.dark .title{color:#fff}.dark.secondary,.dark .body.secondary{color:rgba(255,255,255,.54)}.section-title-big{font-family:RobotoBlack,sans-serif;font-size:32px;line-height:1.25}a{color:#0025e4;text-decoration:none}a.no-color{color:inherit}.avatar.s-40x40{height:40px;width:40px}.action.xs{height:20px;width:20px}.action.play{background:url(../svg/play-circle-normal.svg) no-repeat center center}.action.with-border-circle-progress{margin-top:2px}.action.pause.active{background:url(../svg/pause-circle-active.svg) no-repeat center center}.bold{font-weight:700}.btn{border:0;border-radius:2px;background-color:transparent;cursor:pointer;font-family:RobotoRegular,sans-serif;font-weight:500;padding:8px;text-transform:uppercase}button.btn{display:block;width:100%}.btn.primary{padding:10px 8px}.btn.primary.yellow{background-color:var(--color-primary-yellow)}.btn.text{font-size:14px;line-height:16px;padding:8px}.btn.text.primary{color:#2962ff}.bold{font-weight:700}.center,.btn.primary,.card .tag,.center-ss{text-align:center}.color.primary{color:var(--color-primary)}.center-content{margin:auto}.divider{background-color:#d8d8d8;height:1px}.image{width:100%}.image.half{width:50%}.image.h-auto{height:auto}input[type=text]::-webkit-input-placeholder{font-size:14px;line-height:24px}.dark input[type=text]::-webkit-input-placeholder{color:rgba(255,255,255,.42)}.left,.card .tag,.row .col{float:left}.line,.grid-images .big,.grid-images .rectangle,.grid-images .square,.list,.row{overflow:hidden}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24,.vin-diagram.mb-24,nav ul li.link.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.ml-8{margin-left:8px}.ml-16,.profession-type.ml-16{margin-left:16px}.ml-24,.profession-type.ml-24{margin-left:24px}.ml-72{margin-left:72px}.mh-min-16{margin-left:-16px;margin-right:-16px}.mr-8,.rtl .ml-8,.rtl .profession-type.ml-8{margin-right:8px}.ml-0,.ml-0.profession-type,.rtl .ml-8,.rtl .profession-type.ml-8,.rtl .ml-16,.rtl .profession-type.ml-16,.rtl .ml-24,.rtl .profession-type.ml-24,.rtl .profession-type{margin-left:0}.mr-16,.rtl .ml-16,.rtl .profession-type.ml-16{margin-right:16px}.mr-24,.rtl .ml-24,.rtl .profession-type.ml-24{margin-right:24px}.mt-15{margin-top:15px}.pad{padding:16px}.pb-4{padding-bottom:4px}.pb-16{padding-bottom:16px}.pl-2{padding-left:2px}.pointer,.action.as-icon{cursor:pointer}.pr-2{padding-right:2px}.pt-16{padding-top:16px}.pt-56,.with-header{padding-top:56px}.with-header-with-twolines{padding-top:128px}.pad-h-8{padding-left:8px;padding-right:8px}.pad-h-16{padding-left:16px;padding-right:16px}.pad-h-24{padding:auto 24px}.pad-v-32{padding:32px auto}.pad-h-8{padding-left:8px;padding-right:8px}.pad-h-16-v-16{padding:16px 16px}.pad-h-16-v-32{padding:32px 16px}.pad-h-24-v-32{padding:32px 24px}.pad-h-92-v-100{padding:100px 92px}.pad-v-2{padding-bottom:2px;padding-top:2px}.pad-top-56{padding-top:56px}.pad-top-88{padding-top:88px}.pos-abs,.diagram-circle,.card.elevated.vertical .overlay.content,.center-circle{position:absolute}.pos-fixed{left:0;position:fixed;top:0}.pos-relative,.card,.card.elevated.vertical .inner,.vin-diagram{position:relative}.size1of3{width:33.333333333333333%}.size1of2{width:50%}.row .col{box-sizing:border-box}.rtl{direction:rtl}.right{float:right}:root{--primar-color:#313131}.section.full{height:100vh;width:100vw}.section .content{box-sizing:border-box}.overlay.of-section{background-color:rgba(0,0,0,.54);box-sizing:border-box;height:100%;width:100%}.card{box-shadow:0 2px 4px 0 rgba(0,0,0,.24);border-radius:4px;box-sizing:border-box}.card.article .header{padding:12px 16px}.card .content{padding:24px 16px}.card.article .content{padding:16px}.card .title{margin-bottom:2px}.card.article .title{margin-bottom:0}.card .size{margin-bottom:10px}.card .name{margin-bottom:16px}.card .tag{background-color:#d8d8d8;border-radius:16px;line-height:32px;margin-right:8px;width:68px}.card .tag:last-child{margin-right:0}.card.elevated.vertical .overlay.content{background-color:#fff;bottom:0;left:0;padding:15px 16px;width:100%}.card.elevated.vertical .title{margin-bottom:0}.card.elevated.vertical.size1of2{float:left}.card.elevated.vertical{box-shadow:none;border-radius:0}.card.elevated.vertical.size1of2 .inner{box-shadow:0 2px 4px 0 rgba(0,0,0,.24);border-radius:4px}card-vertical:nth-child(2n+1) .card.elevated.vertical.size1of2{padding-right:4px}card-vertical:nth-child(2n) .card.elevated.vertical.size1of2{padding-left:4px}.list-container{box-shadow:0 2px 4px 0 rgba(0,0,0,.24)}.list.one-line-text{padding:12px 16px}.search-textfield{background:url(../svg/search.svg) no-repeat center right 16px;border:0;box-shadow:0 2px 4px 0 rgba(0,0,0,.24);box-sizing:border-box;outline:0;padding:14px 16px;width:100%}@media screen and (min-width:1000px){.center-ss{text-align:inherit}.color-white-ls{color:#fff}h2.ls{font-size:96px;font-weight:400;line-height:112px;margin-bottom:32px}h2.as-same{font-size:24px;line-height:32px}h4.ls{font-size:48px;line-height:57px}.full-h-ls{height:calc(100vh - 56px)}.ls card-vertical .card.elevated.vertical.size1of2{padding-left:0;padding-right:24px}.ls .bg-primary{background-color:var(--color-primary)}.ls .bg-primary .body{color:#fff}.ls.color-yellow{color:var(--color-primary-yellow)}.ls .col1of2{box-sizing:border-box;float:left;width:50%}.ls .col1of3{box-sizing:border-box;float:left;width:33.333333333333333%}.ls .col1of4{box-sizing:border-box;float:left;width:25%}.ls .col1of3.wpr-32{padding-right:32px}.ls .pad-h-8{padding:24px 24px}.ls .pr-0{padding-right:0}.mb-42-ls{margin-bottom:42px}.pad-h-16-v-32{padding:32px 32px}.pad-h-32-32-ls{padding:32px}.pad-h-92-v-100-ls{padding:100px 92px}.pad-v-100-ls{padding-top:100px}.pad-0-ls{padding:0}.w-328-ls{width:328px}.w-370-ls{width:370px}}@media screen and (min-width:800px){.specs{background-position:center center}.specs .overlay.of-section{background-color:transparent}.specs.dark h2,.specs.dark h4,.specs.dark .body{color:inherit}.specs.dark .body.secondary{color:rgba(0,0,0,.54)}.specs-inner{width:312px}}.vin-diagram{height:87.5vw;margin:auto -16px}.center-circle{height:36px;margin:auto;width:57px;left:0;right:0;top:32.166666666666667vw}.diagram-circle{border:1px solid #000;border-radius:50%;box-sizing:border-box;height:58.333333333333333vw;width:58.333333333333333vw}.diagram-circle.blue{background-color:rgba(66,133,244,.8);border-color:#3161b2;left:0;top:0}.diagram-circle.yellow{background-color:rgba(255,215,0,.8);border-color:#a38a00;right:0;top:0}.diagram-circle.cyan{background-color:rgba(0,187,211,.8);border-color:#007483;left:0;margin:auto;right:0;top:29.166666666666667vw}.profession-type{margin-left:8px}.profession-type.mr-8{margin-left:0;margin-right:8px}.rtl .profession-type{margin-right:8px}.label-circle{height:10px;border-radius:50%;margin:4px auto auto;width:10px}.label-circle.blue{background-color:#4285f4}.label-circle.yellow{background-color:gold}.label-circle.cyan{background-color:#00bbd3}.profession-diagram .labels{width:312px}.diagram-circle .diagram-body{height:117px;position:absolute}.diagram-circle.blue .diagram-body{bottom:0;left:0;top:0;margin:auto}.diagram-circle.yellow .diagram-body{bottom:0;right:0;top:0;margin:auto}.diagram-circle.cyan .diagram-body{height:auto;bottom:16px;margin:auto;left:0;right:0;width:136px}@media screen and (min-width:700px){.diagram-body .caption,.center-circle .caption{font-size:16px;line-height:24px}.diagram-circle .diagram-body{height:150px}.diagram-circle.cyan .diagram-body{height:auto;width:190px}.diagram-circle{height:32vw;width:32vw}.vin-diagram{float:left;height:48vw;margin:initial;width:50vw}.diagram-circle.cyan{top:16vw}.center-circle{top:18vw;width:72px}.profession-diagram div.labels{position:relative;float:right;margin:inherit;height:48vw;width:40vw}.profession-diagram .labels-body{height:98px;margin:auto;position:absolute;width:312px;left:0;top:0;bottom:0;right:0}}@media screen and (min-width:1366px){.diagram-circle{height:25vw;width:25vw}.diagram-circle.cyan{top:12.5vw}.vin-diagram{height:37.5vw;width:37.5vw}.profession-diagram div.labels{height:37.5vw}.center-circle{top:14.5vw}}@media screen and (min-width:800px){.code h2{margin-bottom:24px;text-align:center;padding-bottom:0}.code .cards{margin:auto;width:712px}.code .cards{overflow:hidden}.code .cards.pad-h-8{padding-left:24px;padding-right:24px}.code .cards .card{float:left;margin-bottom:24px;margin-right:24px;width:344px}.code .cards card-elevated:nth-child(2n) .card{margin-right:0}}@media screen and (min-width:1200px){.code .cards{width:1080px}.code .cards card-elevated:nth-child(2n) .card{margin-right:24px}.code .cards card-elevated:nth-child(3n) .card{margin-right:0}}.articles .cards{padding-top:32px}.articles .aside .content{background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.24);padding:24px 24px 8px 24px}.articles section.subscribe .content{background-color:var(--color-primary-blue)}@media screen and (min-width:768px){.articles .cards{padding-top:64px}.articles .cards,.articles .aside{width:712px;margin:auto}.articles .cards .card{float:left;margin-right:12px;width:calc(50% - 12px)}.articles .cards article-card:nth-child(2n) .card{margin-right:0;margin-left:12px}.articles .aside .categories{display:none}.articles .subscribe{float:left;width:calc(50% - 12px)}}@media screen and (min-width:840px){.articles .cards,.articles .aside{width:792px;margin:auto}.articles .cards .card{float:left;margin-right:12px;width:calc(33.333333333333333% - 16px)}.articles .cards article-card:nth-child(2n) .card{margin:0 12px}.articles .cards article-card:nth-child(3n) .card{margin-left:12px;margin-right:0}.articles .subscribe{float:left;width:calc(33.333333333333333% - 16px)}}article .content-body{margin-bottom:32px}article .article-image-preview{margin-bottom:32px}@media screen and (min-width:768px){article .article-image-preview{margin-bottom:0}.articles .categories,.articles .subscribe{padding:0}article .content-body{background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.24);border-radius:4px;padding:24px 0;margin:auto;margin-bottom:64px;margin-top:-88px;width:548px;z-index:2}}@media screen and (min-width:800px){.articles section.subscribe .content{padding-bottom:24px}}article .image{height:auto;width:100%}.article-image-preview{height:0!important;padding-bottom:56.25%}article .content-body{position:relative}@media screen and (min-width:1000px){.with-header-with-twolines{padding-top:56px}header.navigation-bar.title-with-twolines{height:56px}header.navigation-bar.title-with-twolines .title:not(.with-twolines){display:block}header.navigation-bar.title-with-twolines .title.with-twolines{display:none}article .top{height:56.25vw;overflow:hidden}.pad-h-16{padding-left:24px;padding-right:24px}}.pos-abs{position:absolute}.pos-abs.center{bottom:0;left:0;right:0;top:0;margin:auto}.section.intro{position:relative}.section.intro .intro-video{width:100%}@media screen and (max-width:600px){.section.intro .intro-video{height:100%;left:-24%;width:auto}}
.icon{background:url() no-repeat center;background-size:cover;cursor:pointer;display:inline-block;height:16px;width:16px}.icon.size-24x24{height:24px;width:24px}.icon.size-48x48{height:48px;width:48px}header.navigation-bar{background-color:var(--primar-color);box-shadow:0 0 4px 0 rgba(0,0,0,.12),0 4px 4px 0 rgba(0,0,0,.24);height:56px;width:100%}header.navigation-bar.title-with-twolines{height:128px}header.navigation-bar.title-with-twolines .title:not(.with-twolines){display:none}header.navigation-bar .title{float:left;margin-left:60px;margin-top:20px;width:188px}.icon.menu{background-image:url(../svg/menu-white-18dp.svg)}.icon.more-vert{background-image:url(../svg/more_vert-white-18dp.svg)}.icon.search{background-image:url(../svg/search-white-18dp.svg)}.navigation-bar{background-color:var(--primary);z-index:6}.navigation-bar .page-title{margin:14px 0 14px 14px}.fc-white{color:#fff}.navigation-links{font-size:16px;line-height:24px;margin:16px 0}.navigation-links .link{margin-right:24px}.navigation-links .link:last-child{margin-right:0}.ml-72{margin-left:72px}.m-16{margin:16px}.navigation-bar .actions .icon{margin:16px 0 16px 24px}.navigation-bar .actions .icon:first-child{margin-right:16px}.navigation-bar .navigation-links{display:none}@media screen and (min-width:768px){.navigation-bar .navigation-links{display:block}}
.alternate-white{background-color:#f7f7f7}main.with-min-height{min-height:calc(100vh - 56px - 284px)}.navigation-drawer{height:100%;left:0;pointer-events:none;opacity:0;position:fixed;top:0;width:100%;transition:opacity .3s cubic-bezier(.465,.183,.153,.946);will-change:opacity;z-index:7}.navigation-drawer.shown{opacity:1!important;pointer-events:auto;transition:opacity .5s cubic-bezier(.465,.183,.153,.946)}.navigation-drawer-contents{background-color:#fff;box-shadow:0 0 16px 0 rgba(0,0,0,.18),0 16px 16px 0 rgba(0,0,0,.24);height:100%;left:0;overflow-y:auto;position:absolute;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.465,.183,.153,.946);top:0;width:256px;will-change:transform;z-index:8}.shown .navigation-drawer-contents{transform:translateX(0)!important;transition:transform .3s cubic-bezier(.465,.183,.153,.946)}.navigation-drawer-contents header{padding:16px}.overlay{height:100%;left:0;position:absolute;top:0;width:100%}.navigation-drawer .overlay{z-index:6}.overlay.black{background-color:rgba(0,0,0,.54)}.overlay.white{background-color:rgba(255,255,255,.64)}.list-section div.subhead{padding:16px 16px 8px 16px}.list-item{font-size:16px;line-height:1.5;padding:8px}.list-item:hover{cursor:pointer}.list-item:hover .list-item-inner{background-color:rgba(128,128,128,.12)}.list-item-inner{border-radius:4px;padding:8px}.h-pad{padding-left:16px;padding-right:16px}.section.full{position:relative}.res-mt-64{margin-top:32px}.overline{font-size:12px;line-height:1.333333333333333;text-transform:uppercase}.result-item:not(.as-row),.serve-as-link,.link.serve-as-link{display:flex!important;padding-bottom:16px;padding-top:16px}.result-item>img{height:64px;margin-right:16px;object-fit:fill;width:100px}@media screen and (min-width:768px){.h-pad{padding-left:24px;padding-right:24px}.res-mt-64{margin-top:64px}.result-item{width:328px}}img[src="/svg/khaled-nobani-logo.svg"]{opacity:1}
.link{font-family:RobotoRegular,sans-serif}.link.as-block{display:block}.link.no-style{color:inherit}a.link:not(.as-block):hover,a.link.no-style:not(.as-block):hover,a.fc-white.secondary:not(.as-block):hover{color:var(--secondary)}a.link.as-logo.no-style:hover{color:inherit}
:root{--error:#B00020;--primary:#2F2F2F;--primary-ascend:#050505;--primary-on:#474747;--secondary:#4598FF}.aspect-ratio-169{height:0;padding-bottom:56.25%}.center-content{margin-left:auto;margin-right:auto}.center-text{text-align:center}.chip{border:1px solid #e0e0e0;border-radius:16.5px;display:inline-block;margin-right:16px;padding:6px 16px}.chip:last-child{margin-right:0}.chip:hover{background:#e0e0e0;cursor:pointer}.chip.selected{background:#e0e0e0}.d-ib{display:inline-block}h2.type-4,.headline.type-4{font-family:RobotoBlack,sans-serif}.dark{color:#fff}.h-180{height:180px}.image-fit-to-container{max-height:100%;max-width:100%;object-fit:cover;z-index:1}.as-a-block{display:block}.hidden{display:none}.flex-content{display:flex;flex-flow:row nowrap}.big-flex{flex:1}.grid-of-3-columns{display:grid;grid-template-columns:1fr;grid-gap:32px}.grid-of-2-columns{display:flex;flex-flow:row nowrap;overflow-x:auto;padding-bottom:4px;padding-left:16px;padding-right:16px}.grid-of-2-columns .grid-item{flex:none;margin-right:16px;width:248px}.grid-of-3-columns.with-horizontal-scroll{display:flex;flex-flow:row;overflow-x:auto;padding:16px}.with-horizontal-scroll .grid-item.shape-as-square{padding:calc(50% - 32px);margin-right:16px}.card-style{background:#fff;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);padding:16px}.grid-item.shape-as-square{padding:50%;position:relative}.shape-as-169{padding-top:56.25%}.stich-to-container{margin-left:-16px;margin-right:-16px}.secondary{color:rgba(0,0,0,.54)}.tab-content,.tab-content.with-horizontal-scroll{display:none}.tab-content.shown{display:block}.tab-content.grid-of-3-columns.shown{display:grid}.tab-content.with-horizontal-scroll.shown{display:flex}.grid-container{display:grid;margin-bottom:32px}.grid-container-of-4{grid-gap:16px;grid-template-columns:1fr 1fr;padding-left:16px;padding-right:16px}.project-item{transition:box-shadow .3s cubic-bezier(.465,.183,.153,.946);will-change:box-shadow}.project-item:hover{box-shadow:0 0 4px 0 rgba(0,0,0,.24)}.project-item.rounded{border-radius:4px}.project-item.type-outline{border:1px solid rgba(0,0,0,.12)}.project-item-preview.type-square{padding:50%;position:relative}.project-item-preview.type-square img{height:100%;left:0;object-fit:fill;position:absolute;top:0;width:100%}.project-item-meta{padding:8px 16px}@media screen and (min-width:768px){.md-bp-aspect-ratio-169{height:0!important;padding-bottom:56.25%}.grid-of-2-columns{display:grid;grid-gap:24px;grid-template-columns:1fr 1fr;padding-bottom:4px;padding-left:24px;padding-right:24px}.grid-of-2-columns .grid-item{margin-right:0;overflow-x:visible;width:inherit}.grid-container{margin-bottom:64px}.grid-of-3-columns.with-horizontal-scroll{display:grid;overflow:auto;padding-left:24px;padding-right:24px}.grid-of-3-columns{grid-template-columns:1fr 1fr 1fr;grid-gap:24px;padding-left:24px;padding-right:24px}.grid-of-3-columns.md-bp-grid-of-2-columns{grid-template-columns:1fr 1fr}.with-horizontal-scroll .grid-item.shape-as-square{padding:50%;margin-right:0}.grid-container-of-4{grid-gap:24px;grid-template-columns:1fr 1fr 1fr 1fr;padding-left:24px;padding-right:24px}.project-item-meta{padding:16px}.tab-content,.tab-content.with-horizontal-scroll{display:none}.tab-content.shown{display:block}.tab-content.grid-of-3-columns.shown{display:grid}}@media screen and (min-width:840px){.center-main{margin-left:auto;margin-right:auto;width:840px;max-width:840px}.center-main.with-box-sizing{box-sizing:border-box;padding-left:24px;padding-right:24px}.grid-of-3-columns.md-bp-grid-of-2-columns{grid-template-columns:1fr 1fr 1fr}.tab-content{display:none}.tab-content.shown{display:block}.tab-content.grid-of-3-columns.shown{display:grid}}.link.no-style{color:inherit}.md-btn{background-color:transparent;border:0;border-radius:2px;cursor:pointer;display:inline-block;font-family:RobotoMedium,sans-serif;font-size:14px;font-weight:500;line-height:20px;min-width:64px;padding:8px}.md-btn:not(.outline){box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)}.md-btn.as-full{box-sizing:border-box;display:block;width:100%}.md-btn.primary:not(.outline){background-color:var(--primary);color:#fff}.md-icon{background:url() no-repeat center;background-size:90%;border-radius:50%;display:inline-block;height:24px;opacity:.54;vertical-align:middle;width:24px}.md-icon.on-circle{background-color:#fff;height:40px;opacity:1;width:40px}.md-icon:hover{cursor:pointer}.md-icon.ic-close{background-image:url(/svg/close.svg)}.md-icon.ic-search{background-image:url(/svg/search.svg)}.md-icon.ic-menu-arrow-down.dark{background-image:url(/svg/dark/keyboard_arrow_down-white-18dp.svg)}.md-icon.ic-menu-arrow-up.dark{background-image:url(/svg/dark/keyboard_arrow_up-white-18dp.svg)}.md-search{border:0;font-size:16px;line-height:1.5;padding:16px}.label-of-md-search{display:block}.label-of-md-search>.md-search{box-sizing:border-box;width:100%}.res-mb-32{margin-bottom:16px}.res-mb-64{margin-bottom:32px}.mb-4{margin-bottom:4px}.mb-64{margin-bottom:64px}.mr-8{margin-right:8px}.mr-16{margin-right:16px}.mr-24{margin-right:24px}.ml-minus-16{margin-left:-16px}.mt-minus-72{margin-top:-72px}.mt-64{margin-top:64px}.metadata{box-sizing:border-box;padding:16px;width:100%}.pos-abs{position:absolute}.pos-abs.fit-all{height:100%;left:0;top:0;width:100%}.pos-abs.fit-in-mid{top:0;bottom:0;margin:auto}.pos-abs.fit-in-mid.center-main{left:0;right:0}.pos-rel{position:relative}.sm-bp-block{display:block}.section-pad{padding:32px 16px}.top-64{top:64px}.w-120{width:120px}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}p{font-size:14px;line-height:1.428571428571429}.w-512{width:512px}q{font-family:RobotoMedium;font-size:24px;line-height:1.33}.quoter{font-family:RobotoRegular}.max-w-328{max-width:328px}@media screen and (min-width:768px){.section-pad{padding:64px 24px}.md-bp-mt-minus-72{margin-top:-72px}.md-bp-mt-minus-40{margin-top:-40px}.md-bp-w-512{width:512px}.res-mb-32{margin-bottom:32px}.res-mb-64{margin-bottom:64px}.res-w-348{width:348px}.sm-bp-block{display:none}.md-bp-center-text{text-align:center}}
.footer.dark{background-color:var(--color-space-gray)}.footer-inner{display:grid;grid-template-columns:1fr;grid-column-gap:16px;grid-column-row:16px;padding:32px 16px}.footer-inner .footer-item{margin-bottom:32px}.link-item>a{display:inline-block;line-height:24px;margin-bottom:4px;padding-bottom:12px;padding-top:12px}.social-link-of-icon{display:inline-block;padding:12px}@media screen and (min-width:768px){.footer-inner{grid-template-columns:1fr 1fr 1fr 1fr;padding:64px 24px 32px 24px;width:768px;margin:auto}.footer-inner .theme-a{padding:24px}.footer-inner .footer-item{margin-bottom:0}.link-item>a{display:inline;padding-bottom:0;padding-top:0}.social-link-of-icon{display:inline;padding:0}}@media screen and (min-width:840px){.footer-inner{width:840px}}.fc-white.secondary{color:#c1c0c1}.fw-black{font-family:RobotoBlack,sans-serif;font-weight:black}.center-text{text-align:center}.pb-32{padding-bottom:32px}.display-ib{display:inline-block}.mr-4{margin-right:4px}.icon.facebook{background-image:url(../svg/facebook.svg)}.icon.twitter{background-image:url(../svg/twitter.svg)}.icon.linkedin{background-image:url(../svg/linkedin.svg)}.icon.instagram{background-image:url(../svg/instagram.svg)}.icon.behance{background-image:url(../svg/behance.svg)}
.search-bar{background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.24);left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .1s cubic-bezier(.465,.183,.153,.946);width:100%;z-index:7}.search-bar.visible{opacity:1!important;pointer-events:auto;transition:opacity .3s cubic-bezier(.465,.183,.153,.946)}.search-bar-container{display:grid;grid-template-columns:auto 2fr auto;padding-left:16px;padding-right:16px}.search-bar-container .md-icon{margin-bottom:16px;margin-top:16px}:root{--primary:#2F2F2F;--primary-ascend:#050505;--primary-on:#474747;--secondary:#4598FF;--icon-on-hover:rgba(0, 0, 0, 0.24)}.d-ib{display:inline-block}.headline.type-4{font-family:RobotoBlack,sans-serif}.dark{color:#fff}.h-180{height:180px}.image-fit-to-container{max-height:100%;max-width:100%;object-fit:cover}.md-btn{border:0;border-radius:4px;background-color:transparent;cursor:pointer;display:inline-block;font-family:RobotoMedium,sans-serif;font-size:14px;font-weight:500;line-height:20px;min-width:64px;padding:8px;text-transform:uppercase}.md-btn.outline{box-sizing:border-box;border:1px solid transparent}.md-btn:not(.outline):hover{background-color:var(--primary-on);color:#fff;cursor:pointer}.md-btn.dark{color:#fff}.md-btn.outline:not(.type-of-action-link):hover{border:1px solid var(--primary-on)}.md-btn.dark.outline:hover{color:#fff;border:1px solid #fff}.md-btn.primary{background-color:var(--primary);color:#fff}.mr-8{margin-right:8px}.metadata{box-sizing:border-box;padding:16px;width:100%}.object-fit-contain{object-fit:contain}.object-fit-none{object-fit:none}.pos-abs{position:absolute}.pos-abs.fit-all{height:100%;left:0;top:0;width:100%;z-index:0}.pos-abs.fit-in-mid{top:0;bottom:0;margin:auto}.pos-rel{position:relative}.w-120{width:120px}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.about-header-container{height:calc(100vh - 56px);position:relative}.highlight-information{padding:64px 16px}.highlight-photo{height:464px}.service-icon{clear:both;height:56px;width:56px}.grid-of-gallery-header{box-sizing:border-box;display:grid;grid-gap:8px;padding-left:16px;padding-right:16px}.grid-of-gallery-header .grid-item{position:relative}.grid-of-gallery-header .grid-item.main{padding:50%}.grid-of-gallery-header .four-square-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px}.four-square-grid .grid-item{padding:50%}.dropdown.menu{background:#fafafa;box-shadow:0 0 8px 0 rgba(0,0,0,.12),0 8px 8px 0 rgba(0,0,0,.24);border-radius:2px;pointer-events:none;margin-top:16px;min-width:112px;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.465,.183,.153,.946)}.dropdown.menu.shown{opacity:1;pointer-events:auto}.ic-menu-arrow-down{transition:transform .3s cubic-bezier(.465,.183,.153,.946)}.ic-menu-arrow-down.inverted{transform:rotate(180deg)}.menu-item{color:rgba(0,0,0,.87);font-size:14px;line-height:20px}.inline-block{display:inline-block}.navigation-bar-main{width:156px}.as-role-menu:hover{cursor:pointer}@media screen and (min-width:768px){.about-header-container,.highlight-header{height:464px}.md-bp-grid-with-two-columns{display:grid;grid-template-columns:1fr 1fr}.headline.type-4{font-size:32px;line-height:1.25}.md-bp-h-204{height:204px}.highlight-information{padding:64px 24px}.highlight-photo{height:inherit}.grid-of-gallery-header{grid-template-columns:1fr 1fr;padding-left:24px;padding-right:24px}.design-solutions-container{background:url(/svg/illustrations/looking-for-design-solutions.svg) no-repeat center right 64px;background-size:312px}}
.page-header{padding:32px 16px}@media screen and (min-width:768px){.page-header{padding:64px 0}}@media screen and (max-width:767px){.sm-no-center-text{text-align:inherit}}
h1.page-title{font-size:32px;font-family:RobotoBlack,sans-serif;line-height:1.142857142857143}@media screen and (min-width:768px){h1.page-title{font-size:56px}}