/*
Theme Name: 	RLA 2014
Theme URI: 		http://www.rla.co.uk
Description: 	A theme developed by Matthew Freeman at RLA GROUP LTD.
Author: 		RLA
Author URI: 	http://www.rla.co.uk
Version: 1.0
*/
@charset "utf-8"; 
 
/* reset */ 
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed,  
figure, figcaption, footer, header, hgroup,  
menu, nav, output, ruby, section, summary, 
time, mark, audio, video, nav ul { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 100%; 
	font: inherit; 
	vertical-align: baseline; 
	-webkit-font-smoothing: antialiased; 
	font-style: normal;
} 
article, aside, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section { 
	display: block; 
} 
body { 
	line-height: 1;
} 
ol, ul { 
	list-style: none; 
} 
blockquote, q { 
	quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
	content: ''; 
	content: none; 
} 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
::-webkit-input-placeholder {color: #a7a7a7; font-style: italic;}
:-moz-placeholder {color: #a7a7a7; font-style: italic;}
::-moz-placeholder {color: #a7a7a7; font-style: italic;}
:-ms-input-placeholder {color: #a7a7a7; font-style: italic;}
body {font: 1em "proxima-nova", sans-serif; font-weight: 400; width: 100%; background: #e3e3e3; color: #787878;}
img {max-width: 100%;}

/* widths */
.w100 {width: 100%;}
.w90{width: 90%;}
.w80{width: 80%;}
.w70{width: 70%;}
.w60{width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.w30 {width: 30%;}
.w20 {width: 20%;}
.w10 {width: 10%;}
.hideItem {display: none !important;}

/* margins */
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}

/* columns */
.col6 {width: 15%; margin-right: 2%;}
	.col6.last, .col6_3.last {margin-right: 0;}
.col5 {width: 18.4%; margin-right: 2%;}
	.col5.last {margin-right: 0;}
.col4 {width: 23.5%; margin-right: 2%;}
	.col4.last {margin-right: 0;}
.col3 {width: 32%; margin-right: 2%;}
	.col3.last, .col3_2.last {margin-right: 0;}
.col3_2 {width: 64%; margin-right: 4%;}
	.col3_2.last {margin-right: 0;}
.col2 {width: 48%; margin-right: 4%;}
	.col2.last {margin-right: 0;}

/* general styles */
.left {float: left;}
.right {float: right;}
.clear {clear: both; display: block;}
.tright {text-align: right;}
.tleft {text-align: left;}
.tcentre {text-align: center;}
.centreAlign {margin-left: auto; margin-right: auto;}
.wrap {position: relative; margin: auto; width: 960px; display: block;}
.inner {padding: 30px; display: block;}

/* core colours */
.blue {background: #2a2b39;}
.sky {background: #3987b6;}
.teal {background: #16353a;}
.orange {background: #f49900;}
.black {background: #2d2d2d;}
.purple {background: #5b3881;}

/* buttons */
.button, input[type="submit"] {text-align: center; display: inline-block; color: #fff; padding: 10px 20px; text-transform: uppercase; font-size: 16px; font-weight: bold; text-decoration: none; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; background: url(images/black-70.png); border: 5px solid #2a2b39;}
a.button, input.button, input[type="submit"] {cursor: pointer;}
	.button.form {}
	.button.secondary, .mode_alternate .button {color: #fff;}
	.button.tertiary {border: 5px solid #fff;}
	input[type="submit"] {background: #f49900; border-color: #fff; outline: none;}

	a.button:hover, input.button:hover {opacity: 0.6; filter: alpha(opacity=60);}
	.button.inactive {opacity: 0.2 !important; filter: alpha(opacity=20) !important;}

/* block */
.block {padding: 30px 0;}
	.block.white {background: #fff; color: #787878;}
	.block.sky {color: #fff;}
	.block.purple {color: #fff;}
	.block.blue {background: #2a2b39; color: #fff;}
		.block.blue .contentFormat h1, .block.blue .contentFormat h2 {color: #fff;}
	.block.pb0 {padding-bottom: 0;}

/* date OLD
.date {padding: 10px; background: #2b2b2b; color: #fff; font-weight: 600; text-align: center; width: 44px; text-transform: uppercase; display: block;}
	.date span {display: block;}
		.date span.day {font-size: 2em;}*/

/* date */
.date {display: block; text-transform: uppercase; font-size: 0.8em; font-weight: bold; margin: 20px 0 0;}

/* box */
.box {-moz-box-shadow: 0px 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0 5px rgba(0,0,0,0.2); box-shadow: 0px 0 5px rgba(0,0,0,0.2); background: #fff; position: relative; display: block; margin-bottom: 4%; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
	.box img {max-width: 100%; float: left;}
	.box .image {background: #000; display: block;}
	.box .date {position: absolute; top: 20px; right: 20px;}
	.box .copy {padding: 20px; line-height: 120%; clear: both;}
		.box .copy .intro {padding-top: 10px;}
		.box .copy.margin {}
	.box .meta {font-size: 0.7em; text-transform: uppercase; color: #808080; padding: 0 20px 20px;}
	.col3 .box {margin-top: 20px;}
	.col3 .summaryBox .box {margin-top: 0;}

	/* box - tweet */
	.box.tweet {border-top: 4px solid #00aced;}
		.box.tweet a {color: #00aced;}
		.box.tweet .date {background: #00aced;}
		.box.tweet .meta a {font-weight: 900; text-decoration: none; color: #666; letter-spacing: -1px;}
			.box.tweet .meta a:hover {color: #00aced;}

	/* box - post */
	.box.post {border-top: 4px solid #2d2d2d;}
		.box.post a {color: #787878; text-decoration: none;}
			.box.post a img {-webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
		.box.post span {display: block;}
		.box.post .title {font-weight: bold; color: #2d2d2d; line-height: 120%;}
		.box a:hover img {opacity: 0.6; filter: alpha(opacity=60);}

	.office, .closing {text-transform: uppercase; font-size: 12px; display: block;}
		.office strong, .closing strong {color: #2d2d2d;}
		.closing {margin-bottom: 10px;}

	.box.unrendered {opacity: 0; filter: alpha(opacity=0);}

/* news */
.news h2 {color: #2d2d2d; font-size: 1.2em; margin: 0 0 1em; font-weight: bold; text-transform: uppercase; font-weight: 800; color: #2d2d2d;}
	.news .articleList {position: relative;}

/* header */
.header {position: relative; z-index: 100; padding: 15px 0; width: 100%; background: #fff; -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px rgba(0,0,0,0.2);}

	.header .logo {}
		.header .logo img {height: 60px;}

	.header p {margin: 0; line-height: 20px; text-transform: uppercase; background: #efefef;}
		.header p a {text-decoration: none; font-weight: bold; background: #f49900; display: block; padding: 10px; color: #fff;}
			.header p a strong {font-weight: 900;}

	/* header - nav */
	.header .nav {line-height: 16px; padding-top: 34px; text-transform: uppercase; font-weight: bold; position: relative; z-index: 10;}
		.header .nav li {display: block; float: left; margin-left: 30px; position: relative;}
			.header .nav li a {display: block; text-decoration: none; color: #2a2b39; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; padding: 10px 0;}
				.header .nav li:hover > a, .header .nav li a:hover {opacity: 0.6; filter: alpha(opacity=60);}
			.header .nav li.current-menu-item > a, .header .nav li.current-menu-parent > a {color: #f49900; border-bottom: 4px solid #f49900;}
			.header .nav li ul {display: none; position: absolute; top: 100%; left: 0; width: 220px; padding-top: 10px; background: url(images/nav-arrow.png) 10px 0px no-repeat;}
				.header .nav li:hover ul {display: block;}
				.header .nav li ul li {margin: 0; float: none; display: block; background: #2a2b39;}
					.header .nav li ul li a {padding: 15px; color: #fff; border-bottom: 1px dotted #1b1d23; font-size: 0.9em;}
						.header .nav li ul li a:hover {background: #1b1d23; opacity: 1; filter: alpha(opacity=100);}
						.header .nav .hideSub ul {display: none !important;}

					.header .nav .thriveLogo a {background: url(images/thrive.png) center 0 no-repeat; text-indent: -9999px; overflow: hidden; width: 72px; padding: 10px 0;}
		
		.header .menuToggle {line-height: 40px; cursor: pointer; float: right; color: #2a2b39; text-transform: uppercase; font-weight: bold; padding: 10px 2% 20px 2%; display: none; border: 1px solid #fff; border-bottom: 0; position: relative; z-index: 20;}
			.header .menuToggle.active {background: #efefef; border-color: #ccc;}
			.header .menuToggle .menuIcon {width: 30px; height: 30px; padding: 5px 0; float: right; margin-left: 20px;}
				.header .menuToggle .menuIcon span {display: block; background: #2a2b39; margin-bottom: 6px; height: 6px;}
					/*.header .menuToggle.active .menuIcon span {background: #fff;}*/

/* slideShow */
.slideShow {opacity: 0; filter: alpha(opacity=0); z-index: 10; overflow: hidden; position: relative;}
	.slideShow .flex-control-paging {position: absolute; bottom: -60px; left: 50%; z-index: 20; padding: 20px 0; background: url(images/white-20.png); margin: auto; width: auto; width: 200px; margin-left: -100px; text-align: center; -webkit-transition: bottom 0.5s; transition: bottom 0.5s;}
	.slideShow:hover .flex-control-paging, .block .col2 .slideShow .flex-control-paging, .featured .slideShow .flex-control-paging {bottom: 0;}
		.slideShow .flex-control-paging li a {width: 10px; height: 10px; position: relative;}
			.slideShow .flex-control-paging li a.flex-active:before {border: 2px solid #000; width: 12px; height: 12px; display: block; content: ''; position: absolute; top: -3px; left: -3px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
	.slideShow .slide .wrap .copy {margin-left: -200%; -webkit-transition: margin 0.5s; transition: margin 0.5s;}
	.slideShow .slide.active .wrap .copy {margin-left: 0;}

	.slideShow .flex-direction-nav li a {text-indent: 9999px; overflow: hidden; width: 30px; height: 52px; display: block; position: absolute; margin-top: -26px; top: 50%; z-index: 40;  background-repeat: no-repeat; cursor: pointer; opacity: 1; filter: alpha(opacity=100);}
			.slideShow .flex-direction-nav li a.flex-next {background-image: url(images/banner-arrow-right.png); right: 10px;}
			.slideShow .flex-direction-nav li a.flex-prev {background-image: url(images/banner-arrow-left.png); left: 10px;}

	.workSlider li img {display: block;}

/* banner */
.banner {width: 100%; overflow: hidden; position: relative; background-position: center center;}
	.banner .flex-direction-nav {display: none;}
	.banner h1, .squares h1, .squares h2, .banner .fakeH1 { text-transform: uppercase; font-size: 2.6em; float: left; position: relative; padding: 0 10px 0 0; color: #fff;}
	.banner .intro {color: #2d2d2d; line-height: 140%; width: 60%; padding: 20px 20px 20px 0; background: rgba(255,255,255,0.85); position: relative;}
		.banner .intro:before {background: rgba(255,255,255,0.85); height: 100%; width: 2000px; position: absolute; right: 100%; top: 0; content: ''; display: block;}
	.banner > .wrap {padding: 100px 0;}
	.banner .slide {overflow: hidden; background-position: center bottom !important; min-height: 400px;}
		.banner .slide .wrap {padding: 80px 0 120px;}
			.banner .slide .wrap .copy h2 {color: #fff; text-transform: uppercase; font-size: 2.6em; float: left; padding: 0 10px 0 0; position: relative;}
				.banner .slide .wrap .copy h2:before, .banner h1:before, .banner .fakeH1:before {background: #2a2b39; height: 100%; width: 2000px; position: absolute; right: 100%; top: 0; content: ''; display: block;}
				.banner .slide .wrap .copy h2 strong {font-weight: bold;}
			.banner .slide .wrap .copy h3 {clear: both; padding: 10px 0 0; text-transform: uppercase; font-weight: 200; font-size: 1.6em; color: #2a2b39;}
				.banner .slide.mode_alternate .wrap .copy h3 {color: #fff;}
			.banner .slide .wrap .copy .button {margin: 20px 0 0 -20px;}
	.banner.truth > .wrap {padding: 70px 0 0;}
	.bannerImage {display: none;} /* image for responsive sizes */

	.banner .word {display: block; float: left; background: #2a2b39; color: #fff; padding: 2px 0.2em 2px 0;}

	/* mission */
	.mission {background: #5b3881;}
		.mission .banner {color: #fff; padding: 30px 0; text-transform: uppercase; border-bottom: 1px dotted #fff;}
			.mission .banner img {display: block; margin: 10px auto 0;}
			.mission .banner .wrap {padding: 0;}
				.mission .banner h2 {padding-bottom: 30px;}
	
	.mission .stat {display: block; color: #ad9cc0; font-size: 0.8em; text-transform: uppercase; line-height: 150%;}
		.mission .stat strong {display: block; font-weight: bold; font-size: 3em; color: #fff; line-height: 150%;}

	.mission .band {background: url(images/black-70.png); color: #fff; text-align: center; padding: 30px 0;}
		.mission .band .stat span {display: inline-block; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; width: 100px; height: 60px; padding: 20px 0; border: 4px solid #fff; line-height: 30px; font-size: 1em;}
			.mission .band .stat span strong {font-size: 2.4em; line-height: 30px;}

/* featuredArticle */
.featuredArticle {position: relative; display: block; text-decoration: none; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
	.featuredArticle .copy {position: absolute; top: 50px; left: 0; display: block;}
		.featuredArticle .title {display: block; font-size: 2em; text-transform: uppercase;}
			.featuredArticle .title span {display: block; float: left; background: #000; color: #fff; padding: 5px;}
		.featuredArticle .subtitle {background: url(images/black-70.png); color: #fff; padding: 5px; display: block; float: left;}
	.featuredArticle:hover {opacity: 0.6; filter: alpha(opacity=60);}

/* squarePanel */
.squares {background-position: 50% 0; overflow: hidden;}
	.squares .overlay {background: rgba(0,0,0,0.5);}
	.squares .wrap {padding: 70px 0;}
.squarePanel {position: relative;}
	.squarePanel .square {height: 200px; margin: 0 2% 2% 0;}
		.squarePanel .square.last {margin-right: 0;}
	.squarePanel .description {background: #2a2b39; width: 66%; position: absolute; top: 0; left: 0;}
		.squarePanel .description:before {background: #2a2b39; height: 100%; width: 2000px; position: absolute; right: 100%; top: 0; content: ''; display: block;}
		.squarePanel .description .intro {clear: both; padding: 0 30px 0 0; line-height: 130%; color: #fff; font-size: 0.9em;}
		.slideShow .squarePanel .description h2, .sectorList .squarePanel .description h2 {padding: 20px 20px 0; font-size: 2em; color: #fff;}
		.slideShow .squarePanel .description .intro, .sectorList .squarePanel .description .intro {padding: 5px 20px 0;}
			.slideShow .squarePanel .description:before, .sectorList .squarePanel .description:before {display: none;}
		.sectorList .squares {border-top: 10px solid #fff;}

		.squarePanel a.square.sectorLink {background: #f49900; color: #fff; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.5s; transition: background 0.5s;}
			.squarePanel a.square.sectorLink:hover {background: #3987b6;}

		.squarePanel a.square.summaryBox {background-color: #c00; background-size: 100% 100% !important; background-position: 0 0 !important; line-height: 140% !important; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold; text-align: center; position: relative; overflow: hidden;}
			.squarePanel a.square.summaryBox .title {display: block; background: url(images/black-70.png); color: #fff; padding: 10px 5%; position: absolute; bottom: 0; left: -3%; width: 96%;}

/* values */
.value {background: #2a2b39; color: #fff; text-align: center; font-size: 0.8em; margin-bottom: 4%; overflow: hidden; position: relative; margin-top: 2%;}
	.value .inner {padding: 50px 20px;}
		.value .inner img {display: block; max-height: 40px; margin: 0 auto;}
		.value .inner p {position: absolute; top: 0; left: 0; padding: 15px; background: #2a2b39; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 0; filter: alpha(opacity=0); margin-top: 0 !important;}
			.value:hover .inner p {opacity: 1; filter: alpha(opacity=100);}

/* clients */
.clients .clientLogo {height: 84px; overflow: hidden; margin-top: 15px; width: 20%;}
	.clients .clientLogo img {width: 160px; margin: auto;}

	.clients .moreSection {display: none;}

/* highlight */
.highlight {font-size: 1.4em; margin-bottom: 10px; display: block;}
	.highlight strong {display: inline-block; text-align: right; width: 160px; font-size: 3em;}

/* featured */
.featured h2 {color: #fff; text-transform: uppercase; font-weight: 800; font-size: 1.4em; margin-bottom: 30px;}
	.featured .overlay {background: url(images/black-20.png); padding: 30px 0 0;}
	.featured .slideShow .slide {padding-bottom: 70px;}
		.featured .pb0 .slideShow .slide {padding-bottom: 0px;}
	.featured .quoteBox {color: #fff; font-size: 2.2em; text-shadow: 0 1px rgba(0,0,0,0.3); margin: auto; width: 90%; padding: 30px 0 60px;}
		.featured .quoteBox p {margin: 0;}

/* sectors */
.sectors {position: relative; z-index: 5;}
	.sectors > h2 {color: #fff; width: 100%; text-align: center; position: absolute; top: 20px; left: 0; z-index: 10; text-transform: uppercase; font-weight: bold; font-size: 2em;}

/* apply */
.apply {margin-top: -30px;}
	.apply h2 {color: #fff; width: 100%; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 2em;}
		.apply p {color: #fff;}

.callbackBlock {margin-bottom: 30px; position: relative; z-index: 10;}
	.sidebar .callbackBlock > .inner {position: relative; z-index: 10; background: #2a2b39;}	
		.sidebar .callbackBlock > .inner p {margin-top: 0.9em !important;}
	.callbackBlock u {font-weight: bold; text-decoration: none;}
	.callbackBlock strong {display: block; font-weight: 900; font-size: 1.6em; padding: 10px 0 0;}
	.callbackBlock .inner span {display: block; text-align: center; padding: 10px 0 0; text-transform: uppercase; color: #696a71; font-weight: 900;}
	.contentFormat.callbackBlock .col2 {min-height: 0; color: #fff;}

.callBackForm {position: absolute; right: 0; top: 0; background: #1b1d23; width: 960px; z-index: 5; min-height: 100%; display: none;}
	.callBackForm.active {display: block;}
	.callBackForm .inner {padding-right: 36%; position: relative;}
	.callBackForm label {font-size: 0.8em;}
	.callBackForm input[type="text"], .callBackForm input[type="email"] {padding: 8px 0; display: block; width: 100%; border: 0;}
		.callBackForm input[type="submit"] {float: right; margin-top: 20px;}
	.callbackBlock .callBackForm .inner span {padding: 5px 0 0;}
	.callBackForm .close {position: absolute; top: 30px; right: 36%; color: #fff; font-weight: 200 !important; padding: 0 !important; font-size: 1.6em !important; line-height: 32px !important; cursor: pointer;}
		.callBackForm .close:hover {color: #f49900;}
	.callBackForm h2 {margin-top: 0 !important; line-height: 32px !important;}
	.callBackForm .hidden {display: none;}

	.callbackBlock .inner span.wpcf7-not-valid-tip, .wpcf7-validation-errors, div.wpcf7-mail-sent-ng {background: #fdd1d1; color: #c00; padding: 5px !important; border: 1px solid #c00 !important; font-weight: normal; font-size: 12px; text-transform: none; display: block; text-align: left; margin: 10px 0 0 0 !important;}
	div.wpcf7 img.ajax-loader {display: none !important;}

	.callBackForm .inner div.wpcf7-mail-sent-ok {background: #d6fdd1; color: #007600; padding: 5px !important; border: 1px solid #007600 !important; font-weight: normal; font-size: 12px; text-transform: none; display: block; text-align: left; margin: 10px 0 0 0 !important;}

/* truths */
.truths {position: relative;}
	.truths .flex-control-paging {width: 260px; margin-left: -130px;}
	.truths .slide {overflow: hidden; background-repeat: no-repeat; height: 400px; background-position: center bottom;}
		.truths .slide .wrap {padding: 120px 0 0; position: relative;}
		.truths .slide h2 {text-transform: uppercase; font-size: 1.2em; font-weight: 900; margin-bottom: 20px; text-shadow: 0 1px rgba(255,255,255,0.3);}
			.truths .slide h2 strong {font-size: 1.8em;}
	.truths .slide .copy {width: 50%; position: relative; z-index: 10;}
	.truths .slide .image {position: absolute; bottom: 0; right: 0; height: 100%; max-width: 100%; z-index: 5;}
		.truths .slide .image img {height: auto; width: auto; display: block;}
	.truths .slide .button {margin-left: -20px;}
	.truths .slide .backgroundImage {position: absolute; top: 0; left: 50%; max-width: none;}
	.truthContent_truth4 {padding-bottom: 400px;}
	.truthContent_truth9 {background-size: 60%;}
	.truthContent_truth2 img.w70, .truthContent_truth3 img.w70 {width: 100%;}

/* team */
.team {}
	.team .profile {text-align: center; cursor: pointer; position: relative; margin-top: 30px;}
		.team .profile .image {margin-bottom: 10px; width: 100%; text-align: right; position: relative;}
			.team .profile .image img {width: 100%; display: block;}
		.team .profile .name {font-weight: bold; color: #262626; margin-bottom: 4px; text-transform: uppercase; font-weight: 800; font-size: 0.9em;}
		.team .profile .role {text-transform: uppercase; font-size: 0.7em; color: #565656; margin: 4px 0 0;}
		.team .profile .description {display: none; width: 80%; padding: 10%; height: 80%; position: absolute; top: 0; left: 0; background: url(images/black-70.png); color: #fff; text-align: left; font-size: 0.9em;}
			.team .profile.active .description {display: block; line-height: 140%;}
			.team .profile:hover .name {color: #f49900;}
	
/* breadcrumb */
.breadcrumb {text-transform: uppercase; font-size: 11px; font-weight: normal; color: #fff; background: #1b1d23; float: left; padding: 5px 15px 5px 0; position: relative;}
	.squares .breadcrumb {float: none;}
	.breadcrumb:before {background: #1b1d23; height: 100%; width: 2000px; position: absolute; right: 100%; top: 0; content: ''; display: block;}
	.breadcrumb a, .breadcrumb span {display: inline-block; margin-right: 10px; color: #fff; text-decoration: none;}
		.breadcrumb span.seperator {}
		.breadcrumb a.current-item {display: none;}

/* summaryBox */
.summaryBox {position: relative; text-align: center; margin-bottom: 2%; overflow: hidden;}
.col3 .summaryBox {margin-bottom: 30px;}
	.summaryBox .box {margin-bottom: 0;}
	.summaryBox a {text-transform: uppercase; font-size: 1em; font-weight: bold; text-decoration: none;}
	.summaryBox .image {position: relative; display: block; width: 100%; overflow: hidden; min-height: 100px; background: #000; z-index: 10;}
		.summaryBox .image img {position: relative; z-index: 5; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
		.summaryBox .image > img {display: block; margin-bottom: 0;}
		.summaryBox a:hover .image img {opacity: 0.2; filter: alpha(opacity=20); float: left; width: 100%;}
		.summaryBox .title {display: block; background: url(images/black-70.png); color: #fff; padding: 10px 5%; position: absolute; bottom: 0; left: 0; width: 90%; font-size: 0.9em; font-weight: 800; z-index: 20;}
			.summaryBox a:hover .title, .summaryBox:hover .title {background: #3987b6;}
		.summaryBox .intro {display: block; position: absolute; top: 0; padding: 10%; color: #fff; text-transform: none; text-align: left; line-height: 150%; z-index: 4; font-weight: normal; font-size: 0.9em;}

/* infographics */
.infographics .contentFormat h2 {margin-bottom: 30px; font-size: 1.2em; font-weight: bold; color: #2d2d2d; text-transform: uppercase; font-weight: 800;}
	.infographics .contentFormat h2.btop {border-top: 1px dotted #ccc; padding-top: 30px;}
.infographics .contentFormat img {display: block; margin: 0 auto 30px;}

/* pagination */
.pagination {display: inline-block;}
.pagination a, .pagination span {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; padding: 5px 0; display: block; float: left; margin: 0 0 6px 6px; line-height: 26px; border-bottom: 1px solid #c6bfb5; color: #70706f; text-decoration: none; width: 36px; text-align: center; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
	.pagination span.current {background: #2a2b39; font-weight: bold; color: #fff;}
	.pagination a.next {background: #fff url(images/icon-list-arrow-right.png) center no-repeat; text-indent: -9999px;}
	.pagination a.prev {background: #fff url(images/icon-list-arrow-left.png) center no-repeat; text-indent: -9999px;}
	.pagination a:hover {opacity: 0.6; filter: alpha(opacity=60);}

/* tags */
.tags {margin: 20px 0 0;}
	.contentFormat .tags a {display: block; float: left; margin: 0 5px 5px 0; background: #ccc; padding: 6px 10px; color: #666; font-size: 12px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #fff;}
		.contentFormat .tags a:hover {background: #999;}

/* sidebar */
.sidebar p {margin-top: 0 !important;}

/* content */
.content {padding: 30px 0;}

	/* contentFormat */
	.contentFormat {}
		.contentFormat strong em, .contentFormat em strong {font-weight: bold; font-style: italic;}
		.contentFormat strong {font-weight: bold;}
		.contentFormat em {font-style: italic;}
		.contentFormat h1 {font-size: 2em; margin: 0 0 0.5em; font-weight: bold; text-transform: uppercase; color: #2d2d2d;}
			.contentFormat.description h1 {font-size: 1.6em; margin: 0 0 0.5em; font-weight: bold; text-transform: uppercase; font-weight: bold; color: #2d2d2d;}
		.contentFormat h2 {font-size: 1.2em; margin: 0.8em 0 0; font-weight: bold; text-transform: uppercase; font-weight: 800; color: #2d2d2d;}
			.block .contentFormat h2:first-child {margin-top: 0;}
		.contentFormat h3 {font-size: 1em; margin: 0.8em 0 0.5em; text-transform: uppercase; font-weight: normal; color: #2d2d2d;}
		.contentFormat h4 {font-weight: bold; margin-bottom: 0.5em; text-transform: uppercase;}
		.contentFormat h5 {font-size: 1.4em;}
		.contentFormat p, .contentFormat ul, .contentFormat ol {line-height: 140%; font-size: 0.9em; margin-top: 0.9em;}
			.contentFormat ul, .contentFormat ol {margin-left: 2em;}
			.contentFormat ul {list-style: disc;}
			.contentFormat ol {list-style: decimal;}
		.contentFormat img {display: block; margin-bottom: 10px;}
			.contentFormat img.mb20 {margin-bottom: 20px;}
		.contentFormat a {color: #f49900;}
		.contentFormat strong, .contentFormat b {font-weight: bold;}
		.contentFormat .fakeImage {height: 460px; display: block; background: #666; width: 100%;}
		.contentFormat .col2 {min-height: 100px;}
		.contentFormat sup {vertical-align: super; font-size: 0.6em; line-height: 100%;}
		.contentFormat sub {vertical-align: sub; font-size: 0.6em; line-height: 100%;}

		/* video */
		body .video {position: relative; padding-bottom: 52%; padding-top: 25px; height: 0; margin-bottom: 30px; margin-left: auto; margin-right: auto; display: block;}
			body .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

		/* pullQuote */
		.pullQuote:before {content: 'i'; display: block; background: #fff; position: absolute; top: 20px; left: 10px; height: 16px; line-height: 16px; text-align: center; width: 16px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 2px solid #666; color: #666; font-size: 14px; font-family: "Georgia", serif; text-transform: none;}
		.pullQuote {margin-top: 20px; position: relative; font-size: 1.2em; color: #666; font-weight: bold; padding: 20px 30px 20px 40px; line-height: 140%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-transform: uppercase;}
			.pullQuote strong {color: #2d2d2d;}
		.pullQuote.quote:before {content: '“'; font-size: 50px; border: none; padding-top: 16px;}
		.pullQuote.quote:after {content: '”'; display: block; font-size: 50px; border: none; position: absolute; bottom: 0; right: 0; font-weight: bold; font-family: "Georgia", serif; padding-bottom: 16px;}

	/* description contentFormat */
	.description.contentFormat {font-size: 1.2em;}

	.aboutImages img {display: block; float: left; width: 36%; padding: 0 7%;}

	/* contact */
	.contact .contentFormat img {width: 120px; height: 120px; display: block; margin: auto;}
		.contact .contentFormat .googleMap {border: 5px solid #2a2b39; margin: 20px 0 20px 0; height: 260px;}
		.contact .contentFormat p.name {font-weight: bold; color: #262626; margin-bottom: 4px; text-transform: uppercase; font-weight: 800; font-size: 0.9em; line-height: 100%;}
		.contact .contentFormat p.role {text-transform: uppercase; font-size: 0.7em; color: #565656; margin: 4px 0 12px; line-height: 100%;}
		.contact .contentFormat ul {list-style: none; margin-left: 0;}
			.contact .contentFormat ul li {float: left; display: block; width: 20%;}
		.contact .contentFormat .btopDotted {border-top: 1px dotted #ccc; padding: 30px 0 0; margin: 30px 0 0;}

	/* careers */
	.careers .box {margin-top: 2%; margin-bottom: 0;}
	.careers a {color: #787878; text-decoration: none; line-height: 140%;}
		.careers a span {display: block;}
		.careers a span.title {font-weight: 800; color: #2d2d2d; margin-bottom: 0.4em; text-transform: uppercase; font-size: 1.2em;}
		.careers a span.intro {font-size: 0.9em;}

	/* social */
	.social a {width: 40px; height: 40px; display: inline-block; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; margin: 10px 0 0 10px; padding: 5px;}
		.social a.facebook {background: #4c66a4 url(images/icon-facebook.png) 5px 5px no-repeat;}
		.social a.twitter {background: #57bef1 url(images/icon-twitter.png) 5px 5px no-repeat;;}
		.social a.googlePlus {background: #dd4b39 url(images/icon-google-plus.png) 5px 5px no-repeat;}
		.social a.linkedIn {background: #0976b4 url(images/icon-linked-in.png) 5px 5px no-repeat;;}
		.social a:hover {opacity: 0.6; filter: alpha(opacity=60);}

	/* postNav */
	.postNav {background: #1b1d23; text-transform: uppercase;}
		.postNav a {display: block; color: #fff; text-decoration: none; font-weight: bold; padding: 20px 0; border-right: 1px solid #2a2b39;}
			.postNav a strong {display: block; font-weight: normal; text-transform: uppercase; font-size: 0.8em; opacity: 0.5; filter: alpha(opacity=50); margin-bottom: 5px;}
			.postNav .tright a {border-left: 1px solid #2a2b39; border-right: none;}
			.postNav a:hover {color: #f49900;}
				.postNav a:hover strong {color: #fff;}

/* footer */
.footer {background: #2a2b39; color: #fff; padding: 30px 0 0;}

	/* footer - nav */
	.footer a, .footer h2 {color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 600;}
		.footer a:hover {color: #3987b6;}
		.footer h2 {margin-bottom: 0}
		.footer .nav li {float: left; display: block; margin-bottom: 10px; margin-right: 25px;}
	
	/* footer - accreditations */
	.footer .accreditations {padding: 30px 0; border-top: 1px solid #1b1d23; margin: 30px 0 0;}
		.footer .accreditations a {display: block; text-align: center;}

	/* footer bottom */
	.footer .bottom {background: #5e3b84; font-size: 12px; padding: 30px 0 20px; line-height: 30px;}
		.footer .bottom a {display: block; float: left; margin: 0 0 0 12px; font-weight: 200;}
		.footer .bottom .right a {padding-top: 3px;}
			.footer .bottom a:hover {color: #af9dc2;} 

/* Rubbish Browser Fixes */

#ie7 .box.tweet {border-top: 4px solid #00aced; padding: 20px;}

/* breakpoints */
@media screen and (max-width: 1368px)
{
	.truthContent_truth7 {background-size: 50%;}
	.flex-direction-nav {display: none !important;} /* hide arrows */
	.slideShow .flex-control-paging {bottom: 0; !important;} /* show pagers */
}
@media screen and (max-width: 1024px)
{
	.wrap {width: 96%;}

	.highlight {font-size: 1em;}

	.value .inner p {position: relative; padding: 20px 0 0; opacity: 1; filter: alpha(opacity=100); width: 100%; margin-top: 20px;}

	.header {padding: 20px 0 0;}
		.header .wrap {width: 100%;}
		.header .logo {margin: 0 0 20px 2%; height: 50px;}
			.header .logo img {height: 100%; display: block;}
		.header .nav {padding-top: 24px;}	

	.social a {margin: 10px 10px 10px 0;}

	.bannerImage {display: block; width: 200% !important; margin-left: -50%; max-width: none;}
	.banner .slide {background: #2a2b39 none !important; text-align: center;}
		.banner .slide .wrap {padding: 20px 0 80px;}
		.banner .slide .wrap .copy {-webkit-transition: margin 0s; transition: margin 0s;}
			.banner .slide .wrap .word {float: none; padding: 0; display: inline;}
			.banner .slide .wrap .copy h2 {float: none; padding: 0 20px;}
		.banner .slide .wrap .copy .button {margin-left: 0;}

	.squarePanel .square {display: none;}
		.squarePanel .square.square_1 {display: block; width: auto !important; height: 200px !important; float: none; background-position: center center !important; margin: 0!important;}
		.squarePanel .sectorLink {display: block; width: auto !important; height: 40px !important; float: none; background-position: center center !important; margin: 0 0 20px 0 !important; line-height: 40px !important;}
	.squarePanel .description {position: relative; top: auto; left: auto; width: auto !important; height: auto !important;}
		.slideShow .squarePanel .description .intro, .sectorList .squarePanel .description .intro {padding: 10px 20px 20px;}
		.slideShow .squarePanel .description h2, .sectorList .squarePanel .description h2 {font-size: 1.4em;}
		.squarePanel .description .intro {padding-bottom: 20px;}

	.summaryBox .intro {display: none !important;}

	.callBackForm {position: relative; left: auto; top: auto; width: auto;}
		.callBackForm .inner {padding: 30px;}
		.callBackForm .inner .col2 {width: 100%; float: none; margin-right: 0;}
		.callBackForm .inner input[type="submit"] {font-size: 12px;}
		.callBackForm .close {right: 30px;}

	.footer .col3_2, .footer .col3 {width: 100%; margin-right: 0; text-align: left;}
		.footer .col3_2 {margin-bottom: 30px;}
		.footer .col3.tright {text-align: center;}
	.footer .nav {text-align: center; width: 100%; border-bottom: 1px dotted #1b1d23;}
		.footer .nav li {display: inline-block; float: none; margin: 0 10px;}
			.footer .nav li a {display: block; padding: 0 0 30px 0;}
	.footer .bottom .right {clear: both; float: none;}
}
@media screen and (max-width: 768px)
{
	.w50, .w60 {width: 80%;}
	.col6, .col6:nth-child(3n) {width: 49%; margin-right: 2%;}
		.col6:nth-child(2n) {margin-right: 0;}
	.value {margin-right: 2% !important;}
		.value:nth-child(2n+1) {margin-right: 0 !important;}
	.col4, .col4.last {width: 46%; margin: 2%;}
	.col3, .col3.last {width: 100%; margin-right: 0;}
	.apply {margin-top: 30px;}
	.col3_2, .col3_2.last {width: 100%; margin-right: 0;}
	.team .profile {margin-top: 2%;}

	.articleList {height: auto !important;}
		.articleList .box {position: relative !important; top: auto !important; left: auto !important; float: left; margin-left: 2%; margin-right: 2%; width: 46%; opacity: 1; filter: alpha(opacity=100);}
			.articleList .box.tweet {width: 96%;}
			.articleList .box.post:nth-child(4n) {width: 96%;}

	.header .menuToggle {display: block;}
	.header .nav {display: none; width: 100%; clear: both; padding-top: 0; background: #efefef; border-top: 1px solid #ccc; padding: 5px 0; margin-top: -1px;}
		.header .nav.active {display: block;}
		.header .nav li {width: 50%; margin: 0 !important; display: block; float: left;}
			.header .nav li a {line-height: 40px; padding: 0 10px;}
			.header .nav li ul {display: none !important;} /* hide all subs */
			.header .nav li.current-menu-item > a, .header .nav li.current-menu-parent > a {border-bottom: none !important;}

	.clients .clientLogo {width: 50%;}

	.highlight {font-size: 1.4em;}
}
@media screen and (max-width: 540px)
{
	.w50, .w60 {width: 90%;}
	.profile, .profile.last {width: 70%; float: none; margin: 0 15% 20px;}
	.col2, .col2.last {width: 100%; margin-right: 0; margin-bottom: 20px;}

	.header .menuToggle {width: 96%; padding: 10px 2%; position: relative; top: auto; right: auto; border: none; border-top: 1px solid #ccc;}
	.header .nav {margin-top: 0;}

	.banner h1, .squares h1, .squares h2, .banner .fakeH1, .banner .slide .wrap .copy h2 {font-size: 1.6em;}

	.articleList .box, .articleList .box.post:nth-child(4n) {width: 100% !important; margin: 0 0 20px 0 !important;}
	
	.truths .slide {background-image: none !important; text-align: center;}
		.truths .slide .copy {width: 100%; float: none;}
		.truths .slide .backgroundImage {display: none;}

	.contact .contentFormat ul li {width: 33.33%;}
}
@media screen and (max-width: 400px)
{
	.col6, .col4 {width: 100% !important; margin: 0 0 20px 0 !important;}
	.clients .clientLogo {width: 100%; float: none;}

	.highlight {font-size: 1em;}

	.contact .contentFormat ul li {width: 50%;}
}