/* 
======================================
Hand-crafted by T10 Interactive Ltd
http://t10interactive.co.uk
======================================

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

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

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
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;}

del {text-decoration: line-through;}

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

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

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

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

input:focus,
select:focus,
textarea:focus {
    outline: none;
}





/* 
===================================================================================================
HTML5 Boilerplate Defaults
===================================================================================================
*/

* 							{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.chromeframe 				{position: absolute; top: 0;}
::-moz-selection 			{background: #2a3890; color: #fff; text-shadow: none;}
::selection 				{background: #2a3890; color: #fff; text-shadow: none;} 
a:link 						{-webkit-tap-highlight-color: #2a3890;} 
ins 						{background-color: #2a3890; color: #fff; text-decoration: none;}
mark 						{background-color: #2a3890; color: #fff; font-style: italic; font-weight: bold;}
input:-moz-placeholder 		{color: #a9a9a9;}
textarea:-moz-placeholder 	{color: #a9a9a9;}



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

html, input, textarea	{-webkit-font-smoothing: antialiased;}

html, body 				{-webkit-text-size-adjust: 100%;}

body, input, form, 
select, textarea, field	{line-height: 100%; font-size: 1em; color: #60574c; font-family: "Lato", Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility;}

h1, h2, h3, h4, h5, h6	{line-height: 150%; font-size: 1em; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; margin: 0;}

p, span, li				{color: #60574c; font-size: 1em; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400;}
p, li					{line-height: 150%; margin: 0;}
p a 					{color: #60574c; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
p a:hover 				{color: #EE287C;}



/* 
===================================================================================================
Layout (mobile)
===================================================================================================
*/

img 					{max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
img[src*=svg] 			{width/*\**/: 100%\9;}

ul, ol 					{list-style: none;}

li a 					{display: block; text-decoration: none;}

body					{background: #fff; margin: 0 auto; min-width: 320px; padding: 0; text-align: center;}

#ie-old 				{display: block; width: 100%; position: fixed; top: 0; left: 0; z-index: 99999; padding: 12px 0; background: #fffaa9; text-align: center;}
#ie-old p 				{margin: 0 20px; font-size: 85%; line-height: 125%; color: #494726;}


#wrapper {
	margin: 0;
}




/* == HEADER == */

#header {
	background: #fff;
	padding: 20px 0 0 0; 
	margin: 0; 
	text-align: center;
	overflow: hidden;
	position: relative;
}

#head-logo {
	margin: 0 0 22px 20px;
}

#head-logo a {
	display: block; 
	width: 260px; 
	height: 92px;
}

#head-logo img {
	width: 260px; 
	height: 92px;
}



#sub-menu {
	display: block;
	margin: 0;
	position: absolute;
	top: 15px;
	right: 60px;
	width: 46px;
	height: 46px;
}

#sub-menu ul {
	width: 46px;
	height: 46px;
}

#sub-menu li {
	display: block;
	width: 46px;
	height: 46px;	
}

#sub-menu li.email {
	display: none;
}

#sub-menu li a {
	display: block;
	width: 46px;
	height: 46px;
	text-decoration: none;
	padding: 4px 0 0 4px;
}

#sub-menu li.phone a div {
	border-radius: 50%;
	width: 38px;
	height: 38px;
	background: #eaeaea center center no-repeat url(../../img/icon-phone-blue.svg);
	background-size: 18px 18px;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

#sub-menu li.phone a div {

}

#sub-menu li a span {
	display: none;
}


ul#menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

ul#menu li {
	display: inline-block;
	float: left;
	margin-right: 1px;
	font-weight: 700;
	font-size: 100%;
}

ul#menu li.services-desk {
	display: none;
}

ul#menu li a,
ul#menu li button {
	display: block;
}

.show-menu {
	display: none;
}

input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

input[type=checkbox]:checked ~ ul#menu {
    display: block;
}


@media screen and (max-width: 599px){

	ul#menu {
		position: static;
		display: none;
		margin-top: 22px;
	}

	ul#menu li {
		margin-bottom: 1px;
		font-weight: 700;
	}

	ul#menu li, 
	ul#menu li a,
	ul#menu li button {
		width: 100%;
	}

	ul#menu li.services-mob span {
		background: #9E1E63;
		color: #fff;
		font-size: 1rem;
		font-weight: 400;
		padding: 12px 0;
		text-transform: uppercase;
	}

	ul#menu li.services-mob a {
		border-top: 1px dotted white;
	}

	ul#menu li.services-mob a:last-child:hover {
		cursor: default;
		background: #9E1E63;
	}

	ul#menu li a,
	ul#menu li button {
		display: block;
		line-height: 110%;
		min-width: 140px;
		padding: 15px 0;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		background: #9E1E63;
		text-decoration: none;		
	}

	ul#menu li a:hover,
	ul#menu li button:hover {
		background: #EE287C;
	}

	.services-dd-menu {
		display: none !important;
	}

	.show-menu {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;
		width: 46px;
		height: 46px;
		padding: 4px 0 0 4px;
		text-decoration: none;
	}

	.show-menu div {
		width: 38px;
		height: 38px;
		border-radius: 50%;
		-webkit-transition: all 0.1s;
		transition: all 0.1s;
		background: #2A3890 center center no-repeat url(../../img/icon-menu-white.svg);
		background-size: 16px 12px;
	}

	.show-menu:hover div {
		background-color: #EE287C;
	}

}


@media screen and (min-width: 600px) {

		#header {
			height: 12rem;
		}

		.services-dd-menu {
			top: 12rem;
			background: linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 100%); 
		}

		.services-dd-menu > div {
			padding: 30px 30px 35px 30px;
		}

		.services-dd-menu a {
			padding-top: 80px;
			padding-bottom: 80px;
		}

		.services-dd-menu a.service1 {
			background: linear-gradient(135deg, rgba(214,28,92,1) 0%, rgba(165,36,107,1) 100%);
		}

		.services-dd-menu a.service1:hover {
			background: #A5246B;
		}

		.services-dd-menu a.service2 {
			background: linear-gradient(135deg, rgba(132,41,117,1) 0%, rgba(64,52,137,1) 100%); 
		}

		.services-dd-menu a.service2:hover {
			background: #403489;
		}

		ul#menu {
			list-style-type: none;
			margin: 0;
			padding: 0;
			position: relative;
			overflow: hidden;
			border-top: 1px dashed #e3e3e3;
			padding: 0 30px 0 33px;
		}

		ul#menu li {
			font-size: 110%;
			margin: 0 12px 0 0;
		}

		ul#menu li.services-desk {
			display: block !important;
		}

		ul#menu li.services-mob {
			display: none !important;
		}

		ul#menu li:last-child {
			margin: 0;			
		}

		ul#menu li a,
		ul#menu li button {
			padding: 15px 5px;
			color: #2A3890;
			-webkit-transition: color 0.1s;
			transition: color 0.1s;
		}

		ul#menu li a.active {
			color: #EE287C;
		}

		ul#menu li a:hover,
		ul#menu li button:hover {
			color: #EE287C;
		}



		#sub-menu {
			right: 30px;
			width: auto;
			height: auto;
		}

		#sub-menu ul {
			width: auto;
			height: auto;
		}

		#sub-menu li,
		#sub-menu li.email {
			display: inline-block;
			vertical-align: top;
			width: auto;
			height: auto;
			margin: 0 0 0 15px;
			line-height: 100%;	
		}

		#sub-menu li a {
			width: auto;
			height: auto;
			padding: 0;
		}

		#sub-menu li.email a div,
		#sub-menu li.phone a div {
			border-radius: none;
			width: auto;
			height: auto;
			background: none;

		}

		#sub-menu li a span {
			display: block;
			font-size: 90%;
			color: #90877c;
			-webkit-transition: all 0.1s;
			transition: all 0.1s;
		}

		#sub-menu li.phone a {
			cursor: default;
		}

		#sub-menu li.phone a span {

		}

		#sub-menu li.email a:hover span {
			color: #EE287C;
			text-decoration: underline;
		}


}


