/*
THEME NAME: Fortnum & Fox
THEME URI: http://fortnumfox.com
DESCRIPTION: FF custom theme
VERSION: 1.0
AUTHOR: VERDE
AUTHOR URI: http://verde.io
TAGS: minimal, responsive, grid, ajax
*/

/* CSS RESET */

@import url("https://hello.myfonts.net/count/327e7f");
@import url("https://hello.myfonts.net/count/327e80");

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;width:auto}
q:before,q:after{content:"";}
abbr,acronym {font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a,a:hover,a:visited:hover,a:active,a:active:hover{outline:none}
a,a:hover,a:visited:hover,a:visited{text-decoration: none;}
::selection { background: #ccc; }
::-moz-selection { background: #ccc; }
::-webkit-selection { background: #ccc; }
.text-box ::selection { background: #ccc; color: #fff; }
.text-box ::-moz-selection { background: #ccc; color: #fff; }
.text-box ::-webkit-selection { background: #ccc; color: #fff; }
.search-form ::selection { background: #ccc; color: #fff; }
.search-form  ::-moz-selection { background: #ccc; color: #fff; }
.search-form  ::-webkit-selection { background: #ccc; color: #fff; }

@font-face {font-family: 'Erato'; src: url('fonts/327E7F_1_0.eot');src: url('fonts/327E7F_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/327E7F_1_0.woff') format('woff'); font-weight: normal; font-style: italic;}

@font-face {font-family: 'Erato'; src: url('fonts/327E7F_5_0.eot');src: url('fonts/327E7F_5_0.eot?#iefix') format('embedded-opentype'),url('fonts/327E7F_5_0.woff') format('woff'),; font-weight: normal; font-style: normal;}

@font-face {font-family: 'Humanist521BT';src: url('fonts/327E80_1_0.eot');src: url('fonts/327E80_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/327E80_1_0.woff') format('woff'); font-weight: normal; font-style: normal;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body
{
	min-height: 100%;
}

body
{	
	font: 16px/1.5 "Erato", serif;
	text-align: left;
	background: #2f2f2f;
	color: #3d3d3d;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	html.no-mousehover body
	{
		-webkit-text-size-adjust:none;
	}

.bar,
.sans
{
	font-family: "Humanist521BT", sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
}

.sans
{
	font-size: 16px;
	margin-right: 3px;
}

.credit
{
	font-style: italic;
}

.bar
{
	letter-spacing: 2px;
	backface-visibility: hidden;
}

	.bar a
	{
		display: inline-block;
		padding: 21px 20px 19px;
	}
	
	/*.back-bar a
	{
		padding: 50px 20px;
	}*/
	
	.nav-bar a
	{
		padding: 20px 10px;
	}

h1,
h2,
h3
{
	font-weight: normal;
}

.headline
{
	font-size: 28px;
	line-height: 31px;
}

	.intro .headline
	{
		max-width: 550px;
	}
	
	.studio .headline
	{
		max-width: 480px;
	}

	.studio-text .headline
	{
		margin-bottom: 100px;
	}

p:not(:last-child)
{
	margin-bottom: 30px;
}
	
p:empty
{
	display: none;
}

a,
a:visited
{
	color: #2f2f2f;
	cursor: pointer;
}

	.white-button,
	.white-button:visited
	{
		color: #fff;
	}

	.studio .bottom-text a,
	.studio .bottom-text a:visited
	{
		color: #6a6a6a;
	}

.mousehover h1,
.mousehover h2,
.mousehover h3
{
	text-rendering: optimizeLegibility;
}

a
{
	transition: all .25s ease-out;
}

.img-holder
{
	overflow: hidden;
}

.half-bg
{
	/*transition: background-color .05s ease-out;*/
}

.archive-visible .half-bg
{
	transition: background-color .25s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.img-holder img
{
	transition: opacity .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
}

.slider,
.img-holder,
img,
iframe,
video
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
}

.img-holder,
.video-holder
{
	position: relative;
}

div.loading img,
a.loading img
{
	opacity: 0;
}

.absolute
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.full
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.fullscreen
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mousehover .accelerate
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
		

/* Layout */

.ajax
{
	min-height: 100%;
}

.intro
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
	color: #fff;
	z-index: 10;
	display: none;
}

	.intro-bg
	{
		background: #161616;
	}

	.play-intro .intro
	{
		display: block;
	}

.studio
{
	width: 50vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

	.wide-studio,
	.studio-open .studio
	{
		width: 75vw;
	}

	.white-bg
	{
		position: absolute;
		top: 0;
		left: -25vw;
		width: 75vw;
		height: 100%;
		background: #fff;
	}
	
		.studio-open .white-bg
		{
			left: 0;
		}
		
		.archive-open .studio
		{
			left: -50vw;
			margin-left: 60px;
		}

	.studio .studio-all
	{
		margin-right: 60px;
	}
	
	.studio-text
	{
		opacity: 0;
		visibility: hidden;
	}
	
		.studio-text .text
		{
			max-width: 520px;
		}
	
	.bar
	{
		position: absolute;
		width: 100vh;
		height: 60px;
		top: 0;
		text-align: center;
	}
	
	.studio-bar,
	.close-bar,
	.back-bar
	{
	    left: 100%;
	    margin: -60px 0 0 -60px;
	    -webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	    -webkit-transform-origin: bottom left;
	    -ms-transform-origin: bottom left;
	    transform-origin: bottom left;
	}
	
		.back-bar
		{
			/*height: 120px;
			margin: -120px 0 0 -120px;*/
		}
	
		.back-bar,
		.close-bar,
		.nav-bar,
		.studio-open .studio-bar,
		.studio-open .motto,
		.archive-open .archive-bar,
		.archive-open .studio-bar,
		.archive-open .studio-all,
		.archive-open .logo
		{
			opacity: 0;
			visibility: hidden;
		}
		
		.studio-open .close-bar,
		.archive-open .back-bar,
		.archive-open .nav-bar,
		.studio-open .studio-text,
		.studio-open .london-phone,
		.studio-open .address
		{
			opacity: 1;
			visibility: visible;
		}
	
	.archive-bar,
	.nav-bar
	{
		right: 100%;
	    margin: -60px -60px 0 0;
	    -webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    -webkit-transform-origin: bottom right;
	    -ms-transform-origin: bottom right;
	    transform-origin: bottom right;
	}
	
	.big-open
	{
		position: absolute;
		width: 50vw;
		height: 100%;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	
		.archive-open .big-open,
		.studio-open .big-open
		{
			opacity: 0;
			visibility: hidden;
		}
	
		/*.nav-bar
		{
			right: 100%;
			height: 120px;
			margin: -120px -120px 0 0;
			-webkit-transform-origin: bottom right;
		    -ms-transform-origin: bottom right;
		    transform-origin: bottom right;
		}*/

.bottom-text
{
	position: absolute;
	bottom: 180px;
	left: 60px;
	right: 0;
}

.phone
{
	position: absolute;
	bottom: 44px;
	width: 150px;
}

	.uk-phone
	{
		left: 60px;
	}
	
	.london-phone
	{
		left: 250px;
		opacity: 0;
		visibility: hidden;
	}
	
	.address
	{
		right: 0;
		opacity: 0;
		visibility: hidden;
	}

.slider
{
	width: 50%;
	top: 0;
	bottom: 0;
	position: absolute;
	overflow: hidden;
}

	.right-slider
	{
		right: 0;
	}
	
	.left-slider
	{
		left: 60px;
		width: calc(50% - 60px);
	}

.half-bg
{
	position: absolute;
	width: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	background: #2a2a2a;
}

.table
{
	display: table;
	width: 100%;
	height: 100%;
}

	.table-cell
	{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 100%;
		height: 100%;
	}

.layout-box
{
	position: relative;
	text-align: left;
	min-height: 1px;
}
	
	.layout-box .mask
	{
		display: block;
	}
	
	.layout-box .loaded.mask
	{
		background: transparent;
	}
	
	.img-box
	{
		margin-bottom: -1px;
	}
	
	.layout-box .mask
	{
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
		position: relative;
	}
		
	.layout-box img
	{
		width: 100%;
		height: auto;
		position: relative;
	}

.video-holder:after
{
	content: "";
}

.video-holder iframe,
.video-holder video,
.video-holder object,
.video-holder img,
.img-holder img,
.video-holder:after
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
}

/* Header + menu */

.logo
{
	width: 244px;
	height: 15px;
	position: absolute;
	top: 80px;
	left: 60px;
	z-index: 1;
	display: block;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='244' height='15' viewBox='-3 0 244 15'%3E%3Cpath fill='%23111' d='M-3 .231v14.508h2.045V8.238h5.996V6.371H-.955V2.076h6.182V.231m23.652 4.408c-.379-.9-.945-1.716-1.695-2.45-.717-.704-1.546-1.247-2.486-1.623C23.757.19 22.764 0 21.716 0c-1.027 0-2.005.188-2.936.561-.93.373-1.763.916-2.501 1.628-.724.699-1.282 1.505-1.674 2.416-.393.915-.589 1.854-.589 2.822 0 1.035.191 2.012.574 2.923.383.914.945 1.733 1.689 2.46.717.698 1.545 1.237 2.486 1.617.94.38 1.923.571 2.951.571 1.053 0 2.045-.186 2.971-.556.927-.37 1.767-.914 2.517-1.633.717-.692 1.27-1.492 1.659-2.402.39-.908.584-1.857.584-2.845 0-1.051-.19-2.026-.568-2.923zm-2.053 4.977c-.279.669-.677 1.265-1.194 1.783-.523.532-1.118.936-1.782 1.207-.666.275-1.377.409-2.136.409-.737 0-1.444-.14-2.124-.419-.679-.279-1.269-.68-1.773-1.197-.516-.519-.913-1.114-1.188-1.783-.275-.672-.413-1.376-.413-2.116 0-.746.138-1.46.414-2.136.274-.678.671-1.269 1.188-1.772.538-.526 1.142-.93 1.815-1.214.67-.285 1.364-.426 2.081-.426.746 0 1.451.14 2.119.419.668.28 1.261.688 1.777 1.219.538.546.945 1.149 1.22 1.811.275.661.414 1.359.414 2.1-.001.739-.139 1.443-.418 2.115zm19.924-.188c-.339-.51-.614-.875-.828-1.093s-.441-.392-.683-.524c.937-.29 1.623-.725 2.058-1.307.433-.58.651-1.348.651-2.301 0-1.265-.396-2.244-1.188-2.936C45.966.576 44.841.23 43.38.23h-4.238v14.51h2.078V8.256h.62c.634 0 1.18.159 1.639.478.458.319 1.06 1.05 1.804 2.2l2.48 3.806h2.5L46.75 9.428zm-3.815-2.913H41.22V1.993h1.715c1.014 0 1.747.179 2.201.533.455.356.683.928.683 1.718 0 .768-.239 1.337-.718 1.711-.478.373-1.2.56-2.166.56zm19.513 8.224V2.116h-5.312V.231h12.682v1.885h-5.313v12.623m14.212 0V.231h1.799l9.519 11.26V.231h2.057v14.508h-1.839l-9.49-11.273v11.273M102.58.231h2.058V8.56c0 .926.05 1.584.148 1.968.101.389.269.725.502 1.009.427.503.933.88 1.518 1.128.586.249 1.251.374 1.996.374 1.254 0 2.264-.323 3.028-.975.765-.649 1.147-1.51 1.147-2.573V.231h2.055v9.323c0 1.616-.574 2.93-1.726 3.936-1.15 1.006-2.652 1.511-4.505 1.511-1.097 0-2.084-.196-2.966-.587-.882-.389-1.626-.961-2.233-1.718-.373-.448-.636-.95-.789-1.503-.156-.551-.234-1.401-.234-2.551l.001-8.411zm22.949 14.508V.231h1.799l5.199 6.097 5.209-6.097h1.797v14.508h-2.004V3.414l-5.002 5.851-4.992-5.851V14.74m58.016-.001V.231h8.227v1.845h-6.182v4.293h5.996v1.869h-5.996v6.501m29.826-10.1c-.377-.9-.941-1.716-1.693-2.45-.719-.704-1.547-1.247-2.484-1.623C212.301.19 211.307 0 210.262 0c-1.029 0-2.01.188-2.936.561-.932.373-1.766.916-2.504 1.628-.723.699-1.281 1.505-1.672 2.416-.395.915-.59 1.854-.59 2.822 0 1.035.189 2.012.574 2.923.381.914.945 1.733 1.688 2.46.717.698 1.545 1.237 2.488 1.617.939.38 1.922.571 2.951.571 1.053 0 2.045-.186 2.971-.556s1.766-.914 2.516-1.633c.719-.692 1.271-1.492 1.658-2.402.393-.908.584-1.857.584-2.845 0-1.051-.189-2.026-.568-2.923zm-2.051 4.977c-.279.669-.676 1.265-1.193 1.783-.523.532-1.119.936-1.783 1.207-.664.275-1.377.409-2.133.409-.738 0-1.447-.14-2.127-.419-.676-.279-1.268-.68-1.771-1.197-.516-.519-.912-1.114-1.189-1.783-.273-.672-.41-1.377-.41-2.116 0-.746.137-1.46.41-2.136.277-.678.674-1.269 1.189-1.772.539-.526 1.141-.93 1.814-1.214.672-.285 1.365-.426 2.084-.426.742 0 1.447.14 2.119.419.666.28 1.26.688 1.773 1.219.539.546.947 1.149 1.221 1.811.273.661.412 1.359.412 2.1 0 .739-.139 1.443-.416 2.115zm9.545 5.123l6.645-7.687L225.827.23h2.551l4.477 5.31 4.547-5.31h2.562l-5.848 6.822 6.396 7.687h-2.523l-5.188-6.2-5.354 6.2m-61.886-2.869c.84-1.301 1.342-2.973 1.416-4.758l.021-.48h-1.844l-.014.445c-.045 1.375-.34 2.528-.902 3.512l-4.455-4.316c-.875-.86-1.383-1.535-1.383-2.438 0-1.151.852-1.838 2.283-1.838 1.037 0 1.943.362 2.771 1.105l.764.688V1.522l-.174-.14c-.539-.43-1.713-1.153-3.494-1.153-2.32 0-4.004 1.507-4.004 3.584 0 .855.25 1.635.762 2.364-1.182.684-2.357 2.025-2.357 3.964 0 3.046 2.611 4.639 5.188 4.639 1.641 0 3.068-.52 4.252-1.544l1.359 1.316h2.602l-2.791-2.682zm-5.403 1.145c-2.006 0-3.352-1.156-3.352-2.872 0-1.316.818-2.221 1.699-2.596l4.584 4.43c-.825.687-1.812 1.038-2.931 1.038z'/%3E%3C/svg%3E") top left no-repeat;
}

	.intro-logo
	{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='244' height='15' viewBox='-3 0 244 15'%3E%3Cpath fill='%23fff' d='M-3 .231v14.508h2.045V8.238h5.996V6.371H-.955V2.076h6.182V.231m23.652 4.408c-.379-.9-.945-1.716-1.695-2.45-.717-.704-1.546-1.247-2.486-1.623C23.757.19 22.764 0 21.716 0c-1.027 0-2.005.188-2.936.561-.93.373-1.763.916-2.501 1.628-.724.699-1.282 1.505-1.674 2.416-.393.915-.589 1.854-.589 2.822 0 1.035.191 2.012.574 2.923.383.914.945 1.733 1.689 2.46.717.698 1.545 1.237 2.486 1.617.94.38 1.923.571 2.951.571 1.053 0 2.045-.186 2.971-.556.927-.37 1.767-.914 2.517-1.633.717-.692 1.27-1.492 1.659-2.402.39-.908.584-1.857.584-2.845 0-1.051-.19-2.026-.568-2.923zm-2.053 4.977c-.279.669-.677 1.265-1.194 1.783-.523.532-1.118.936-1.782 1.207-.666.275-1.377.409-2.136.409-.737 0-1.444-.14-2.124-.419-.679-.279-1.269-.68-1.773-1.197-.516-.519-.913-1.114-1.188-1.783-.275-.672-.413-1.376-.413-2.116 0-.746.138-1.46.414-2.136.274-.678.671-1.269 1.188-1.772.538-.526 1.142-.93 1.815-1.214.67-.285 1.364-.426 2.081-.426.746 0 1.451.14 2.119.419.668.28 1.261.688 1.777 1.219.538.546.945 1.149 1.22 1.811.275.661.414 1.359.414 2.1-.001.739-.139 1.443-.418 2.115zm19.924-.188c-.339-.51-.614-.875-.828-1.093s-.441-.392-.683-.524c.937-.29 1.623-.725 2.058-1.307.433-.58.651-1.348.651-2.301 0-1.265-.396-2.244-1.188-2.936C45.966.576 44.841.23 43.38.23h-4.238v14.51h2.078V8.256h.62c.634 0 1.18.159 1.639.478.458.319 1.06 1.05 1.804 2.2l2.48 3.806h2.5L46.75 9.428zm-3.815-2.913H41.22V1.993h1.715c1.014 0 1.747.179 2.201.533.455.356.683.928.683 1.718 0 .768-.239 1.337-.718 1.711-.478.373-1.2.56-2.166.56zm19.513 8.224V2.116h-5.312V.231h12.682v1.885h-5.313v12.623m14.212 0V.231h1.799l9.519 11.26V.231h2.057v14.508h-1.839l-9.49-11.273v11.273M102.58.231h2.058V8.56c0 .926.05 1.584.148 1.968.101.389.269.725.502 1.009.427.503.933.88 1.518 1.128.586.249 1.251.374 1.996.374 1.254 0 2.264-.323 3.028-.975.765-.649 1.147-1.51 1.147-2.573V.231h2.055v9.323c0 1.616-.574 2.93-1.726 3.936-1.15 1.006-2.652 1.511-4.505 1.511-1.097 0-2.084-.196-2.966-.587-.882-.389-1.626-.961-2.233-1.718-.373-.448-.636-.95-.789-1.503-.156-.551-.234-1.401-.234-2.551l.001-8.411zm22.949 14.508V.231h1.799l5.199 6.097 5.209-6.097h1.797v14.508h-2.004V3.414l-5.002 5.851-4.992-5.851V14.74m58.016-.001V.231h8.227v1.845h-6.182v4.293h5.996v1.869h-5.996v6.501m29.826-10.1c-.377-.9-.941-1.716-1.693-2.45-.719-.704-1.547-1.247-2.484-1.623C212.301.19 211.307 0 210.262 0c-1.029 0-2.01.188-2.936.561-.932.373-1.766.916-2.504 1.628-.723.699-1.281 1.505-1.672 2.416-.395.915-.59 1.854-.59 2.822 0 1.035.189 2.012.574 2.923.381.914.945 1.733 1.688 2.46.717.698 1.545 1.237 2.488 1.617.939.38 1.922.571 2.951.571 1.053 0 2.045-.186 2.971-.556s1.766-.914 2.516-1.633c.719-.692 1.271-1.492 1.658-2.402.393-.908.584-1.857.584-2.845 0-1.051-.189-2.026-.568-2.923zm-2.051 4.977c-.279.669-.676 1.265-1.193 1.783-.523.532-1.119.936-1.783 1.207-.664.275-1.377.409-2.133.409-.738 0-1.447-.14-2.127-.419-.676-.279-1.268-.68-1.771-1.197-.516-.519-.912-1.114-1.189-1.783-.273-.672-.41-1.377-.41-2.116 0-.746.137-1.46.41-2.136.277-.678.674-1.269 1.189-1.772.539-.526 1.141-.93 1.814-1.214.672-.285 1.365-.426 2.084-.426.742 0 1.447.14 2.119.419.666.28 1.26.688 1.773 1.219.539.546.947 1.149 1.221 1.811.273.661.412 1.359.412 2.1 0 .739-.139 1.443-.416 2.115zm9.545 5.123l6.645-7.687L225.827.23h2.551l4.477 5.31 4.547-5.31h2.562l-5.848 6.822 6.396 7.687h-2.523l-5.188-6.2-5.354 6.2m-61.886-2.869c.84-1.301 1.342-2.973 1.416-4.758l.021-.48h-1.844l-.014.445c-.045 1.375-.34 2.528-.902 3.512l-4.455-4.316c-.875-.86-1.383-1.535-1.383-2.438 0-1.151.852-1.838 2.283-1.838 1.037 0 1.943.362 2.771 1.105l.764.688V1.522l-.174-.14c-.539-.43-1.713-1.153-3.494-1.153-2.32 0-4.004 1.507-4.004 3.584 0 .855.25 1.635.762 2.364-1.182.684-2.357 2.025-2.357 3.964 0 3.046 2.611 4.639 5.188 4.639 1.641 0 3.068-.52 4.252-1.544l1.359 1.316h2.602l-2.791-2.682zm-5.403 1.145c-2.006 0-3.352-1.156-3.352-2.872 0-1.316.818-2.221 1.699-2.596l4.584 4.43c-.825.687-1.812 1.038-2.931 1.038z'/%3E%3C/svg%3E");
	}

	.logo span
	{
		visibility: hidden;
	}

/* Slider */

.slider
{
	backface-visibility: hidden;
	overflow: hidden;
	opacity: .99;
}

	.no-mousehover .slider
	{
		cursor: pointer;
	}
	
		.disabled img
		{
			cursor: default;
		}
	
	.mousehover .arrow
	{
		width: 25%;
		height: 100%;
		position: absolute;
		top: 0;
		visibility: hidden;
	}
	
		.mousehover .archive-visible .arrow
		{
			width: 50%;
		}
	
		.mousehover .disabled .arrow
		{
			display: none;
		}
	
		.mousehover .prev-arrow
		{
			right: 25%;
		}
		
			.mousehover .archive-visible .prev-arrow
			{
				right: 50%;
			}
		
		.mousehover .next-arrow
		{
			right: 0;
		}
		
		.slider.prev-cursor,
		.mousehover .prev-arrow
		{
			cursor: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cpath fill='%23fff' d='M11.656 18.485L3.172 10l8.484-8.485L10.242.101.344 10l9.898 9.899'/%3E%3C/svg%3E"), pointer;
		}
		
		.slider.next-cursor,
		.mousehover .next-arrow
		{
			cursor: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cpath fill='%23fff' d='M.344 1.515L8.828 10 .344 18.485l1.414 1.414L11.656 10 1.758.101'/%3E%3C/svg%3E"), pointer;
		}
		
		.slider.prev-cursor,
		.white-text .slider.prev-cursor,
		.slider.next-cursor,
		.white-text .slider.next-cursor
		{
			cursor: default;
		}
	
	.slide
	{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	
		.slide-padder
		{
			margin: 18vh 95px;
		}
		
		.archive-open .full-archive
		{
			margin: 0;
		}
		
		.top-archive
		{
			transform: translate3d(25vw, 0, 0);
		}
		
		.init .top-archive
		{
			transform: translate3d(50vw, 0, 0);
		}
		
			.archive-open .top-archive
			{
				transform: translate3d(0, 0, 0);
			}
	
	.caption
	{
		text-align: center;
		line-height: 24px;
		display: none;
	}
	
	.fixed-caption
	{
		width: calc(50vw - 60px);
		height: 18vh;
		position: absolute;
		bottom: 0;
		left: 60px;
		color: #fff;
		line-height: 24px;
	}
	
		.fixed-caption .table-cell
		{
			padding: 20px 60px;	
		}
	
		.role
		{
			line-height: 24px;
		}
	
		.fixed-caption .row
		{
			display: inline;
			margin: 0 5px;
		}
		
		.max-width
		{
			max-width: 400px;
			display: inline-block;
		}
	
	.slide .mask
	{
		overflow: hidden;
	}

.disable-hover .thumb,
.disable-hover .video-box
{
	pointer-events: none !important;
}

.has-link
{
	cursor: pointer;
}

#wpadminbar
{
	display: none;
}

@media (orientation:landscape) {

	html.ipad.ios7 > body
	{
        width: 100%;
        height: 671px !important;
        position: relative;
    }

}

@media only screen and (max-width: 1280px)
{
	.slide-padder
	{
		margin: 18vh 60px;	
	}
}

@media only screen and (min-width: 1024px)
{
	.hide-tablet
	{
		display: none;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 768px)
{
	.logo
	{
		width: 206px;
		height: 13px;
		background-size: contain;
	}
}

@media only screen and (max-width: 1023px)
{
	.hide-portrait
	{
		display: none;
	}
	
	.bar
	{
		font-size: 16px;
		letter-spacing: 1px;
	}
	
	.headline
	{
		font-size: 26px;
		line-height: 29px;
	}
	
		.intro .headline
		{
			max-width: 510px;
		}
	
	.slide-padder
	{
		margin: 15vh 60px;	
	}
		
		.left-slider .slide-padder
		{
			margin: 15vh 20px;
		}
	
	.studio
	{
		width: 50vw;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
		.wide-studio,
		.studio-open .studio
		{
			width: calc(100vw - 120px);
		}
	
		.white-bg
		{
			left: calc(-50vw + 120px);
			width: calc(100vw - 120px);
			height: 100%;
			background: #fff;
		}
		
			.studio-open .white-bg
			{
				left: 0;
			}
			
			.archive-open .studio
			{
				left: -50vw;
				margin-left: 60px;
			}
}

@media only screen and (min-width: 768px)
{
	.hide-desktop
	{
		display: none;
	}
	
	.ajax
	{
		overflow: hidden;
	}
	
	.ajax,
	.archive,
	.studio-all
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

@media only screen and (max-width: 767px)
{
	.hide-mobile
	{
		display: none;
	}
	
	body
	{
		background: #fff;
	}
	
	.play-intro,
	.play-intro body
	{
		height: 100%;
		overflow: hidden;
	}
	
	.headline,
	.mobile-menu
	{
		font-size: 21px;
		line-height: 24px;
	}
	
		.studio-text .headline
		{
			margin: 40px 0 110px;
		}
	
	.home-logo
	{
		width: 71px;
		height: 15px;
		top: 30px;
		left: 30px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='15' viewBox='0 0 71 15'%3E%3Cg fill='%23222'%3E%3Cpath d='M.004.169v14.347h2.032v-6.43h5.95V6.239h-5.95V1.994h6.135V.169M62.83.169v14.347h2.031v-6.43h5.951V6.239h-5.951V1.994h6.135V.169M39.379 11.951c.834-1.285 1.33-2.938 1.406-4.704l.02-.475h-1.826l-.016.44c-.045 1.359-.34 2.5-.896 3.471l-4.421-4.265c-.869-.851-1.372-1.518-1.372-2.412 0-1.138.846-1.816 2.264-1.816 1.03 0 1.929.357 2.751 1.094l.758.681V1.722l-.172-.137C37.34 1.158 36.174.443 34.408.443c-2.303 0-3.976 1.491-3.976 3.545 0 .847.249 1.615.756 2.337-1.173.676-2.339 2.001-2.339 3.919 0 3.012 2.59 4.587 5.149 4.587 1.63 0 3.047-.513 4.221-1.524l1.35 1.301h2.584l-2.774-2.657zm-5.362 1.133c-1.99 0-3.326-1.142-3.326-2.84 0-1.299.812-2.194 1.688-2.566l4.55 4.381c-.824.681-1.801 1.025-2.912 1.025z'/%3E%3C/g%3E%3C/svg%3E");
		background-size: auto;
	}
	
		.intro-logo
		{
			top: 30px;
			left: 30px;
		}
	
	.studio
	{
		width: 100%;
		height: auto;
		position: static;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	
		.studio-all
		{
			padding: 30px;
		}
	
		.wide-studio,
		.studio-open .studio
		{
			width: 100%;
		}
	
		.white-bg
		{
			display: none;
		}
			
			.archive-open .studio
			{
				left: 0;
				margin-left: 0;
				height: 0;
			}
	
		.studio .studio-all
		{
			margin-right: 0;
		}
		
		.studio-text
		{
			opacity: 0;
			visibility: hidden;
		}
		
			.studio-text .text
			{
				max-width: 520px;
				margin-bottom: 36px;
			}
		
		.bar
		{
			position: relative;
			width: 100%;
			height: 75px;
			top: auto;
			text-align: center;
		}
		
			.mobile-bar
			{
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 75px;
				background: #fff;
				z-index: 4;
			}
		
			.back-bar,
			.close-bar,
			.nav-bar,
			.studio-open .studio-bar,
			.studio-open .motto,
			.archive-open .archive-bar,
			.archive-open .studio-bar,
			.archive-open .studio-all
			{
				opacity: 0;
				visibility: hidden;
				height: 0;
			}
			
			.studio-open .close-bar,
			.archive-open .back-bar,
			.archive-open .nav-bar,
			.studio-open .studio-text,
			.studio-open .london-phone,
			.studio-open .address,
			.archive-open .logo
			{
				opacity: 1;
				visibility: visible;
			}
			
			.mobile-nav-bar
			{
				padding: 8px 10px 7px;
				overflow: hidden;
			}
			
				.mobile-prev-slide
				{
					float: left;
				}
				
				.mobile-next-slide
				{
					float: right;
				}
			
		
		.big-open
		{
			position: absolute;
			width: 100%;
			height: calc(100vh - 150px);
			top: 0;
			right: auto;
			cursor: pointer;
		}
		
			.archive-open .big-open,
			.studio-open .big-open
			{
				opacity: 0;
				visibility: hidden;
			}
	
	.studio-text,
	.motto
	{
		position: static;
		bottom: auto;
		left: auto;
		right: auto;
		overflow: hidden;
	}
	
		.motto
		{
			margin-bottom: 47px;
		}
	
		.studio-text
		{
			height: 0;
		}
		
			.studio-open .studio-text
			{
				height: auto;
			}
	
	.intro-headline
	{
		left: 30px;
		bottom: 30px;
		right: 60px;
	}
	
	.phone
	{
		position: static;
		bottom: auto;
		width: 100%;
		overflow: hidden;
	}
	
		.uk-phone
		{
			left: auto;
		}
		
		.london-phone
		{
			left: auto;
			height: 0;
		}
					
		.address
		{
			right: auto;
			height: 0;
		}
		
		.studio-open .london-phone,
		.studio-open .address
		{
			margin-top: 17px;
			height: auto;
		}
	
	.slider
	{
		width: 100%;
		height: calc(100vh - 150px);
		top: auto;
		bottom: auto;
		position: relative;
		overflow: hidden;
	}
	
		.right-slider
		{
			right: 0;
			margin-top: 75px;
		}
		
		.left-slider
		{
			left: 0;
			width: 100%;
			margin-top: 180px;
			background: #2f2f2f;
		}
	
	.half-bg
	{
		position: absolute;
		width: 100%;
		height: calc(100vh - 150px);
		right: auto;
		top: 75px;
		bottom: auto;
		background: #2a2a2a;
		overflow: hidden;
	}
	
		.studio-open .half-bg
		
		{
			height: 0;
		}
	
	/* Slider */
	
	.archive
	{
		height: calc(100vh - 75px);
		overflow: hidden;
		position: relative;
	}
	
		.studio-open .archive
		{
			height: 0;
		}
	
		.archive-open .archive
		{
			height: auto;
		}
	
		.slide
		{
			width: 100%;
			height: calc(100vh - 150px);
			position: absolute;
			top: 0;
			left: 0;
			overflow: hidden;
		}
		
			.slide-padder
			{
				margin: 12vh 30px;
			}
			
			.top-archive
			{
				transform: translate3d(0, 0, 0);
			}
			
			.init .top-archive
			{
				transform: translate3d(100vw, 0, 0);
			}
			
			.archive-open .top-archive
			{
				transform: translate3d(0, 0, 0);
			}
		
		.fixed-caption
		{
			width: 100%;
			height: 180px;
			position: absolute;
			top: calc(100vh - 75px);
			left: 0;
			color: #111;
			line-height: 24px;
		}
		
			.fixed-caption .table-cell
			{
				padding: 20px 60px;	
			}
		
		.caption
		{
			text-align: center;
			line-height: 24px;
		}
		
			.role
			{
				line-height: 24px;
			}
			
			.max-width
			{
				max-width: 400px;
				display: inline-block;
			}
	
	.mobile-menu
	{
		position: fixed;
		top: calc(150px - 100vh);
		left: 0;
		width: 100%;
		height: calc(100vh - 75px);
		background: #fff;
		z-index: 3;
		padding: 45px 30px 30px 30px;
	}
	
		.mobile-menu-open
		{
			top: 75px;
		}
		
		.mobile-menu ul,
		.mobile-menu li
		{
			display: block;
			width: 100%;
		}
		
		.mobile-menu ul
		{
			border-top: 1px solid #ddd;
		}
		
		.mobile-menu li
		{
			border-bottom: 1px solid #ddd;
		}
		
		.mobile-menu a,
		.mobile-menu a:visited
		{
			color: #6a6a6a;
			padding: 25px 0;
			display: block;
		}
		
			.mobile-menu .active,
			.mobile-menu .active:visited
			{
				color: #111;
			}
	
	.hamburger
	{
		width: 75px;
		height: 75px;
		padding: 30px 25px 29px;
		display: block;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		z-index: 2;
	}

		.hamburger span
		{
			width: 25px;
			height: 2px;
			background: #111;
			display: block;
			position: absolute;
			left: 25px;
	
			-webkit-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);
	
			transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		}
	
		.hamburger .line1
		{
			top: 31px;
		}
	
		.hamburger .line2
		{
			top: 37px;
		}
	
		.hamburger .line3
		{
			top: 43px;
		}
	
		.closeburger .line1
		{
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			top: 37px;
		}
	
		.closeburger .line2
		{
			opacity: 0;
		}
	
		.closeburger .line3
		{
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 37px;
		}
}

.fit-img img
{
	width: 100%;
	height: auto;
	position: absolute;
}

.mousehover .loading,
.mousehover .loading *
{
	cursor: progress !important;
}

.no-transition,
.resizing *
{
	-webkit-transition: none 0s linear !important; 
	   -moz-transition: none 0s linear !important;
	    -ms-transition: none 0s linear !important;
	        transition: none 0s linear !important;
}

.no-animation
{
	-webkit-animation: none !important;
	   -moz-animation: none !important;
			animation: none !important;
}

.hidden
{
	display: none;
}

.zero-height
{
	height: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}

.transparent
{
	opacity: 0;
}

.no-overflow,
.clear
{
	overflow: hidden;
}

.no-max-height
{
	max-height: none;
}

strong
{
	font-weight: bold;
}

.inline-block
{
	display: inline-block;
	vertical-align: middle;
}

img.half-img
{
	width: 50%;
	height: auto;
}

.mousehover .hidden-scroller,
.no-mousehover .open .hidden-scroller
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
}

	.no-mousehover .open .hidden-scroller
	{
		-webkit-overflow-scrolling: touch;
	}

	.mousehover .hidden-scroller
	{
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	
	.scroll-container
	{
		position: relative;
	}
		
	.no-mousehover .open .hidden-scroller .scroll-container
	{
		height: 100%;
		overflow-y: auto;
	}
	
	.no-overflow,
	.no-mousehover .no-overflow .scroll-container
	{
		overflow: hidden;
	}
	
	.mousehover .scroll-container
	{
		min-height: 100%;
		height: 1px;
	}