/*----------------------------------------------------------------------------------------------------

Theme Name:     More Air
Theme URI:      http://www.moreair.co
Description:    A bespoke responsive website created for More Air
Author:         Fine Thought
Author URI:     http://www.finethought.com
Version:        1.0
Tags:
	
----------------------------------------------------------------------------------------------------*/


/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #777; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #f1f1f1;
    color: #777;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #B20000;
	color:#fff;
    text-shadow: none;
}

::selection {
    background:#B20000;
	color:#fff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f1f1f1;
    margin: 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Universal layout styles
   ========================================================================== */

html, body {
	height:100%;
	overflow:visible;
}
html.oldie, .oldie body {
	font-size:16px;
}
.wrapper,
.standard-width-wrapper,
.content-wrapper,
.content-wrapper-no-padding {
	position:relative;
	display:block;
	clear:both;
	margin:0 auto;
	min-height:1px;
}
.oldie .wrapper {
	min-width:960px;
}
.standard-width-wrapper {
	max-width:102.5em; /* 1400px + 120px side padding */
}

.content-wrapper {
	padding-left:1.25em; /* 20px */
	padding-right:1.25em; /* 20px */
	max-width:87.5em;
}

@media only screen and (min-width: 47.75em) {
	.content-wrapper {
		padding-left:4.375em; /* 70px */
		padding-right:4.375em; /* 70px */
	}
}

@media only screen and (min-width: 60em) {
	.content-wrapper {
		padding-left:7.5em; /* 120px */
		padding-right:7.5em; /* 120px */
	}
}
.oldie .content-wrapper {
	padding-left:7.5em; /* 120px */
	padding-right:7.5em; /* 120px */
}
.content-wrapper-no-padding {
	padding-left:0.875em; /* 14px - allows for 6px padding on folio items */
	padding-right:0.875em; /* 14px - allows for 6px padding on folio items */
}

@media only screen and (min-width: 47.75em) {
	.content-wrapper-no-padding {
		padding-left:4em; /* 64px - allows for 6px padding on folio items */
		padding-right:4em; /* 64px - allows for 6px padding on folio items */
	}
}

@media only screen and (min-width: 60em) {
	.content-wrapper-no-padding {
		padding-left:7.125em; /* 114px - allows for 6px padding on folio items */
		padding-right:7.125em; /* 114px - allows for 6px padding on folio items */
	}
}
.oldie .content-wrapper-no-padding {
	padding-left:7.125em; /* 114px - allows for 6px padding on folio items */
	padding-right:7.125em; /* 114px - allows for 6px padding on folio items */
}
#js #site-cover,
#js #page-cover,
#js #site-cover div {
	height:120%;
	width:100%;
	top:0;
	left:0;
	position:fixed;
	background-color:#fff;
	display:none;
	z-index:13;
}
#js #site-cover {
	z-index:3000;
	display:block;
}
#js #site-cover div {
	background-image:url('img/page-loader.gif');
	background-position:center;
	background-repeat:no-repeat;
	height:83.33333%;
	display:block;
	position:absolute;
	z-index:13;
}
#js #site-wrapper {
	overflow:hidden;
}
/* ==========================================================================
   Thumblayout
   ========================================================================== */

#work-wrapper {
	padding-bottom:2.75em;
}

.page-services #work-wrapper,
.page-about #work-wrapper {
	display:none !important;
}
.work-thumb {
	padding:0;
	width:50%;
	float:left;
	position:relative;
	display:inline-block;
}
@media only screen and (min-width: 35em) {
	.work-thumb {
		width:33.33333%;
	}
}
@media only screen and (min-width: 60em) {
	.work-thumb {
		width:25%;
	}
}
.oldie .work-thumb {
	width:25%;
}
#folio-thumb-wrapper {
	margin-top: -0.25em;
	padding-bottom: 0;
	margin-bottom: -1em;
}
@media only screen and (min-width: 47.75em) {
	#folio-thumb-wrapper {
		margin-top:0;
		padding-bottom:0.625em;
	}
}
.oldie #folio-thumb-wrapper {
	margin-top:0;	
}
#folio-thumb-wrapper a,
#folio-thumb-wrapper figure {
	position:relative;
	display:block;
	width:100%;
	min-height:1px;
}
#folio-thumb-wrapper img {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
}
.tooltip {
	display:none !important;
}
#tooltip {
	position: absolute;
	z-index: 10;
	border: 1px solid #f1f1f1;
	background-color: #fff;
	padding: 0.5em 0.75em;
	padding: 0.75 0.75em 0.6875em;									
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media only screen and (max-width: 47.75em) {
	#tooltip {
		display:none !important;
		opacity: 0 !important;
		height: 1px !important;
		width: 1px !important;
		overflow: hidden !important;
	}
}
#tooltip p {
	font-family: 'AvenirNextLTW01-Regular',sans-serif;
	font-size:1.125em;
	line-height:1.25em;
	text-transform:uppercase;
	color:#1a1a1a;
	padding:0 0 0.125em;
	letter-spacing:0.0625rem;
	display:block;
	position:relative;
	
}
@media only screen and (max-width: 100em) {
	#tooltip p {
		font-size:1em;
		padding:0 0 0.1825em;
	}
}
#tooltip p.category {
	font-size:0.75em;
	color:#777;
	font-family: 'AvenirNextLTW01-Regular',sans-serif;
}
@media only screen and (max-width: 100em) {
	#tooltip p.category {
		font-size:0.6875em;
	}
}
p.category .bull {
	font-size: 0.5em;
	display: inline-block;
	position: relative;
	top: -0.125em;
	padding:0 0.125em;
}
.what-we-do.english-text h3 {
	
	font-weight:normal;
}