@media screen and (min-width: 720px) {

			#header {
				height: 8rem;
				padding: 20px 30px 28px 30px;
			}

			.services-dd-menu {
				top: 8rem;
				padding: 20px 30px 28px 30px;
			}

			.services-dd-menu a {
				padding-top: 110px;
				padding-bottom: 110px;
			}

			#head-logo {
				margin: 0;
				-webkit-transition: all 0.3s; 
				transition: all 0.3s;
			}

			#head-logo a {
				width: 226px; 
				height: 80px;
				-webkit-transition: all 0.3s; 
				transition: all 0.3s;
			}

			#head-logo img {
				width: 226px; 
				height: 80px;
				-webkit-transition: all 0.3s; 
				transition: all 0.3s;
			}


			ul#menu {
				position: absolute;
				right: 30px;
				bottom: 27px;
				border: none;
				padding: 0;
				-webkit-transition: all 0.3s; 
				transition: all 0.3s;
			}

			ul#menu li {
				font-size: 105%;
				margin: 0 16px 0 0;
				padding: 0;
			}

			ul#menu li:last-child {
				margin: 0;			
			}

			ul#menu li a,
			ul#menu li button {
				padding: 0;
				margin: 0;
				border-bottom: 2px dotted #dcdcdc;
			}

			ul#menu li a.active {
				border-bottom: 2px dotted #EE287C;
			}


			#sub-menu {
				top: auto;
				bottom: 70px;
				-webkit-transition: all 0.3s; 
				transition: all 0.3s;
			}

}


@media screen and (min-width: 840px) {

				#header {
					padding: 20px 35px 28px 35px; 
				}

				.services-dd-menu {
					padding: 20px 35px 28px 35px; 
				}

				ul#menu {
					right: 35px;
					bottom: 25px;
				}

				ul#menu li {
					font-size: 125%;
					margin: 0 20px 0 0;
				}

				ul#menu li:last-child {
					margin: 0;			
				}


				#sub-menu {
					bottom: 70px;
					right: 35px;
				}


}


@media screen and (min-width: 920px) {

					#header {
						height: 9rem;
					}

					.services-dd-menu {
						top: 9rem;
					}

					#head-logo a {
						width: 260px; 
						height: 92px;
					}

					#head-logo img {
						width: 260px; 
						height: 92px;
					}


					ul#menu li {
						font-size: 140%;
					}

}



@media screen and (min-width: 1040px) {

						#header {
							max-width: 1270px;
							height: 9.75rem;
							margin: 0 auto; 
							padding: 28px 35px 36px 35px; 
							text-align: left;
						}

						.services-dd-menu {
							top: 9.75rem;
						}

						.services-dd-menu > div {
							max-width: 1270px;
							margin: 0 auto;
							padding: 28px 35px 36px 35px;
						}

						ul#menu {
							bottom: 32px;
						}

						ul#menu li {
							font-size: 160%;
							margin: 0 25px 0 0;
						}

						ul#menu li:last-child {
							margin: 0;			
						}


						#sub-menu {
							bottom: 85px;
						}				

						#sub-menu li a span {
							font-size: 95%;
						}


}




/* == FOOTER == */

#prefooter100 {
	background: #fff;
}

#prefooter {
	text-align: left;
}

#prefooter > div {
	padding: 11px 0; 
	max-width: 380px; 
	width: 85%; 
	margin: 0 auto;
}

#back-top {
	display: none !important;
}

#footer100 {
	background: #2a3890;
}

#footer 				{padding: 30px 0; max-width: 380px; width: 85%; margin: 0 auto; text-align: left;}
#footer p 				{color: #fff; font-size: 90%; line-height: 140%; margin: 0;}
#footer p strong 		{font-weight: 900; display: block;}
#footer p span 			{display: inline-block !important; color: #fff; font-weight: 400;}

#f-logo {
	margin: 0 auto 18px 0;
}

#f-logo img {
	width: 260px; 
	height: 92px;
}

#f-addy {
	margin: 0 0 20px 0;
	padding: 0 12px;
}

#f-text {
	margin: 0 0 20px 0;
	padding: 0 12px;
}

#f-text table 		{font-size: 1em; font-family: "Lato", Helvetica, Arial, sans-serif; margin: 0 0 15px 0;}
#f-text th,
#f-text td 		{text-align: left; vertical-align: top; padding: 0 10px 7px 0; font-size: 90%; color: #fff; line-height: 100%;}
#f-text th 		{font-weight: 400;}
#f-text td 		{font-weight: 900;}
#f-text td a 		{text-decoration: none; color: #fff; font-weight: 900;}
#f-text td a:hover {border-bottom: 1px dotted #fff;}

#f-links {
	padding: 0 12px;
	margin: 0;
}
#f-links ul li 		{color: #fff; font-size: 90%; line-height: 100%; display: inline-block; vertical-align: top; margin: 0 20px 0 0;}
#f-links ul li:last-child {
	margin: 0;
}
#f-links ul li a	{color: #fff; border-bottom: 1px dotted #2A3890;}
#f-links ul li a:hover {border-bottom: 1px dotted #fff;}


@media screen and (min-width: 600px) {

	#prefooter100 			{padding: 0 30px;}
	#prefooter > div 		{padding: 11px 0; max-width: auto; width: auto; margin: 0; display: inline-block; vertical-align: top;}

	#footer100 				{padding: 35px 30px 0 30px;}
	#footer 				{padding: 0; max-width: none; width: auto; margin: 0; overflow: hidden;}

	#f-logo {
		margin: 0 0 20px 0;
	}

	#f-addy 			{margin: 0 25px 20px 0; padding: 0 0 0 12px; float: left; width: 180px;}

	#f-text 			{margin: 0 0 20px 0; padding: 0; float: left; width: 335px;}

	#f-links {
		clear: both;
		border-top: 1px dashed rgba(255,255,255,0.4);
		padding: 20px 0 22px 12px;
	}
	
}


@media screen and (min-width: 720px) {

	#f-addy 			{width: 200px; margin: 0 35px 20px 0;}

	#f-text 			{width: 410px;}

}


@media screen and (min-width: 840px) {

		#prefooter100 			{padding: 0 35px;}

		#footer100 				{padding: 35px 35px 0 35px;}

		#f-addy 			{width: 220px;}

		#f-text 			{width: 410px;}		
	
}


@media screen and (min-width: 920px) {

			#prefooter 						{overflow: hidden;}
			#prefooter > div 				{padding: 12px 0;}

			#back-top {
				display: block !important; 
				float: right; 
				background: #2A3890; 
				margin: 0; 
				padding: 0 !important; 
				-webkit-transition: all 0.1s;
				transition: all 0.1s;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				overflow: hidden;
			}

			#back-top a 					{text-decoration: none; display: block; padding: 12px 15px; margin: 0 !important;}
			#back-top a span 				{display: inline-block; vertical-align: middle; margin: 1px 2px 0 0 !important; width: 16px; height: 16px; background: 0 0 no-repeat url(../../img/icon-back-top.png); background-size: 100%;}
			#back-top a p 					{color: #fff; text-transform: uppercase; display: inline-block; vertical-align: middle; font-weight: 900; font-size: 90%; margin: 0 !important;}
			#back-top a:hover 				{background: #EE287C;}

}


@media screen and (min-width: 1040px) {

					#prefooter 				{max-width: 1200px; margin: 0 auto;}
					#prefooter > div 		{padding: 14px 0;}

					#back-top a 			{padding: 16px 17px;}
					#back-top a span 		{width: 20px; height: 20px;}

					#footer 				{max-width: 1200px; margin: 0 auto;}

					#f-logo {
						float: left;
						margin: 0 45px 30px 0;
					}

					#f-logo img {
						width: 220px; 
						height: 78px;
					}

					#f-addy {
						width: 220px;
						margin: 0 30px 30px 0;
						padding: 0;
					}

					#f-text {
						width: 420px;
						margin: 0 0 30px 0;
						padding: 4px 0 0 0;
					}

					#f-text table {
						margin: 0 0 8px 0;
					}

}


