*{box-sizing:border-box}body{margin:0}.hidden{display:none}.background{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;overflow:auto;-webkit-overflow-scrolling:touch}.init-preloader{height:100%;background:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3Csvg width%3D'120px' height%3D'120px' xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 100 100%22 preserveAspectRatio%3D%22xMidYMid%22 class%3D%22uil-ring-alt%22%3E%3Crect x%3D%220%22 y%3D%220%22 width%3D%22100%22 height%3D%22100%22 fill%3D%22none%22 class%3D%22bk%22%3E%3C%2Frect%3E%3Ccircle cx%3D%2250%22 cy%3D%2250%22 r%3D%2240%22 stroke%3D%22rgba(100%25%2C100%25%2C100%25%2C0)%22 fill%3D%22none%22 stroke-width%3D%2210%22 stroke-linecap%3D%22round%22%3E%3C%2Fcircle%3E%3Ccircle cx%3D%2250%22 cy%3D%2250%22 r%3D%2240%22 stroke%3D%22%2351D2CE%22 fill%3D%22none%22 stroke-width%3D%226%22 stroke-linecap%3D%22round%22%3E%3Canimate attributeName%3D%22stroke-dashoffset%22 dur%3D%222s%22 repeatCount%3D%22indefinite%22 from%3D%220%22 to%3D%22502%22%3E%3C%2Fanimate%3E%3Canimate attributeName%3D%22stroke-dasharray%22 dur%3D%222s%22 repeatCount%3D%22indefinite%22 values%3D%22150.6 100.4%3B1 250%3B150.6 100.4%22%3E%3C%2Fanimate%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") center/50px no-repeat #fff}router-outlet~*{position:absolute;width:100%;height:100%}.preloader{position:absolute;left:0;top:0;height:100%;width:100%;background:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3Csvg width%3D'120px' height%3D'120px' xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 100 100%22 preserveAspectRatio%3D%22xMidYMid%22 class%3D%22uil-ring-alt%22%3E%3Crect x%3D%220%22 y%3D%220%22 width%3D%22100%22 height%3D%22100%22 fill%3D%22none%22 class%3D%22bk%22%3E%3C%2Frect%3E%3Ccircle cx%3D%2250%22 cy%3D%2250%22 r%3D%2240%22 stroke%3D%22rgba(100%25%2C100%25%2C100%25%2C0)%22 fill%3D%22none%22 stroke-width%3D%2210%22 stroke-linecap%3D%22round%22%3E%3C%2Fcircle%3E%3Ccircle cx%3D%2250%22 cy%3D%2250%22 r%3D%2240%22 stroke%3D%22%2351D2CE%22 fill%3D%22none%22 stroke-width%3D%226%22 stroke-linecap%3D%22round%22%3E%3Canimate attributeName%3D%22stroke-dashoffset%22 dur%3D%222s%22 repeatCount%3D%22indefinite%22 from%3D%220%22 to%3D%22502%22%3E%3C%2Fanimate%3E%3Canimate attributeName%3D%22stroke-dasharray%22 dur%3D%222s%22 repeatCount%3D%22indefinite%22 values%3D%22150.6 100.4%3B1 250%3B150.6 100.4%22%3E%3C%2Fanimate%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") center/50px no-repeat #fff;z-index:999;transition:opacity .3s ease-in-out}.preloader.preloader-enabled{opacity:1;height:100vh}.preloader.preloader-disabled{opacity:0;height:0}.img-preloader{background:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3Csvg width%3D'120px' height%3D'120px' xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 100 100%22 preserveAspectRatio%3D%22xMidYMid%22 class%3D%22uil-ring-alt%22%3E%3Crect x%3D%220%22 y%3D%220%22 width%3D%22100%22 height%3D%22100%22 fill%3D%22none%22 class%3D%22bk%22%3E%3C%2Frect%3E%3Ccircle cx%3D%2250%22 cy%3D%2250%22 r%3D%2240%22 stroke%3D%22rgba(100%25%2C100%25%2C100%25%2C0)%22 fill%3D%22none%22 stroke-width%3D%2210%22 stroke-linecap%3D%22round%22%3E%3C%2Fcircle%3E%3Ccircle cx%3D%2250%22 cy%3D%2250%22 r%3D%2240%22 stroke%3D%22%2351D2CE%22 fill%3D%22none%22 stroke-width%3D%226%22 stroke-linecap%3D%22round%22%3E%3Canimate attributeName%3D%22stroke-dashoffset%22 dur%3D%222s%22 repeatCount%3D%22indefinite%22 from%3D%220%22 to%3D%22502%22%3E%3C%2Fanimate%3E%3Canimate attributeName%3D%22stroke-dasharray%22 dur%3D%222s%22 repeatCount%3D%22indefinite%22 values%3D%22150.6 100.4%3B1 250%3B150.6 100.4%22%3E%3C%2Fanimate%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") center/50px no-repeat #f2f2f2!important}header{position:relative;z-index:999}header .mainNav{width:100%;height:60px;position:fixed;display:block;overflow:hidden;background-color:#323232;transition:.3s ease-in-out}header .mainNav.mainNav-active{height:120px}header .mainNav.mainNav-active .aWrapper{margin-top:90px}header .mainNav.mainNav-active .navBarOne{top:30px!important;-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important;transition:top .15s ease-in-out,transform .15s ease-in-out .15s,-webkit-transform .15s ease-in-out .15s!important}@media (max-width:600px){header .mainNav{height:40px}header .mainNav.mainNav-active .navBarOne{top:20px!important}}header .mainNav.mainNav-active .navBarTwo{background-color:rgba(255,255,255,0)!important}header .mainNav.mainNav-active .navBarThree{top:30px!important;-webkit-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important;transition:top .15s ease-in-out,transform .15s ease-in-out .15s,-webkit-transform .15s ease-in-out .15s!important}@media (max-width:600px){header .mainNav.mainNav-active .navBarThree{top:20px!important}header .mainNav.mainNav-active{height:100px}header .mainNav.mainNav-active .aWrapper{margin-top:50px}}header .mainNav .home{position:absolute;top:0;left:10px;width:85px;height:60px;z-index:104;cursor:pointer}@media (max-width:600px){header .mainNav .home{width:55px;height:40px}}@-webkit-keyframes mymove{0%,100%,35%{-webkit-transform:scale(1,1);transform:scale(1,1)}15%,50%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}}@keyframes mymove{0%,100%,35%{-webkit-transform:scale(1,1);transform:scale(1,1)}15%,50%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}}header .mainNav .home:hover~.mainNavLogo{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-animation:.5s ease-in-out mymove;animation:.5s ease-in-out mymove}header .mainNav .mainNavLogo{position:absolute;top:0;left:10px;width:85px;height:60px;background:url(MR_Web_2014_Logo_Animation_10_sprite_doppelt_weiss_klein_rundeWerte02_72dpi.5fcf9ab76b5bece7b155.png) -680px -300px/850px 360px no-repeat}@media (max-width:600px){header .mainNav .mainNavLogo{left:0;width:55px;height:40px;background:url(MR_Web_2014_Logo_Animation_10_sprite_doppelt_weiss_klein_mobile_rundeWerte02_72dpi.8644c7981263abb4c2ea.png) -440px -200px/550px 240px no-repeat}}header .mainNav .aWrapper{display:block;height:24px;width:360px;margin:90px auto 0}header .mainNav .aWrapper .aWrapperSection{display:inline-block}header .mainNav .aWrapper .aWrapperSection a{text-transform:uppercase;text-decoration:none;display:inline-block;margin-right:40px;font-family:'Titillium Web',sans-serif;font-weight:200;font-style:italic;font-size:15px;color:#fff;transition:color .1s ease-in-out;cursor:pointer}header .mainNav .aWrapper .aWrapperSection a.navigation-link-active{color:#51d2ce}header .mainNav .aWrapper .aWrapperSection a:hover{color:#b2b2b2}@media (max-width:600px){header .mainNav .aWrapper{width:160px}header .mainNav .aWrapper .aWrapperSection{display:block}header .mainNav .aWrapper .aWrapperSection .lastA{margin-right:0}header .mainNav .aWrapper .aWrapperSection a{margin-right:20px;width:65px}}header .mainNav .aWrapper .aWrapperSection:last-child .lastB{margin-right:0}header .mainNav .navButton{position:absolute;top:0;right:0;width:50px;height:60px;cursor:pointer}header .mainNav .navButton .navBar{position:absolute;display:block;width:30px;height:1px;background-color:#fff;transition:.3s ease-in-out 0}header .mainNav .navButton .navBar.navBarOne{-webkit-transform:rotate(0);transform:rotate(0);top:20px;transition:top .15s ease-in-out .15s,transform .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (max-width:600px){header .mainNav .navButton{width:38px;height:40px}header .mainNav .navButton .navBar{width:25px}header .mainNav .navButton .navBar.navBarOne{top:12px}}header .mainNav .navButton .navBar.navBarThree{-webkit-transform:rotate(0);transform:rotate(0);top:40px;transition:top .15s ease-in-out .15s,transform .15s ease-in-out,-webkit-transform .15s ease-in-out}header .mainNav .navButton .navBarFast{position:absolute;display:block;width:30px;height:1px;background-color:#fff}header .mainNav .navButton .navBarFast.navBarTwo{background-color:#fff;transition:.3s ease-in-out}header .mainNav .navButton .horizontalOne{top:20px}@media (max-width:600px){header .mainNav .navButton .navBar.navBarThree{top:28px}header .mainNav .navButton .navBarFast{width:25px}header .mainNav .navButton .horizontalOne{top:12px}}header .mainNav .navButton .horizontalTwo{top:30px}@media (max-width:600px){header .mainNav .navButton .horizontalTwo{top:20px}}header .mainNav .navButton .horizontalThree{top:40px}#mainNavFoot{clear:both;width:100%;height:28px;background-color:rgba(0,0,0,.7)}.galery{position:absolute;width:100%;top:60px;left:0;right:0;bottom:0;overflow:hidden;background-color:#fff}.galery .control{position:absolute;left:0;top:0;height:100%;width:66.66666666%;z-index:100}.galery .control .imageFlipper{position:absolute;top:0;left:0;width:100%;height:100%}.galery .control .imageFlipper .flip{position:absolute;padding:30px;top:0;width:50%;height:100%;cursor:pointer;display:flex;align-items:center}.galery .control .imageFlipper .flip.prev{left:0}.galery .control .imageFlipper .flip.prev .icon{left:30px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}@media (max-width:600px){header .mainNav .navButton .horizontalThree{top:28px}.galery{top:40px}.galery .control{width:100%;height:190px}.galery .control .imageFlipper .flip.prev{padding-left:60px}.galery .control .imageFlipper .flip.prev .icon{left:70px}}.galery .control .imageFlipper .flip.next{left:50%}.galery .control .imageFlipper .flip.next .icon{margin-left:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.galery .control .imageFlipper .flip .icon{width:20px;height:20px;border-top:1px solid #fff;border-right:1px solid #fff;opacity:0;transition:.1s ease-in-out}.galery .control .imageFlipper .flip:hover .icon{opacity:1}.galery .loader{left:10px;top:10px;position:absolute;height:170px;width:50px;z-index:101;cursor:pointer}.galery .loader .loaderIcon{width:30px;height:30px;margin:10px;border-radius:15px;background-position:center center;background-repeat:no-repeat;background-size:24px;position:relative}.galery .loader .loaderIcon:after{position:absolute;left:35px;top:0;height:30px;width:auto;white-space:nowrap;font-family:"Titillium Web",sans-serif;font-weight:700;font-size:15px;line-height:30px;color:#fff;transition:color .1s ease-in-out}@media (max-width:600px){.galery .loader{left:0;top:10px}.galery .loader .loaderIcon:after{display:none}}.galery .loader .loaderIcon i{height:100%;line-height:30px;color:#fff;font-size:20px;text-align:center;display:inline-block;width:100%;transition:color .1s ease-in-out}.galery .loader .loaderIcon.loaderIcon-active i,.galery .loader .loaderIcon.loaderIcon-active:after{color:#51d2ce}.galery .loader .loaderIcon:hover i,.galery .loader .loaderIcon:hover:after{color:grey}.galery .loader .loaderIcon.l1:after{content:'Ui/Ux'}.galery .loader .loaderIcon.l2:after{content:'Print'}.galery .loader .loaderIcon.l3:after{content:'Entwicklung'}.galery .loader .loaderIcon.l4:after{content:'Illu'}.galery .loader .loaderIcon[data-state=active]{color:#51d2ce}.galery .circles-Li{position:absolute;top:10px;left:10px;z-index:99}.galery .circles-Li.circle-0{top:10px}.galery .circles-Li.circle-1{top:50px}.galery .circles-Li.circle-2{top:90px}.galery .circles-Li.circle-3{top:130px}.galery .imageBox{position:relative;width:100%;height:100%}.galery .imageBox .image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-size:cover;background-repeat:no-repeat;background-position:left center;transition:opacity 1s ease-out}.galery .imageBox .image.i1{background-image:url(IMG_6743_b_lay_scribble_crop_web.6244f64e2ce7e237ffc0.jpg)}.galery .imageBox .image.i2{background-image:url(IMG_6720_b_lay_scribble_crop_web.556849ad7df8b22dca86.jpg)}.galery .imageBox .image.i3{background-image:url(IMG_6708_b_lay_scribble_crop_web.3580eb61b401cfbb2124.jpg)}.galery .imageBox .image.i4{background-image:url(IMG_6685_b_lay_scribble_crop_web.ec2075dd379d190ccf12.jpg)}.galery .imageBox .image.image-current{opacity:1}.galery .imageBox .image .imageBlur{position:relative;height:100%;border-left:1000px solid rgba(255,255,255,0);background-size:cover;background-repeat:no-repeat;background-position:left center;background-origin:border-box;background-clip:padding-box}.galery .imageBox .image .imageBlur.ib1{background-image:url(IMG_6743_b_lay_scribble_crop_blur_web.6502110d8b2496aa61f3.jpg)}.galery .imageBox .image .imageBlur.ib2{background-image:url(IMG_6720_b_lay_scribble_crop_blur_web.eab35809aec0380f6f45.jpg)}.galery .imageBox .image .imageBlur.ib3{background-image:url(IMG_6708_b_lay_scribble_crop_blur_web.a123e76b70fcd114a42f.jpg)}.galery .imageBox .image .imageBlur.ib4{background-image:url(IMG_6685_b_lay_scribble_crop_blur_web.ad0fdab249f2aa0b60ec.jpg)}.overlayWrapper{height:100%;width:100%;position:absolute;left:0;top:0;visibility:hidden;z-index:1000}.overlayWrapper.overlayWrapper-active{visibility:visible}.overlayWrapper .overlayInnerWrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%;width:100%;background-color:rgba(0,0,0,.7);position:relative}.overlayWrapper .overlayInnerWrapper .overlayContent{width:80%;height:80%;-webkit-transform:translateY(100vh);transform:translateY(100vh)}.overlayWrapper .overlayInnerWrapper .overlayContent.overlayContent-active{-webkit-transform:translateY(0);transform:translateY(0)}.overlayWrapper .overlayInnerWrapper .overlayContent svg{width:100%;height:100%;fill:#f0f0f0}.overlayWrapper .overlayInnerWrapper .overlayContent svg .overlayCloseBtn{cursor:pointer}.overlayWrapper .overlayInnerWrapper .overlayContent svg .overlayCloseBtn circle{fill:#e5e5e5;transition:fill .2s ease-in-out}.overlayWrapper .overlayInnerWrapper .overlayContent svg .overlayCloseBtn circle:hover{fill:#dadada}.imageInfo{width:33.33333333%;position:absolute;right:0;top:0;bottom:0;padding:10px;background-color:rgba(255,255,255,.3)}.imageInfo .text{position:relative;height:100%;display:flex;flex-direction:column}.imageInfo .text .textWrapper{min-height:20vh}.imageInfo .text .textWrapper .textHead{margin-bottom:10px;font-family:"Titillium Web",sans-serif;font-weight:700;text-transform:uppercase;font-size:25px;line-height:30px;color:#fff}@media (max-width:600px){.galery .circles-Li{left:0}.galery .imageBox .image .imageBlur{position:relative;width:100%;border:1px solid rgba(255,255,255,0);border-width:190px 1px 1px;bottom:0}.imageInfo{width:100%;height:auto;bottom:0;top:190px}.imageInfo .text .textWrapper .textHead{font-size:20px;margin-bottom:0}.imageInfo .text .textWrapper .textSubhead{height:50px}}.imageInfo .text .textWrapper .textSubhead{font-family:"Titillium Web",sans-serif;font-weight:400;font-style:italic;font-size:17px;line-height:25px;color:#333}.imageInfo .text .textChartWrapper{flex:1;display:flex;margin:0;position:relative}.imageInfo .text .textChartWrapper .textChart{height:100%;max-width:300px;opacity:1;margin:0 auto;display:flex;flex:1}.imageInfo .text .textChartWrapper .textChart svg{width:100%;height:100%}.imageInfo .text .textChartWrapper .textChart svg path{stroke:#51d2ce;fill:rgba(81,210,206,.3);cursor:pointer;opacity:.3;transition:opacity .15s ease-in-out}@-webkit-keyframes example{0%,100%{opacity:.3}25%,75%{opacity:.8}50%{opacity:1}}@keyframes example{0%,100%{opacity:.3}25%,75%{opacity:.8}50%{opacity:1}}.imageInfo .text .textChartWrapper .textChart svg path.path-active{opacity:1}.imageInfo .text .textChartWrapper .textChart svg path.path1{-webkit-transform:translate(40px,5px) scale(.5);transform:translate(40px,5px) scale(.5);stroke-width:1.2}.imageInfo .text .textChartWrapper .textChart svg path.path2{-webkit-transform:translate(0,28px) scale(.7);transform:translate(0,28px) scale(.7);stroke-width:.75}.imageInfo .text .textChartWrapper .textChart svg path.path3{-webkit-transform:translate(71px,58px) scale(.2);transform:translate(71px,58px) scale(.2);stroke-width:3}.imageInfo .text .textChartWrapper .textChart svg path.path4{-webkit-transform:translate(74px,68px) scale(.37);transform:translate(74px,68px) scale(.37);stroke-width:1.8}.imageInfo .text .textChartWrapper .textChart svg text{font-family:"Titillium Web",sans-serif;font-size:5px;font-weight:700;fill:#fff}.imageInfo .text .textChartWrapper .textChart svg text.pathText{cursor:pointer}.imageInfo .text .textBtn{height:60px;width:100%;font-family:"Titillium Web",sans-serif;font-weight:700;font-size:15px;line-height:60px;text-align:center;color:#fff;background-color:#51d2ce;border:none;padding:0;outline:0;border-radius:5px;cursor:pointer;transition:.1s ease-in-out}.imageInfo .text .textBtn:hover{background-color:#a7d4d3}.imageInfo .text .textBtn:active{background-color:#323232}.workSelection{left:10px;top:10px;position:absolute;height:170px;width:80px;z-index:101;cursor:pointer;clear:both}@media (max-width:1300px){.workSelection{left:-10px;top:-60px;height:50px;width:300px;padding-left:10px}.workSelection .workCursor{display:none}}@media (max-width:600px){.imageInfo .text .textChartWrapper{display:none}.imageInfo .text .textBtn{margin-top:auto}.workSelection{left:0;top:-80px;height:50px;width:300px;padding-left:0}}.workSelection .workCursor{position:absolute;top:10px;left:-35px;height:30px;width:30px;z-index:105;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:top .3s ease-in-out;border-radius:5px}.workSelection .workCursor.workCursor-0{top:10px}.workSelection .workCursor.workCursor-1{top:50px}.workSelection .workCursor.workCursor-2{top:90px}.workSelection .workCursor.workCursor-3{top:130px}.workSelection .workSelectionIcon{display:inline-block;width:60px;height:30px;margin:10px 10px 0;border-radius:15px;background-position:left center;background-repeat:no-repeat;background-size:24px;font-family:"Titillium Web",sans-serif;font-weight:700;font-style:italic;font-size:15px;color:#fff;line-height:30px}.workSelection .workSelectionIcon.workSelectionIcon-active{color:#51d2ce}.workSelection .workSelectionIcon:hover i,.workSelection .workSelectionIcon:hover span{color:grey}.workSelection .workSelectionIcon i{height:100%;line-height:30px;transition:color .1s ease-in-out}@media (max-width:1300px){.workSelection .workSelectionIcon{width:30px;height:30px;margin:10px 0 10px 10px;padding-left:0;color:rgba(80,80,80,.5);line-height:34px}.workSelection .workSelectionIcon:nth-child(2){width:28px}.workSelection .workSelectionIcon:nth-child(3){margin:10px 0}.workCount,.workSelection .workSelectionIcon i{display:none}}.workSelection .workSelectionIcon span{display:inline-block;vertical-align:top;padding-left:5px;height:100%;transition:color .1s ease-in-out}.workSelection .workSelectionIcon .workSelectionIcon-active{color:#51d2ce}.workCount{left:20px;bottom:0;position:absolute;height:150px;width:80px;z-index:101;overflow:hidden}.workCount .workCountWrapper{height:38px}.workCount .workCountWrapper.workCountWrapper-active .workCountBarFront{background-color:#51d2ce!important}.workCount .workCountWrapper.workCountWrapper-active .workCountTitle{color:#51d2ce}.workCount .workCountWrapper .workCountBarBack{height:3px;border-radius:1.5px;background-color:rgba(255,255,255,.5)}.workCount .workCountWrapper .workCountBarBack .workCountBarFront{height:100%;width:0%;background-color:#fff;border-radius:1.5px;transition:width .3s ease-in-out}.workCount .workCountWrapper .workCountTitle{font-family:"Titillium Web",sans-serif;font-weight:700;font-style:italic;font-size:15px;color:#fff;line-height:18px}.workCount .workCountWrapper .workCountTitle .workCountNumber{float:right;padding-right:3px}.workExample{position:relative;padding:0 5px 10px;float:left;transition:opacity .3s ease-in-out}.workExample.workExample33{width:33.3333%}@media (max-width:1000px){.workExample.workExample33{width:50%}}@media (max-width:600px){.workExample.workExample33{width:100%}}.workExample.workExample66{width:66.6666%}@media (max-width:1000px){.workExample.workExample66{width:100%}}.workExample .workExampleImg{display:block;width:100%;height:30vh;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:5px}.workExample .workExampleWrapper{position:absolute;width:100%;height:100%;top:0;left:0;border:0 solid rgba(255,255,255,0);border-left:5px solid rgba(255,255,255,0);border-right:5px solid rgba(255,255,255,0);border-bottom:10px solid rgba(255,255,255,0);cursor:pointer}.workExample .workExampleWrapper:hover .workExampleInfoWrapper{height:100px;transition:height .2s ease-in-out}.workExample .workExampleWrapper:hover .workExampleInfoWrapper .workExampleInfoSub{margin-top:0!important}.workExample .workExampleWrapper .workExampleMouseover{position:absolute;width:100%;height:100%;top:0;left:0;z-index:107}.workExample .workExampleWrapper .workExampleWhite{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;border-radius:5px;opacity:0;transition:.2s ease-in-out}.workExample .workExampleWrapper .workExampleWhite.workExampleWhite-active{opacity:.8}.workExample .workExampleWrapper .workExampleColor{position:absolute;width:100%;height:100%;top:0;left:0}.workExample .workExampleWrapper .workExampleInfoWrapper{position:absolute;bottom:0;left:0;width:100%;height:55px;overflow:hidden;z-index:106;border-radius:5px}.workExample .workExampleWrapper .workExampleInfoWrapper .workExampleInfoCursor{position:absolute;top:-10px;left:13px;fill:#323232}.workExample .workExampleWrapper .workExampleInfoWrapper .workExampleInfoCursor polygon{stroke-width:6;stroke:#323232;stroke-linejoin:round;stroke-linecap:round}.workExample .workExampleWrapper .workExampleInfoWrapper .workExampleInfoInnerwrapper{background-color:#323232}.workExample .workExampleWrapper .workExampleInfoWrapper .workExampleInfoInnerwrapper .workExampleInfoHead,.workExample .workExampleWrapper .workExampleInfoWrapper .workExampleInfoInnerwrapper .workExampleInfoSub{width:100%;font-family:"Titillium Web",sans-serif;font-weight:700;font-size:15px;color:#fff;text-transform:uppercase;padding:10px 10px 10px 15px;line-height:20px}.workExample .workExampleWrapper .workExampleInfoWrapper .workExampleInfoInnerwrapper .workExampleInfoHead{height:40px;margin-top:15px}.workExample .workExampleWrapper .workExampleInfoWrapper .workExampleInfoInnerwrapper .workExampleInfoHead .workExampleInfoHeadIcon{width:20px;height:100%;display:inline-block;float:right;background-size:20px;background-repeat:no-repeat;background-position:center;font-size:20px;line-height:20px}.workExample .workExampleWrapper .workExampleInfoWrapper .workExampleInfoInnerwrapper .workExampleInfoSub{height:80px;margin-top:40px;background-color:rgba(255,255,255,.1);text-transform:lowercase;font-weight:400;font-style:italic;transition:.4s ease-in-out}.workRow{height:80vh;clear:both;transition:opacity .2s ease-in-out}.workRow .workImage_wrapper{height:100%;position:relative}.workRow .workImage_wrapper .workImageBg_wrapper,.workRow .workImage_wrapper .workImageFg_wrapper{position:absolute;left:0;top:0;width:100%;height:100%;padding-bottom:10px}@media (max-width:600px){.workExample.workExample66{width:100%}.workRow{height:auto;overflow:auto}.workRow .workImage_wrapper{height:70%}.workRow .workImage_wrapper .workImageBg_wrapper,.workRow .workImage_wrapper .workImageFg_wrapper{padding-bottom:0}}.workRow .workImage_wrapper .workImageBg_wrapper .workImageBg,.workRow .workImage_wrapper .workImageBg_wrapper .workImageFg,.workRow .workImage_wrapper .workImageFg_wrapper .workImageBg,.workRow .workImage_wrapper .workImageFg_wrapper .workImageFg{height:100%;background-repeat:no-repeat;background-size:cover;border-radius:5px}.workRow .workImage_wrapper .workImageBg_wrapper .workImageBg,.workRow .workImage_wrapper .workImageFg_wrapper .workImageBg{background-position:center center;background-color:#f2f2f2}.workRow .workImage_wrapper .workImageBg_wrapper .workImageFg,.workRow .workImage_wrapper .workImageFg_wrapper .workImageFg{background-position:right center}.workRow .workImage_wrapper .workImage{position:relative;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain}.workRow .workImage_wrapper .workCounter_wrapper{position:absolute;top:9px;border-radius:15px;width:24px;height:24px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='width: 10px; height: 10px;'><line x1='7' y1='17' x2='17' y2='7' style='stroke:#b2b2b2;stroke-width:0.5'/></svg>") no-repeat #fff}.workRow .workImage_wrapper .workCounter_wrapper .workCounter_current,.workRow .workImage_wrapper .workCounter_wrapper .workCounter_total{position:absolute;width:9px;height:8px;text-align:center;font-family:"Titillium Web",sans-serif;font-weight:700;font-style:italic;font-size:6px;color:#b2b2b2;line-height:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workRow .workImage_wrapper .workCounter_wrapper .workCounter_current{left:4px;top:4px}.workRow .workImage_wrapper .workCounter_wrapper .workCounter_total{right:4px;bottom:4px}.workRow .workText_wrapper{height:100%;position:relative}.workRow .workText_wrapper .workText{position:absolute;right:0;left:0;bottom:0;width:100%;padding-bottom:10px;overflow:auto;transition:.3s}.workRow .workText_wrapper .workText .workArrow{width:20px;height:20px;position:absolute;top:10px;background-color:#eaeaea;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px}.workRow .workText_wrapper .workText .workIcon{position:absolute;z-index:1;top:8px;width:26px;height:26px;border-radius:50%;overflow:hidden;text-align:center;line-height:26px;font-size:20px;color:#fff}.workRow .workText_wrapper .workText .workHead{position:relative;height:30%;font-family:Montserrat,sans-serif;font-weight:600;font-size:15px;color:#626262;text-transform:uppercase;background-color:#eaeaea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 50px 5px 10px;border-radius:5px 5px 0 0}.workRow .workText_wrapper .workText .workCopy{height:70%;font-family:"Titillium Web",sans-serif;font-weight:400;font-style:italic;color:#626262;background-color:#eaeaea;line-height:22px;overflow:hidden;padding:0 50px 10px 10px;border-radius:0 0 5px 5px}.workRow.workRow_left .workImage_wrapper{float:left;width:70%;padding-bottom:10px}@media (max-width:600px){.workRow .workText_wrapper{height:auto;overflow:hidden}.workRow .workText_wrapper .workText .workArrow{top:8px}.workRow.workRow_left .workImage_wrapper{height:50vh;width:100%;padding-bottom:0}}.workRow.workRow_left .workImage_wrapper .workCounter_wrapper{left:9px}.workRow.workRow_left .workText_wrapper{float:left;width:30%;padding-left:20px}.workRow.workRow_left .workText_wrapper .workText{padding-left:10px}.workRow.workRow_left .workText_wrapper .workText.workText_out{left:50vw;right:-50vw}@media (max-width:600px){.workRow.workRow_left .workText_wrapper{padding-left:0;padding-right:0;width:100%}.workRow.workRow_left .workText_wrapper .workText{position:relative;padding:10px 0}.workRow.workRow_left .workText_wrapper .workText.workText_out{left:0;right:0;bottom:-60vh}}.workRow.workRow_left .workText_wrapper .workText .workArrow{left:8px}.workRow.workRow_left .workText_wrapper .workText .workIcon{right:8px}.workRow.workRow_right .workImage_wrapper{float:right;width:70%;padding-bottom:10px}.workRow.workRow_right .workImage_wrapper .workCounter_wrapper{left:9px}@media (max-width:600px){.workRow.workRow_left .workText_wrapper .workText .workArrow{left:15px}.workRow.workRow_left .workText_wrapper .workText .workIcon{top:18px;right:8px}.workRow.workRow_right .workImage_wrapper{height:50vh;width:100%;padding-bottom:0}.workRow.workRow_right .workImage_wrapper .workCounter_wrapper{right:auto;left:9px}}.workRow.workRow_right .workText_wrapper{float:right;width:30%;padding-right:20px}.workRow.workRow_right .workText_wrapper .workText{padding-right:10px}.workRow.workRow_right .workText_wrapper .workText.workText_out{right:50vw;left:-50vw}@media (max-width:600px){.workRow.workRow_right .workText_wrapper{padding-left:0;padding-right:0;width:100%}.workRow.workRow_right .workText_wrapper .workText{position:relative;padding:10px 0}.workRow.workRow_right .workText_wrapper .workText.workText_out{left:0;right:0;bottom:-60vh}.workRow.workRow_right .workText_wrapper .workText .workArrow{left:15px}}.workRow.workRow_right .workText_wrapper .workText .workArrow{right:8px}.workRow.workRow_right .workText_wrapper .workText .workIcon{right:18px}@media (max-width:600px){.workRow.workRow_right .workText_wrapper .workText .workIcon{top:18px;right:8px}}.workXsell{position:fixed;height:40vh;bottom:0;width:100%;background-color:#323232;flex-direction:column;padding:38px 5px 10px}.workXsell .workXsellHead{font-family:"Titillium Web",sans-serif;font-weight:600;font-style:italic;font-size:15px;line-height:20px;color:#b2b2b2;text-transform:uppercase;padding:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:38px;position:absolute;left:0;top:0;width:100%}.workXsell .workXsellBody{height:100%}.workXsell .workXsellBody .workXsellExample{position:relative;width:50%;padding:0 5px 10px;float:left;transition:opacity .3s ease-in-out;height:100%}.workXsell .workXsellBody .workXsellExample .workXsellExampleImg{display:block;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:5px}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper{position:absolute;width:100%;height:100%;top:0;left:0;border:0 solid rgba(255,255,255,0);border-left:5px solid rgba(255,255,255,0);border-right:5px solid rgba(255,255,255,0);cursor:pointer}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper:hover .workXsellExampleInfoWrapper{height:100px;transition:height .2s ease-in-out}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper:hover .workXsellExampleInfoWrapper .workXsellExampleInfoSub{margin-top:0!important}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleMouseover{position:absolute;width:100%;height:100%;top:0;left:0;z-index:107}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleWhite{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:0;transition:.2s ease-in-out}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleColor{position:absolute;width:100%;height:100%;top:0;left:0}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper{position:absolute;bottom:0;left:0;width:100%;height:55px;overflow:hidden;z-index:106;border-radius:5px}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper .workXsellExampleInfoCursor{position:absolute;top:-10px;left:13px;fill:#eaeaea}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper .workXsellExampleInfoCursor polygon{stroke-width:6;stroke:#eaeaea;stroke-linejoin:round;stroke-linecap:round}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper .workXsellExampleInfoInnerwrapper{background-color:#eaeaea}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper .workXsellExampleInfoInnerwrapper .workXsellExampleInfoHeadWrapper,.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper .workXsellExampleInfoInnerwrapper .workXsellExampleInfoSub{width:100%;font-family:"Titillium Web",sans-serif;font-weight:600;font-style:italic;font-size:15px;color:#626262;padding:10px;line-height:20px}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper .workXsellExampleInfoInnerwrapper .workXsellExampleInfoHeadWrapper{height:40px;margin-top:15px;position:relative;padding-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper .workXsellExampleInfoInnerwrapper .workXsellExampleInfoHeadWrapper .workXsellExampleInfoHead{display:inline}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper .workXsellExampleInfoInnerwrapper .workXsellExampleInfoHeadWrapper .workXsellExampleInfoHeadIcon{position:absolute;z-index:1;top:7px;right:7px;width:26px;height:26px;border-radius:50%;color:#eaeaea;text-align:center;line-height:26px;font-size:20px;background-color:#fff}.workXsell .workXsellBody .workXsellExample .workXsellExampleWrapper .workXsellExampleInfoWrapper .workXsellExampleInfoInnerwrapper .workXsellExampleInfoSub{height:80px;margin-top:40px;background-color:rgba(255,255,255,.8);text-transform:lowercase;font-weight:200;font-style:italic;transition:.4s ease-in-out}.skills{overflow:auto;width:1024px;margin:0 auto 20px}@media (max-width:1300px){.skills{width:100%;margin:0;padding:0 20px 40px}}.skills .skillsHead{background-color:#dcdcdc;clear:both;height:20px;border-radius:5px}.skills .skillsHead .skillsPart{float:left;height:100%;padding:0 4px;font-family:"Titillium Web",sans-serif;font-weight:400;font-style:italic;font-size:15px;color:#fff;line-height:20px}.skills .skillsHead .skillsPart:first-of-type{text-align:left;width:15%}.skills .skillsHead .skillsPart:nth-of-type(2),.skills .skillsHead .skillsPart:nth-of-type(3){text-align:center;width:35%}.skills .skillsHead .skillsPart:last-of-type{text-align:right;width:15%}.skills .skillsHead .skillsPartSmall{float:left;height:100%;padding:0 4px;font-family:"Titillium Web",sans-serif;font-weight:400;font-style:italic;font-size:15px;color:#fff;line-height:20px;text-align:center;width:35%;display:none}@media (max-width:600px){.skills{width:100%;margin:0;padding:0 20px 40px}.skills .skillsHead .skillsPart:first-of-type,.skills .skillsHead .skillsPart:last-of-type,.skills .skillsHead .skillsPart:nth-of-type(2),.skills .skillsHead .skillsPart:nth-of-type(3){width:25%}.skills .skillsHead .skillsPart:nth-of-type(2),.skills .skillsHead .skillsPart:nth-of-type(3){display:none}.skills .skillsHead .skillsPartSmall{width:25%;display:block}}.skills .skillsChartWrapper{padding-top:20px}.skills .skillsChartWrapper:nth-of-type(3){padding-top:40px}.skillChartInnerWrapper{overflow:auto;padding-bottom:12px}.skillChartInnerWrapper .skillsBarBack{height:3px;background-color:#ebebeb;border-radius:1.5px}.skillChartInnerWrapper .skillsBarBack .skillsBarFront{height:100%;width:0%;border-radius:1.5px;overflow:hidden}.skillChartInnerWrapper .skillsBarBack .skillsBarFront .skillsBarFrontInner{height:100%;background-color:#51d2ce}.skillChartInnerWrapper .skillsTitle{font-family:"Titillium Web",sans-serif;font-weight:400;font-style:italic;font-size:15px;color:#51d2ce;line-height:18px}.skillChartInnerWrapper .skillsTitle .skillsNumber{float:right;font-weight:400;color:#ebebeb}.experience{font-family:"Titillium Web",sans-serif;font-weight:400;font-style:italic;color:#999;overflow:auto;padding-bottom:20px;clear:both;width:1024px;margin:0 auto}.experienceRow{overflow:auto}.experienceRow .experienceDate{color:#51d2ce;padding-right:10px}@media (max-width:1300px){.experience{width:100%;margin:0;padding:0 20px 40px}.experienceRow .experienceDate{display:block}}.experienceRow .experienceRole{color:#bababa}@media (max-width:600px){.experience{width:100%;margin:0;padding:0 20px 40px}.experienceRow .experienceDate,.experienceRow .experienceRole{display:block}.experienceRow .experienceRole .experienceBullet{display:none}}.clients{font-family:"Titillium Web",sans-serif;font-weight:400;font-style:italic;color:#999;overflow:auto;padding-bottom:20px;clear:both;width:1024px;margin:0 auto}@media (max-width:1300px){.clients{width:100%;margin:0;padding:0 20px 40px}}@media (max-width:600px){.clients{width:100%;margin:0;padding:0 20px 40px}}.clientsRow{overflow:auto}.clientsRow .clientsAgency{color:#bababa}.start-wrapper{height:100%;background-color:#fff;padding-top:60px}.work{width:100%;height:100%;background-color:#fff;padding-left:20px;padding-right:0}.work .workWrapper{position:fixed;height:550px;width:100%;background-color:#dcdcdc;margin-top:120px;border-radius:5px}@media (max-width:1300px){.work{padding-left:0;padding-right:0}.work .workWrapper{position:absolute;left:0;top:0;background-color:#fff}}.work .workBox{position:relative;width:1024px;min-height:550px;margin:0 auto;padding-top:90px}@media (min-width:1300px){.work .workBox{width:1024px;padding:90px 0 0}.profile{padding-left:20px;padding-right:0}}@media (max-width:1300px){.work .workBox{width:100%;padding:110px 5px 0}}@media (max-width:1000px){.work .workBox{width:100%;padding:110px 5px 0}}@media (max-width:600px){.start-wrapper{padding-top:40px}.work .workBox{width:100%;padding:90px 5px 0}}.workDetails{position:relative;width:100%;height:100%;display:block;padding-top:60px;overflow-y:scroll}.workDetails .workWrapper{position:relative;display:block;width:100%;padding:10px 10px 0;margin-bottom:40vh;background-color:#fff}.profile{width:100%;height:100%;background-color:#fff}.profile .profileImage{position:fixed;height:550px;width:100%;background:url(mr_profile_portrait_01.df6148afc44400f14a93.jpg) right top/contain no-repeat #dcdcdc;margin-top:120px}@media (max-width:1300px){.profile{padding-left:0;padding-right:0}.profile .profileImage{position:absolute;left:0;top:0;background-color:#fff;background-image:none}}.profile .profileBox{position:relative;min-height:550px;padding-top:140px}.profile .profileBox .headline{font-family:"Titillium Web",sans-serif;font-weight:300;font-style:italic;font-size:25px;color:#51d2ce;height:0;line-height:30px;padding-left:20px}@media (max-width:1300px){.profile .profileBox{width:100%;padding:80px 0 0}.profile .profileBox .headline{height:50px;padding:0 0 0 20px}}@media (max-width:600px){.workDetails{padding-top:40px}.profile .profileBox{width:100%;padding:60px 0 0}.profile .profileBox .headline{height:50px;padding:0 0 0 20px}}.profile .profileBox .intro{font-family:"Titillium Web",sans-serif;font-weight:400;font-style:italic;color:grey;overflow:auto;clear:both;width:1024px;margin:0 auto;padding-bottom:40px}.profile .profileBox .intro .introColumn{float:left;width:50%}.profile .profileBox .intro .introColumn:first-of-type{padding-right:5px}.profile .profileBox .intro .introColumn:last-of-type{padding-left:5px}.profile .profileBox .intro .introColumn .introInitial{color:#51d2ce}.profile .profileBox .intro .introColumn .mailToLink{color:#51d2ce;text-decoration:none}.contact{width:100%;display:block;padding-top:120px}@media (max-width:1300px){.profile .profileBox .intro{width:100%;margin:0;padding:0 20px 40px}.contact{padding-top:60px}}.contact .googleMap{display:block;width:100%;background-color:#f0f0f0;height:50vh}@media (max-width:600px){.profile .profileBox .intro{width:100%;margin:0;padding:0 0 20px}.profile .profileBox .intro .introColumn,.profile .profileBox .intro .introColumn:first-of-type,.profile .profileBox .intro .introColumn:last-of-type{float:none;width:100%;padding:0 20px 20px}.contact{height:30vh;padding-top:40px}.contact .googleMap{height:30vh}}.contact .googleMap agm-map{height:100%}.contact .surfaceBlack{position:absolute;left:20px;top:140px;bottom:20px;width:auto;opacity:.8;background-color:#000;display:flex;flex-direction:column;border-radius:5px}.contact .surfaceBlack .surfaceHead{width:100%;height:54px;font-family:"Titillium Web",sans-serif;-webkit-font-smoothing:subpixel-antialiased;font-weight:700;font-size:15px;text-transform:uppercase;color:#fff;padding:15px 20px 20px}@media (max-width:1300px){.contact .surfaceBlack{position:relative;left:auto;top:auto;width:100%;height:370px;opacity:1;bottom:auto;background-color:transparent;display:block;flex-direction:unset}.contact .surfaceBlack .surfaceHead{margin-bottom:30px;font-weight:200;font-size:35px;line-height:40px;color:gray;padding:30px 0 0 30px}}@media (max-width:600px){.contact .surfaceBlack .surfaceHead{margin-bottom:15px;font-size:20px;padding:10px 0 0 20px;height:40px}}.contact .surfaceBlack .surfaceTextWrapper{width:100%}@media (max-width:1300px){.contact .surfaceBlack .surfaceTextWrapper{display:inline-block;width:300px}}.contact .surfaceBlack .surfaceText{width:100%;height:30px;font-family:"Titillium Web",sans-serif;-webkit-font-smoothing:subpixel-antialiased;font-weight:300;font-style:italic;font-size:15px;line-height:29px;color:#fff;padding:0 5px 0 20px;background-size:18px;background-repeat:no-repeat;background-position:20px center}.contact .surfaceBlack .surfaceText:nth-child(even){background-color:rgba(255,255,255,0)}.contact .surfaceBlack .surfaceText:nth-child(odd){background-color:rgba(255,255,255,.1)}@media (max-width:1300px){.contact .surfaceBlack .surfaceText{color:gray;padding:0 5px 5px 30px;background-position:30px center;background-color:none}}@media (max-width:600px){.contact .surfaceBlack .surfaceText{height:20px;font-size:15px;line-height:20px;padding:0 0 0 20px;background-size:18px;background-position:20px center;margin-bottom:5px}}.contact .surfaceBlack .surfaceText i{font-size:20px;line-height:30px}.contact .surfaceBlack .surfaceText span{line-height:30px;display:inline-block;vertical-align:top;padding-left:5px}.contact .surfaceBlack .surfaceText .mailToLink{color:#fff;text-decoration:none;line-height:30px;padding-left:5px;display:inline-block;vertical-align:top}.contact .surfaceBlack .surfaceInfoWrapper{width:100%;margin-top:auto;padding-bottom:20px}@media (min-width:1300px){.contact .surfaceBlack .surfaceInfoWrapper{display:block;width:100%;padding:30px}}.contact .surfaceBlack .surfaceInfoWrapper .serviceDescription{display:inline-block;width:340px;padding:3px 70px 5px 20px;background-color:rgba(255,255,255,0)}@media (max-width:1300px){.contact .surfaceBlack .surfaceText .mailToLink{color:gray}.contact .surfaceBlack .surfaceInfoWrapper{display:inline-block;width:500px;margin-top:0;vertical-align:top}.contact .surfaceBlack .surfaceInfoWrapper .serviceDescription{width:100%;padding:0;background-color:none}}@media (max-width:600px){.contact .surfaceBlack .surfaceInfoWrapper{width:100%;padding:20px}.contact .surfaceBlack .surfaceInfoWrapper .serviceDescription{position:relative;top:auto;left:auto;width:100%;height:auto;background-color:none}}.contact .surfaceBlack .surfaceInfoWrapper .serviceDescription .mailToLinkGreen{color:#51d2ce;text-decoration:none}