#tooltip h3, #tooltip div { margin: 0; }

/* ==========================================================================
   Site Header
   ========================================================================== */

#site-header {
	height:auto; /* 144px */
	background-color:#fff;
	z-index:30;
	padding-left:1.25em; /* 20px */
	padding-right:1.25em; /* 20px */
	position:relative;
	margin-bottom:-2px;
}

@media only screen and (min-width: 47.75em) {
	#site-header {
		height:5.25em; /* 84px */
		background-color:#fff;
		z-index:30;
		padding:1.875em 0; /* 30px 0 */
		margin-bottom:0px;
	}
}
.oldie #site-header {
	height:5.25em; /* 84px */
	background-color:#fff;
	z-index:30;
	padding:1.875em 0; /* 30px 0 */
	margin-bottom:0px;
}
#site-header #outer-rule {
	position:absolute;
	height:1px;
	width:100%;
	left:0px;
	bottom:0px;
	display:none;
}
@media only screen and (min-width: 47.75em) {
	#site-header #outer-rule {
		display:block;
	}
}
.oldie #site-header #outer-rule {
	display:block;
}
#site-header #outer-rule div {
	height:100%;
	display:block;
	position:relative;
}
#site-header #outer-rule #inner-rule {
	background-color:#f1f1f1;
}
@media only screen and (min-width: 47.75em) {
	#site-header > .wrapper {
		position:relative;
		height:100%;
		max-width:87.5em; /* 1400px */
		padding-left:4.375em; /* 70px */
		padding-right:4.375em; /* 70px */
		margin:0 auto;
	}
}
@media only screen and (min-width: 60em) {
	#site-header > .wrapper {
		padding-left:7.5em; /* 120px */
		padding-right:7.5em; /* 120px */
	}
}
.oldie #site-header > .wrapper {
	position:relative;
	height:100%;
	max-width:87.5em; /* 1400px */
	padding-left:7.5em; /* 120px */
	padding-right:7.5em; /* 120px */
	margin:0 auto;
}

/* ==========================================================================
   Site Logo
   ========================================================================== */

#site-header header {
	display:block;
	height:5.1825em; 
	border-bottom:1px solid #f1f1f1;
	position:relative;
}

@media only screen and (min-width: 47.75em) {
	#site-header header {
		height:100%;
		width:12.5em; /* 200px */
		float:left;
		border-bottom:none;
		display:inline-block;
	};
}
.oldie #site-header header {
	height:100%;
	width:12.5em; /* 200px */
	float:left;
	border-bottom:none;
	display:inline-block;
}
#site-header header h2 {
	width:12.5em; /* 200px */
	height:3.125em; /* 50px */
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1.5625em; /* 25px */
	font-size:1em;
	background-color:#fff;
}
#site-header header h2 a,
#site-header header h2 img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
	font-size:1em;
}

/* ==========================================================================
   Site Navigation
   ========================================================================== */

#js #site-header nav {
	overflow:hidden;
	height:0;
}
@media only screen and (min-width: 47.75em) {
	#js #site-header {
		position:fixed;
		top:0;
		left:0;
		width:100%;
	}
}
#js.oldie #site-header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}
#js #menu-buffer {
	display:block;
	position:absolute;
	height:5.1825em;
	clear:both;
	margin:0;
	padding:0;
	top:0;
	left:0;
	margin-bottom: -2px;
}
@media only screen and (min-width: 47.75em) {
	#js #menu-buffer {
		display:block;
		position:relative;
		height:9em;
		clear:both;
		margin:0;
		margin-bottom: -2px;
		padding:0;
		left:auto;
		top:auto;
	}
}
#js.oldie #menu-buffer {
	display:block;
	position:relative;
	height:9em;
	clear:both;
	margin:0;
	margin-bottom: -2px;
	padding:0;
	left:auto;
	top:auto;
}
@media only screen and (min-width: 47.75em) {
	#site-header nav,
	#js #site-header nav {
		float:right;
		display:inline-block;
		height:0.75em;
		top:50%;
		margin-top:-0.625em;
		position:relative;
		overflow:visible;
	}
}
.oldie #site-header nav,
#js.oldie #site-header nav {
	float:right;
	display:inline-block;
	height:0.75em;
	top:50%;
	margin-top:-0.625em;
	position:relative;
	overflow:visible;
}
#site-header ul,
#site-header li {
	display:block;
	font-size:1em;
	position:relative;
	margin:0;
	padding:0;
}