@media screen and (min-width: 1100px) {

						#back-top a 			{padding: 16px 19px;}

}


@media screen and (min-width: 1180px) {
	
							#footer p {
								font-size: 95%;
							}

							#f-logo {
								margin: 0 60px 35px 0;
							}

							#f-logo img {
								width: 240px; 
								height: 85px;
							}

							#f-addy {
								margin: 0 40px 35px 0;
							}

							#f-text {
								width: 440px;
							}

							#f-text td {
								padding: 0 15px 8px 0; 
								font-size: 95%;
							}



}





/* == HOME == */

#home-banner100 {
	clear: both;
	margin-bottom: 8px;
	background: linear-gradient(-45deg, #2a3890 0%,#d91b5b 80%,#9e1e63 100%);
}

#home-banner100-bg {
	background: bottom right no-repeat url(../../img/bg-jigsaw-white2-large.png);
	background-size: cover;
}

#home-banner {
	padding: 85px 25px 90px 25px;
}

#home-banner h1 {
	font-weight: 700;
	color: #fff;
	font-size: 160%;
	line-height: 110%;
	margin: 0 auto 8px auto;
}

#home-banner h2 {
	color: #fff;
	font-size: 110%;
	font-weight: 700;
	line-height: 150%;
	margin: 0 auto;
}

#home-service-banners100 {
	clear: both;
	background: white;
}


#home-service-banners {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#home-service-banners a {
	width: 100%;
	padding: 65px 35px 70px 35px;
	margin-bottom: 8px;
}

#home-service-banners a:first-child {
	background: linear-gradient(135deg, rgba(214,28,92,1) 0%, rgba(165,36,107,1) 100%);
}

#home-service-banners a:first-child:hover {
	background: #A5246B;
}

#home-service-banners a:last-child {
	background: linear-gradient(135deg, rgba(132,41,117,1) 0%, rgba(64,52,137,1) 100%);
}

#home-service-banners a:last-child:hover {
	background: #403489;
}

#home-service-banners a h4 {
	font-weight: 700;
	color: #fff;
	font-size: 150%;
	line-height: 110%;
	margin: 0 auto 8px auto;
}

#home-service-banners a span {
	color: #fff;
	font-size: 100%;
	line-height: 150%;
	margin: 0 auto 28px auto;
}

#home-service-banners a button {
	color: #fff;
	font-size: 100%;
	font-weight: 700;
	border-radius: 8px;
	padding: 14px 30px;
	margin: 0 auto;
	text-transform: uppercase;
	transition: 0.15s ease-out color;
}

#home-service-banners a:first-child button {
	background-color: #602F80;
}

#home-service-banners a:first-child:hover button {
	background-color: #D71B5C;
}

#home-service-banners a:last-child button {
	background-color: #7A2B78;
}


.home-serv-pic {
	float: right; 
	margin: 0 0 15px 15px; 
	width: 100px; 
	height: 100px; 
	border-radius: 12px; 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover;
}


#home-logos100 {
	border-bottom: 2px dotted #dcdcdc;
	margin: 0px auto 25px auto;
	max-width: 1400px; 
	padding: 40px 0;
}

#home-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#home-logos span {
	font-size: 110%;
	font-weight: 700;
	color: #50473c;
	margin-bottom: 6px;
	width: 100%;
}

#home-logos-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;	
}

#home-logos-grid img {
	display: block;
	width: auto;
	margin: 15px;
}

#home-logos-grid img.ofsted {
	height: 60px;
}

#home-logos-grid img.camhs {
	height: 40px;
}

#home-logos-grid img.youth {
	height: 50px;
}

#home-logos-grid img.change {
	height: 50px;
}



@media screen and (min-width: 600px) {

	#home-banner {
		padding: 95px 30px 110px 30px;
	}

	#home-banner h1 {
		font-size: 220%;
		margin: 0 auto 10px auto;
	}

	#home-banner h2 {
		font-size: 120%;
		display: inline-block;
		width: 540px;
		margin: 0 auto;
		padding: 0 26px;
	}


	.home-serv-pic {
		margin: 0 0 15px 15px; 
		width: 100px; 
		height: 100px;
	}

}


@media screen and (min-width: 720px) {

		#home-banner {
			padding: 110px 30px 125px 30px;
		}

		#home-banner h1 {
			font-size: 240%;
		}

		#home-banner h2 {
			font-size: 120%;
			padding: 0 35px;
			width: 660px;
			background-position: left 10px, right 10px;
			background-size: 23px 4px, 23px 4px;
		}


		#home-service-banners {
			flex-wrap: nowrap;
		}
		
		#home-service-banners a {
			width: 50%;
			padding: 65px 50px 70px 50px;
			margin-bottom: 0px;
			margin-left: -4px;
			margin-right: -4px;
			align-items: center;
		}

		#home-service-banners a:first-child {
			margin-right: 4px;
		}

		#home-service-banners a:last-child {
			margin-left: 4px;
		}



		.home-serv-pic {
			margin: 0 0 20px 20px; 
			width: 135px; 
			height: 135px;
		}



		#home-logos100 {
			padding: 45px 0 40px 0;
		}

		#home-logos span {
			font-size: 130%;
			margin-bottom: 6px;
		}

		#home-logos-grid img.ofsted {
			height: 70px;
		}

		#home-logos-grid img.camhs {
			height: 50px;
		}

		#home-logos-grid img.youth {
			height: 60px;
		}

		#home-logos-grid img.change {
			height: 60px;
		}

}


@media screen and (min-width: 840px) {

			#home-banner {
				padding: 120px 35px 135px 35px;
			}


			.home-serv-pic {
				float: none; 
				margin: 0 0 18px 0; 
				width: 100%; 
				height: 220px;
			}

}


@media screen and (min-width: 920px) {

				#home-banner {
					padding: 125px 35px 145px 35px;
				}

				#home-banner h1 {
					font-size: 280%;
					margin-bottom: 13px;
				}

				#home-banner h2 {
					font-size: 130%;
					padding: 0 40px;
					width: 780px;
				}


				.home-serv-pic {
					height: 240px;
				}

}


@media screen and (min-width: 1040px) {

					.home-serv-pic {
						margin: 0 0 22px 0; 
						height: 210px;
					}

}


@media screen and (min-width: 1100px) {
			
						.home-serv-pic {
							margin: 0 0 25px 0; 
							height: 230px;
						}

}


@media screen and (min-width: 1180px) {

							#home-banner100 {
								margin-bottom: 25px;
								max-width: 1400px; 
								margin: 0 auto 8px auto;
							}

							#home-banner {
								padding: 150px 35px 165px 35px;
							}

							#home-banner h1 {
								font-size: 330%;
							}

							#home-banner h2 {
								font-size: 150%;
								padding: 0 42px;
								width: 920px;
							}



							#home-service-banners {
								max-width: 1392px; 
								margin: 0 auto 8px auto;
							}

							#home-service-banners a {
								padding: 80px 80px 85px 80px;
								margin-bottom: 0px;
							}
		
							#home-service-banners a h4 {
								font-size: 180%;
								margin: 0 auto 10px auto;
							}
							
							#home-service-banners a span {
								font-size: 110%;
								margin: 0 auto 32px auto;
							}
							
							#home-service-banners a button {
								font-size: 110%;
								border-radius: 10px;
								padding: 16px 36px;
							}



							#home-logos100 {
								padding: 50px 0 40px 0;
							}
						
							#home-logos span {
								font-size: 170%;
								margin-bottom: 6px;
							}
						
							#home-logos-grid img {
								margin: 20px 25px;
							}
						
							#home-logos-grid img.ofsted {
								height: 80px;
							}
					
							#home-logos-grid img.camhs {
								height: 60px;
							}
					
							#home-logos-grid img.youth {
								height: 70px;
							}
					
							#home-logos-grid img.change {
								height: 70px;
							}

}





