.overlay,.side{top:0;height:100%}.back,.side{text-align:center}.page,.side{-webkit-backface-visibility:hidden}body,html{height:100%;margin:0;width:100%}#about{background:#3e2723!important}#logo .b{fill:#fff}#logo{position:fixed;z-index:101}.splitlayout{position:relative;overflow-x:hidden;min-height:100%;width:100%}.side{position:fixed;z-index:100;width:50%}.open-left .side,.open-right .side{cursor:default}.overlay{position:absolute;left:0;z-index:499;visibility:hidden;width:100%;opacity:0}.side-left .overlay{background:rgba(0,0,0,.7)}.side-right .overlay{background:rgba(0,0,0,.3)}.side-left{left:0;background:url(../../../assets/img/about/aboutFullImage-1920@1x.jpg) no-repeat;color:#fff}.side-right{right:0;background:url(../../../assets/img/about/aboutFullImage-1920@1x.jpg) 100% 0 no-repeat;color:#3e2723}.page-left,.page-right,.profile,.splitlayout.open-left,.splitlayout.open-right{background:#3e2723}.intro-content{position:absolute;top:50%;left:50%;padding:0 1em;width:35%;cursor:pointer;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.profile{margin:0 auto;width:140px;height:140px;border-radius:50%}.profile img{max-width:100%;border-radius:50%;opacity:.6}.intro-content h1>span{display:block;white-space:nowrap}.intro-content h1>span:nth-child(2){position:relative;margin-top:.5em;padding:.8em;letter-spacing:1px;font-size:.8em}.back,.mobile-layout .back{position:fixed}.back{top:2.6em;z-index:2147483646;display:block;visibility:hidden;width:50px;height:50px;border-radius:50%;color:#fff;font-size:22px;line-height:44px;opacity:0;pointer-events:none}.back-left{left:12.5%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.back-right{right:12.5%;-webkit-transform:translateX(50%);transform:translateX(50%);color:#fff}.open-left .back-right,.open-right .back-left{visibility:visible;opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s;pointer-events:auto}.back:hover{color:#ddd}.page{position:relative;top:0;overflow:auto;min-height:100%;width:75%;height:auto;font-size:1.4em;z-index:105}.page-right{left:25%;color:#97a8b2;-webkit-transform:translateX(100%);transform:translateX(100%)}.page-left{left:0;color:#fff;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.page-inner{padding-left:15em;padding-top:12em}.page-inner section{padding-bottom:1em}.page-inner h2{margin:0 0 1em}.page,.side{-webkit-transition:-webkit-transform .6s;transition:transform .6s}.overlay{-webkit-transition:opacity .6s,visibility .1s .6s;transition:opacity .6s,visibility .1s .6s}.intro-content{-webkit-transition:-webkit-transform .6s,top .6s;transition:transform .6s,top .6s}.back,.intro-content h1{-webkit-transition:opacity .3s;transition:opacity .3s}.reset-layout .page,.splitlayout.close-left .page-right,.splitlayout.close-right .page-left,.splitlayout.open-left .page-right,.splitlayout.open-right .page-left{position:absolute;overflow:hidden;height:100%}.splitlayout.open-left .page-left,.splitlayout.open-right .page-right{position:relative;overflow:auto;height:auto}.open-left .side-right .overlay,.open-right .side-left .overlay{visibility:visible;opacity:1;-webkit-transition:opacity .6s;transition:opacity .6s}.open-right .side-left{-webkit-transform:translateX(-60%);transform:translateX(-60%)}.open-right .side-right{z-index:200;-webkit-transform:translateX(-150%);transform:translateX(-150%)}.close-right .side-right{z-index:100}.open-right .side-right .intro-content{-webkit-transform:translateY(-50%) translateX(20%) scale(.8);transform:translateY(-50%) translateX(20%) scale(.8)}.open-right .page-right{-webkit-transform:translateX(0);transform:translateX(0)}.open-left .side-right{-webkit-transform:translateX(60%);transform:translateX(60%)}.open-left .side-left{z-index:200;-webkit-transform:translateX(150%);transform:translateX(150%)}.close-left .side-left{z-index:100}.open-left .side-left .intro-content{-webkit-transform:translateY(-50%) translateX(-120%) scale(.8);transform:translateY(-50%) translateX(-120%) scale(.8)}.open-left .codropsheader{opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .1s .3s;transition:opacity .3s,visibility .1s .3s}.open-left .page-left{-webkit-transform:translateX(0);transform:translateX(0)}.arabic .aboutInfoWrap,.arabic .page-inner section{text-align:start;direction:rtl}.arabic .aboutHeader,.arabic .aboutText,.arabic .aboutTitle{text-align:right;direction:rtl}@media screen and (max-width:83em){.intro-content{font-size:60%}}@media screen and (max-width:58em){body{font-size:90%}}@media screen and (max-width:49.4375em){.intro-content,.page{width:100%}.open-right .side-right{-webkit-transform:translateX(-175%);transform:translateX(-175%)}.open-right .side-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.open-left .side-right{-webkit-transform:translateX(100%);transform:translateX(100%)}.open-left .side-left{-webkit-transform:translateX(175%);transform:translateX(175%)}.page-right{left:0;padding-left:15%}.page-left{padding-right:15%}.open-right .side-right .intro-content{top:100%;-webkit-transform:translateY(-150px) translateX(-12.5%) scale(.5);transform:translateY(-150px) translateX(-12.5%) scale(.5)}.open-left .side-left .intro-content{top:100%;-webkit-transform:translateY(-150px) translateX(-87.5%) scale(.5);transform:translateY(-150px) translateX(-87.5%) scale(.5)}.open-left .intro-content h1,.open-right .intro-content h1{opacity:0}.back-left{left:6.25%}.back-right{right:6.25%}}@media screen and (max-width:42.5em){body{font-size:80%}.intro-content{font-size:50%}}@media screen and (max-height:41.125em){.intro-content{-webkit-transform:translateY(-25%) translateX(-50%);transform:translateY(-25%) translateX(-50%)}}@media screen and (max-width:39.375em){.intro-content .profile{-webkit-transform:scale(.5);transform:scale(.5)}}@media screen and (max-width:320px){body{font-size:70%}}.aboutHeader{font-family:"GFS Didot";font-size:38px;line-height:41px}.arabic .aboutHeader{font-family:Mada,sans-serif}.aboutText{font-family:"Open Sans";font-size:15px;line-height:23px}.arabic .aboutText{font-family:Mada,sans-serif;font-size:17px}.aboutTitle{font-family:"GFS Didot";font-size:39px;line-height:45px;margin-left:2vw}.arabic .aboutTitle{font-family:Mada,sans-serif}.aboutInfoWrap{text-align:left}#aboutMatt .mattGraphic{float:right;margin-top:6vh;padding-bottom:5vh}@media (max-width:1440px){.aboutTitle{font-size:28px;line-height:37px}.page-inner{padding-left:10em}.side-left{background:url(../../../assets/img/about/aboutFullImage-1440@1x.jpg) no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-1440@1x.jpg) 100% 0 no-repeat}}@media (max-width:1366px){.aboutHeader{font-size:34px;line-height:41px}.side-left{background:url(../../../assets/img/about/aboutFullImage-1440@1x.jpg) 10% 0 no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-1440@1x.jpg) 100% 0 no-repeat}}@media (max-width:1280px){.intro-content{width:45%;top:57%}.open-left .side-left .intro-content{-webkit-transform:translateY(-15%) translateX(-100%) scale(.8);transform:translateY(-115%) translateX(-100%) scale(.8)}.open-right .side-right .intro-content{-webkit-transform:translateY(-15%) translateX(0) scale(.8);transform:translateY(-115%) translateX(0) scale(.8)}.side-left{background:url(../../../assets/img/about/aboutFullImage-1280@1x.jpg) no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-1280@1x.jpg) 100% 0 no-repeat}}@media (max-width:1024px){.page-inner{padding-left:7em}.page-inner section{width:70%}.side-left{background:url(../../../assets/img/about/aboutFullImage-1024@1x.jpg) no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-1024@1x.jpg) 100% 0 no-repeat}}@media (max-width:1024px) and (max-height:480px){.intro-content{top:52%}.aboutTitle{font-size:25px;line-height:33px}.page-inner{padding-top:10em}.open-left .side-left .intro-content,.open-right .side-right .intro-content{display:none}.side-left{background:url(../../../assets/img/about/aboutFullImage-965@1x.jpg) no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-965@1x.jpg) 100% 0 no-repeat}}@media (max-width:965px){.intro-content{top:52%}.aboutTitle{font-size:25px;line-height:33px}.page-inner{padding-top:10em}.open-left .side-left .intro-content,.open-right .side-right .intro-content{display:none}.side-left{background:url(../../../assets/img/about/aboutFullImage-965@1x.jpg) 11% 0 no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-965@1x.jpg) 100% 0 no-repeat}}@media (max-width:801px){.intro-content{width:52%}.page-inner{padding-top:14em}.side-left{background:url(../../../assets/img/about/aboutFullImage-800@1x.jpg) no-repeat;background-position-x:2%}.side-right{background:url(../../../assets/img/about/aboutFullImage-800@1x.jpg) 100% 0 no-repeat}}@media (max-width:768px){.intro-content{width:55%}.side-left{background:url(../../../assets/img/about/aboutFullImage-768@1x.jpg) no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-768@1x.jpg) 100% no-repeat}}@media (max-width:740px) and (max-height:415px){.page-inner{padding-top:11em}.side-left{background:url(../../../assets/img/about/aboutFullImage-965@1x.jpg) 20% no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-965@1x.jpg) 76% no-repeat}}@media (max-width:667px) and (max-height:415px){.aboutTitle{font-size:22px;line-height:29px}.side-left{background:url(../../../assets/img/about/aboutFullImage-667@1x.jpg) no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-667@1x.jpg) 100% 0 no-repeat}}@media (max-width:667px) and (max-height:315px){.aboutTitle{font-size:19px;line-height:23px}.intro-content{top:57%}.aboutHeader{font-size:27px;line-height:33px}.aboutText{font-size:13px;line-height:21px}.side-left{background:url(../../../assets/img/about/aboutFullImage-667@1x.jpg) 6% no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-667@1x.jpg) 98% no-repeat}}@media (max-width:601px){.aboutTitle{font-size:21px;line-height:27px}.intro-content{width:60%}.side-left{background:url(../../../assets/img/about/aboutFullImage-605@1x.jpg) 2% no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-605@1x.jpg) 98% no-repeat}}@media (max-width:601px) and (max-height:415px){.side-left{background:url(../../../assets/img/about/aboutFullImage-667@1x.jpg) 5% no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-667@1x.jpg) 85% no-repeat}}@media (max-width:480px){.aboutTitle{font-size:19px;line-height:25px}.side-left .intro-content{top:38%;left:65%}.side-right .intro-content{top:74%;left:35%}#aboutMatt .mattGraphic{margin-top:3vh}.aboutHeader{font-size:26px;line-height:34px}.page-inner{padding-left:5em}.side-left{background:url(../../../assets/img/about/aboutFullImage-414@1x.jpg) 2% no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-414@1x.jpg) 98% no-repeat}}@media (max-width:375px){.side-left{background:url(../../../assets/img/about/aboutFullImage-375@1x.jpg) 0 no-repeat}.side-right{background:url(../../../assets/img/about/aboutFullImage-375@1x.jpg) 100% no-repeat}}@media (max-width:365px){.side-left .intro-content{top:38%;left:58%}.side-right .intro-content{top:71%;left:35%}.page-inner{padding-left:4em;padding-top:11em}.side-right{background:url(../../../assets/img/about/aboutFullImage-375@1x.jpg) 89% no-repeat}}