@media only screen and (min-width: 47.75em) {
	#site-header ul {
		display:inline-block;
	}
}
.oldie #site-header ul {
	display:inline-block;
}
@media only screen and (min-width: 47.75em) {
	#site-header li {
		display:inline-block;
		float:left;
		padding:0 0em;
		height:auto;
		height:0.75em;
		line-height: 0.75em;
	}
}
.oldie #site-header li {
	display:inline-block;
	float:left;
	padding:0 1.5em;
	height:auto;
	height:0.75em;
	line-height: 0.75em;
}
@media only screen and (min-width: 60em) {
	#site-header li {
		padding:0 0.6em;
	}
}
.oldie #site-header li {
	padding:0 0em;
}
@media only screen and (min-width: 47.75em) {
	#site-header li.last {
		padding:0 0 0 1.5em;
	}
}
@media only screen and (min-width: 60em) {
	#site-header li.last {
		padding:0 0 0 1.5625em;
	}
}
.oldie #site-header li.last {
	padding:0 0 0 1.5625em;
}
#js #site-header li ul {
	display:none;
	background-color:#fff
}
@media only screen and (min-width: 47.75em) {
	#site-header li ul,
	#js #site-header li ul {
		width:8.25rem;
		left:50%;
		margin-left:-4.125rem;
		position:absolute;
		border:1px solid #f1f1f1;
		border-top:none;
		background-color:#fff;
		padding:0.4375em 0 0.875em;
		top:0.8125em;
		display:none;
	}
}
.oldie #site-header li ul,
#js.oldie #site-header li ul {
	width:124px;
	left:50%;
	margin-left:-62px;
	position:absolute;
	border:1px solid #f1f1f1;
	border-top:none;
	background-color:#fff;
	padding:0.4375em 0 0.875em;
	top:0.8125em;
	display:none;
}
@media only screen and (min-width: 47.75em) {
	#site-header ul ul li {
		display:block;
		height:1.625em; /* 26px */
		border-bottom:none;
		float: none;
		padding:0;
	}
}
.oldie #site-header ul ul li {
	display:block;
	height:1.625em; /* 26px */
	border-bottom:none;
	float: none;
	padding:0;
} 
#site-header ul a {
	font-size:0.875em /* 14px */;
	border-bottom:1px solid #f1f1f1;
	height:2.875em; /* 40px */
	line-height:3em;
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-family: 'AvenirNextLTW01-Regular',sans-serif;
	text-decoration:none;
	color:#777;
	letter-spacing:0.0625rem;
}
#site-header li ul {
	border-bottom:1px solid #f1f1f1;
	padding-top:0.125em;
	padding-bottom:0.3125em;
}
@media only screen and (min-width: 47.75em) {
	#site-header li ul {
		border-bottom:none;
		padding-top:0em;
		padding-bottom:0em;
	}
}
.oldie #site-header li ul {
	border-bottom:none;
	padding-top:0em;
	padding-bottom:0em;
}
#site-header li ul a {
	border-bottom:none;
	height:2.25em;
	line-height:2.5em;
}

@media only screen and (min-width: 47.75em) {
	#site-header ul a,
	#site-header li ul a {
		height:100%;
		line-height:0.9375em;
		display:inline-block;
		height:1em; /* 40px */
		line-height:1em;
		border-bottom:none;
	}
}
.oldie #site-header ul a,
.oldie #site-header li ul a {
	height:100%;
	line-height:0.9375em;
	display:inline-block;
	height:1em; /* 40px */
	line-height:1em;
	border-bottom:none;
}
@media only screen and (min-width: 47.75em) {
	#site-header ul ul a {
		line-height:1.875em;
		display:block;
		text-align:center;
	}
}
.oldie #site-header ul ul a {
	line-height:1.875em;
	display:block;
	text-align:center;
}
#js #menu-button {
	width:1.4375em;
	height:1.4375em;
	margin-top:-0.6875em;
	position:absolute;
	right:0;
	top:50%;
	display:block;
}
@media only screen and (min-width: 47.75em) {
	#js #menu-button {
		display:none;
	}
}
#js.oldie #menu-button {
	display:none;
}
#js #menu-button div {
	width:100%;
	height:0.3125em;
	border-radius:0.125em;
	background-color:#1a1a1a;
	margin-bottom:0.25em;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	/* ...and now for the proper property */
  	transition:.5s;
}
#js.no-touch #menu-button:hover div,
#js #menu-button.open div {
	background-color:#B20000;
}
#js #menu-button div.last-item {
	margin-bottom:0;
}
.drop-state {
	background-image:url('img/menu-down.png');
	width:0.5625rem;
	height:0.3125rem;
	background-position:0 0;
	display:inline-block;
	position:relative;
	margin-left:0.25rem;
	padding:0;
	top:-0.125rem;
}
.oldie .drop-state {
	width:9px;
	height:5px;
	margin-left:4px;
	top:-2px;
}
.backgroundsize .drop-state {
	background-image:url('img/menu-down-retina.png');
	-moz-background-size:100% 400%;
	-ms-background-size:100% 400%;
	-o-background-size:100% 400%;
	-webkit-background-size:100% 400%;
	background-size:100% 400%;
}
.no-touch li:hover .drop-state,
#js .open .drop-state,
#js #site-header a.current-page .drop-state {
	background-position:0 -100%;	
}
#js #site-header nav a.current-page,
.no-touch .open > a {
	color:#B20000 !important;
}
.no-touch #site-header ul ul a:hover,
#js #site-header nav ul ul a.current-page {
	color:#1a1a1a !important;
}

/* ==========================================================================
   CAROUSEL
   ========================================================================== */