#thanks 					{background: #c2e487; padding: 13px 20px 14px 20px; margin: 0 auto 20px auto; max-width: 770px;}
#thanks p 					{font-size: 85%; color: #4c7309; margin: 0 !important; line-height: 130%;}





/* STANDARD LAYOUTS */
.area100 				{text-align: left; }
.dotted-base 			{border-bottom: 2px dotted #dcdcdc;}

.std-area 				{max-width: 380px; width: 85%; margin: 0 auto; overflow: hidden; padding: 25px 0 33px 0;}
.std-area h2 			{color: #708e77; font-size: 140%;}
.std-area h2.home 		{line-height: 110%; margin-bottom: 6px;}
.std-area h2 a 			{color: #708e77; text-decoration: underline;}
.std-area h2 a:hover 	{color: #263d31;}

.std-area h4 {
	color: #2A3890; 
	font-size: 150%;
	font-weight: 700;
	line-height: 110%; 
	margin: 0 0 20px 0;
	padding-bottom: 14px;
	border-bottom: 2px dotted #dcdcdc;
}

.std-area h5 {
	color: #2A3890; 
	font-size: 130%;
	font-weight: 700;
	line-height: 110%; 
	margin: 0 0 8px 0;
}

.std-area p 			{font-size: 100%; margin: 0 0 15px 0; color: #70675c;}
.std-area p.large 		{font-size: 110%; color: #50473c; margin: 0 0 20px 0;}
.std-area p.no-jobs 	{font-size: 120%; color: #2a3890; margin: 0 0 4px 0 !important;}
.std-area p.hyper 		{font-size: 85%; margin: 0;}
.std-area p.hyper a 			{text-decoration: none; border-bottom: 1px dashed #e5e5e5; padding-bottom: 3px; color: #9E1E63; -webkit-transition: all 0.15s;
	transition: all 0.15s;}
.std-area p.hyper a:hover		{color: #EE287C; border-bottom: 1px dashed #EE287C;}

.std-area p.high 		{display: inline-block; background: #e5f257;}

.std-area ul.std 		{margin: 0 0 25px 30px; list-style: disc; font-size: 90%;}
.std-area ul.std li 	{color: #60574c; margin-bottom: 10px;}

.std-area ul.bullets {
	margin: 0; 
	list-style: none; 
}

.std-area ul.bullets li {
	font-size: 95%;
	margin: 0 0 16px 0;
	padding: 0 0 0 32px;
	min-height: 26px;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}

.std-area ul.bullets li:last-child {
	margin: 0;
}

.std-area ul.tick-bullets li {
	background-image: url(../../img/icon-bullet-tick.svg);
}

.std-area ul.cross-bullets li {
	background-image: url(../../img/icon-bullet-cross.svg);
}




.jobs-full {
	padding-top: 20px;
	overflow: visible;
}


.jobs-full h1.jobs-h1 {
	color: #2A3890; 
	font-size: 180%;
	line-height: 125%;
	margin: 0 0 18px 0 !important;
	padding: 0 0 16px 0;
	border-bottom: 1px dotted #bcbcbc;
}

.jobs-full h2.jobs-h2 {
	color: #2A3890; 
	font-size: 130%;
	line-height: 110%; 
	margin: 0 0 24px 0 !important;
}




.area-header 			{margin: 0 0 20px 0;}
.area-header h3 {
	color: #60574c; 
	font-size: 140%; 
	line-height: 140%;
	font-weight: 400;
}

.area-header > p 		{color: #60574c; font-size: 120%; font-weight: 300;}
.area-header > p.job 	{font-size: 90%; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; margin: 0 0 15px 0;}
.area-header > p.job a 	{display: inline-block; text-decoration: none; border-bottom: 1px solid #263d31; padding-bottom: 1px;}
.area-header > p.job a:hover {color: #708e77; border-bottom: 1px dashed #708e77;}

.area-threecol1 		{margin: 0 0 30px 0;}
.area-threecol2 		{margin: 0 0 30px 0;}
.area-threecol3 		{margin: 0;}

.area-threecol1 a,
.area-threecol2 a,
.area-threecol3 a,
.area-twocol1 a,
.area-twocol2 a 		{text-decoration: none; display: block;}

.brochure-pic 			{margin-bottom: 4px;}

.area-twocol1 			{margin: 0 0 30px 0;}
.area-twocol2 			{margin: 0;}

#goog-btn 				{display: inline-block;}
#goog-btn a 			{border: 1px solid #fff; padding: 0 20px 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; overflow: hidden; text-decoration: none;}
#goog-btn a span 		{display: inline-block; vertical-align: top; width: 15px; height: 20px; margin: 10px 3px 10px 0; background: 0 0 no-repeat url(../../img/icon-map-pin.png); background-size: 15px 20px;}
#goog-btn a p 			{display: inline-block; vertical-align: top; line-height: 100%; font-weight: 900; margin: 13px 0 0 0; text-transform: uppercase; font-size: 90%; color: #fff;}
#goog-btn a:hover 		{background: #000;}




/* == OTHER PAGES == */

#std-banner100 {
	clear: both;
	background: #2A3890;
}

#std-banner100-bg {
	background: bottom right no-repeat url(../../img/bg-jigsaw-white3-large.png);
	background-size: auto 100%;
}

#std-banner {
	padding: 65px 25px 70px 25px;
}

#std-banner h1,
#std-banner span {
	font-weight: 700;
	color: #fff;
	display: block;
	font-size: 160%;
	line-height: 110%;
	margin: 0 auto;
}




.join-btn {
	display: block;
	padding: 20px 0 30px 0;
	width: 100%;
}

.join-btn a {
	background-color: #D91B5B;
	color: #fff;
	font-size: 100%;
	font-weight: 700;
	border-radius: 10px;
	padding: 15px 28px;
	margin: 0 auto 0 0;
	transition: 0.15s ease-out all;
}

.join-btn a:hover {
	background-color: #7A2B78;
}

@media screen and (min-width: 700px) {

	.join-btn a {
		font-size: 110%;
		border-radius: 10px;
		padding: 17px 32px;
	}

}





#tabs > div {
	max-width: 920px;
	margin: 0 auto;
}

#tabs > ul {
	padding-bottom: 24px;
}

#tabs > ul li {
	margin: 0 0 12px 0;
	text-align: left;
	font-weight: 700;
	font-size: 100%;
	border-radius: 10px;
	overflow: hidden;
}

#tabs > ul li a {
	background: #2A3890 right 15px center no-repeat url(../../img/icon-tab-down.png);
	background-size: 20px 20px;
	color: #fff;
	padding: 12px 60px 12px 25px;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}

#tabs > ul li.ui-tabs-active a {
	background-color: #D91B5B;
}

#tabs > ul li a:hover {
	background-color: #EE287C;
}



#std-imgrow100 					{border-top: 5px solid #fff; border-bottom: 5px solid #fff;}
#std-imgrow 					{height: 160px; background-repeat: no-repeat; background-size: cover; background-position: center center;}

#std-map100 					{border-top: 10px solid #fff; border-bottom: 10px solid #fff;}
#std-map 						{height: 300px; background: #263d31; border-bottom: 7px solid #fff;}
#std-vt 						{height: 300px; background: #263d31;}
#std-vt iframe 					{border: 0; display: block; width: 100%; height: 300px;}



.biog 							{margin: 0 0 20px 0; padding: 16px 0 0 0;}
.biog img 						{float: right; margin: 0 0 15px 15px; width: 130px; height: 190px; background: #f5f5f5 !important; border: 1px solid #e3e3e3;}
.biog h6 						{font-size: 130%; font-weight: 700; color: #9E1E63; margin: 0 0 3px 0;}

.contact-table 					{border: 0; text-align: left; margin: 0 0 30px 0;}
.contact-table tr 				{border-top: 1px solid #e2ddd5;}
.contact-table tr:first-child 	{border: 0;}
.contact-table th,
.contact-table td 				{font-size: 90%; padding: 10px 13px 10px 0; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 100%;}
.contact-table th 				{}
.contact-table td 				{color: #60574c; font-weight: 900;}
.contact-table td a 			{color: #60574c; font-weight: 900;}
.contact-table td a:hover 		{color: #87A80e;}

.contact-table-pad 				{margin-top: 8px;}


#contact-form p b {
	color: #4a4a4a;
}

#contact-form p.message {
	padding: 15px 20px;
	background: #EE287C;
	color: #fff !important;
	font-weight: 700;
}


#link-blocks {
	padding: 10px 0 0 0;
}

#link-blocks ul {
	list-style: none;
}

#link-blocks li {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 20px 0;
	line-height: 110%;
	font-size: 110%;
	font-weight: 700;
}

#link-blocks li:last-child {
	margin: 0;
}

#link-blocks a {
	display: block;
	text-decoration: none;
	background: #2A3890 bottom 20px right 20px no-repeat url(../../img/icon-arrow-white-circle.svg);
	background-size: 24px 24px;
	position: relative;
	height: 100px;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}

#link-blocks a span {
	color: #fff;
	display: block;
	bottom: 20px;
	left: 20px;
	padding: 0 55px 0 0;
	font-weight: 700;
	position: absolute;
}

#link-blocks a:hover {
	background-position: bottom 20px right 14px;
	background-color: #EE287C;
}






