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

html, body, div, object, iframe, fieldset { 
	margin: 0; 
	padding: 0; 
	border: 0;
} 
ol, ul { 
	list-style: none;
	margin: 0;
	padding: 0;
} 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
header, footer, nav, section, article, hgroup, figure {
	display: block;	
}
legend {
	display: none;
}

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, 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;
}

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* End Reset **************/




/* Global **************/
body {
	background-color: #F05438;
	color: #6A6B62;
	font: 100%/1.5 "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 0;
	-webkit-text-size-adjust: none;
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:200; font-style:normal;
	padding-top:7px;
}
.setter h2{
	margin-top:1em;
}
ul.breadcrumb li{
	display:inline;
	padding-right:0.7em;
	font-size:0.7em;
}
ul.breadcrumb li:after{
	color:#E7E7E5;
	content: "▸";
}
ul.breadcrumb li a{
	color:#FF6C4F;
	margin-right:1em;
}
a {
	color: #FF6C4F;
	text-decoration: none;
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:200; font-style:normal;
}
a:hover, a:focus, ul.breadcrumb li a:hover, ul.breadcrumb li a:focus, .footer a:hover span, .footer a:focus span {
	color: #0bb8e3;
	border-bottom:1px solid #E7E7E5;
}
 .footer a:hover, .footer a:focus, .cstud a,  .cstud a:active,  .cstud a:hover{
	border-bottom:none;
 }
strong{
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:600; font-style:normal;
}
p {
	margin: 1em 0 0 0;
}
p.workimg img, p.workimg iframe {
	display:block;
	margin:0 auto;
}
p.workimg img{
	width:100%;
}
p.workimg{
	padding:1em 0;
}
img, object, video {
	max-width: 100%;
	border: 0;
}

h2 {
	line-height: 1.1;
	margin-bottom: 1em;
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight:600;
	font-style:normal;
	font-size: 2em;
}
h3 {
	font-weight: normal;
	line-height: 1.1;
	padding-bottom: 0.4em;
	border-bottom: 1px solid #ccc;
}
h5{
	padding-top:2em;
	padding-bottom:1em;
	text-transform:uppercase;
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:200; font-style:normal;
	font-size:11px;
	letter-spacing:2px;
}
blockquote {
	border-left: 0.5em solid #ddd;
	padding-left: 1em;
	margin-left: 1em;
}
small {
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:0.6em;	
}
.nowrap{
	white-space:nowrap;
}
input, textarea {
	border: 1px solid #000;
}

.wrapper {
	max-width: 70em;
	margin: 0 auto;
	position:relative;
	padding: 3em !important;
	overflow:hidden;
}
.hide{
	display:none;
}
.main{
	padding-bottom:3em;
}
.setter{
	font-size:1.15em;
}
.sb-content{
	margin-top:4.2em;
	margin-bottom:3em;
}
.sb-home{
margin-top:9.8em;
clear:left;
}
.sb-home p{
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight:600;
}
.sb-home li{
	margin-top:1em;
}
ul.pagination li{
	display:inline;
	padding-right:0.8em;
}
.pagination{
	display:none;
}
ul.pagination li a img{
	opacity:0.5;
	filter:alpha(opacity=50);
}
ul.pagination li a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
ul.pagination li a:hover, ul.pagination li a:focus{
	border-bottom:none;
}
.sb{
	margin-top:0.6em;
}
.content {
	margin-top:3em;
	margin-bottom: 1em;
	overflow: hidden;
}
.footer{
	display:block;
	background-color: #FCEDEC;
	color:#B1A7A4;
	margin-bottom:10px;
}
.footer .wrapper{
	padding:2.9em 2.9em 6em 2.9em;
}
.footer{
	position:relative;
}
ul.footer-links{
	float:left;
	margin-bottom:3em;
	clear:none;
}
.footer a{
	color:#FF6C4F;
}
.highlight{
	background-color:yellow;
}
.large{
	font-size:1.2em;
}
.floater-l{
	float:left;
}
.clearleft{
	clear:left;
}
.workblock{
	margin:2em 0;
}
.workblock span{
	display:block;
	padding:1.2em;
	padding-left:100px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin:1em 0;
	color:gray;
}
.workblock a:hover{
	border-bottom:none;
}
.workblock a small{
	color: #FF6C4F;
	border-bottom:1px solid #F2F2F2;
}
.workblock a:hover small{
	color: #0bb8e3;
	border-bottom:1px solid #E7E7E5;
}
.workblock .tooter{
	background:#F2F2F2 url(../images/logo-tooter.png) 18px 13px no-repeat;
}
.workblock .govuk{
	background:#F2F2F2 url(../images/logo-govuk.png) 18px 13px no-repeat;
}
.workblock .clearleft{
	background:#F2F2F2 url(../images/logo-clearleft.png) 18px 13px no-repeat;
}
.nobr{
	white-space:nowrap;
}
ul.redlist { 
	list-style-type: circle; 
	list-style-position: outside; 
	color:#FF6C4F;
	padding-left:1em;
	margin:1em 0 3em 0.5em;
}
ul.redlist li{
	margin-top:0.7em;
}
ul.redlist li span{
	color:#6A6B62;
}
.leftright{
	width:100%;
	overflow:hidden;
	padding-top:1em;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}