#carousel {
	position:relative;
	display:block;
	min-height:15em;	
}
@media only screen and (min-width: 47.75em) {
	#carousel {
		margin-bottom:0;
		min-height:25em;
	}
}
.oldie #carousel {
	margin-bottom:0;
	min-height:25em;
}
#js #carousel-slide-wrapper,
#js #carousel-cover {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	background-color:#f2f2f2;
	overflow:hidden;
	background-image:url('img/img-loader.gif');
	background-position:center;
	background-repeat:no-repeat;
}
#js #carousel-cover {
	background-image:none;
	height:100%;
	z-index:15;
	display:block;
}
#js #carousel-bottom {
	background-color:#fff;
	width:100%;
	height:4.375em;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	text-align:center;
	z-index:5;
}
@media only screen and (min-width: 47.75em) {
	#js #carousel-bottom { 
		height:3.75em
	}
}
.oldie #js #carousel-bottom { 
	height:3.75em
}
#js #carousel-buttons {
	width:7.5em;
	height:1.5em;
	margin-left:-3.75em;
	bottom:1.4375em;
	background-color:transparent;
	position:absolute;
	text-align:center;
	display:none;
	z-index:6;
}
@media only screen and (min-width: 47.75em) {
	#js #carousel-buttons {
		bottom:9em;
		text-align:left;
		padding-left:1.5em;
		margin-left:0;
	}
}
#js.oldie #carousel-buttons {
	bottom:9em;
	text-align:left;
	padding-left:1.5em;
	margin-left:0;
}
#js #carousel-buttons a {
	width:1.5em;
	height:1.5em;
	display:inline-block;
	margin:0;
	padding:0;
	position:relative;
	font-size:1em;
}
#js #carousel-buttons a div {
	height:0.625em;
	width:0.625em;
	top:50%;
	left:50%;
	position:absolute;
	margin-left:-0.375em;
	margin-top:-0.375em;
	border:1px solid #000;
	background-color:transparent;
	border-radius:0.375em;
}
#js.oldie #carousel-buttons a div {
	border:none;
	background-image:url(img/car-but.png);
	width:0.6875em;
	height:0.6875em;
}
#js #carousel-buttons a.current-slide div,
#js.no-touch #carousel-buttons a:hover div {
	background-color:#000;
	
}
#js.oldie #carousel-buttons a.current-slide div,
#js.no-touch.oldie #carousel-buttons a:hover div {
	border:none;
	background-image:url(img/car-but-current.png);
	background-color:transparent;
}
#js .home-slide,
#js .home-slide a,
#js .home-slide figure {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#f2f2f2;
}
#js .home-slide img {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:block !important
}
.carousel-panel {
	display:none;
}

#js .carousel-panel {
	position:absolute;
	width:14em;
	height:14em;
	left:0;
	bottom:3.75em;
	background-color:#fff;
	background-color:rgba(255,255,255,0.95);
	text-align:left;
	display:none;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:1.5625em 1.875em;
}
@media only screen and (min-width: 47.75em) {
	#js .carousel-panel {
		display:block;
	}
}
#js .text-panel-done .carousel-panel {
	display:none;
}
@media only screen and (min-width: 47.75em) {
	#js .text-panel-done .carousel-panel {
		display:block;
	}
}
#js.oldie .text-panel-done .carousel-panel {
	display:block;
}
#js .carousel-panel h2 {
	font-family: 'AvenirNextLTW01-Regular',sans-serif;
	font-size:1.3em;
	position:relative;
	line-height:1em;
	display:inline-block;
	color:#1a1a1a;
	text-transform:uppercase;
	margin:0 auto;
}
#js .carousel-panel p {
	font-family: 'AvenirNextLTW01-Regular',sans-serif;
	font-size:0.875em;
	position:relative;
	line-height:1em;
	display:block;
	color:#777;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-top:0.5625em;
}
#js #carousel-scroll {
	display:none;
}
@media only screen and (min-width: 47.75em) {
	#js #carousel-scroll {
		height:3.625em;
		width:4em;
		margin-top:-3.625em;
		position:relative;
		float:right;
		display:inline-block;
		position:relative;
		background-image:url(img/carousel-btn-oldie.png);
		background-position:top;
		z-index:5;
	}
}
#js.oldie #carousel-scroll {
	display:block;
	height:58px;
	width:64px;
	float:right;
	display:inline-block;
	margin-top:-58px;
	position:relative;
	background-image:url(img/carousel-btn-oldie.png);
	background-position:top;
	z-index:5;
	padding:0;
}
@media only screen and (min-width: 47.75em) {
	#js #carousel-scroll div {
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background-image:url(img/carousel-btn-oldie.png);
		background-position:bottom;
		opacity:0;
		-o-transition:.5s;
  		-ms-transition:.5s;
  		-moz-transition:.5s;
  		-webkit-transition:.5s;
  		/* ...and now for the proper property */
  		transition:.5s;
  		display:block;
	}
}
#js.oldie #carousel-scroll div {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-image:url(img/carousel-btn-oldie.png);
	background-position:bottom;
  	display:block;
  	opacity:0;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#js.no-touch #carousel-scroll:hover div {
	opacity:1;
}
#js.oldie.no-touch #carousel-scroll:hover div {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#js.backgroundsize #carousel-scroll div,
#js.backgroundsize #carousel-scroll {
	-ms-background-size:100% 200%;
	-moz-background-size:100% 200%;
	-o-background-size:100% 200%;
	-webkit-background-size:100% 200%;
	background-size:100% 200%;
	background-image:url(img/carousel-btn.png);
} 

/* ==========================================================================
   STANDARD CLASSES
   ========================================================================== */

.section-header {
	padding-top:1.625em; /* 28px */
	padding-bottom:1.5em; /* 24px */
	display:block;
}

@media only screen and (min-width: 47.75em) {
	.section-header {
		padding-top:3.5em; /* 56px */
		padding-bottom:3.25em; /* 24px */
	}
}
.oldie .section-header {
	padding-top:3.5em; /* 56px */
	padding-bottom:3.25em; /* 24px */
}
.page-section {
	padding-bottom:0.25em;
	max-width: 80em;
	position: relative;
	display: block;
	margin:0 auto;
}
@media only screen and (min-width: 47.75em) {
	.page-section {
		padding-bottom:2.1875em;
	}
}
.oldie .page-section {
	padding-bottom:2.1875em;
}
#section-clients {
	max-width:87.5em;
	padding-bottom:2.5em;
}
@media only screen and (min-width: 47.75em) {
	#section-clients {
		padding-bottom:2.1875em;
	}
}
.oldie #section-clients {
	padding-bottom:2.1875em
}
.text-left-column, 
.text-right-column {
	display:block;
	position:relative;
}