@media screen and (min-width: 600px) {


	/* STANDARD LAYOUTS */
	.area100 				{padding: 0 30px;}

	.std-area 				{max-width: none; width: auto; margin: 0; padding: 30px 0 38px 0;}
	.std-area h2 			{font-size: 150%;}

	.std-area h4 {
		font-size: 170%;
	}


	.std-area p 			{font-size: 105%; margin: 0 0 18px 0;}
	.std-area p.large 		{font-size: 120%; margin: 0 0 23px 0;}
	.std-area p.no-jobs 	{font-size: 130%;}
	.std-area p.hyper 		{font-size: 90%; margin: 0;}

	.std-area ul.std 		{margin: 0 0 28px 35px; font-size: 95%;}

	.std-area a p.hyperarea {font-size: 90%;}


	.jobs-full h1.jobs-h1 {
		font-size: 200%;
	}

	.jobs-full h2.jobs-h2 {
		font-size: 150%;
	}



	.area-header h3 {
		font-size: 160%;
	}

	.area-header > p {
		font-size: 120%;
	}

	.area-threecol1 		{margin: 0 0 38px 0;}
	.area-threecol2 		{margin: 0 0 38px 0;}
	.area-threecol3 		{}



	#link-blocks ul {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	#link-blocks li {
		width: 48%;
		margin: 0 4% 0 0;
		font-size: 100%;
	}

	#link-blocks a {
		height: 120px;
	}




	/* OTHER PAGES */

	#std-banner {
		padding: 100px 30px 40px 30px;
		text-align: left;
	}

	#std-banner h1,
	#std-banner span {
		font-size: 180%;
		margin: 0 auto 0 auto;
		max-width: 1200px;
	}


	#std-imgrow100 					{border-top: 8px solid #fff; border-bottom: 8px solid #fff;}
	#std-imgrow 					{height: 200px;}

	#std-map 						{height: 350px;}
	#std-vt 						{height: 350px;}
	#std-vt iframe 					{height: 350px;}

}






@media screen and (min-width: 700px) {

			/* STANDARD LAYOUTS */
			.std-area h2 			{font-size: 190%;}
			.std-area h2.home 		{font-size: 170%; margin: 0 0 10px 0;}


			.jobs-full h1.jobs-h1 {
				font-size: 240%;
			}

			.jobs-full h2.jobs-h2 {
				font-size: 170%;
				margin-bottom: 32px !important;
			}



			.area-header h3 {
				font-size: 190%;
			}


			/* OTHER PAGES */


			#std-imgrow 					{height: 220px;}

			#std-map 						{height: 320px;}
			#std-vt 						{height: 320px;}
			#std-vt iframe 					{height: 320px;}


}


@media screen and (min-width: 720px) {

			#std-banner100 {
				margin-bottom: 15px;
			}

			#std-banner {
				padding: 120px 30px 40px 30px;
			}

			#std-banner h1,
			#std-banner span {
				font-size: 200%;
			}


			.area-twocol1 			{float: left; width: 47.5%; margin: 0 5% 0 0;}
			.area-twocol2 			{float: left; width: 47.5%; padding: 0;}



			.std-area h4 {
				font-size: 190%;
				margin: 0 0 20px 0;
				padding-bottom: 14px;
			}


			#tabs > ul {
				padding-bottom: 32px;
			}


			#link-blocks li {
				font-size: 110%;
			}

			#link-blocks a span {
				padding: 0 70px 0 0;
			}


}




@media screen and (min-width: 840px) {

			#std-banner100 {
				margin-bottom: 15px;
			}

			#std-banner100-bg {
				background-size: cover;
			}

			#std-banner {
				padding: 140px 35px 35px 35px;
			}

			#std-banner h1,
			#std-banner span {
				font-size: 220%;
			}





			/* STANDARD LAYOUTS */
			.area100 				{padding: 0 35px;}

			.std-area 				{padding: 32px 0 40px 0; overflow: hidden;}
			.std-area-visible {
				overflow: visible;
			}

			.std-area h2 			{font-size: 160%; margin: 0 0 8px 0;}
			.std-area h3,

			.std-area h4 {
				font-size: 200%;
				margin: 0 0 12px 0;
				padding-bottom: 0;
				border: none;
			}

			.std-area h5 {
				font-size: 140%;
			}



			.jobs-full h1.jobs-h1 {
				font-size: 250%;
				margin: 0 0 26px 0 !important;
				padding: 0 0 25px 0;
			}

			.jobs-full h2.jobs-h2 {
				font-size: 190%;
			}



			.std-area p 			{font-size: 105%; margin: 0 0 24px 0;}
			.std-area p.large 		{font-size: 120%; margin: 0 0 24px 0;}
			.std-area p.no-jobs 	{font-size: 140%;}
			.std-area p.hyper 		{font-size: 85%; margin: 0;}

			.std-area a p.hyperarea {font-size: 85%;}

			.std-area ul.std 		{margin: 0 0 28px 37px; font-size: 95%;}
			.std-area ul.std li 	{margin-bottom: 13px;}


			.std-area ul.bullets li {
				font-size: 100%;
				background-position: top 1px left;
			}


			.area-header 			{margin: 0 0 20px 0;}
			.area-header h3 {
				font-size: 190%;
			}
			.area-header > p 		{font-size: 120%;}

			.area-threecol1 		{margin: 0 3.75% 30px 0; float: left; width: 30%;}
			.area-threecol2 		{margin: 0 3.75% 30px 0; float: left; width: 30%;}
			.area-threecol3 		{float: left; width: 30%; margin-bottom: 30px;}


			#goog-btn a 			{padding: 0 15px 0 12px;}
			#goog-btn a span 		{margin: 8px 3px 8px 0;}
			#goog-btn a p 			{margin: 11px 0 0 0; font-size: 80%;}



			/* OTHER PAGES */

			#std-imgrow 			{height: 240px;}

			#std-map100 			{margin: 0 0 50px 0; overflow: hidden;
									-webkit-box-shadow: 0px 1px 13px 0px rgba(0,0,0,0.18);
                			        -moz-box-shadow: 0px 1px 13px 0px rgba(0,0,0,0.18);
                    			    box-shadow: 0px 1px 13px 0px rgba(0,0,0,0.18);
									}
			#std-map 				{height: 450px; float: left; width: 49.35%; border: 0;}
			#std-vt 				{height: 450px; float: right; width: 49.35%; border: 0;}
			#std-vt iframe 			{height: 450px;}



			#tabs {
				border-top: 2px dotted #dcdcdc;
				position: relative;
			}

			#tabs > ul {
				padding-bottom: 32px;
				display: block;
				margin: -25px auto 0 auto;
				text-align: center;
				position: relative;
			}

			#tabs > ul li {
				display: inline-block;
				vertical-align: top;
				text-align: left;
				margin: 0 6px;
			}

			#tabs > ul li a {
				background-position: right 15px center;
				padding: 12px 45px 12px 20px;
			}


}