.w10{ width:10%; }
.w20{ width:20%; }
.w30{ width:30%; }
.w40{ width:40%; }
.w50{ width:50%; }
.w60{ width:60%; }
.w70{ width:70%; }
.w80{ width:80%; }
.w90{ width:90%; }
.w100{ width:100%; }


.photocredit{
	font-size:0.7em;
	margin-top:1.5em;
	display:block;
}


/* Media Query overwrites *******/

.white{
		background-color: #fff;
		background-repeat: no-repeat;
}
.workblock small{
	font-size:0.8em;
}
h1 {
	font-size: 2.1em;
	float:left;
	text-align:left;
	line-height:1.25;
	margin-top:0.5em;
	
}
h1 .subtitle{
	display:block;
	font-size:0.6em;
	margin-left:0.04em;
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:200; font-style:normal;
	letter-spacing:1px;
	}
h1 a{
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight:600;
	color:rgba(255, 255, 255, 1);
}
h1 a:hover, h1 a:active{
	color:#fff;
	border-bottom:1px solid #fff;
	border-color: rgba(255,255,255,0.3);
}
ul.nav{
	font-size:0.8em;
	float:left;
	clear:left;
	text-align:left;
	margin-top:3em;
	margin-bottom:1em;
	padding-right:0;
}
ul.nav li:first-child { 
	padding-left:0;
}
ul.nav li{
	display:inline;
	text-transform:uppercase;
	font-size:1.1em;
}
ul.nav li a{
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight:600 !important;
	font-style:normal;
	color:#fff;
	margin-left:1.7em;
}
ul.nav li a:hover, ul.nav a:focus{
	border-bottom:1px solid #fff;
	border-color: rgba(255,255,255,0.3);
}
body.section-home .nav a.home,
body.section-about .nav a.about,
body.section-work .nav a.work,
body.section-contact .nav a.contact{
	border-bottom:1px solid #fff;
	border-color: rgba(255,255,255,0.3);
}
body.section-home .nav a.home:hover,
body.section-about .nav a.about:hover,
body.section-work .nav a.work:hover,
body.section-contact .nav a.contact:hover{
	border-bottom:1px solid #fff;
}
.footer-links li{
	margin-bottom:1.5em;
	padding-right:0;
}
body .wrapper:first-child{
	padding-bottom:0.5em !important;
}
a.link-tooter{
	background: #FCEDEC url('../images/icon-tooter.png') 0 -1px no-repeat;
	padding:5px 0 5px 34px;
}
a.link-dribbble{
	background: #FCEDEC url('../images/icon-dribbble.png') 0 -1px no-repeat;
	padding:5px 0 5px 34px;
}
a.link-linkedin{
	background: #FCEDEC url('../images/icon-linked.png') 0 -1px no-repeat;
	padding:5px 0 5px 34px;
}
a.link-email{
	background: #FCEDEC url('../images/icon-email.png') 0 -1px no-repeat;
	padding:5px 0 5px 36px;
}
a.link-cv{
	background: #FCEDEC url('../images/icon-cv.png') 0 -1px no-repeat;
	padding:5px 0 5px 34px;
}
.main{
	border-bottom:1px solid #E7E7E5;
	margin-bottom:3em;
}
.home .main{
	border-bottom:none;
}
h4.homestrap{
	font-size:1.1em;
	font-weight:normal;
	text-align:center;
	padding:1em 0 1em 0;
	color:#7D7E76;
}
h4.homestrap strong{
	display:block;
		font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-weight:600 !important;
		font-style:normal;
}
.case-studies{
		overflow:hidden;
		margin:1em 0;
}
.cstud{
		display:inline;
		width:80%;
		float:left;
		margin-right:0;
		text-align:center;
		font-size:80%;
}
.case-studies a{
	float:left;
	margin-right:0;
	margin-bottom:2em;
	width:100%;
}
.case-studies a:hover, .case-studies a:active{
	border-bottom:0;
}
.case-studies a.four{
	margin-right:-50px;
}
.case-studies a img {
	display:block;
	width:100%;
	padding-bottom:0.3em;
}