@media only screen and (min-width: 47.75em) {
	.text-left-column {
		width:50%;
		float:left;
		padding-right:1em;
	}
}
.oldie .text-left-column {
	width:50%;
	float:left;
	padding-right:1em;
}
@media only screen and (min-width: 47.75em) {
	.text-right-column {
		width:50%;
		float:right;
		padding-left:1em;
	}
}
.oldie .text-right-column {
	width:50%;
	float:right;
	padding-left:1em;
}
.introduction {
	max-width:61.75em;
	margin:0 auto;
}
/* ==========================================================================
   HELPERS CLASSES
   ========================================================================== */
figure {
	display:block;
	line-height:0;
	padding:0;
	margin:0;
}
img {
	max-width:100%;
	display:block;
}
.clear {
	width:100% !important;
	display:block !important;
	height:1px !important;
	clear:both !important;
	position:relative !important;
	margin:0 !important;
	padding:0 !important;
	float: none !important;
}

.border-box {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#screen-size {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.auto-size {
	min-height:1px;
}

/* ==========================================================================
   NAV ICONS 
   ========================================================================== */
.icons {
	display:block;
	position:relative;
	margin:0 auto;
	clear:both;
	text-align:center;
	padding:0;
}
@media only screen and (min-width: 47.75em) {
	.icons {
		padding:1.6875em 0 3.25em;
	}
}
.oldie .icons {
	padding:1.6875em 0 3.25em;
}

.nav-icon {
	display:inline-block;
	width:auto;
	margin:0 0.7em;
	font-size:1em;
	padding:0 0;
	position:relative;
	background-color:#fff;
}
.menu .nav-icon {
	padding:0 0em;
}
@media only screen and (min-width: 47.75em) {
	.icons .nav-icon:first-child {
		margin-left:0 !important;
	}
	.icons .nav-icon:last-child {
		margin-right:0 !important;
	}
}
.oldie .icons .nav-icon:first-child {
	margin-left:0 !important;
}
.oldie .icons .nav-icon:last-child {
	margin-right:0 !important;
}
@media only screen and (min-width: 47.75em) {
	.nav-icon {
		margin:0 1.05em;
	}
}
@media only screen and (min-width: 60em) {
	.nav-icon {
		margin:0 1.5em;
	}
}
.oldie .nav-icon {
	margin:0 1em;
}
@media only screen and (min-width: 75em) {
	.nav-icon {
		margin:0 1.5em;
	}
}
.nav-icon div {
	width:4.25em;
	height:4.25em;
	display:block;
	padding:0;
	margin:0;
	background-color:#fff;
}
@media only screen and (min-width: 47.75em) {
	.nav-icon div {
		width:6.5em;
		height:6.5em;
	}
}
.oldie .nav-icon div {
	width:6.5em;
	height:6.5em;
}
@media only screen and (min-width: 75em) {
	.backgroundsize .nav-icon div {
		width:8.25em;
		height:8.25em;
	}
}
.nav-icon div.overlay {
	position:absolute;
	top:0;
	left:0;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
  	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.no-touch .nav-icon:hover div.overlay {
	opacity:100;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.nav-icon p {
	display:block;
	padding-bottom:0;
	font-size:0.6875em;
	text-align:center;
	font-family: 'Avenir Next LT W01 Demi',sans-serif;
	padding:0;
	line-height:1em;
	padding-top:0.875em;
	-o-transition: color .5s;
  	-ms-transition: color .5s;
  	-moz-transition: color .5s;
  	-webkit-transition: color .5s;
  	/* ...and now for the proper property */
  	transition: color .5s;
	text-transform:uppercase;
	width:10em;
	left:50%;
	margin-left:-5em;
	position:relative;
	color:#1a1a1a;
}
.no-touch .nav-icon:hover p {
	color:#B20000 !important;
}
@media only screen and (min-width: 47.5em) {
	.nav-icon p {
		font-size:0.875em;
		padding-top:1.1825em;
	}
}
.oldie .nav-icon p {
	font-size:0.875em;
	padding-top:1.1825em;
}

.services-wrapper .nav-icon div {
	background-image:url('img/services.png');
}
.backgroundsize .services-wrapper .nav-icon div {
	background-image:url('img/services-retina.png');
	-moz-background-size:400% 200%;
	-ms-background-size:400% 200%;
	-o-background-size:400% 200%;
	-webkit-background-size:400% 200%;
	background-size:400% 200%;
}

.about-wrapper .nav-icon div {
	background-image:url('img/about.png');
}
.backgroundsize .about-wrapper .nav-icon div {
	background-image:url('img/about-retina.png');
	-moz-background-size:600% 200%;
	-ms-background-size:600% 200%;
	-o-background-size:600% 200%;
	-webkit-background-size:600% 200%;
	background-size:600% 200%;
}

.services-wrapper .branding div,
.about-wrapper .profile div {
	background-position:0 0;
}
.services-wrapper .branding div.overlay,
.about-wrapper .profile div.overlay {
	background-position:0 -100%;
}
.services-wrapper .digital div,
.about-wrapper .founders div {
	background-position:-100% 0;
}
.services-wrapper .digital div.overlay,
.about-wrapper .founders div.overlay {
	background-position:-100% -100%;
}
.services-wrapper .print div,
.about-wrapper .clients div {
	background-position:-200% 0;
}
.services-wrapper .print div.overlay,
.about-wrapper .clients div.overlay {
	background-position:-200% -100%;
}
.services-wrapper .localisation div,
.about-wrapper .press div {
	background-position:-300% 0;
}
.services-wrapper .localisation div.overlay,
.about-wrapper .press div.overlay {
	background-position:-300% -100%;
}
.about-wrapper .contact div {
	background-position:-400% 0;
}
.about-wrapper .contact div.overlay {
	background-position:-400% -100%;
}
.about-wrapper .sustentable div {
	background-position:-500% 0;
}
.about-wrapper .sustentable div.overlay {
	background-position:-500% -100%;
}
/* ==========================================================================
   FOUNDERS 
   ========================================================================== */
#section-founders h3 {
	font-size:1.125em;
	line-height:1em;
	padding-bottom:0.0625em;
	letter-spacing:0.0625rem;
}
@media only screen and (min-width: 47.5em) {
	#section-founders h3 {
		font-size:1.375em;
	}
}
.oldie #section-founders h3 {
	font-size:1.375em;
}
#section-founders h4 {
	font-size:0.75em;
	font-family: 'AvenirNextLTW01-Regular',sans-serif;
	text-transform:uppercase;
	color:#777;
	padding-bottom:1.25em;
	letter-spacing:0.0625rem;
}
#section-founders figure {
	margin-bottom: 1.9375em;
}
/* ==========================================================================
   CLIENTS
   ========================================================================== */