@media screen and (min-width: 920px) {

				#link-blocks li {
					width: 49%;
					margin: 0 2% 0 0;
					font-size: 120%;
				}

				#link-blocks a {
					background-position: bottom 25px right 25px;
				}

				#link-blocks a span {
					bottom: 25px;
					left: 25px;
				}

				#link-blocks a:hover {
					background-position: bottom 25px right 20px;
				}




				/* OTHER PAGES */

				#std-imgrow 					{height: 230px;}


				.biog img 						{margin: 0 25px 20px 0; float: left; width: 160px;}


}



@media screen and (min-width: 1020px) {

					.biog img 						{margin: 0 25px 20px 0; float: left; width: 160px;}
					.biog div 						{overflow: hidden; padding-bottom: 8px;}

}


@media screen and (min-width: 1040px) {

					#link-blocks {
						padding: 10px 0 40px 0;
					}

					#link-blocks li {
						width: 48%;
						margin: 0 4% 0 0;
					}

					#link-blocks a {
						height: 150px;
					}



					#tabs > ul {
						padding-bottom: 50px;
						margin: -29px auto 0 auto;
					}

					#tabs > ul li {
						margin: 0 8px;
						font-size: 110%;
					}

					#tabs > ul li a {
						background-position: right 25px center;
						padding: 14px 58px 14px 28px;
					}




					/* STANDARD */
					.std-area 					{padding: 43px 0 47px 0; max-width: 1200px; margin: 0 auto;}
					.std-area h2 				{font-size: 160%; margin: 0 0 8px 0;}
					.std-area h3,

					.std-area h4 {
						font-size: 230%;
					}


					.jobs-full h1.jobs-h1 {
						font-size: 280%;
						margin: 0 0 22px 0 !important;
						padding: 0 0 20px 0;
					}

					.jobs-full h2.jobs-h2 {
						font-size: 200%;
						margin-bottom: 40px !important;
					}


					.std-area p 				{font-size: 110%; margin: 0 0 24px 0;}
					.std-area p.large 			{font-size: 120%; margin: 0 0 24px 0;}
					.std-area p.hyper 			{font-size: 85%; margin: 0;}

					.std-area p.no-jobs 		{font-size: 160%;}

					.std-area a p.hyperarea 	{font-size: 85%;}

					.std-area ul.std 			{margin: 0 0 28px 40px; font-size: 100%;}

					.area-header 				{margin: 0 2.5% 0 0; float: left; padding-right: 20px; width: 23%;}
					.area-header h3 {
						font-size: 130%;
					}
					.area-header > p 			{font-size: 120%;}

					.area-full 					{width: 74%; float: left;}

					.area-threecol1 			{margin: 0 2.5% 30px 0; width: 23%;}
					.area-threecol2 			{margin: 0 2.5% 30px 0; width: 23%;}
					.area-threecol3 			{width: 23%; margin-bottom: 30px;}



					#goog-btn a p 				{font-size: 70%;}

	



					/* OTHER PAGES */

					#std-banner100 {
						margin-bottom: 15px;
						max-width: 1400px; 
						margin: 0 auto;
					}

					#std-banner {
						padding: 175px 35px 35px 35px;
					}

					#std-banner h1,
					#std-banner span {
						font-size: 230%;
					}




					#std-imgrow100 						{border-top: 10px solid #fff; border-bottom: 10px solid #fff;}
					#std-imgrow 						{height: 250px;}

					#std-map100 						{border-top: 10px solid #fff; border-bottom: 10px solid #fff;}

					.biog 								{margin: 0 0 42px 0; padding: 0;}
					.biog img 							{}
					.biog h6 							{font-size: 140%; margin: 0 0 5px 0;}

}


@media screen and (min-width: 1100px) {


						/* STANDARD */
						.std-area 					{padding: 50px 0 55px 0;}
						.std-area h2 				{font-size: 160%; margin: 0 0 8px 0;}

						.std-area h5 {
							font-size: 170%;
							margin: 0 0 16px 0;
						}

						.std-area ul.std 			{margin: 0 0 28px 45px; font-size: 100%;}


						.std-area ul.bullets li {
							font-size: 105%;
							margin: 0 0 18px 0;
							padding: 4px 0 0 42px;
							background-size: 32px 32px;
							min-height: 36px;
						}


						.area-header h3 {
							font-size: 140%;
						}

						.area-header > p 			{font-size: 120%;}
						.area-header > p.job 		{font-size: 95%;}


						#goog-btn a span 			{margin: 10px 3px 10px 0;}
						#goog-btn a p 				{margin: 13px 0 0 0; font-size: 80%;}

						#std-map 					{width: 49.5%;}
						#std-vt 					{width: 49.5%;}

				
						/* OTHER PAGES */

						.biog img 					{margin: 0 30px 20px 0; width: 200px;}


}

@media screen and (min-width: 1180px) {

							#link-blocks li {
								width: 48.5%;
								margin: 0 3% 0 0;
								font-size: 130%;
							}

							#link-blocks a span {
								padding: 0 80px 0 0;
							}



							/* OTHER PAGES */
							#std-imgrow 					{height: 270px;}



}

@media screen and (min-width: 1220px) {

								/* STANDARD */
								.std-area p.large {
									font-size: 130%;
								}


								#std-map 					{width: 49.75%;}
								#std-vt 					{width: 49.75%;}
}






/* == TERMS DOC OVERRIDES == */

#terms-doc {
	padding: 0 0 50px 0;
}

#terms-doc h2 {
	margin: 30px 0 10px 0;
	color: #2A3890;
	font-size: 150%;
	line-height: 110%;
}

#terms-doc h3 {
	color: #3c3c3c;
	font-weight: 700;
	font-size: 120%; 
	line-height: 130%; 
	margin: 30px 0 8px 0;
}

#terms-doc p {
	font-size: 100%;
	margin: 0 0 20px 0;
	max-width: none !important;
}

#terms-doc > ul,
#terms-doc > ol {
	padding: 0;
	margin: 0 0 30px 20px !important;
	font-size: 100% !important;
}

#terms-doc > ul {
	list-style: disc !important;
}

#terms-doc > ol {
	list-style: decimal !important;
}

#terms-doc > ol#topnumbers,
#terms-doc > ol#topnumbers li {
	list-style: decimal !important;
}

#terms-doc > ol.terms,
#terms-doc > ol.terms ol {
	counter-reset: item;
}

#terms-doc > ol.terms li {
	display: block;
}

#terms-doc > ol.terms > li {
	margin-bottom: 30px !important;
}

#terms-doc > ol.terms li strong {
	font-weight: 700;
	font-size: 120%;
}

#terms-doc > ol.terms > li:before,
#terms-doc > ol.terms > li > ol > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

#terms-doc > ol.terms ol {
	padding-top: 0;
}

#terms-doc > ol.terms li li {
	margin-left: 30px !important;
}

#terms-doc > ol.terms > li > ol > li > ul {
	padding: 0 0 2px 5px !important;
}

#terms-doc li {
	margin: 0 0 12px 0;
	color: #727272;
	line-height: 150%;
	font-size: 100%;
}

#terms-doc li strong,
#terms-doc a strong,
#terms-doc p strong {
	color: #525252;
	font-weight: 700; 
}

#terms-doc li a,
#terms-doc p a,
#terms-doc span a {
	color: #424242;
	font-weight: 400;
	display: inline-block;
	text-decoration: underline;
}

#terms-doc li a:hover,
#terms-doc p a:hover,
#terms-doc span a:hover {
	color: #00408b;
}

#terms-doc a {
	display: inline !important;
}


