*{margin:0;outline:0}ul,ol{padding:0}a,img{border:0}div.clear{clear:both;line-height:0;height:0;font-size:0;border:0;padding:0;margin:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}html,body{width:100%;height:100%;min-height:100%}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Karla',Arial,sans-serif;font-size:17px;line-height:23px;color:#333;background:#fff;font-weight:bold;overflow-x:auto;overflow-y:scroll;-webkit-font-smoothing:antialiased}h1{font-size:17px;line-height:23px;margin-bottom:11.5px}h2{font-size:17px;line-height:23px;margin-bottom:11.5px}h3{font-size:17px;line-height:23px;margin-bottom:11.5px}h1 a,h2 a,h3 a{color:#333}p{margin-bottom:11.5px}p:last-child{margin-bottom:0}a{color:#b3b3b3;text-decoration:none}a:hover{text-decoration:none;color:#333}img,iframe{display:block}.col{float:left;margin-left:20px;width:60px;margin-bottom:20px;text-align:left}.two{width:140px}.three{width:220px}.four{width:300px}.five{width:380px}.six{width:460px}.seven{width:540px}.eight{width:620px}.nine{width:700px}.ten{width:780px}.eleven{width:860px}.twelve{width:940px}.first{margin-left:0;clear:left}.tright{text-align:right}.nobottom{margin-bottom:0 !important}body{text-align:center}div.inner{width:940px;margin:0 auto;text-align:left}header,body.home header.fixed{position:fixed;left:0;top:0;bottom:auto;width:100%;height:50px;line-height:50px;background:#fff;z-index:3}body.home header{position:absolute;left:0;bottom:0;top:auto}header h1{line-height:50px}header h1 a{color:#333}header h1 a span{color:#b3b3b3;display:inline-block;margin-left:10px}header a{color:#b3b3b3}header a:hover{color:#333;text-decoration:none}a#menu-toggle{display:none;width:20px;height:20px;background:url('http://fabiencappello.legacy.wiedner.studio/static/img/menu-icon.svg?4cb4658bc33f') 0 0 no-repeat;background-size:20px auto;text-indent:-9999em;text-align:left;vertical-align:middle;opacity:.4}a#menu-toggle:hover{opacity:1}#menu a{margin-left:10px}#menu a.active{color:#333}#content{position:absolute;width:100%;left:0;top:0;padding-top:40px;min-height:100%;background:#fff;z-index:2;background:#fff url('http://fabiencappello.legacy.wiedner.studio/static/img/patterns/fabien_pattern-3.gif') 0 0 repeat;background-size:116px 116px}body.home #content.work{margin-top:-1px !important}div.slideshow{width:100%;height:100%;position:block;margin:0;padding:0;overflow:hidden;position:relative}div.slides{overflow:hidden;position:relative}div.slides>div.slide{float:left;width:100%;position:relative}div.slide{width:100%;height:100%;cursor:pointer;overflow:hidden;text-align:center}div.slide div.image{width:100%;height:100%;margin:0 auto;text-align:center}div.slideshow div.nav{text-align:center;z-index:9;height:30px;line-height:30px;position:absolute;left:0;bottom:0;width:100%}div.slideshow div.nav a{display:inline-block;width:8px;height:8px;border-radius:4px;background:#ccc;text-indent:-999em;margin:0 3px;vertical-align:middle}div.slideshow div.nav a:hover,div.slideshow div.nav a.active{background:#333}body.home #slides{position:fixed;top:0;left:0;width:100%;height:40px;background:#fee;text-align:center;z-index:1}body.home #slides div.slide{height:100%;padding-bottom:60px;text-align:center}body.home div.slide div.image img{display:inline-block;vertical-align:middle;width:auto;height:auto;margin:0 auto}#content.work{background:#fff;padding-top:71px;padding-bottom:100px}a.thumb{width:286px;height:286px;line-height:281px;float:left;margin:0 0 41px 41px;display:block;position:relative;overflow:hidden;text-align:center}a.thumb.first,a.thumb:first-child,a.thumb:nth-child(3n+1){margin-left:0;clear:both}a.thumb div.image,a.thumb div.title{display:block;width:286px;height:286px;line-height:281px;position:absolute;top:0;left:0;background:#fff}a.thumb div.image img,a.thumb div.title h4{display:inline-block;vertical-align:middle}a.thumb div.image img{background:#fff;max-width:286px;max-height:286px}a.thumb div.title h4{width:286px;line-height:23px;color:#333}a.thumb div.title h4 span{color:#b3b3b3}.no-touch a.thumb div.title{display:none}.no-touch a.thumb:hover div.title{display:block;z-index:9}.touch a.thumb{height:355px}.touch a.thumb div.title{line-height:23px;height:69px;overflow:hidden;top:294px;display:block !important}table{width:100%;min-width:940px;margin-top:-15px}td{height:auto;line-height:23px;padding:0;border-bottom:1px solid #fff !important}td.title,td.client,td.category,td.year{padding:7px 0;text-align:left}td.title{width:293.75px}td.client{width:293.75px}td.category{width:235px}td.year{width:117.5px;text-align:right}tbody tr:hover td{cursor:pointer;border-bottom:1px solid #555 !important}table tbody tr td a{color:#333}thead:hover td{background:none}thead td{padding-bottom:40px}thead a{padding-left:20px;margin-left:-20px;display:block;text-align:left}thead td.year a{float:right}thead a.up,thead a.down{color:#333;background:url('http://fabiencappello.legacy.wiedner.studio/static/img/uarr.svg') left center no-repeat;background-size:auto 11px}thead a.down{background:url('http://fabiencappello.legacy.wiedner.studio/static/img/darr.svg') left center no-repeat;background-size:auto 11px}thead a,thead a.up,thead a.down{margin:0;padding:0;background:0}#content.journal{background:#fff;margin-top:35px}#content.journal div.entry{border-bottom:1px solid #555;padding-bottom:30px;margin-bottom:45px}#content.journal div.text{width:600px;margin-bottom:30px}#content.journal div.text span.date{color:#b3b3b3;text-transform:uppercase;text-align:center;margin-bottom:0;margin-right:10px}#content div.text h2{text-align:center;margin-bottom:20px}#content div.text p+h2{margin-top:60px}#content.journal div.slideshow,#content.about div.slideshow{margin:0 0 10px 0;padding:0;background:#fff}#content.about div.slideshow{padding-bottom:35px;margin-bottom:30px}#content.journal div.slides{background:#fff;padding:0 0 40px 0}#content.about div.slides{padding:20px 0;background:#fff url('http://fabiencappello.legacy.wiedner.studio/static/img/patterns/fabien_pattern-6.gif') 0 0 repeat}#content.journal div.slide div.image img,#content.about div.slide div.image img{display:inline-block;vertical-align:middle;margin:0 auto}#content div.inner.embedding{text-align:center}#content div.inner.embedding *{margin:0 auto 20px auto}div.inner.paginator{margin-top:-25px}div.inner.paginator a.next{float:right}div.inner.paginator div.six{text-align:center}h1 span{margin-left:15px;color:#b3b3b3}#content.project{margin-top:10px}#content.project,#content.project div.slideshow{background:#fff}#project-nav{width:auto;float:right}#project-nav a.prev,#project-nav a.next,#project-nav a.show-menu{display:block;overflow:hidden;float:left;margin-left:10px}#content.project div.slideshow{margin-top:10px}#content.project div.slideshow div.image{padding-top:15px;padding-bottom:30px}#content.project div.slideshow img{margin:0 auto;display:inline-block;vertical-align:middle}#content.project div.slideshow div.nav{bottom:20px}body.project #menu{display:none}#content.project.pad{padding-bottom:150px}#content.project div.text{width:640px;margin-bottom:30px}#content.project div.text+h2{margin-top:60px}#content.project div.process{background:#f33;overflow:hidden;padding-top:20px;background:#fff url('http://fabiencappello.legacy.wiedner.studio/static/img/patterns/fabien_pattern-4.gif') 0 0 repeat;background-size:116px 116px;padding-top:30px;padding-bottom:200px}body #content.project div.process div.inner{max-width:940px;overflow:hidden;width:940px !important}#content.project div.process div.col{text-align:center;padding:20px;line-height:420px;margin-bottom:40px;height:420px;width:420px;margin-left:25px !important;margin-right:25px !important;padding:0 !important}#content.project div.process div.col.twelve{width:890px !important}div.processimage img{max-height:420px;max-width:100%;height:auto;width:auto}div.processimage{display:inline-block;vertical-align:middle;line-height:23px;position:relative;margin:0 auto}div.processimage div.caption{position:absolute;left:0;top:0;bottom:0;right:0;background:#fff;padding:69px 20px 20px 20px;text-align:left}div.processimage a.plus{display:block;position:absolute;left:15px;top:15px;width:24px;height:24px;border-radius:12px;overflow:hidden;background:#fff url('http://fabiencappello.legacy.wiedner.studio/static/img/plus.svg?4cb4658bc33f') 0 0 no-repeat;background-size:20px 40px;text-indent:-9999em;width:20px;height:20px;border-radius:10px}div.processimage a.open{background:#fff url('http://fabiencappello.legacy.wiedner.studio/static/img/plus.svg?4cb4658bc33f') 0 -20px no-repeat}#content.about{margin-top:40px;background:none;padding-bottom:150px}#content.about div.inner.text,#content.about div.inner.image{width:640px;margin-bottom:40px}#content div.inner.text h2,#content div.inner.text h3{text-align:center}#content.about div.inner.image{text-align:center;margin-bottom:60px}#content.about div.inner.image img{margin:0 auto}span.year{width:50px;float:left;margin-left:-50px}#content.about p.nobottom{margin-left:50px}#content.contact{margin-top:40px;background:none}#content.contact div.inner.text,#content.contact div.inner.image{width:640px;margin-bottom:40px}#content.contact div.map{background:#e8e8e8;position:absolute;left:0;right:0;bottom:-10px;top:320px;padding:0;margin:0;border:0}@media only screen and (min-width:1280px){div.inner{width:1160px}div.process div.inner{width:940px !important}div.process div.inner div.six{width:420px !important}#menu .col{margin-left:20px;width:78.33333333px;margin-bottom:20px}#menu,.six{width:570px}div.inner.paginator div.three{width:275px}td.title{width:362.5px}td.client{width:362.5px}td.category{width:290px}td.year{width:145px;text-align:right}a.thumb{width:360px;height:360px;line-height:355px;margin:0 0 40px 40px}a.thumb div.image,a.thumb div.title{width:360px;height:360px;line-height:355px}a.thumb div.image img{max-width:360px;max-height:360px}a.thumb div.title h4{width:360px}.touch a.thumb{height:417.5px}}@media only screen and (max-device-width:600px){body.home header{top:0 !important;bottom:auto !important}body.home div.slideshow{margin-top:20px !important}body.home #content{display:none !important}#content{width:100%;margin-top:50px !important}div.slide{max-width:100%}div.inner{padding:0 20px}div.slideshow{padding:0}a#menu-toggle{display:block;position:absolute;right:20px;top:18px}#menu{position:absolute;display:none;top:50px;left:auto;right:0;background:#fff;text-align:right;padding:0;border:0;margin:0}#menu a{display:block;float:none;clear:both;margin:0;padding:0 20px;height:35px;line-height:35px}header h1{height:50px;overflow:hidden;position:absolute;right:60px;left:20px}#project-nav{display:none !important}#content.work,#content.work div.inner{width:100%;margin:0;padding:0 !important;border:0;min-height:400px}#content.work div.inner{border-left:10px solid #fff;border-right:10px solid #fff}a.thumb{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;border:0;margin:0 0 20px 0 !important;padding:0;border-left:10px solid #fff;border-right:10px solid #fff;clear:none !important;height:240px !important;position:relative}a.thumb div.image{height:150px !important;line-height:150px !important}a.thumb div.image,a.thumb div.title,a.thumb div.title h4{max-width:100%;background:none !important}a.thumb div.image img{max-width:100%;max-height:150px;height:auto;width:auto}a.thumb div.title{position:absolute;bottom:0 !important;top:auto !important;margin:0 !important}table{width:100%;max-width:100%;min-width:100%;padding:0 20px;margin:0}tr{margin:0;padding:0;border:0;display:block;margin:0 0 20px 0}td{display:inline-block;vertical-align:top;width:100% !important;text-align:left !important;height:23px;padding:0;float:left;clear:none}thead td.year a{float:left !important}td.year{clear:left;text-align:left;margin-bottom:20px}td:first-child,td:last-child{display:none}#content.project{margin-top:0 !important}#content.project div.slideshow,#content.project div.slides,#content.project div.slide{height:320px;line-height:320px}#content.project div.slide{padding:0 20px !important}#content.project div.slide img{width:auto;height:auto;max-width:100%}#content div.text,#content div.process,#content div.process div.inner{width:100% !important;max-width:100% !important}html.mobile #content.project div.process div.col,httml #content.project div.process div.col.six,html #content.project div.process div.col.twelve{width:100% !important;max-width:100% !important;clear:both !important;float:left !important;margin:0 !important;text-align:left}html.mobile #content.project div.process div.col{height:auto !important;line-height:23px;margin:0 0 20px 0 !important}#content.project div.process div.col img{max-width:100% !important;width:auto !important;height:auto !important}#content.journal{margin-top:20px !important}#content.journal div.slideshow,#content.journal div.slides,#content.journal div.slide{height:320px;line-height:320px}#content.journal div.slide{padding:0 20px !important}#content.journal div.slide img{width:auto;height:auto;max-width:100%}#content.journal div.paginator *{width:auto;float:left}#content.about{margin-top:20px !important}#content.about div.image{width:100% !important;padding:0 20px !important;height:auto !important;margin:0 0 20px 0 !important}#content.about img{width:auto !important;height:auto !important;max-width:100%}}