#client-panel {
	position:relative;
	display:block;
	margin:0 auto;
	max-width:200em;
	overflow:hidden;
	margin-bottom:1.875em;
}
@media only screen and (min-width: 47.5em) {
	#client-panel {
		margin-bottom:1.5em;
	}
}
.oldie #client-panel {
	margin-bottom:1.5em;
}
#client-panel img {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:block;
}

/* ==========================================================================
   PRESS LIST 
   ========================================================================== */

#section-press ul {
	font-size:1em;
}
#section-press ul li {
	border-top:1px solid #f3f3f3;
	font-size:0.9375em;
	padding:0.25em 0;
}
#section-press ul li:before {
	content:'';
}
#section-press .press-year {
	font-family:'AvenirNextLTW01-Medium',sans-serif;
	color:#1a1a1a;
	letter-spacing: 0.0625rem;
}
@media only screen and (min-width: 47.5em) {
	#section-press .press-year {
		width:3.75em;
		display:inline-block;
	}
}
.oldie #section-press .press-year {
	width:3.75em;
	display:inline-block;
}
#section-press .text-left-column,
#section-press .text-right-column {
	padding:0;
	display:block;
	width:100%;
}

@media only screen and (min-width: 80em) {
	#section-press .text-left-column {
		padding-right:1em;
		display:inline-block;
		width:50%;
		float:left;
	}
}
@media only screen and (min-width: 80em) {
	#section-press .text-right-column {
		padding-left:1em;
		display:inline-block;
		width:50%;
		float:right;
	}
}

/* ==========================================================================
   CONTACT
   ========================================================================== */

#section-contact h4 {
	font-size:0.9375em;
	padding-bottom:0;
	font-family: 'Avenir Next LT W01 Demi',sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.0625rem;
}
@media only screen and (min-width:30em) {
	#section-contact .contact-details .left {
		width:50%;
		float:left;
		padding-right:1em;
	}
	#section-contact .contact-details .right {
		width:50%;
		float:right;
		padding-left:1em;
	}
}
@media only screen and (min-width:47.5em) {
	#section-contact .contact-details .left {
		width:100%;
		float:none;
		padding-right:0;
	}
	#section-contact .contact-details .right {
		width:100%;
		float:none;
		padding-left:0;
	}
}
.oldie #section-contact .contact-details .left {
	width:100%;
	float:none;
	padding-right:0;
}
.oldie #section-contact .contact-details .right {
	width:100%;
	float:none;
	padding-left:0;
}
@media only screen and (min-width:80em) {
	#section-contact .contact-details .left {
		width:50%;
		float:left;
		padding-right:1em;
	}
	#section-contact .contact-details .right {
		width:50%;
		float:right;
		padding-left:1em;
	}
}
@media only screen and (min-width:60em) {
	#section-contact .english-text {
		width:100%;
		float:left;
		padding-right:1em;
	}
	#section-contact .japanese-text {
		width:50%;
		float:right;
		padding-left:1em;
	}
}
.oldie #section-contact .english-text {
	width:50%;
	float:left;
	padding-right:1em;
}
.oldie #section-contact .japanese-text {
	width:50%;
	float:right;
	padding-left:1em;
}
@media only screen and (min-width:47.5em) {
	#section-contact .contact-text {
		width:66.6667%;
		float:left;
		padding-right:1.75em;
		border-right:1px solid #f1f1f1;
	}
}
.oldie #section-contact .contact-text {
	width:66.6667%;
	float:left;
	padding-right:1.75em;
	border-right:1px solid #f1f1f1;
}
@media only screen and (min-width:47.5em) {
	#section-contact .contact-details {
		width:33.3333%;
		float:left;
		padding-left:1.75em;
		border-left:1px solid #f1f1f1;
		margin-left:-1px;
	}
}
.oldie #section-contact .contact-details {
	width:33.3333%;
	float:left;
	padding-left:1.75em;
	border-left:1px solid #f1f1f1;
	margin-left:-1px;
}
#section-contact div p:last-child {
	padding-bottom:0;
}
#section-contact .contact-details > .left {
	margin-bottom:1.4375em;
}
@media only screen and (min-width:80em) {
	#section-contact .contact-details > .left {
		margin-bottom:0;
	}
}
#section-contact .english-text p:last-child {
	padding-bottom:1.4375em;
}
@media only screen and (min-width:60em) {
	#section-contact .english-text p:last-child {
		padding-bottom:0;
	}
}
#section-contact .contact-details,
#section-contact .contact-text {
	margin-bottom:1.4375em;
}
/* ==========================================================================
   WORK SINGLE
   ========================================================================== */