#cookie-table 					{border: 0; text-align: left; margin: 0 0 20px 0;}
#cookie-table th,
#cookie-table td 				{font-size: 80%; padding: 8px 15px 10px 10px; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400;}
#cookie-table th.no-mob,
#cookie-table td.no-mob 		{display: none;}
#cookie-table th 				{background: #EE287C; border: 1px solid #EE287C; color: #fff; font-weight: 700;}
#cookie-table td 				{color: #60574c; border: 1px solid #d2cdc5; background: #fff; line-height: 145%;}



@media screen and (min-width: 720px) {

	#cookie-table 				{margin: 0 0 26px 0;}
	#cookie-table th,
	#cookie-table td 			{font-size: 90%; padding: 10px 18px 12px 13px;}
	#cookie-table th.no-mob,
	#cookie-table td.no-mob 	{display: table-cell;}

}





/* Vacancies Home List */

a.job-list-item {
	display: block;
	cursor: pointer;
	border: 1px solid #dcdcdc;
	border-radius: 12px;
	box-shadow: 0px 6px 12px -2px rgba(0,0,0,0.15);
	margin-bottom: 30px;
	padding: 22px;
	transition: border ease-out 0.25s;
	text-decoration: none;
}

a.job-list-item:hover {
	border: 1px solid #bcbcbc;
	box-shadow: 0px 6px 18px -4px rgba(0,0,0,0.25);
}