a.case{
	float:left;
	margin-right:0;
	margin-bottom:2em;
	width:100%;
}
a.case:hover, a.case:active{
	border-bottom:0;
}
a.case.four{
	margin-right:-50px;
}
a.case img {
	display:block;
	width:100%;
	padding-bottom:0.3em;
}
.hero{
 clear:left;
}
.hero p.pre-title{
		font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-weight:600 !important;
		margin:3em 0 0 0;
		padding:0;

}
.hero h2 a{
		font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-weight:600 !important;
		font-size:1.4em;
		line-height:0.5;
}
.hero-image{
		position:relative;
		margin:1em 0;
		height:270px;
		float:left;
}
.hero-image a:active, .hero-image a:hover{
		border:0;
}



.quote{
		width:100%;
		float:right;
		padding:2em 0;
}
div.quote:first-child{
		float:left;
}
.quote .words{
		font-size:1.2em;
}
.quote .who{
		text-align:center;
		color:#ababab;
}
.label{
		font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-weight:200 !important;
		float:left;
		width:100%;
		clear:right;
		color:#c5c5c5;
}
.description{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:200; font-style:normal;
		float:right;
		width:100%;
		clear:left;
		margin:0;
		padding:0;
}
#reveal{
	border-top:1px solid #ccc;
	padding-top:1em;
	margin-top:11em !important;
}
#reveal .description p:first-child{
	margin-top:0 !important;
}
.project-meta{
		overflow:hidden;
		margin-bottom:2em;
}

div.copyright{
	position:relative;
	top:none;
	right:none;
	padding:0 0 3em 0;
	clear:left;
}
	.spot img{
		display:block;
		margin-top:2em;
		margin-bottom:0.5em;
	}
.caption{
	display:block;
	background:#222;
	color:#fff;
	padding:0.5em 0.8em;
	font-size:0.8em;
}
/*p.workimg iframe{
	width:100%;
	height:260px; 
}*/
iframe.contact{
	width:100%;
	height:900px;
	margin-top:1em;
}
ul.nav li a.home{
	display:none;
}
ul.nav li a.about{
	margin-left:0;
}
	ul.nav li a{
		font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-weight:600 !important;
		font-style:normal;
		color:#fff;
		letter-spacing: 2px;
	}
	
	
	.newcase-tooter, .newcase-govuk, .newcase-clearleft{
		overflow:hidden;
		margin-bottom:2em;
		position:relative;
	}
	.newcase-govuk. .newcase-clearleft{
		clear:left;
	}
	.newcase h4{
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight:600 !important;
	margin-bottom:-1em;
	}
	.newcase-img{
		position:absolute;
		top:0;
		left:0;
	}
	.newcase-text{
		float:none;
		margin-left:0;
		width:100%;
		margin-top:80px;
	}
	.newcase-dates{
		font-size:70%;
		margin-bottom:0.3em;
	}
	.newcase-list{
		margin-top:1em;
		overflow:hidden;
	}
	.newcase a.upper{
		width:60%;
		float:left;
		margin-right:2em;
		margin-top:2em;
		text-align:center;
		font-size:70%;
		font-weight:bold;
		text-transform:uppercase;
		border:1px solid white !important;
	}
	.newcase a:hover, .newcase a:active{
		border-bottom:1px solid white !important;
	}
	.newcase-list img{
		display:block;
		margin-bottom:0.2em;
	}
.home-cv{
		font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-weight:600 !important;
}
.home-cv img{
	padding:0 6px 0 0;
	margin-bottom:-1px;
	width:16px;
}
.next-top{
	float:right;
	border-bottom:1px solid white;
	background-color:#f2f2f2;
	padding:1em 1.5em 0.9em 1.5em;
	font-size:0.5em;
	margin-top:-0.5em;
	display:none;
	border:0 !important;
}	
	
	
	
	
	

/* Medium Screens ***********/