.project-wrapper {
	padding-bottom:0.625em;
}
@media only screen and (min-width:47.75em) {
	.project-wrapper {
		padding-bottom:1.875em;
	}
}
.oldie .project-wrapper {
	padding-bottom:1.875em;
}
@media only screen and (min-width:47.75em) {
	.project-wrapper .introduction {
		padding-bottom:1.6875em;
	}
}
.oldie .project-wrapper .introduction {
	padding-bottom:1.6875em;
}
.project-image-wrapper {
	display:block;
	margin:0 auto;
	position:relative;
}
.project-image-wrapper.wide {
	max-width:87.5em;
}
.project-image-wrapper.standard {
	max-width:61.875em;
}
.project-image-wrapper > figure,
#project-slideshow {
	margin-bottom:1.25em;
	position:relative;
	background-color:#fff;
}
@media only screen and (min-width:47.75em) {
	.project-image-wrapper > figure,
	#project-slideshow {
		margin-bottom:1.875em;
	}
}
.oldie .project-image-wrapper > figure,
.oldie #project-slideshow {
	margin-bottom:1.875em;
}
#js .project-image-wrapper img,
.project-image-wrapper .project-link {
	height:100%;
	width:100%;
	position:relative;
	top:0;
	left:0;
	display:block;
}
.project-image-wrapper .project-link {
	position:absolute;
	z-index: 2;
}
#js #project-slideshow figure,
#js #project-slideshow #next-click {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	display:block;
}
#js #project-slideshow #next-click {
	width:100%;
	height:100%;
	z-index:5;
	display:block;
}
#project-slideshow-controls {
	display:none;
}
#js #project-slideshow-controls {
	width:100%;
	display:block;
	position:relative;
	height:0.75em;
	padding-bottom: 1.875em;
}
#js #project-slideshow-controls a {
	width:100%;
	display:block;
	position:relative;
	color:#777;
	display:inline-block;
	position:absolute;
	top:0;
	height:1em;
	line-height:1em;
	text-transform:uppercase;
	font-size:0.875em;
	width:auto;
	font-family: 'AvenirNextLTW01-Regular',sans-serif;
}
#js #project-slideshow-prev {
	padding-right:0.875rem;
	right:50%;
}
#js #project-slideshow-next {
	padding-left:0.875rem;
	left:50%;
}
#js.oldie #project-slideshow-prev {
	padding-right:14px;
}
#js.oldie #project-slideshow-next {
	padding-left:14px;
}
/* ==========================================================================
   FOOTER
   ========================================================================== */

#site-footer {
	background-color:#f1f1f3;
	padding-top:1.5em; /* 24px */
	padding-bottom:0.25em; /* 4px */
}
@media only screen and (min-width:47.75em) {
	#site-footer {
		background-color:#f1f1f3;
		padding-top:7.125em; /* 114px */
		padding-bottom:2.125em; /* 34px */
	}
}
.oldie #site-footer {
	background-color:#f1f1f3;
	padding-top:7.125em; /* 114px */
	padding-bottom:2.125em; /* 34px */
}
#site-footer .content-wrapper {
	max-width:80em;
}
#site-footer div {
	display:block;
	clear:both;
	position:relative;
}
#site-footer .footer-text {
	z-index:2;
}
#site-footer #footer-logo {
	height:3.125em;
	width:12.5em;
	position:relative;
	float:right;
	clear:both;
	
	margin-top:8.4375em;
	margin-bottom:0.75em;
	z-index:0;
}
@media only screen and (min-width:47.75em) {
	#site-footer #footer-logo {
		margin-top: 0.9375em;
	}
}
.oldie #site-footer #footer-logo {
	margin-top: 0.9375em;
}
#site-footer #footer-logo img,
#site-footer #footer-logo a {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#site-footer p {
	font-family: 'Avenir Next W01 Light',sans-serif;
	font-size: 1.25em;
	color: #989898;
	padding: 0;
	line-height: 1.4375em;
}
/* ==========================================================================
   STANDARD TYPOGRAPHY
   ========================================================================== */

body {
	font-family: "Georgia", serif;
	text-rendering:optimizeLegibility;
	line-height:1.4375em; 
}
.hasFontSmoothing-true body {
	font-family:"GeorgiaProW02-Light", "Georgia", serif;
}



