html,body{background:#ffffff;margin:0;padding:0}div{padding:0}h1,h2,h3,h4,h5,h6,blockquote{margin:0}cite{font-style:normal}ol,ul{list-style:none;padding:0}a img{border:none}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}html{overflow-y:auto}img,video{max-width:100%;height:auto}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-align:center;color:#666;font:normal 100%/1.5 "aktiv-grotesk", sans-serif;font-style:normal}p{margin:0 auto 1.75em}strong,b{font-weight:700}em,i{font-style:italic;font-size:1em;color:#989898;color:rgba(0,0,0,0.4)}ul{margin-bottom:1.75em}figure img{margin-bottom:0}figcaption{margin:0 auto 1.75em}figcaption.inset{color:#fff;margin:-2.75em 0 2.75em}figure{margin:0 0 1.75em}h1,h2,h3,h4{color:#231f20;text-transform:uppercase;font-family:"alternate-gothic-no-1-d", "league gothic",  sans-serif;font-weight:normal;font-style:normal;font-size:3.25em}h2{border-top:2px solid rgba(0,0,0,0.15);border-bottom:2px solid rgba(0,0,0,0.15);padding:0.285em  0 0.175em;margin-bottom:0.75em}h3{font-size:2em}

a{color:#ee4938;text-decoration:none;-webkit-transition:color 400ms ease;transition:color 400ms ease}
a:hover{color:#9e3a30;-webkit-transition:color 150ms ease;transition:color 150ms ease}

.url{display:block;margin-bottom:1.5em}@media screen and (min-width: 500px){body{font-size:106.3%}em{font-size:0.9em}}@media screen and (min-width: 680px){em{font-size:0.8em}}@media screen and (min-width: 820px){body{font-size:112.5%}em{font-size:0.8em}figcaption{font-size:0.85em}}@media screen and (min-width: 1120px){body{font-size:118.8%}}@media screen and (min-width: 1200px){body{font-size:125.0%}}@media screen and (min-width: 1320px){body{font-size:131.3%}}@media screen and (min-width: 1450px){body{font-size:137.5%}}img{max-width:100%;width:auto;margin-bottom:1.75em;margin-bottom:2.25em}img[src*=".svg"]{width:100%}.grid-unit img{margin-bottom:0.25em}.container{width:90%;margin-left:auto;margin-right:auto;max-width:1420px;*zoom:1}.container:after{content:"";display:table;clear:both}.container .grid-unit{position:relative;margin-left:0;width:100%;float:left;display:inline}.container .col-flow-opposite{float:left}.row,section{clear:both;width:100%;float:left}.row{margin-bottom:1em}.col-1 p{max-width:33em}@media screen and (min-width: 680px){.row{margin-bottom:3em}.container{width:86%}.col-1 .grid-unit{width:100%}.col-2 .grid-unit{width:48%}.col-3 .grid-unit{width:100%}.col-4 .grid-unit{width:48%}.container .grid-unit{margin-left:4%}.container .grid-unit:first-child{margin-left:0}.col-3 .grid-unit{margin-left:0}.col-4 .grid-unit:nth-child(odd){margin-left:0;clear:both}.center-shit .grid-unit{margin-top:auto !important;margin-bottom:auto !important;display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center}.center-shit{display:-moz-box;display:-webkit-box;display:box;display:-webkit-flex;display:-ms-flexbox;display:flex}.col-3.lined .grid-unit{width:30.66666666666667%}.lined .grid-unit{border-left:2px solid rgba(0,0,0,0.15);border-bottom:2px solid rgba(0,0,0,0.15);margin-left:-2px !important;margin-bottom:0 !important}}.halfsies img:first-child,.halfsies figure:first-child{display:block}@media screen and (min-width: 820px){.contactform{max-width:60%;padding-left:40%;background:url("/img/paravel-flag.png") no-repeat 5% 1em;background-size:30%}.halfsies img,img.halfsies,.halfsies figure{width:50%;float:left}.halfsies figure img{width:100%;margin-bottom:0.5em;float:none}.quarters img,img.quarters{width:25% !important;float:left}}@media screen and (min-width: 980px){.col-3 .grid-unit{width:30.66666666666667%}.col-3 .grid-unit{margin-left:4%}.col-3.lined.row{margin-bottom:3em}.col-4 .grid-unit{width:22%}.col-4 .grid-unit:nth-child(3){margin-left:4%}.col-4 .grid-unit:nth-child(odd){clear:none}}@media screen and (min-width: 1300px){section p{max-width:100%}.col-1 p{max-width:54%}.container{width:84%}}

.input{
width: 350px;
font-size:18px;
padding: 7px;
color: #333333;
border: 2px solid #000000;
}

.effectNormal:hover{
 opacity: 0.7;
 filter: alpha(opacity=70);
}

.header{margin:1% 0 2%;width:100%;float:left}

.homepage .logo{opacity:0.85}.header h2{border:none;padding:0;display:inline;float:left;display:none}
.site-nav{text-align:right;margin-top:1.25em;float:right;width:80%}.site-nav ul{margin:2% 0;width:100%}.site-nav ul li{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin-right:10%}.site-nav ul li:last-child{margin-right:0}.site-nav a{color:#333333}.site-nav 
a:hover{color:#ee4938}@media screen and (min-width: 450px){.header{margin:4.2% 0}
.logo{display:inline-block;float:none;font-size:3.25em;line-height:1.3;margin-right:0.16em;margin-bottom:-0.35em;opacity:0.35;-webkit-transition:opacity 280ms ease;transition:opacity 280ms ease;width:auto}
.logo:hover{opacity:0.85;-webkit-transition:opacity 280ms ease;transition:opacity 280ms ease}#paravel-logo{width:3.085em;height:1.333em}#logo-text{display:inline}.page-work .header{margin:4.2% 0 3%}.site-nav{text-align:center;margin:-0.5em auto 0.5em;float:none;width:100%}.site-nav ul{text-align:center}}@media screen and (min-width: 680px){.logo{float:left}.header h2{display:inline;margin-bottom:0}
.site-nav{width:auto;float:none;margin-top:1.45em}.site-nav ul{margin:0;width:100%;text-align:right}.site-nav ul li{margin-right:4.25%}}@media screen and (min-width: 980px){.header{font-size:1.125rem}}@media screen and (min-width: 1200px){.header{font-size:1.188rem}}.footer{clear:both;padding-top:1em;width:100%;border-top:2px solid rgba(0,0,0,0.15)}.footer .row{margin-bottom:1em}
.footer p{padding-top:1em;width:100%;max-width:45em;text-align:left}.legal{color:#b7b7b7;display:block}.legal a{color:#b7b7b7;text-decoration:underline}.legal a:hover{color:#ee4938}@media screen and (min-width: 820px){.footer p{padding-top:1.5em;width:85%;padding-left:1em;font-size:0.925em;text-align:center}.footer{padding-top:1.5em}}@media screen and (min-width: 1300px){.footer p{width:67%;max-width:38em}}.intro .col-1 p{text-align:left}.background .col-1 p{text-align:left}.personnel{margin-top:3em;text-align:left}.personnel p,.personnel ul{font-size:0.875em;margin-bottom:1em}.personnel h3{line-height:1}.personnel .grid-unit{margin-bottom:2em}@media screen and (min-width: 680px){.personnel em{display:block;padding-bottom:1.25em}}@media screen and (min-width: 980px){.personnel{text-align:center}.personnel p{margin-bottom:0;max-width:15em}.personnel .grid-unit{margin-bottom:0}}.projects ul{text-align:left;margin-bottom:0;overflow:hidden}.projects ul li{padding-bottom:0.5em;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.projects ul li a{padding:1em 0 1em 24%;background-size:24%;background-repeat:no-repeat;background-position:-5% center;display:block}.projects .shoptalk a{background-image:url("/img/logos/icon_shoptalk.svg")}.projects .tmfo a{background-image:url("/img/logos/icon_tmfo.svg")}.projects .webshow a{background-image:url("/img/logos/icon_atxwebshow.svg")}.projects .lettering a{background-image:url("/img/logos/icon_lettering.svg")}.projects .fitvids a{background-image:url("/img/logos/icon_fitvids.svg")}.projects .fittext a{background-image:url("/img/logos/icon_fittext.svg")}.projects .foldy a{background-image:url("/img/logos/icon_foldy.svg")}.projects .a11y a{background-image:url("/img/logos/icon_a11y.svg")}.resouces ul li a{padding:1.5em 0 1.5em 36%;background-size:34%;background-position:-6% center}.projects ul li a{-webkit-transition:margin 300ms ease;transition:margin 300ms ease;position:relative}.projects ul li a:hover{margin-top:0.175em;margin-bottom:-0.175em;-webkit-transition:margin 140ms ease;-moz-transition:margin 140ms ease;-o-transition:margin 140ms ease;-ms-accelerator-transition:margin 140ms ease;-webkit-transition:margin 140ms ease;transition:margin 140ms ease}.projects li:hover h3,.projects li:hover em{color:#ee4938}.projects li h3,.projects li em{-webkit-transition:color 140ms ease;transition:color 140ms ease}.lined .grid-unit{border-left:none;margin-bottom:0}.lined .grid-unit:nth-of-type(3n-2),.lined .grid-unit.case-study-link:nth-of-type(3n-2){border-left:none}.lined img{display:block;margin:0 auto}.lined img.profile{width:100%;padding:3% 0;margin:0 auto}.lined .grid-unit:first-child{margin-right:0}@media screen and (max-width: 680px){.lined.personnel .grid-unit img{border-left:none}}@media screen and (min-width: 680px){.projects ul li{line-height:1}}@media screen and (min-width: 680px) and (max-width: 980px){img.team-logo{max-width:70%}}@media screen and (min-width: 980px){.projects .col-2 .grid-unit{width:40%}.projects .col-2 .grid-unit:first-child{margin:0 4% 0 6%}.projects .col-2 .grid-unit:last-child{margin:0 6% 0 4%}}.case-study-link a{-webkit-transition:margin 300ms ease;transition:margin 300ms ease;position:relative}.case-study-link a:hover{margin-top:0.175em;margin-bottom:-0.175em;-webkit-transition:margin 140ms ease;transition:margin 140ms ease}.case-study-link{-webkit-transition:background-color 140ms ease;transition:background-color 140ms ease}.case-study-link:hover em{color:#d2d2d2;color:rgba(0,0,0,0.45)}.case-study-link:hover{background-color:#ee4938;border-top:2px solid #d2d2d2;border-top:2px solid rgba(0,0,0,0.15);margin-top:-2px}.case-study-link:hover h3,.case-study-link:hover em{color:#fff}.case-study-link:hover:nth-child(-n+3){border-top:none;margin-top:0}.case-study-link h3{font-size:1.75em;line-height:1.125;white-space:nowrap;overflow:hidden;display:none}@media screen and (min-width: 680px){.case-study-link h3{display:block}}.col-3.lined .grid-unit.case-study-link{width:33.3366%}.lined .grid-unit.case-study-link{border-left:2px solid rgba(0,0,0,0.15);border-bottom:2px solid rgba(0,0,0,0.15);margin-left:-2px !important;margin-bottom:0 !important}.case-study-link a{display:block;padding:0 5%;margin:0}@media screen and (min-width: 680px){.case-study-link a{padding:16% 5% 24%}}.case-study-link em{display:none;height:0;padding-bottom:10%}@media screen and (min-width: 980px){.case-study-link em{display:block}}.case-study-link img{padding:18% 0;margin:0 auto;width:94%;max-width:9em}@media screen and (min-width: 980px){.case-study-link img{width:auto}}@media screen and (min-width: 680px){.case-study-link img{margin:0 auto;padding:0}}.case-study-link:nth-child(3n+1){clear:both}.top-img-new{margin-bottom:0;padding-bottom:0;display:block}.top-img-new img{margin:0 auto;padding-bottom:0;vertical-align:bottom}.top-img{overflow:hidden;border:2px solid #d2d2d2;border:2px solid rgba(0,0,0,0.15);padding:1%;max-width:98%;margin-bottom:1.5em}@media screen and (min-width: 680px){.top-img{margin-bottom:2.5em}}.top-img .main-img{background-position:center center;background-size:cover;position:relative;width:100%}.top-img img{display:none}.shadowd{box-shadow:0px 0px 9px 0px rgba(0,0,0,0.5)}.embiggened{width:105%;max-width:none;margin-left:-3%}.stage{overflow:hidden;margin-bottom:3.5em}img.border{border:2px solid #d2d2d2;border:2px solid rgba(0,0,0,0.15);padding:0.25em}img.team-logo{max-width:50%;width:100%;margin-bottom:1em}img.logo-image{margin:0 auto;display:block;width:100%;max-width:60%}@media screen and (min-width: 680px){img.logo-image{max-width:360px}}.case-study .row{border-bottom:2px solid #d2d2d2;border-bottom:2px solid rgba(0,0,0,0.15);padding-bottom:1em;margin-bottom:3em}@media screen and (min-width: 680px){.case-study .row{margin-bottom:3.5em;padding-bottom:3.5em}.case-study .row p:last-child{margin-bottom:0}}@media screen and (min-width: 1200px){.case-study .row{margin-bottom:4em;padding-bottom:4em}}@media screen and (min-width: 1320px){.case-study .row{margin-bottom:4.5em;padding-bottom:4.5em}}.lined .grid-unit.case-study-link:nth-of-type(n+7){border-bottom:none}.case-study p,.case-study .col-2 p{text-align:left}.case-study p.case-study-next,.case-study .case-study-next{margin-bottom:4.5em;text-align:center}.case-study p.case-study-next p,.case-study .case-study-next p{text-align:center}.case-study .quote p{text-align:center}@media screen and (max-width: 680px){.case-study .quote p{margin-bottom:1em}}.case-study .quote p:nth-of-type(2){margin-bottom:3em}@media screen and (max-width: 680px){.case-study .quote p:nth-of-type(2){margin-bottom:4em}}@media screen and (max-width: 680px){.case-study .quote:nth-of-type(2) p{margin-bottom:2em}.case-study .quote img{margin-bottom:0.25em}.case-study .quote p{margin-bottom:1em}}.case-study .quarters img,.case-study img.quarters{width:50%;float:left}.additional ul{padding:0;margin:0}.additional ul li{margin:0;padding:0}.additional ul li img{max-width:30%;height:auto}@media screen and (min-width: 680px){.additional ul li{width:20%;display:inline-block;margin:3% 0}.additional ul li img{width:94%;max-width:150px}}@media screen and (min-width: 680px){.case-study .col-2 .grid-unit{width:40%}.case-study .col-2 .grid-unit:first-child{margin:0 4% 0 6%}.case-study .col-2 .grid-unit:last-child{margin:0 6% 0 4%}.case-study .col-2.wider .grid-unit{width:46%}.case-study .col-2.wider .grid-unit:first-child{margin:0 4% 0 0}.case-study .col-2.wider .grid-unit:last-child{margin:0  0 0 4%}.case-study .col-2.wider p{margin-right:12%}.col-1 p{width:75%}}@media screen and (min-width: 980px){.case-study .col-2 .grid-unit{width:40%}.case-study .col-2 .grid-unit:first-child{margin:0 4% 0 6%}.case-study .col-2 .grid-unit:last-child{margin:0 6% 0 4%}.case-study .quote p:nth-of-type(1){min-height:3em}}.page-work .site-nav a{color:#fff}.page-work .site-nav a:hover{color:rgba(0,0,0,0.5)}.page-work .header h2{color:#fff}.page-work .stage{background:#333}@media screen and (min-width: 500px){.microsoft .header,.typofonderie .header,.marksimonson .header,.dolectures .header,.build .header,.lwf .header{margin:4.2% 0 4.2%}}.microsoft .stage{background-image:-webkit-radial-gradient(center, #44b5e9, #2599cf);background-image:radial-gradient(to center, #44b5e9, #2599cf);background-color:#299ed4;border-bottom:2px solid #d2d2d2}.microsoft .stage .top-img-new img{box-shadow:0 0 4em rgba(0,0,0,0.1);max-width:90%}@media screen and (min-width: 680px){.microsoft .fw-tablet{width:70%}}.daytrip .stage{background-image:-webkit-linear-gradient(top, #3e8792, #8cbfac);background-image:linear-gradient(to bottom, #3e8792, #8cbfac);border-bottom:2px solid #d2d2d2}.rmn 
h1.logo.home a{opacity:0.65}.rmn h1.logo.home a:hover{opacity:1}.rmn .stage{background-image:-webkit-radial-gradient(center, #9668a3, #653672);background-image:radial-gradient(to center, #9668a3, #653672);background-color:#764e81;border-bottom:2px solid #d2d2d2}
.tmfo h1.logo.home a{opacity:0.9}.tmfo h1.logo.home a:hover{opacity:1}.tmfo .stage{background-image:-webkit-radial-gradient(center, #555, #333);background-image:radial-gradient(to center, #555, #333);background-color:#333;border-bottom:2px solid #d2d2d2}.tmfo .tmfo-archives{margin-bottom:1em}.tmfo .tmfo-archives li{display:inline-block;width:30%;margin:0.75%}@media (min-width: 680px){.tmfo .tmfo-archives li{width:16%}}.tmfo .tmfo-archives li img{box-shadow:0px 0px 10px 0px #aaa;-webkit-transition:box-shadow 0.15s ease;transition:box-shadow 0.15s ease}.tmfo .tmfo-archives li img:hover{box-shadow:4px 4px 12px 0px #999}.typofonderie .stage{background-image:-webkit-radial-gradient(center, #b8dcdd, #aad0d1);background-image:radial-gradient(to center, #b8dcdd, #aad0d1);background-color:#9bcdce;border-bottom:2px solid #d2d2d2}.typofonderie .stage .top-img-new img{box-shadow:0 0 3em rgba(0,0,0,0.1);max-width:90%}.marksimonson .stage{background-image:-webkit-radial-gradient(center, #a8a39b, #908b82);background-image:radial-gradient(to center, #a8a39b, #908b82);background-color:#8c8577;border-bottom:2px solid #d2d2d2}.marksimonson .stage .top-img-new img{box-shadow:0 0 3em rgba(0,0,0,0.1);max-width:90%}.dolectures .stage{background-image:-webkit-radial-gradient(center, #d0d1c1, #b9baac);background-image:radial-gradient(to center, #d0d1c1, #b9baac);background-color:#8c8577;border-bottom:2px solid #d2d2d2}.dolectures .stage .top-img-new img{box-shadow:0 0 3em rgba(0,0,0,0.1);max-width:90%}.build .stage{background-image:-webkit-radial-gradient(center, #ff6442, #ff5c38);background-image:radial-gradient(to center, #ff6442, #ff5c38);background-color:#ff6340;border-bottom:2px solid #d2d2d2}.build .stage .top-img-new img{box-shadow:0 0 2em #b6381d;max-width:90%}.lwf .stage{background-image:-webkit-radial-gradient(center, #77d0e2, #59b6c8);background-image:radial-gradient(to center, #77d0e2, #59b6c8);background-color:#59b6c8;border-bottom:2px solid #d2d2d2}.lwf .stage .top-img-new img{box-shadow:0 0 2em rgba(0,0,0,0.2);max-width:90%}.four-oh-four .stage{background-color:#f8f7f2}.four-oh-four .stage .top-img-new img{max-width:600px;width:100%;margin-bottom:6%;margin-top:-4%}.bulletin .container .stage{background-color:#f8f7f2}.bulletin .container .stage .top-img-new img{max-width:200px;width:100%;margin-bottom:6%;margin-top:-4%}.bulletin .container .col-1 p{text-align:left;max-width:none;width:100%;margin-left:0}.bulletin .container .col-1{max-width:33em;text-align:left;margin:0 auto 5em}.bulletin .container .col-1 ul{list-style-type:disc;padding-left:1.25em;margin:0 0 1.5em}.bulletin .container h1{line-height:1;margin:0.25em 0}.bulletin .container h4{font-size:2.5em;line-height:1.1;margin:1em 0 0.18em}.history .row{text-align:left}.history .row ul{font-size:0.75em}@media screen and (min-width: 1440px){.history .row ul{font-size:0.813em}}.history .row li{margin-bottom:1em}@media screen and (max-width: 679px){.history .row li{padding-right:2em}}@media screen and (max-width: 979px){.history .col-4 .grid-unit{width:48%}.history .col-4 .grid-unit:nth-child(odd){margin-left:0;clear:both}}.homepage .row{margin-bottom:1em}.homepage .banner .container{max-width:1420px;margin:0 auto}.homepage h1.logo.home a{opacity:1}.homepage .banner img{margin-bottom:0}@media screen and (min-width: 820px){.homepage .banner img{width:92%;max-width:1260px}}

.bouton {
  background: #1f8ad1;
  background-image: -webkit-linear-gradient(top, #1f8ad1, #3498db);
  background-image: -moz-linear-gradient(top, #1f8ad1, #3498db);
  background-image: -ms-linear-gradient(top, #1f8ad1, #3498db);
  background-image: -o-linear-gradient(top, #1f8ad1, #3498db);
  background-image: linear-gradient(to bottom, #1f8ad1, #3498db);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.bouton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.dh {  
	border: none;
    background: url(images/dh.jpg) no-repeat center top;
    width: 100%;
    max-width: 500px;
	height: 90px;
	display:inline-block;
} 
.dm {
	border: none;
    background: url(images/dm.png) no-repeat center center;
    background-color:#E3E3E3;
    max-width: 500px;
    height:100%;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
} 
.db {
	border: none;
    background: url(images/db.png) no-repeat center top;
    width: 100%;
    max-width: 500px;
	height: 103px;
	display:inline-block;
} 