a.job-list-item .job-list-item-inner {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

a.job-list-item .job-list-item-info {
	width: 100%;
}

a.job-list-item .job-list-item-info span.job-list-title {
	color: #2A3890; 
	font-size: 120%;
	display: block;
	line-height: 110%;
	font-weight: 700;
	margin: 0 0 16px 0;
}

a.job-list-item .job-list-things {
	padding-bottom: 10px;
}

a.job-list-item .job-list-loc {
	margin-bottom: 12px;
}

a.job-list-item .job-list-ref {
	margin-bottom: 12px;
}

a.job-list-item .job-list-dead {
	margin-bottom: 12px;
}

a.job-list-item .job-list-things span {
	display: block;
}

a.job-list-item .job-list-things span.label {
	font-weight: 300;
	font-size: 80%;
	line-height: 100%;
	color: #70675c;
	margin-bottom: 5px;
}

a.job-list-item .job-list-things span.value {
	font-weight: 400;
	font-size: 100%;
	line-height: 115%;
	color: #40372c;
}



a.job-list-item .job-list-item-btn-item {
	padding: 12px 22px;
	border-radius: 10px;
	background-color: #2A3890;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	transition: 0.15s background ease-out;
}

a.job-list-item:hover .job-list-item-btn-item {
	background-color: #EE287C;
}

a.job-list-item .job-list-item-btn-item span {
	color: #fff;
	font-weight: 700;
	display: block;
	margin-right: 9px;
	line-height: 100%;
	font-weight: 700;
	align-self: center;
}

a.job-list-item .job-list-item-btn-item div.icon {
	background: top left no-repeat url(../../img/icon-arrow-right.png);
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	align-self: center;
}



@media screen and (min-width: 600px) {

	a.job-list-item {
		padding: 26px;
	}

	a.job-list-item .job-list-item-info span.job-list-title {
		font-size: 130%;
		margin: 0 0 16px 0;
		padding: 0 0 14px 0;
		border-bottom: 1px dotted #bcbcbc;
	}


	a.job-list-item .job-list-things {
		padding-bottom: 10px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	a.job-list-item .job-list-loc {
		padding-right: 35px;
		flex: none;
	}

	a.job-list-item .job-list-ref {
		padding-right: 35px;
		flex: none;
	}

	a.job-list-item .job-list-dead {
		flex: none;
	}

}

@media screen and (min-width: 720px) {
	
}

@media screen and (min-width: 840px) {

	a.job-list-item {
		padding: 32px;
		margin-bottom: 35px;
	}

	a.job-list-item .job-list-item-info span.job-list-title {
		font-size: 140%;
	}


	a.job-list-item .job-list-things {
		padding-bottom: 20px;
	}

	a.job-list-item .job-list-loc {
		padding-right: 50px;
		margin-bottom: 0;
	}

	a.job-list-item .job-list-ref {
		padding-right: 50px;
		margin-bottom: 0;
	}

	a.job-list-item .job-list-dead {
		margin-bottom: 0;
	}

}

@media screen and (min-width: 920px) {

	a.job-list-item .job-list-item-inner {
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	a.job-list-item .job-list-item-info {
		width: 70%;
	}


	a.job-list-item .job-list-item-info span.job-list-title {
		font-size: 160%;
		margin: 0 0 21px 0;
		padding: 0 0 18px 0;
	}


	a.job-list-item .job-list-things {
		padding-bottom: 4px;
	}

	a.job-list-item .job-list-things span.label {
		font-size: 80%;
	}

	a.job-list-item .job-list-things span.value {
		font-size: 110%;
	}

	a.job-list-item .job-list-item-btn {
		width: 25%;
		display: flex;
	}

	a.job-list-item .job-list-item-btn-item {
		align-self: center;
		width: 100%;
		height: auto;
	}

}

@media screen and (min-width: 1040px) {

	a.job-list-item {
		padding: 36px;
		margin-bottom: 40px;
	}

	a.job-list-item .job-list-item-info {
		width: 72%;
	}


	a.job-list-item .job-list-item-info span.job-list-title {
		font-size: 175%;
	}


	a.job-list-item .job-list-loc {
		padding-right: 60px;
	}

	a.job-list-item .job-list-ref {
		padding-right: 60px;
	}

	a.job-list-item .job-list-things span.label {
		font-size: 90%;
		margin-bottom: 6px;
	}

	a.job-list-item .job-list-things span.value {
		font-size: 115%;
	}

	a.job-list-item .job-list-item-btn {
		width: 23%;
	}

}

@media screen and (min-width: 1180px) {

	a.job-list-item .job-list-item-info {
		width: 70%;
	}

	a.job-list-item .job-list-item-btn {
		width: 21%;
	}

}






/* Vacancy Details */

a.job-back {
	display: inline-flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	padding: 0 0 0 6px;
	transition: all ease-out 0.2s;
	margin: 0 0 26px -6px;
}

a.job-back:hover {
	padding: 0 6px 0 0;
}

a.job-back div {
	width: 16px;
	height: 16px;
	background: top left no-repeat url(../../img/icon-left-grey-circle.png);
	background-size: 16px 16px;
	margin-right: 7px;
}

a.job-back span {
	color: #70675c; 
	font-size: 90%;
	display: block;
	line-height: 100%;
	font-weight: 400;
	text-decoration: none;
	transition: all ease-out 0.2s;
}

a.job-back:hover span {
	color: #2a3890;
	text-decoration: underline;
}



div.job {
	border: 1px solid #dcdcdc;
	border-radius: 12px;
	box-shadow: 0px 6px 12px -2px rgba(0,0,0,0.15);
	margin-bottom: 25px;
	padding: 24px 26px 26px 26px;
}


.job-things {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 0 26px 0 !important;
	padding: 0 0 7px 0;
	border-bottom: 1px dotted #bcbcbc;
}

.job-things .job-loc {
	padding-right: 30px;
	margin-bottom: 12px;
}

.job-things .job-ref {
	padding-right: 30px;
	margin-bottom: 12px;
}

.job-things .job-dead {
	margin-bottom: 12px;
}

.job-things span {
	display: block;
}

.job-things span.label {
	font-weight: 300;
	font-size: 80%;
	line-height: 100%;
	color: #70675c;
	margin-bottom: 5px;
}

.job-things span.value {
	font-weight: 400;
	font-size: 100%;
	line-height: 115%;
	color: #40372c;
}



.job-section,
.job-files {
	margin: 0 0 40px 0;
}

.job-section ul {
	margin: 0 0 25px 25px;
	list-style: disc;
}


.job-section ol {
	margin: 0 0 25px 25px;
	list-style: decimal;
}

.job-section li {
	line-height: 150%;
	font-weight: 400;
	font-size: 100%;
	color: #70675c;
	margin: 0 0 12px 0;
}


.job-section h3,
.job-files h3 {
	color: #EE287C; 
	font-size: 130%;
	display: block;
	line-height: 110%;
	font-weight: 700;
	margin: 0 0 12px 0;	
}





.job-files a {
	display: flex;
	min-height: 36px;
	flex-wrap: nowrap;
	justify-content: flex-start;
	text-decoration: none;
	margin: 0 0 10px 0;
}

.job-files a div {
	align-self: center;
	width: 36px;
	height: 36px;
	margin-right: 8px;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 36px 36px;
}

.job-files a.job-desc div {
	background-image: url(../../img/icon-job-description.svg);
}

.job-files a.app-form div {
	background-image: url(../../img/icon-application-form.svg);
}

.job-files a span {
	display: block;
	text-decoration: underline;
	font-weight: 400;
	line-height: 100%;
	font-size: 105%;
	color: #70675c;
	align-self: center;
	transition: 0.2s ease-out all;
}

.job-files a:hover span {
	color: #2a3890;
}





.pi-form {
	border-radius: 6px;
	background: #f6f6f8;
	padding: 25px;
}

.pi-form h3 {
	color: #2a3890;; 
	font-size: 130%;
	display: block;
	line-height: 100%;
	font-weight: 700;
	padding: 0 0 8px 0;	
}



@media screen and (min-width: 600px) {

	div.job {
		padding: 26px 32px 32px 32px;
	}


	.job-things {
		margin: 0 0 26px 0 !important;
		padding: 0 0 7px 0;
	}

	.job-things .job-loc {
		padding-right: 35px;
		flex: none;
	}

	.job-things .job-ref {
		padding-right: 35px;
		flex: none;
	}

	.job-things .job-dead {
		flex: none;
	}


	.pi-form {
		padding: 30px;
	}

	.job-section h3,
	.job-files h3,
	.pi-form h3 {
		font-size: 140%;
	}

	.job-section ul,
	.job-section ol {
		margin: 0 0 30px 30px;
	}

	.job-section li {
		font-size: 105%;
	}

}


@media screen and (min-width: 720px) {

	.job-section h3,
	.job-files h3,
	.pi-form h3 {
		font-size: 150%;
	}						

	.pi-form {
		padding: 35px;
	}

}

@media screen and (min-width: 840px) {

	div.job {
		padding: 32px 38px 38px 38px;
	}

	.job-things {
		margin: 0 0 34px 0 !important;
		padding: 0 0 28px 0;
		flex-wrap: nowrap;
	}

	.job-things .job-loc {
		padding-right: 50px;
		margin-bottom: 0;
	}

	.job-things .job-ref {
		padding-right: 50px;
		margin-bottom: 0;
	}

	.job-things .job-dead {
		margin-bottom: 0;
	}

	.job-things span.label {
		font-size: 85%;
	}

	.job-things span.value {
		font-size: 115%;
	}


	.job-section,
	.job-files {
		margin: 0 0 50px 0;
	}

}

@media screen and (min-width: 920px) {

	.pi-form {
		padding: 40px;
	}

}

@media screen and (min-width: 1040px) {

	a.job-back {
		padding: 0 0 0 8px;
		margin: 0 0 32px -8px;
	}

	a.job-back:hover {
		padding: 0 8px 0 0;
	}

	a.job-back div {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		margin-right: 8px;
	}

	a.job-back span {
		font-size: 100%;
	}




	div.job {
		padding: 44px 55px 55px 55px;
		margin-bottom: 40px;
	}

	a.job-list-item .job-list-item-info {
		width: 72%;
	}


	.job-things {
		margin: 0 0 34px 0 !important;
		padding: 0 0 28px 0;
	}

	.job-things .job-loc {
		padding-right: 60px;
	}

	.job-things .job-ref {
		padding-right: 60px;
	}

	.job-things span.label {
		font-size: 90%;
	}

	.job-things span.value {
		font-size: 120%;
	}




	.job-section,
	.job-files {
		margin: 0 0 60px 0;
	}

	.job-section h3,
	.job-files h3,
	.pi-form h3 {
		font-size: 160%;
	}



	.job-files a {
		min-height: 44px;
		margin: 0 0 16px 0;
	}

	.job-files a div {
		width: 44px;
		height: 44px;
		margin-right: 10px;
		background-size: 44px 44px;
	}

	.job-files a span {
		font-size: 110%;
	}


	.pi-form {
		padding: 50px;
	}

}


@media screen and (min-width: 1180px) {

	.job-section h3,
	.job-files h3,
	.pi-form h3 {
		font-size: 170%;
	}

}







/* Vacancy Apply Form */

.pi-form form {
	padding: 12px 0 0 0;
}

.pi-form > p {
	max-width: 620px;
	margin-right: auto;
}



.pi-form .field-box,
.pi-form .field-box-full {
	width: 100%;
	margin-bottom: 20px;
}

.pi-form .form-btn {
	padding-top: 20px;
}

.pi-form label {
	font-weight: 300;
	font-size: 90%;
	line-height: 100%;
	color: #70675c;
	margin-bottom: 5px;
	display: block;
}

.pi-form label.required:after {
	content: "*";
	margin-left: 5px;
	color: #ED000A;
}

.pi-form input[type="text"],
.pi-form input[type="email"],
.pi-form textarea {
	border: 1px solid #DEDEDE;
	padding: 12px 14px;
	font-size: 1rem;
	font-weight: 700;
	line-height: 100%;
	display: block;
	box-sizing: border-box;
	background: #fff;
	color: #40372c;
	width: 100%;
}

.pi-form textarea {
	height: 150px; 
	line-height: 140%;
}


.pi-form button {
	border: 0;
	font-weight: 700;
	color: #fff;
	font-size: 100%;
	padding: 14px 22px;
	border-radius: 10px;
	background-color: #2A3890;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	transition: 0.15s background ease-out;								
}

.pi-form button:hover {
	background-color: #EE287C;
}


.pi-form .ff-form-errors {
	padding: 16px 20px;
	margin: 0 0 30px 0;
	border-radius: 0.5rem;
	background: #ED000A;
}

.pi-form .ff-form-errors > p {
	margin: 0;
	color: #fff;
	font-weight: 400;
	line-height: 130%;
	font-size: 1rem;
}


.pi-form ul.ff-errors {
	padding: 10px 0 5px 0;
}

.pi-form ul.ff-errors li {
	color: #ED000A;
	font-weight: 500;
	line-height: 130%;
	font-size: 1rem;
}


.pi-form .ff-form-success {
    display: inline-block;
    padding: 16px 20px;
    margin: 30px auto 30px 0;
    border-radius: 0.5rem;
    color: #fff;
    background: #00D328;
    font-weight: 400;
    line-height: 130%;
    font-size: 1rem;
}



@media screen and (min-width: 600px) {


}


@media screen and (min-width: 720px) {

	.pi-form .field-boxes {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.pi-form .field-box {
		margin-bottom: 24px;
		width: 48%;
	}

	.pi-form .field-box-full {
		margin-bottom: 24px;
	}

	.pi-form .form-btn {
		padding-top: 20px;
	}

	.pi-form label {
		font-size: 95%;
		margin-bottom: 6px;
	}


}


@media screen and (min-width: 840px) {


}


@media screen and (min-width: 920px) {

	.pi-form .field-box,
	.pi-form .field-box-full {
		margin-bottom: 28px;
	}

	.pi-form .form-btn {
		padding-top: 28px;
	}

	.pi-form input[type="text"],
	.pi-form input[type="email"] {
		padding: 14px 18px;
		font-size: 1.1rem;
	}

	.pi-form button {
		font-size: 110%;
		padding: 14px 22px;
		border-radius: 10px;							
	}

}


@media screen and (min-width: 1040px) {


}


@media screen and (min-width: 1180px) {


}











/* 
===================================================================================================
Media Query Images
===================================================================================================
*/

@media screen and (max-width: 599px) {

}

@media screen and (min-width: 600px) {


}


@media screen and (min-width: 600px) and (max-width: 919px) {

}


@media screen and (min-width: 920px) {

}