@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Lato:400,700);.items-center{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.clearfix,.group{zoom:1}.clearfix:before,.clearfix:after,.group:before,.group:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after,.group:after{clear:both}.text-center{text-align:center}.mx-auto{margin:0 auto !important}.color-gray{color:#6a6a6a}.uppercase{text-transform:uppercase}.font-bold{font-family:"DIN Bold",sans-serif}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0.3}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0.3}}@keyframes fadeInUp{from{transform:translate3d(0, 40px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fadeInUp{from{transform:translate3d(0, 40px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}.fadeInUpCss{opacity:1;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:1;animation-iteration-count:1}.flash{-webkit-animation-name:flash;animation-name:flash}.animated{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.hidden{opacity:0 !important;-webkit-transition:all 3s ease .2s ease-in-out;-moz-transition:all 3s ease .2s ease-in-out;-ms-transition:all 3s ease .2s ease-in-out;-o-transition:all 3s ease .2s ease-in-out;transition:all 3s ease .2s ease-in-out}.mb-0{margin-bottom:0}.pos-r{position:relative}.container{margin:0 auto;height:100%;padding:0 30px}@media screen and (min-width: 780px){.container{padding:0 50px}}.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{margin-bottom:20px}.group{flex-direction:column}@media screen and (min-width: 1060px){.group{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-left:-2.1277%}.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{flex:0 0 auto}.span1{flex-basis:6.2056333%;margin-left:2.1277%;max-width:6.2056333%}.offset1{margin-left:10.4610333%}.span2{flex-basis:14.5389666%;margin-left:2.1277%;max-width:14.5389666%}.offset2{margin-left:18.7943666%}.span3{flex-basis:22.8722999%;margin-left:2.1277%;max-width:22.8722999%}.offset3{margin-left:27.1276999%}.span4{flex-basis:31.2056332%;margin-left:2.1277%;max-width:31.2056332%}.offset4{margin-left:35.4610332%}.span5{flex-basis:39.5389665%;margin-left:2.1277%;max-width:39.5389665%}.offset5{margin-left:43.7943665%}.span6{flex-basis:47.8722998%;margin-left:2.1277%;max-width:47.8722998%}.offset6{margin-left:52.1276998%}.span7{flex-basis:56.2056331%;margin-left:2.1277%;max-width:56.2056331%}.offset7{margin-left:60.4610331%}.span8{flex-basis:64.5389664%;margin-left:2.1277%;max-width:64.5389664%}.offset8{margin-left:68.7943664%}.span9{flex-basis:72.8722997%;margin-left:2.1277%;max-width:72.8722997%}.offset9{margin-left:77.1276997%}.span10{flex-basis:81.205633%;margin-left:2.1277%;max-width:81.205633%}.offset10{margin-left:85.461033%}.span11{flex-basis:89.5389663%;margin-left:2.1277%;max-width:89.5389663%}.offset11{margin-left:93.7943663%}.span12{flex-basis:97.8722996%;margin-left:2.1277%;max-width:97.8722996%}.offset12{margin-left:102.1276996%}}.row{margin-bottom:25px}@font-face{font-family:'DIN Regular';src:url("fonts/DINN/DINNextLTPro-Regular.eot");src:url("fonts/DINN/DINNextLTPro-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/DINN/DINNextLTPro-Regular.woff") format("woff"),url("fonts/DINN/DINNextLTPro-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'DIN Bold';src:url("fonts/DINN/DINNextLTPro-Bold.eot");src:url("fonts/DINN/DINNextLTPro-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/DINN/DINNextLTPro-Bold.woff") format("woff"),url("fonts/DINN/DINNextLTPro-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:'icomoon';src:url("fonts/icomoon/icomoon.eot?m4ux2l");src:url("fonts/icomoon/icomoon.eot?m4ux2l#iefix") format("embedded-opentype"),url("fonts/icomoon/icomoon.ttf?m4ux2l") format("truetype"),url("fonts/icomoon/icomoon.woff?m4ux2l") format("woff"),url("fonts/icomoon/icomoon.svg?m4ux2l#icomoon") format("svg");font-weight:normal;font-style:normal}body{font-family:"DIN Regular",sans-serif;font-size:100%;font-style:normal;font-weight:400;line-height:1.6}h1,h2,h3,h4,.serif{font-family:"Playfair Display",serif}h5{text-transform:uppercase;color:#e4cead}h1{font-size:3em;line-height:1.1em;font-style:normal;font-weight:700;margin:0 0 1em}h2{font-size:42px;font-style:normal;margin:0 0 25px;text-transform:uppercase;font-family:"DIN Regular",sans-serif;color:#e4cead}h3{font-size:5em;font-style:normal;font-weight:400;margin:0 0 25px}h4{font-size:2em;font-style:normal;font-weight:700;margin:0 0 0.5rem}h5{font-size:16px;font-style:normal;font-weight:normal;margin:0 0 25px}p{margin:0 0 20px;font-size:1.2em}pre{background:#222;color:#fff;display:block;font-family:Monaco, Menlo, Consolas, "Courier New", monospace;font-size:13px;line-height:20px;margin:0 0 20px;padding:10px;word-break:break-all;word-wrap:break-word}code{border-radius:5px;background:#f5f5f5;border:1px solid rgba(0,0,0,0.1);font-family:Monaco, Menlo, Consolas, "Courier New", monospace;font-size:13px;line-height:20px;padding:2px 10px;word-break:break-all;word-wrap:break-word}a:hover,a:focus{text-decoration:none}@media screen and (max-width: 480px){body{font-size:14px}h1,h2,h3,h4,h5{margin-bottom:10px}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.icon-noun_761859_cc:before{content:"\e902"}.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat}.slick-prev,.slick-next{font-size:3rem;position:absolute;display:block;cursor:pointer;background:transparent;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none;speak:none;font-variant:normal;text-transform:none;line-height:1;z-index:9999}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent;color:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"icomoon";line-height:1;color:#111;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-20px}[dir="rtl"] .slick-prev{left:auto;right:-20px}.slick-prev:before{content:""}[dir="rtl"] .slick-prev:before{content:""}.slick-next{right:-20px}[dir="rtl"] .slick-next{left:-20px;right:auto}.slick-next:before{content:""}[dir="rtl"] .slick-next:before{content:""}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"";width:20px;height:20px;font-family:"icomoon";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:0;min-width:0}html,body{height:100%;width:100%;padding:0;margin:0}body{transition:all 0.3s linear}::-moz-selection{background:#e4cead}::selection{background:#e4cead}a{outline:none;color:#e4cead;text-decoration:none}@media screen and (max-width: 1060px){.span-xs-1{width:20%}}img.responsive{max-width:100%;height:auto}@media screen and (min-width: 1920px){.container{max-width:1920px}}.nav{display:none}@media screen and (min-width: 780px){.nav{display:block;position:absolute;top:50%;transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);z-index:2}.nav a{font-size:.8rem;letter-spacing:8px;text-transform:uppercase;color:#111}.nav .decorated:before{left:-25px}.nav .decorated:after{right:-25px}.nav .decorated:hover:before{left:-30px}.nav .decorated:hover:after{right:-30px}.nav .decorated:hover .decorated-last{right:-25px}.nav.nav-right{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);right:0}.nav.nav-left{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);left:0}}.d-flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}@media screen and (max-width: 780px){.flex-reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;margin-left:0}}.title{margin-bottom:3em}.decorated-last{color:#6a6a6a;position:absolute;right:-20px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.decorated{position:relative}.decorated:before,.decorated:after{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;font-family:"DIN Regular",sans-serif;color:#111;position:absolute;top:50%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}.decorated:before{left:-15px;content:'{'}.decorated:after{right:-15px;content:'}'}.decorated:hover:before{left:-20px}.decorated:hover:after{right:-20px}.decorated:hover .decorated-last{right:-25px}.decorated-bottom{position:relative}.decorated-bottom:after{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;font-family:"DIN Regular",sans-serif;color:#111;position:absolute;bottom:-3rem;left:50%;content:'}';font-size:2em;-webkit-transform:translateX(-7px) rotate(90deg);-moz-transform:translateX(-7px) rotate(90deg);-o-transform:translateX(-7px) rotate(90deg);-ms-transform:translateX(-7px) rotate(90deg);transform:translateX(-7px) rotate(90deg);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.decorated-bottom.decAnimated:after{bottom:-4rem}.pos-f{position:fixed}.site-wrapper{position:relative}.intro{height:100vh;position:relative}@media screen and (max-width: 480px){.intro{height:100%}}.arrow{opacity:0;position:absolute;left:50%;transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;bottom:0}.arrow:before{content:"\e900";font-family:'icomoon' !important;font-style:normal;font-weight:normal;color:#111;font-size:1rem;speak:none;font-variant:normal;text-transform:none;line-height:1;width:40px;height:40px}.section{padding-bottom:5em}.section-inner{position:relative}@media screen and (max-width: 480px){.section-inner{padding:0 30px}}.fadeInSubtitle{opacity:0}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);text-align:center}.text-wrap-centered{width:100%;max-width:200px;text-align:center;margin:0 auto}.text-wrap-left{text-align:left}.logo{top:30px;position:absolute;left:50%;transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0)}.logo-animated{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);text-align:center}.logo-animated img{width:100%}.logo-animated .tagline{display:block}.intro{text-align:center}.intro .logo-animated-container{margin-bottom:40px;transition:all 0.9s ease-out}@media screen and (min-width: 1060px){.intro .logo-animated-container{width:400px}}.intro .logo-animated-container.roll{transform:scale(0.3) translate(-50%, 0);top:20px;position:fixed;transform-origin:0}@media screen and (max-width: 480px){.logo-wrapper{width:280px}}.a{stroke-width:1px;stroke:#fff}.subtitle{letter-spacing:5px;font-size:1rem;transition:all 1s ease-in;font-weight:400}#trigger1{position:absolute;top:60%}.arrow-down{border:solid black;border-width:0 2px 2px 0;display:inline-block;padding:12px;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;bottom:20px;z-index:999999}.section-skills{position:relative}.section-skills .text-wrap{margin-top:100px}h3.skill-item{font-size:4em;font-weight:700;margin-bottom:-20px}@media screen and (min-width: 1060px){h3.skill-item{font-size:10em;margin-bottom:-100px}h3.skill-item:last-child{margin-bottom:30px}}.parallax-img{max-width:300px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.highlight{font-size:2rem;font-family:"Playfair Display",serif;font-weight:700}.highlight .decorated:before,.highlight .decorated:after{top:0;transform:none}.decorated.padded{margin-right:20px;margin-left:20px}.contact .highlight{font-size:1rem}.contact a{font-size:1.1rem}.accent{color:#e4cead}.projects .title{margin-bottom:5em}@media screen and (min-width: 1060px){.project-left,.project-right{max-width:100%}}.project{margin-bottom:3em}@media screen and (min-width: 780px){.project{margin-bottom:5em}}@media screen and (min-width: 1060px){.project{margin-bottom:8em}}@media screen and (min-width: 780px){.project .project-float-right .project-body{text-align:right}.project .project-float-right .project-body h1{float:right}}.project .project-link-wrapper{margin-right:15px}.project-body{width:100%;margin-top:-50px;text-align:center;z-index:999}.project-body h1{width:100vh}@media screen and (max-width: 780px){.project-body h1{max-width:100%}}@media screen and (min-width: 780px){.project-body{text-align:left;margin-top:0;position:absolute;max-width:100%;top:10%}}.project-link-wrapper{margin-left:15px}.projects-wrapper{padding-top:3em;padding-bottom:5em}.project-grid{padding-top:30px}.project-title{margin-bottom:0.5em}@media screen and (min-width: 780px){.project-title{font-size:4rem}}@media screen and (min-width: 1060px){.project-title{font-size:5rem}}.browser-wrapper{width:800px;height:500px}.browser-wrapper img{max-width:100%;height:auto}.browser{background-color:#EBEBEB;border-radius:4px;margin:50px auto;width:100%;height:100%;box-shadow:0 3px 30px 0 rgba(0,0,0,0.2);overflow:hidden;display:flex;flex-direction:column}.browser .browser-header{flex-basis:auto;height:35px;background:#ebebeb;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #d9d9d9));border-bottom:1px solid #969696;display:flex}.browser-btns{height:35px;display:inline-block;padding:0 10px;line-height:38px;width:55px;flex-basis:auto;position:relative}.browser-btns .browser-btn{width:10px;height:10px;border:1px solid rgba(0,0,0,0.15);border-radius:6px;display:inline-block;margin:1px}.browser-btns .browser-btn.close{background-color:#FD615B}.browser-btns .browser-btn.retract{background-color:#FDBC40}.browser-btns .browser-btn.expand{background-color:#33C84A}.tabs{flex:1;margin:0;list-style-type:none;line-height:35px;max-height:35px;display:inline-block;padding:0 12px}.tab{color:#333;float:left;margin:10px -10px 0;border-top-right-radius:25px 170px;border-top-left-radius:20px 90px;padding:0 30px 0 25px;height:170px;background:#CBCCCC;position:relative;box-shadow:0 10px 10px rgba(0,0,0,0.5);width:100px;border:1px solid #B4B4B4;font-size:11px;font-family:Verdana, sans-serif;line-height:25px;cursor:pointer;background:#EBEEEB}.tab:before{border-color:transparent #CBCCCC transparent}.tab .transparent{-webkit-transform:rotate(50deg);left:-23px}.tab .transparent:after{border-color:transparent transparent transparent #CBCCCC;-webkit-transform:rotate(-50deg);right:-17px}.tab .close{position:absolute;right:25px;top:0;display:inline-block;color:#888;margin-left:5px}.tab .close:after{position:absolute;content:'';width:139px;display:block;height:1px;background:#969696;z-index:3;top:24px;right:-15px;box-shadow:0 0 10px 0 rgba(0,0,0,0.8)}.tab .close.active{background:#EBEEEB}.tab .close.active:before{border-color:transparent #EBEEEB transparent transparent;z-index:2}.tab .close.active:after{border-color:transparent transparent transparent #EBEEEB;z-index:2}.browser-bar{flex-basis:auto;height:28px;background:#EBEEEB;z-index:15;padding:6px;border-bottom:1px solid #aaa;display:flex}.browser-bar .button{flex-basis:auto;text-align:center;font-size:17px;color:#6D6D6E;padding:3px;display:inline-block;width:20px;border:1px solid #EBEEEB}.browser-bar .address{flex:1;background:#fff;border-radius:3px;margin:0px 3px;border:1px solid #ccc;padding:5px;font-size:14px;color:#555}.project-img-wrapper{-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);box-shadow:0 5px 20px 0 rgba(0,0,0,0.1)}.page{flex:1;background:white;z-index:10;text-align:center;overflow-y:auto;position:relative}@media print{header,nav,footer{display:none}img{max-width:500px}body{font:14pt Georgia, "Times New Roman", Times, serif;line-height:1.3}}