article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio[controls],canvas,video{display:inline-block;*display:inline;zoom:1}html{height:100%;font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%}body{background:#f5f4f2;min-height:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font:100%/1.5 Asap,Helvetica Neue,Helvetica,Arial,serif;*font-size:1em;color:#333}button,input,select,textarea{font:100%/1.5 Asap,Helvetica Neue,Helvetica,Arial,serif;*font-size:1em;color:#333}address,blockquote,code,dl,fieldset,form,hr,menu,ol,p,pre,q,samp,table,ul{margin:0 0 1.5em;padding:0}img{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Asap,Helvetica Neue,Helvetica,Arial,sans-serif;color:#222}h1{margin:0;font-size:3.75em;line-height:1.2em;margin-bottom:.4em}h2{margin:0;font-size:3em;line-height:1em;margin-bottom:.5em}h3{margin:0;font-size:2.25em;line-height:1.3333333333em;margin-bottom:.6667em}h4{margin:0;font-size:1.5em;line-height:1em;margin-bottom:1em}h5{margin:0;font-size:1.3125em;line-height:1.1428571429em;margin-bottom:1.1428571429em}h6{margin:0;font-size:1.125em;line-height:1.3333333333em;margin-bottom:1.3333333333em}blockquote,label,p,pre,td,th,ul{margin:0;font-size:1em;line-height:1.5em;margin-bottom:1.5em}p.small,small{margin:0;font-size:9px;padding-bottom:10px;display:block}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}code,kbd,pre,samp{font-size:1em;line-height:1.5em;margin-bottom:1.5em;font-family:Menlo,Consolas,"DejaVu Sans Mono",Monaco,monospace}table{border-collapse:collapse;border-spacing:0;margin-bottom:1.5em}th{text-align:left}td,th,tr{padding-right:1.5em;border-bottom:0 solid #333}form{margin:0}fieldset{border:0;padding:0}textarea{overflow:auto}legend{*margin-left:-0.75em}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}button{cursor:pointer;-webkit-appearance:button}input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before{content:"";content:none}q:after,q:before{content:"";content:none}blockquote,cite,q{font-style:italic}blockquote{padding-left:1.5em;border-left:3px solid #ccc}blockquote>p{padding:0}ol,ul{list-style-position:inside;padding:0}li ol,li ul{margin:0 1.5em}dl dd{margin-left:1.5em}dt{font-family:Asap,Arial,sans-serif}a{text-decoration:none;color:#3c98ce}a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}figure{margin:0}embed,img,object,video{max-width:100%;width:100%}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}abbr[title],dfn[title]{border-bottom:1px dotted #333;cursor:help}ins{text-decoration:none}mark{text-decoration:none;background:#c47529}ins{background:#d49855}del{text-decoration:line-through}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}b,dt,strong{font-weight:700}dfn{font-style:italic}address,var{font-style:normal}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style",Palatino,"Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline}.cf{zoom:1}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}@font-face{font-family:"icomoon";src:url("../fonts/icomoon.eot?urocgf");src:url("../fonts/icomoon.eot?urocgf#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?urocgf") format("truetype"),url("../fonts/icomoon.woff?urocgf") format("woff"),url("../fonts/icomoon.svg?urocgf#icomoon") format("svg");font-weight:normal;font-style:normal}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:""}.icon-envelope:before{content:""}.icon-mobile:before{content:""}.icon-twitter:before{content:""}.icon-dribbble:before{content:""}.icon-linkedin:before{content:""}body{margin:0 auto}p{font-size:1em;line-height:1.25em;margin:0 0 1.25em}.class-for-24px{font-size:1.5em;line-height:1.6667em;margin-top:.8333em;margin-bottom:0}.class-for-22px{font-size:1.375em;line-height:1.8182em;margin-top:.9091em;margin-bottom:0}.class-for-20px{font-size:1.25em;line-height:1em;margin-top:1em;margin-bottom:0}.class-for-18px{font-size:1.125em;line-height:1.1111em;margin-top:1.1111em;margin-bottom:0}.class-for-16px{font-size:1em;line-height:1.25em;margin-top:1.25em;margin-bottom:0}.class-for-14px{font-size:.875em;line-height:1.4286em;margin-top:1.4286em;margin-bottom:0}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.black-text-shadow,.site-header article h2.disipline,.site-header article h1{text-shadow:0px 1px 2px rgba(0,0,0,.4)}.site-header{position:relative;clear:both;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#666;padding:0em 0 0;height:597px;align-items:center;height:90vh;min-height:90vh}.site-header.bgwork{background-image:url("../img/bg/work.jpg")}.site-header.bgux{background-image:url("../img/bg/aldermore-design2.png")}.site-header.bgconferences{background-image:url("../img/bg/talks2.jpg")}.site-header.bgawards{background-image:url("../img/bg/awards.jpg")}.site-header.bgclients{background-image:url("../img/bg/clients3.jpg")}.site-header article{position:absolute;top:50%;left:50%;width:90%;transform:translate(-50%, -50%);z-index:1}.site-header article a.logolink{width:95px;height:95px;display:block;margin:20px auto 15px}.site-header article a.logolink .logo{background:url(../img/sprite.png) no-repeat;width:95px;height:95px;overflow:hidden;text-indent:-9999px;display:block}.site-header article h1{font-family:"Montserrat",sans-serif;font-weight:900;font-size:48px;color:#fff;line-height:1em;text-align:center;margin:0 0 11px}.site-header article h1 span{display:block;clear:both}@media(max-width: 375px){.site-header article h1 span{display:block;clear:both}}@media(max-width: 768px){.site-header article h1 span{display:block;clear:both}}.site-header article h2.disipline{margin:auto 10px;padding:0 10px;font-size:1em;color:#fff;font-weight:400;text-align:center;line-height:1.125em;overflow:hidden;height:80px}.site-header article .center-content{position:relative;left:-50%;text-align:left;float:right;clear:both}.site-header article .social-link{list-style-type:none;left:50%;position:relative;margin:0;padding:0}.site-header article .social-link li{display:block;float:left;position:relative;margin:0 0 0 20px}.site-header article .social-link li:first-of-type{margin-left:0}.site-header article .social-link li a.social{background:#fff;color:#3c98ce;display:block;cursor:pointer;font-size:21px;border-radius:50%;width:40px;height:40px;text-align:center}.site-header article .social-link li a.social span{display:inline-block;margin-top:8px}.site-header article .social-link li a:hover{text-decoration:none;color:#000}.site-header .overlay{position:absolute;width:100%;height:100%;opacity:.6;background:red}.site-header .overlay.services{background:#ffd23c}.navigation{background:#fff;overflow:hidden;position:fixed;z-index:100;top:0;left:0;width:100%;overflow:hidden;border-bottom:1px solid #ccc}.navigation .imranyounis{float:left;display:block;color:#000;padding:14px 16px;font-weight:400;line-height:25px;margin-left:30px;text-transform:capitalize}@media screen and (max-width: 900px){.navigation .imranyounis{padding:14px 0;margin-left:15px}}@media screen and (max-width: 600px){.navigation .imranyounis{width:100%;text-align:center;margin:0;padding:14px 0}}.navigation .topnav{float:right;margin-right:30px}.navigation .topnav a{float:left;display:block;color:#000;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.navigation .topnav a.selected{color:#979797;border-bottom:2px solid #979797}.navigation .topnav a:hover{background-color:#fff;color:#3c98ce;border-bottom:2px solid #3c98ce}.navigation .icon{display:none;float:right;text-decoration:none;color:#000;font-size:21px;width:45px;height:45px;text-align:center;line-height:45px;position:absolute;z-index:100;right:0;top:0}.navigation .icon::after{content:"menu";font-size:11px;position:absolute;top:15px;left:9px}.navigation .icon .bar1,.navigation .icon .bar2,.navigation .icon .bar3{width:35px;height:5px;margin:6px 0;transition:.4s}.navigation .icon .change .bar1{transform:rotate(-45deg) translate(-9px, 6px)}.navigation .icon .change .bar2{opacity:0}.navigation .icon .change .bar3{transform:rotate(45deg) translate(-8px, -8px)}@media screen and (max-width: 768px){.topnav{display:none}.topnav .links{float:left;clear:both;margin-top:34px;width:100%}.topnav a{display:none}.icon{float:right;display:block !important}}@media screen and (max-width: 768px){.topnav.responsive{display:block;position:fixed;height:100%;background:#fff;width:100%;margin-top:53px}.topnav.responsive .selected{background-color:#fff;color:#000}.topnav.responsive a.icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}.topnav.responsive a:selected{color:#000}}.fixed{transition:all .5s ease-in-out;background:#000;position:fixed;top:0;box-shadow:0px 3px 14px -7px rgba(0,0,0,.4);left:0;right:0;border-bottom:none}.summary{padding:2% 5% 5%;border-bottom:1px solid #ccc;margin-bottom:90px;overflow:hidden;margin:0 auto 50px;background:#fff}.summary .body-copy{width:768px;max-width:768px;margin:auto}@media screen and (max-width: 900px){.summary .body-copy{width:100%}}.summary .body-copy hr{display:block;width:80px;height:4px;margin-bottom:30px;background-color:#202121;border:none}.summary .body-copy h2{color:#979797;font-family:"Montserrat",sans-serif;font-weight:300;line-height:1.3em;font-size:48px}@media screen and (max-width: 768px){.summary .body-copy h2{font-size:32px;font-weight:400}}@media screen and (max-width: 600px){.summary .body-copy h2{font-size:24px;font-weight:400}}.summary .body-copy p{color:#2c2a25;text-align:center;font-size:24px;line-height:1.6em;text-align:left}@media screen and (max-width: 768px){.summary .body-copy p{font-size:16px;line-height:24px}}.about{clear:both}.about .intro h2{text-align:center;color:#2c2a25;font-size:48px;line-height:1em;margin-top:1.0667em;margin-bottom:20px;font-family:"Montserrat",sans-serif;font-weight:300}.about .intro p{text-align:center;color:#959595;font-size:30px;line-height:36px}.about .intro p a{color:#252525;text-decoration:none;border-bottom:1px dotted #3c98ce}.about .intro p a:hover{color:#3c98ce;border-bottom:1px dotted #2c2a25}.previews{list-style-type:none;padding:0;overflow:hidden;text-align:center}.previews a{position:relative}.previews img{background:#fff;display:block}.previews img.work{margin:0 0 15px}.previews h2{color:#252525;font-weight:400;font-size:21px;line-height:1;margin:10px 0 2px 10px;text-align:left}.previews p{font-size:14px;line-height:24px;margin:0 0 2px 10px;font-weight:400;color:#959595;text-align:left}.previews h3{margin:30px 30px 0 30px;text-align:left;color:#3c98ce;font-size:19px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.previews a.button{float:left;margin:0 0 30px 30px;background:#fff;border:1px solid #2e96d3;color:#2e96d3;padding:0 20px;font-size:16px;height:44px;line-height:44px}.previews a.button:hover{background:#2e96d3;color:#fff}.previews.ux h2{margin-bottom:20px}.previews.talks li{background:#f9f9f9}.previews.talks li img{background:#fff}.previews.talks p{margin-bottom:20px}.previews.awards p{margin-bottom:20px}.about .previews p a{color:#3c98ce;text-decoration:none;border-bottom:none;display:inline-block;margin-right:5px}.about .previews p a:hover{color:#3c98ce;text-decoration:underline;border-bottom:none}footer{text-align:center}.row{display:table}.column{display:table-cell;width:30.33%;display:inline-block;position:relative;margin-left:1%;margin-right:1%;border:1px solid #e1e1e1;border-radius:2px;margin-bottom:20px;background:#f9f9f9}.row.previews.work img{cursor:pointer}.row:after{content:"";display:table;clear:both}@media(max-width: 600px){.site-header article h1{font-size:40px}.column{width:100%}}@media only screen and (min-width: 601px)and (max-width: 900px){.column{width:45%}}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff;background-color:#fff}.modal .info-panel{margin:0 auto;position:relative;max-width:960px;z-index:12;background:#fff;opacity:1;transition:opacity .25s ease-in-out;overflow:hidden}.modal .info-panel p{margin:10px 10px 0 10px;padding:0 20px 20px}@media(max-width: 600px){.modal .info-panel span{font-size:12px}}.modal .info-panel ul{margin:0 0 30px 30px;overflow:hidden}.modal .info-panel li{float:left;margin:0 0 1px 1px}.modal .info-panel li .end,.modal .info-panel li:first-child{margin:0}.modal .info-panel .close{position:absolute;top:15px;right:15px;color:#000;font-size:40px;font-weight:bold;transition:.3s;cursor:pointer}.modal .info-panel .close:hover{color:#2e96d3}@media(max-width: 600px){.column{margin:0}.modal{z-index:100;padding:0}.modal .info-panel{top:0;left:0;margin:0;width:100%;height:100%}}.modal-content,#caption{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}#myBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;height:60px;background-color:#2e96d3;color:#fff;text-align:center;font-size:13px;font-weight:500;cursor:pointer;border:none;overflow:hidden;transition:all .3s ease-in-out;height:50px;padding:0 10px;line-height:50px;border-radius:60px;font-size:16px;vertical-align:bottom}#myBtn:hover{text-decoration:none;background:#000}.button{position:relative;display:inline-block;height:60px;background-color:#2e96d3;color:#fff;text-align:center;font-size:20px;font-weight:700;cursor:pointer;border:none;overflow:hidden;transition:all .3s ease-in-out;height:50px;padding:0 50px;line-height:50px;border-radius:60px;vertical-align:bottom}.button:hover{text-decoration:none;background:#000}.work-icons{background:url(../img/sprite.png) no-repeat;display:block;overflow:hidden;text-indent:-5555px;width:60px;height:60px}.work-icons.android{background-position:-315px 0}.work-icons.nfc{background-position:-376px 0}.work-icons.ios{background-position:-437px 0}.work-icons.degree360{background-position:-498px 0}.work-icons.ipad{background-position:-559px 0}.work-icons.ar{background-position:-620px 0}.work-icons.windows{background-position:-681px 0}.work-icons.iphone{background-position:-742px 0}.work-icons.smartphone{background-position:-803px 0}.work-icons.desktop{background-position:-864px 0}.work-icons.cloud{background-position:-925px 0}.work-icons.web{background-position:-986px 0}.work-icons.ecommerce{background-position:-1047px 0}.work-icons.flash{background-position:-1108px 0}.work-icons.multi-touch{background-position:-1169px 0}@media(max-width: 375px){.menu{position:fixed;top:0}header{margin-top:60px}.site-header{height:497px;margin-top:46px}.site-header article .logo{width:50px;height:50px;background-size:650px 50px;margin:10px auto 5px}.site-header article h1{margin:0 0 50px;font-size:35px}.site-header article h2.disipline{font-size:12px}.site-header article .center-content{margin:0 0 10px}.site-header article .center-content .social-link li{margin:0 15px 0 0}.site-header article .center-content .social-link li a.social{font-size:15px;border-radius:50%;width:30px;height:30px}.about .intro{margin:0}.about .intro h2{font-size:22px;margin-bottom:10px;padding:0 5px;line-height:1em;font-weight:900}.about .intro p{font-size:16px;padding:0 5px;margin-bottom:40px;line-height:1.5em}.about .previews h2{font-size:14px;line-height:1em}.about .previews p{margin:0 0 0 10px;line-height:18px}.about .previews h3{font-size:12px;line-height:1em}.info-panel{padding:0}.info-panel p{margin:10px;display:block;overflow:hidden}}@media only screen and (-webkit-min-device-pixel-ratio: 2){.logo{background-size:650px;background-position:0px 0px}}@media(max-width: 600px){.menu{position:fixed;top:0}header{margin-top:51px}}@media only screen and (min-width: 376px)and (max-width: 767px){.about .intro h2,.about .agency,.about .intro p{font-size:22px;margin-bottom:10px}.about .intro h2{line-height:1em}}@media only screen and (min-width: 1025px){.column{width:28%}.info-panel p{font-size:19px;line-height:1.2em}}@media only screen and (max-width: 1400px){body{max-width:1440px}}@media only screen and (min-width: 1401px){body{max-width:2560px}body .info-panel p{font-size:19px;line-height:28px}}@media print{*{background:rgba(0,0,0,0) !important;color:#000 !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}a{color:#444 !important;text-decoration:underline}a:visited{color:#444 !important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after{content:""}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

.root {
    display: flex;
}