@media all and (min-width:40em) {
	.next-top{
		display:inline;
	}
	.quote{
		width:45%;
		float:right;
		padding:2em 0;
	}
	h1 {
		font-size: 2.1em !important;
		font-style:normal;
		float:left;
		line-height:1.25;
		margin-top:1.6em;
		text-align:left;
	}
	ul.nav{
		font-size:1em;
		float:right;
		margin-top:4.2em;
		padding-right:0;
		text-align:left;
		clear:none;
	}
	ul.nav li{
		display:inline;
		text-transform:uppercase;
		font-size:1.1em;
	}
	ul.nav li a{
		font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-weight:600 !important;
		font-style:normal;
		color:#fff;
		letter-spacing: 2px;
		margin-left:1.2em;
	}
	ul.nav li a.about{
		margin-left:1.2em;
	}
	body .wrapper:first-child{
		padding-bottom:3em !important;
	}
	.workblock small{
		white-space:nowrap;
	}
	h4.homestrap{
		font-size:1.3em;
	}
	.spots{
		overflow:hidden;
		padding-bottom:1em;
		border-bottom:1px dashed #e7e7e5;
		margin-bottom:2em;
	}
	.spot{
		float:left;
		border-bottom:0 !important;
}
	.spot.one{
		width:44%;
		margin:0 10% 2em 0;
	}
	.spot.two{
		width:44%;
		margin:0 0 2em 0;
	}
	.spot.three{
		width:44%;
		margin:0 0 2em 0;
	}
	.spot.four{
		width:44%;
		margin:0 0 2em 10%;
	}
	.label{
		width:22%;
		margin:0;
		padding:0;
		padding-top:1em;
	}
	.description{
		width:75%;
		clear:none;
		padding-top:1em;
	}
	.full .label{
		width:15%;
	}
	.full .description{
		width:83%;
	}
	div.copyright{
		position:absolute;
		top:0;
		right:0;
		padding:3.07em;
	}
/*	p.workimg iframe{
		width:100%;
		height:375px; 
	} */
	.cstud{
		display:block;
		width:28%;
		float:left;
		margin-right:1.3em;
	}
	
	.newcase-tooter, .newcase-govuk, .newcase-clearleft{
		overflow:hidden;
		margin-bottom:2em;
		position:relative;
	}
	.newcase-govuk. .newcase-clearleft{
		clear:left;
	}
	.newcase h4{
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight:600 !important;
	margin-bottom:-1em;
	}
	.newcase-img{
		position:absolute;
		top:0;
		left:0;
	}
	.newcase-text{
		float:right;
		margin-left:2em;
		width:87%;
		margin-top:0;
	}
	.newcase-text.inpage{
		width:70%;
		float:left;
		margin-left:1.2em !important;
	}
	.newcase-dates{
		font-size:70%;
		margin-bottom:0.3em;
	}
	.newcase-list{
		margin-top:1em;
		overflow:hidden;
	}
	.newcase a.upper{
		width:20%;
		float:left;
		margin-right:2em;
		margin-top:0;
		text-align:center;
		font-size:70%;
		font-weight:bold;
		text-transform:uppercase;
		border:1px solid white !important;
	}
	.newcase a:hover, .newcase a:active{
		border-bottom:1px solid white !important;
	}
	.newcase-list img{
		display:block;
		margin-bottom:0.2em;
	}
	.home-cv{
			font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
			font-weight:600 !important;
	}
	.home-cv img{
		padding:0 6px 0 0;
		margin-bottom:-1px;
		width:21px;
	}
}

@media all and (min-width:60em) {
	h4.homestrap{
		font-size:1.6em !important;
	}
ul.nav li a.home{
	display:inline;
}
	
}

/* Large Screens ***********/

@media all and (min-width: 48em) {
	h1 {
	font-size: 2.1em;
	}
	ul.nav li{
		padding-left:3em;
	}
ul.nav li a{
	font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight:600 !important;
	font-style:normal;
	color:#fff;
}
.main{
	border-bottom:none;
	margin-bottom:0;
}

	.spot.one{
		width:22%;
		margin:0 3% 2em 0;
	}
	.spot.two{
		width:22%;
		margin:0 3% 2em 0;
	}
	.spot.three{
		width:22%;
		margin:0 3% 2em 0;
	}
	.spot.four{
		width:22%;
		margin:0 0 2em 0;


}	

/* Footer large Screens ***********/

@media all and (min-width: 56em) {
.footer-links li{
	display:inline;
	padding-right:2.5em;
	margin-bottom:5em;
	}
.footer-links li:last-child{
	padding-right:0;
}
}

/* CSS Animations ***********/
@-webkit-keyframes fadeout {
  0%   { background: #fff; }
  10%   { background: #eee; }
  100% { background: #fff; }
}
@-moz-keyframes fadeout {
  0%   { background: #fff; }
  10%   { background: #eee; }
  100% { background: #fff; }
}
@-o-keyframes fadeout {
  0%   { background: #fff; }
  10%   { background: #eee; }
  100% { background: #fff; }
}
@keyframes fadeout {
  0%   { background: #fff; }
  10%   { background: #eee; }
  100% { background: #fff; }
}


.pagination{
	display:none;
}