h1, h2, h3, h4, h5, h6, p, a, ul, li, blockquote, cite{
	margin:0;
	padding:0;
	font-weight:normal;
	color:#1a1a1a;
}
.japanese-text p,
.japanese-text ul,
.japanese-text li,
.japanese-text a,
.japanese-text h1,
.japanese-text h2,
.japanese-text h3,
.japanese-text h4,
.japanese-text h5,
.japanese-text h6 {
	transform:translate3d(0,0,0);
	font-family:serif;
	letter-spacing:-1px;
}
.hasFontSmoothing-true .japanese-text p,
.hasFontSmoothing-true .japanese-text ul,
.hasFontSmoothing-true .japanese-text li,
.hasFontSmoothing-true .japanese-text a,
.hasFontSmoothing-true .japanese-text h1,
.hasFontSmoothing-true .japanese-text h2,
.hasFontSmoothing-true .japanese-text h3,
.hasFontSmoothing-true .japanese-text h4,
.hasFontSmoothing-true .japanese-text h5,
.hasFontSmoothing-true .japanese-text h6 {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.japanese-text p span,
.japanese-text ul span,
.japanese-text li span,
.japanese-text a span,
.japanese-text h1 span,
.japanese-text h2 span,
.japanese-text h3 span,
.japanese-text h4 span,
.japanese-text h5 span,
.japanese-text h6 span {
	font-family:"Georgia", serif;
}
.hasFontSmoothing-true .japanese-text p span,
.hasFontSmoothing-true .japanese-text ul span,
.hasFontSmoothing-true .japanese-text li span,
.hasFontSmoothing-true .japanese-text a span,
.hasFontSmoothing-true .japanese-text h1 span,
.hasFontSmoothing-true .japanese-text h2 span,
.hasFontSmoothing-true .japanese-text h3 span,
.hasFontSmoothing-true .japanese-text h4 span,
.hasFontSmoothing-true .japanese-text h5 span,
.hasFontSmoothing-true .japanese-text h6 span {
	font-family:"GeorgiaProW02-Light", "Georgia", serif;
}
 p, a, ul, li, blockquote, cite {
	color:#777;
}
h1, h2, .subheader {
	letter-spacing:0.0625rem;
}
a {
	text-decoration:none;
	color:inherit;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0); 
	-o-transition: color .5s;
  	-ms-transition: color .5s;
  	-moz-transition: color .5s;
  	-webkit-transition: color .5s;
  	/* ...and now for the proper property */
  	transition: color .5s;

}
a:active {
  outline: none;
}
.no-touch a:hover {
	color:#B20000 !important;
}
.open > a {
	color:#B20000 !important;
}
.oldie .open > a {
	color:#B20000 !important;
}
.section-header h1,
.section-header h2,
.section-header .faux-h1,
.section-header .subheader {
	font-family: 'AvenirNextLTW01-Regular',sans-serif;
}

.section-header h1,
.section-header h2,
.section-header .faux-h1,
.section-header .subheader {
	text-transform:uppercase;
}
.section-header h1,
.section-header h2,
.section-header .faux-h1 {
	font-size:1.75em; /* 22px */
	line-height:1em;
	display:block;
	text-align:center;
	letter-spacing:0.125rem;
}

.section-header h1 {
	font-size: 2em;
	font-weight: bold;
}

@media only screen and (min-width: 47.75em) {
	.section-header h1,
	.section-header h2,
	.section-header .faux-h1 {
		font-size:1.75em; /* 28px */
	}
	.section-header h1 {
		font-size: 2em;
		font-weight: bold;
	}
}

#work-wrapper .faux-h1 {
	display:none;
}
.section-header .subheader {
	font-size:0.875em;
	color:#777;
	display:none;
	text-align:center;
	padding-top:0.625em;
	line-height:1em;
	letter-spacing:0.125rem;
}
.section-header h2.subheader {
	display:block;
}
.introduction p {
	font-size:1em;
	line-height:1.625em;
	padding-bottom:1.625em;
}
@media only screen and (min-width: 47.75em) {
	.introduction p {
		font-size:1.125em;
		line-height:1.5625em;
		padding-bottom:1.5625em;
	}
}
.oldie .introduction p {
	font-size:1.125em;
	line-height:1.5625em;
	padding-bottom:1.5625em;
}
.what-we-do {
	font-family: 'AvenirNextLTW01-Regular',sans-serif;
	font-size:1em;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:1em;
	font-weight:bold;
	letter-spacing: 0.0625rem;
}
.what-we-do.english-text h3 {
	font-family: 'Avenir Next LT W01 Demi',sans-serif;
	font-weight:normal;
	
}
.introduction {
	text-align:center;
}
#work-introduction {
	display:none;
}
.page-work #work-introduction, .page-home #work-introduction {
	display:block;
}
@media only screen and (min-width: 47.75em) {
	#work-introduction {
		padding-bottom:1.5em;
	}
}
.oldie #work-introduction {
	padding-bottom:1.5em;
}
@media only screen and (min-width: 47.75em) {
	.introduction .text-left-column {
		text-align:right;
	}
}
.oldie .introduction .text-left-column {
	text-align:right;
}
@media only screen and (min-width: 47.75em) {
	.introduction .text-right-column {
		text-align:left;
	}
}
.oldie .introduction .text-right-column {
	text-align:left;
}
p, 
ul {
	font-size:0.9375em;
	padding-bottom:1.4375em;
}
p a {
	border-bottom:solid 1px #aaa;
	padding-bottom:0.125em;
}
p a:hover {
	border-bottom:solid 1px #B20000;
}
.contact-details p a,
.contact-details p a:hover,
#site-footer p a,
#site-footer p a:hover {
	border-bottom:none;
}
.text-left-column li,
.text-right-column li {
	list-style:none;
	padding:0;
	display:block;
}
@media only screen and (min-width: 34em) {
	.even-baseline li {
		display:inline-block;
		float:left;
		width:100%;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		padding-right:1.5em;
	}
}
@media only screen and (min-width: 47.75em) {
	.even-baseline li {
		display:block;
		float:none;
		width:100%;
	}
}
.oldie .even-baseline li {
	display:block;
	float:none;
	width:100%;
}
@media only screen and (min-width: 72.25em) {
	.even-baseline li {
		display:inline-block;
		float:none;
		width:100%;
	}
}
.text-left-column li:before,
.text-right-column li:before {
	content:'- ';
}

p a, 
p ul,
p strong,
p em,
ul li,
ul a {
	font-size:1em;
}
h2 .bull {
	font-size: 0.5em;
	display: inline-block;
	position: relative;
	top: -0.25em;
	padding:0 0.125em;
}
a:focus{
    outline:0; /*removes the dotted border*/
	border:none;
}

/* ==========================================================================
   MINE
   ========================================================================== */

.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}

.row{margin-left:0px;margin-right:0px}

.left {text-align: left;}
.right {text-align: right;}

@media only screen and (max-width: 47.75em) {
	.left {text-align: left;}
	.right {text-align: left;}
}