@import url("/assets/css/font-awesome.min.css");
@import url("/assets/css/light.min.css");
@import url("/assets/css/regular.min.css");
@import url("/assets/fonts/rebrand2022fonts.css");


body {
	font-family: 'Telegraf-Regular', Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	color: #001f5f;
}

a {
	text-decoration: none;
}

h1 {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	
}

h2, h3 {
	font-family: 'Telegraf-Bold', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
}

h4, h5, h6, .btn, input, .page-header__menu {
	font-family: 'Telegraf-Regular', Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
}

header, section, footer {
	max-width: 450px;
}

a {
	/* cursor: default; */
}

p a, li a {
	color: #001f5f;	
}

.highlight {
	color: #28daa6;
}

.row {
	max-width: 91.688rem; /* 90.188rem; */
}

.modals {
	padding: 0;
}


a.linkbold {
	font-family: "Telegraf-Bold";
}


a.darkbluelink {
	color: #001f5f;
}
a.darkbluelink:hover, a.darkbluelink:active, a.darkbluelink:focus {
	color: #000;
}

a.greenlink {
	color: #5feabb;
}
a.greenlink:hover, a.greenlink:active, a.greenlink:focus {
	color: #001f5f;
}

a.greenwhitelink {
	color: #5feabb;
}
a.greenwhitelink:hover, a.greenwhitelink:active, a.greenwhitelink:focus {
	color: #fff;
}

a.linkwhiteblue {
	color: #fff;
}
a.linkwhiteblue:hover, a.linkwhiteblue:active, a.linkwhiteblue:focus {
	color: #3db9ff;
}



.btn {
	box-shadow: none;
}

.btn--red {
	background-color: #28daa6;
}

.btn--red:hover, .btn--red:active, .btn--red:focus {
	background-color: #001f5f;	
}

.btn--outline {
	padding-top: 11px;
}

.btn--white {
	background-color: #fff;
	color: #001f5f;
}
.btn--white:hover, .btn--white:active, .btn--white:focus {
	background-color: #28daa6;
	
}



.division1 .btn--red {
	background-color: #236fc6;
}

.division1 .btn--red:hover, .division1 .btn--red:active, .division1 .btn--red:focus {
	background-color: #04002c;	
}


.btn--pink {
	background-color: #28daa6;
}

.btn--pink:hover, .btn--pink:active, .btn--pink:focus {
	background-color: #001f5f;
}

.btn--blue {
	background-color: #236fc6;
}

.btn--blue:hover, .btn--blue:active, .btn--blue:focus {
	background-color: #001f5f;	
}

.btn--paleblue {
	color: #fff !important;
	background-color: #3db9ff;
	font-family: "Telegraf-Bold" !important;
	font-size: 0.9rem;
}

.btn--paleblue:hover, .btn--paleblue:active, .btn--paleblue:focus {
	color: #fff !important;
	background-color: #04002c;
}

.btn--darkblue {
	background-color: #001f5f;
	font-family: "Telegraf-Bold" !important;
}

.btn--darkblue:hover, .btn--darkblue:active, .btn--darkblue:focus {
	background-color: #04002b;	
}




.section-title {
	font-family: "Telegraf-Bold" !important;
}

.section-title:after {
	border-top: none;
}


.skillsearch-form label {
	color: #bbbbbb;
}


.figure-breakout {
	margin: 10px 0 0 -150px;
	max-width: 100%;
}


	



/* Top navigation */

.page-header {
	background-color: #0d205b;
	background-image: url('/assets/images/backgrounds/texture-blue.jpg');

	font-family: 'Telegraf-Regular', Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	color: #ffffff;
	font-size: 14px;

	border-bottom: none;
	letter-spacing: 0.03em;
}

.page-header__logo a {
	background: url('/assets/images/skillsearch_logo_2023.svg') no-repeat 0 0/auto 29px;
	background-size: auto;
}


@media screen and (min-width: 75em) {
	.page-header {
	    height: 90px; /* 67 */
	}
	
	.page-header__logo {
	    height: 59px;
	}
}

@media (min-width: 800px) {
	
	.page-header__logo {
		padding-top: 3px;
		margin-left: -9px;
	}

.page-header__logo a {
	background-size: 213pxx;
}

	.page-header a {
		color: #ffffff;
		font-size: 16px;
	}
}





.page-header a:hover, .page-header a:active {
	color: #61ebbd;
}

.page-header .row {
	background-color: #0d205b;
}


.menu__item {
/*	padding-right: 28px; */
	line-height: 3.5;
	
}

.page-header__menu {
	max-width: 440px;
	margin-right: auto;
}


.page-header__menu .divider {
	border-right: solid 1px #2b4274;
}

.header-btn {
	font-weight: normal;

	box-shadow: none;
}

.header-btn i {
/*	display: inline-block; */
	padding-right: 4px;	
/*	padding-top: 1px; */
	font-size: 20px;
}

.header-btn .header-btn-icon {
	display: inline-block; 
	padding-right: 4px;	
/*	padding-top: 1px; */
	font-size: 20px;
}

.header-btn .header-btn-text {
	display: inline-block; 
	margin-bottom: 2px;	
}

.header-upload-btn {
	padding-right: 0 !important;
	margin-right: 0;
}


.search-container:after {
	background: none;
display: none;
}


.search {
	color: #28daa6;
	background-color: #001f5f;
}

.search__form {
	background-color: #001f5f;
	background-image: url('/assets/images/backgrounds/texture-blue.jpg');
	padding: 14px 0 27px 0;
	border-bottom: none;
}


@media (max-width: 800px) {
	.search-tagline {
		font-family: 'Big Shoulders Display' !important;
		font-weight: 800;
		font-size: 20px;
		
		margin-top: 21px;
		margin-left: 5px;
		margin-bottom: 13px;
		text-transform: uppercase;
		color: #fff;
	}
	
	.search-tagline .highlight {
		color: #28daa6;
	}
	
	.search__form .search__field-container {
		
	}
	
	.search__field {
		margin-bottom: 1px;
	}
	
	.search__field #keywords {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		margin: 0 4px;
	}

	.search__form .search__field #where {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		margin: 0 4px;
	}
	

	.search__form .search__field-submit {
		margin-top: 18px;
	}
	
	.search__form .search__field-submit .btn {
		width: 100%;
		border-radius: 2px;
		margin: 0 4px;
	}

}


@media (min-width: 800px) {
	.search-tagline {
		font-family: "Telegraf-Bold" !important;
		margin-top: 11px;
		text-transform: none;
	}

	.search__field-container {
		display: flex;
	}
}

.search__field  {
	flex: none;
}

.search__field input {
	border: 0;
	background-color: #fff;
	border-radius: 0;
	width: 20rem;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;

}

.search__field label {
	display: none;
}

.search__field-keywords {
	order: 1;
}

@media (min-width: 800px) {
	.search__field-keywords {
		margin-left: 76px;
	}

	.search__field-where:before {
		content: "";
		background: #b4b4b4;
		position: absolute;
		bottom: 11px;
		left: 0;
		height: 50%;
		width: 1px;
	}
}




.search__field-where {
	order: 2;
}

.search__field-where input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.search__field-submit {
	order: 3;
}

.search__field-submit .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	font-size: 1.2rem;
	padding: 11px;
}

.filter_cta {
	border: 1px solid #fff;
	border-radius: 2px;
}



	/* Mobile navigation */
.border-no {
	border: 0;
}

@media screen and (max-width: 74.9375em) {
	.page-header .row {
		border: 0;		
	}
}

@media (max-width: 800px) {
	.page-header__logo {
	    height: 35px;
	}
}
	
.mobile_nav {
	background-color: #0d205b;
}

.mobile_nav__toggle {
	border: 0;
	color: #ccc;
}

.mobile-nav-open .mobile_nav__toggle--menu, .show-search .mobile_nav__toggle--search {
	border: 0;
}


.mobile_nav__menu {
	padding: 40px 0 0 92px;
}

.mn_menu__list li {
	padding-bottom: 1.4rem;
}

.mn_menu__list a {
	font-family: "Telegraf-Bold";
	font-size: 1.4rem;
}

.mobile_nav__buttons {
	padding-top: 10px;
}


.mobile_nav__menu .btn--outline {
	border: 1px solid #838195;
	min-width: 190px;
	border-radius: 0;
}

.mobile-btn--reg {
	padding-bottom: 14px;
}

.mobile-btn--upload {
	padding-bottom: 30px;
}



@media screen and (max-width: 47.9375em) {
	.search__form:before {
		display: none;
	}
}




	/* End of Mobile navigation */





/* End of top navigation */


/* Page heading */

.content-heading {
	width: 100%;
	margin: 0 auto;
	padding: 74px 0 122px 0;
}

.content-heading h1 {
	font-size: 4.5rem;
	line-height: 4.5rem; /* 32px;*/
	padding: 0 0 15px 13px;
}

.content-heading h2 {
	font-family: 'Big Shoulders Display', cursive !important;
	font-weight: 800;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 2rem;
	line-height: 2rem;
	padding-left: 13px;
}


@media (min-width: 800px) {
	.content-heading {
		width: 1440px;
		margin: 0 auto;
		padding: 74px 0 122px 0;
	}
	
	.content-heading h1 {
		font-size: 5.5rem;
		line-height: 5.5rem;
	}
	
	.content-heading h2 {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	
}



/* End of page heading */



/* Footer */

.footer {
	background-color: #08042d;
	background-image: url('/assets/images/footer_background.png');
	font-size: 15px;
}

.footer-content {
	padding-top: 125px;
	padding-bottom: 125px; /* Should be 171 by design but so big! */
}


.footer-logo {
	margin-left: 5px;
}


.footer-menu__title {
	font-size: 15px;
	font-family: "Telegraf-Bold";
	letter-spacing: 0.03em;
}

.footer-menu__list li {
	font-size: 15px;
	line-height: 23px;
}

.footer-menu__list li a, .footer-terms__list li a {
	color: #28daa6;
	font-weight: 300;
}

.footer-menu__list li a:hover, .footer-menu__list li a:active, .footer-terms__list li a:hover, .footer-terms__list li a:active {
	color: #ffffff;
	font-weight: 300;
}

.footer-menu__list .fa {
	width: 1rem;
}


.footer-copyright {
	padding-left: 8px;
	margin-top: 85px;
	text-align: left;
}


.footer-terms {
	padding-left: 8px;
}

.footer-terms__list {
	justify-content: space-around;

	list-style: none;
	margin: 0;
	padding:  15px 0 0 0;
	font-size: 15px;
}

.footer-terms__list li {
	padding-bottom: 10px;
}

.footer-terms__list li.divider {
	display: none;
}


@media (min-width: 800px) {
		
	.footer-logo {
		margin-left: -9px;
	}
	
	.footer-copyright {
		padding-left: 0px;
	}
	
	.footer-terms {
		max-width: 1260px; /* 1046px */
		padding-left: 4px;
	}
	
	.footer-terms__list {
		display: flex;
		flex: 1;
		justify-content: space-around;
	
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 15px;
		width: 75%;
	}
	
	.footer-terms__list li {
		padding-bottom: 0;
	}

	.footer-terms__list li.divider {
		display: block;
		border-right: solid 1px #535868;
	/*	padding-right: 1em; */
	}
	
	.footer-terms__list li:first-child {
		padding-left: 0px;
	}
	
	.footer-terms__list li:last-child {
		border-right: none;
	}

	.footer .registeredaddress p {
		padding-bottom: 0;
		margin-bottom: 0;
		line-height: 0.6rem;
	}

}




/* End footer */





.job-icon--pink {
	background-color: #28daa6;
}

.job-icon--blue {
	background-color: #286fc5;
}



/* Home page */

.hero-home {
	background-color: #001f5f;
	background-image: url('/assets/images/backgrounds/mobile_hero_home.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: none;
}

.hero-home:before {
	background-image: none;
	display: none;
}

.hero-home:after {
	display: none;
}

.hero-home_container {
	display: flex;
}

.hero-home-side {
	display: none;
}

@media (min-width: 800px) {
	.hero-home {
		background-image: url('/assets/images/backgrounds/hero-home.png');
		 height: 891px; 
	}
	
	.hero-home_container {
		background-image: url('/assets/images/img_pyxel-main.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 40.25%;
	}


	

	.hero-home-side {
		display: block;
		/* width: 681px; */ /* 727px; */
		order: 1;
		vertical-align: bottom;
		padding-left: 0;
	}
}


.hero-home-side img {
z-index: 0;
	max-width: 106%;	
	vertical-align: bottom;
	padding-top: 2px;
}



.hero-home-main {
	order: 2;
	color: #fff;
	padding-top: 73px;
	padding-left: 13px;

	padding-bottom: 300px;
	
	background-image: url('/assets/images/img_pyxel-main.png');
	background-position: center bottom -32px;
	background-size: 78%;
	background-repeat: no-repeat;


}

/*
	background-position-x: center;
	background-position-y: bottom 12px;

.hero-home-main-xsmall {
	padding-bottom: 300px;
	
	background-image: url('/assets/images/img_pyxel-main.png');
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}
*/

.hero-home__title {
	color: #28daa6;
	text-align: center;
	font-weight: bold;
}

@media (min-width: 800px) {

	.hero-home__title {
		color: #28daa6;
		text-align: left;
		font-weight: normal;
	}
	
	.hero-home-main {
		padding-top: 154px;
		padding-left: 0;
		padding-bottom: 144px;
		margin: 0;
	
		background: none;
	}
	
}




.hero-home-main h1 {
	font-size: 65px;
	line-height: 4.3rem;
	padding-bottom: 1rem;
	max-width: 19rem;
}

.hero-home-main h4 {
	font-family: "Telegraf-Bold" !important;
	font-size: 1.2rem;
	padding-bottom: 8px;
	letter-spacing: 0.03em;
	padding-right: 13px; /* Evening out the padding on the div this is within to make centering better on mobile */
}


.hero-home-main .search__field-container {
	display: flex;
	max-width: 22rem;
	margin-left: auto;
	margin-right: auto;
}

.hero-home-main .search__field {
	height: 60px;
}

.hero-home-main .search__field input {
	padding-top: 2px;
	width: 17.5rem;
}

.hero-home-main .search__field #keywords {
	border-top-left-radius: 30px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 30px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 16px;
}

.hero-home-main .btn {
	border-top-right-radius: 30px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 30px;
	padding: 15px 20px 15px 15px;
}


.hero-home-form {
	margin-bottom: 65px;
}



.hero-home__info {
	max-width: 23rem;
	line-height: 1.6rem;
}

.hero-home__info p:first-of-type {
	margin-top: 5px;
}

.hero-home__info a {
	color: #28daa6;
}
.hero-home__info a:hover, .hero-home__info a:active, .hero-home__info a:focus {
	color: #ffffff;
}


.header__social {
	height: 100%;
	padding-right:74px;
	margin-top: auto;
	margin-bottom: auto;
	z-index: 4;
}

@media (max-width: 800px) {
	.home .header__social {
		display: none;
	}	
	
}


.hero-home_container .header__social {
	padding-top: 161px;
	margin-top: 0;
	margin-bottom: 0;
	
	order: 3;
	text-align: right;	
}

.header__social__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header__social__list li {
	padding-bottom: 15px;
}

.header__social__list a {
	color: #fff;
}
.header__social__list a:hover, .header__social__list a:active, .header__social__list a:focus {
	color: #28daa6;
}







.home-skillsearch {
	background-color: #28daa6;
	color: #001f5f;
	padding-top: 1px;
	padding-bottom: 310px !important;

	background-image: url('/assets/images/img_cta-pair-1.png'), url('/assets/images/backgrounds/texture-green.jpg');
	background-size: 110%, auto;
	background-position: center bottom;
	background-repeat: no-repeat, repeat;

}

.home-skillsearch-row {
	margin-top: 0;
}

.home-skillsearch h2 {
	font-family: 'Big Shoulders Display', cursive !important;
	font-weight: 800;
	text-transform: uppercase;
	color: #001f5f;
	font-size: 32px;
	line-height: 35px;
	width: 10rem;
}

.home-skillsearch__intro-content {
	display: none;
}

.home-skillsearch__content-main {
	padding: 20px 0;
}

.home-skillsearch__content-main p {
	margin-top: 0.5rem;	
}


@media (min-width: 800px) {

	.hero-home-main h1 {
		font-size: 7.8rem;
		line-height: 7.8rem;
		max-width: 42rem;
		padding-bottom: 2rem;
	}
	
	.hero-home-main h4 {
		font-size: 1rem;
		padding-bottom: 8px;
		letter-spacing: 0.03em;
	}
	
	.hero-home-main .search__field-container {
		margin-left: 0;
		margin-right: 0;
	}

	.hero-home-main .search__field {
		height: 48px;
	}
	
	.hero-home-main .search__field input {
		border-radius: 0;
		padding-top: 9px;
		padding-bottom: 9px;
		width: 20rem;
	}
	
	.hero-home-main .search__field-keywords {
		margin-left: 0;
	}

	.hero-home-main .search__field #keywords {
		border-radius: 0;
		padding-left: 10px;
	}

	.hero-home-main .btn {
		border-radius: 0;
		padding: 15px;
	}

	.hero-home__info {
		font-size: 1.05rem;
	}
	


	.home-skillsearch {
		padding-top: 40px;
		padding-bottom: 0 !important;
		background-size: 39%, auto;
		background-position: left bottom;
		background-position-x: -3%;
	}
	
	.home-skillsearch-row {
		margin-top: 30px;
	}
	
	.home-skillsearch h2 {
		font-size: 46px;
		line-height: 1.3;
		width: 16rem;	
	}
	
	.home-skillsearch__intro-content {
		display: block;
		margin-top: 35px;
		text-align: left;
		font-size: 0.9rem;
		line-height: 1.6rem;
	}
	
	.home-skillsearch__content-main {
		padding: 0;
	}

	
	
}


.home-skillsearch .row:first-of-type:before {
	background-color: transparent;
}

.job-skill-list__item {
	background: none;
	border-top: 1px solid #001f5f;
	padding: 7px 0 15px 0;
	font-family: "Telegraf-Bold";
}

.job-skill-list__item a {
	color: #001f5f;
	margin: 0;
}

.job-skill-list__item a:hover, .job-skill-list__item a:active, .job-skill-list__item a:focus {
	color: #000;
	transition: inherit;
}

.job-skill-list__link:after {
	transition: inherit;
	background-color: transparent;
}

.home-skillsearch__division-links {
	margin-top: 35px;
	
}

.home-skillsearch__division-links a {
	font-family: "Telegraf-Bold";
	color: #001f5f;
	text-decoration: none;
	display: block;
	width: 10rem;
}

.home-skillsearch__division-links a:hover, .home-skillsearch__division-links a:active, .home-skillsearch__division-links a:focus {
	color: #000;
}

.home-skillsearch__division-links a i {
	font-size: 2rem;	
}




.featured-jobs--home {
	display: none;
}

@media (min-width: 800px) {
	
	.featured-jobs--home {
		display: block;
		padding-bottom: 160px;
	}
	
	.section-lead {
		padding-top: 118px;
	}
	
	
	
	.section-lead__title {
		color: #001f5f !important;
	/*	max-width: 14rem; */
		text-align: left;
		font-family: "Telegraf-Bold";
		font-size: 1.9rem;
		padding-bottom: 0;	
		margin-left: 17px;
	}
	
	.section-lead__title:after {
		margin-top: 0;
	}
	
	
	.home-skillsearch__division-links {
		padding-bottom: 110px;	
	}
	
	
}


	/* Register CV or job vacancy panel */

.register-cta {
	background-color: #001f5f;
	background-image: url('/assets/images/backgrounds/texture-blue.jpg');
	padding: 0 ;

}

.register-cta:after {
	background-image: none;
	background-color: transparent;
	display: none;	
}

.register-cta__main {
/*	width: 100%; */
}


.register-cta__title.section-title {
	margin: 100px auto 10px auto;
	font-family: "Telegraf-Bold";
	max-width: 17rem;
}

.register-cta__title.section-title:after {
	display: none;
}

.register-cta__description {
	font-size: 1rem;
	margin: 0 auto 30px 0;
}


.register-cta-btn {
	padding-right: 0;
	padding-bottom: 20px;
}

.register-cta a.btn {
	width: 100%;
}

.register-cta .btn--outline {
	padding-top: 8px;
	padding-bottom: 9px;
	border: 1px solid #fff;
}

.register-cta__figure {
	height: 100%;
}

.register-cta__figure img {
	max-width: 90%;
	bottom: 0;
}

.register-cta__figure .figure_img {
	background-image: url('/assets/images/img_cta-1.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 90%;

	height: 350px;
	margin-top: 0;
}


@media (min-width: 800px) {

	.register-cta {
		padding: 0 ;
		
		background-image: url('/assets/images/patterns/brandpattern_landscape_blue.svg'), url('/assets/images/backgrounds/texture-blue.jpg');
		background-size: 50%, auto;
		background-repeat: no-repeat, repeat;
		background-position: right top;
	}
	
	.register-cta__title.section-title {
		margin: 130px 0 0 0;
		max-width: 20rem;
	}
	
	.register-cta-btn {
		display: inline-block;
		padding-right: 6px;
		padding-bottom: 0;
	}


	.register-cta__figure .figure_img {
		height: 568px;
		margin-top: 40px;
	}


	
}







.work-social-resp {
	background-color: #fff;
}


.work-social-resp_work {
	background-color: #5feabb;
	background-image: url('/assets/images/backgrounds/texture-green.jpg');
	order: 1;
}

.work-social-resp_social {
	background-color: #3db9ff;
	order: 2;
}


.work-social-resp_panels {
	width: 100%;
}

.work-social-resp_panels .btn {
	margin-bottom: 30px;
}


.work-social-panel-text {
	color: #fff;
	max-width: 24rem;
	padding: 50px 0 20px 20px;
	font-size: 1rem;
	line-height: 1.7rem;
}

@media (min-width: 800px) {
	.work-social-resp {	
		background-color: #001f5f;
		height: 1050px;
	}
	

	.work-social-resp {
		background-image: url('/assets/images/backgrounds/green_credentials.png');
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	
	
	.work-social-resp_work {
		background-image: url('/assets/images/backgrounds/panel_work-skillsearch.png');
		background-repeat: no-repeat;
	
		order: 1;
	}
	
	.work-social-resp_social {
		background-image: url('/assets/images/backgrounds/panel_social-responsibility.png');
		background-repeat: no-repeat;
	
		order: 2;
	}
	
	
	.work-social-resp_panels {
		display: flex;
	}
	
	.work-social-resp_panels .btn {
		margin-bottom: 0;
	}

	.work-social-resp_work {
		width: 705px;
		height: 400px;
	}

	.work-social-resp_social {
		width: 705px;
		height: 400px;
		margin-left: 29px;
	}
	
	.work-social-panel-text {
		padding: 50px 0 20px 45px;
	}

}

.work-social-panel-text h3 {
	max-width: 14rem;
	font-size: 1.8rem;
	line-height: 2.3rem;
}

.work-social-resp_social .work-social-panel-text h3 {
	font-size: 2rem;	
}
	
.work-social-panel-text .btn {
	margin-top: 10px;;
}





.work-social-resp_green {
	margin: 100px 13px;
	font-size: 1.1rem;
	line-height: 1.8rem;
	text-align: center;
}

.work-social-resp_green a {
	font-family: "Telegraf-Bold";	
}

.work-social-resp_green a.btn {
	width: 100%;
}


.work-social-resp_green h3 {
	font-family: 'Big Shoulders Display', cursive !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 3rem;
	line-height: 3rem;
	padding-bottom: 2.6rem;
}

.work-social-resp_green_container {
	margin-top: 44px;
}


.work-social-resp_green_link {
	margin: 18px 0 50px 0;
}

.work-social-resp_green_partner {

}

@media (min-width: 800px) {
	
	.work-social-resp_green {
		max-width: 30rem;
		margin: 131px auto 0 auto;
		font-size: 1.1rem;
		line-height: 1.8rem;
		text-align: left;
	}



	.work-social-resp_green_container {
		display: flex;
	}
	
	.work-social-resp_green_link {
		margin: 18px 55px 0 0;
	}


}

/* End of Home page */





/* Vacancy page */

.job-header {
	margin-top: -2px; /* Trying to stop gap at the top of vacancy page to search results strip */
	padding: 57px 0 50px 0;
}

.job-header--pink {
	background-color: #28daa6;
	background-image: url('/assets/images/backgrounds/header_vacancy_games.png');
	background-repeat: no-repeat;
}

.job-header--blue {
	background-color: #236fc6;
	background-image: url('/assets/images/backgrounds/header_vacancy_enterprise.png');
}

.job-header--internal {
	background-color: #28daa6;
	background-image: url('/assets/images/backgrounds/header_vacancy_internal.jpg');
	background-repeat: no-repeat;
}



.job-header__title {
	text-transform: none;
	font-family: "Telegraf-Bold" !important;

	font-size: 55px;
	letter-spacing: 0.0em;
}

.job-header__category {
	letter-spacing: 0.01em;
}




.job-information {
	background-color: #fcfcfc;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 120px;
}


.job-information__meta {
	max-width: 275px;
}

.job-information__attributes-label {
	border-top: 1px solid #cad0dd;
	color: #969696;
	padding: 10px 0 6px 0;
	font-size: 14px;
}

.job-information__attributes-value {
	font-family: "Telegraf-Bold";
	color: #001f5f;
	padding-bottom: 20px;
}

.job-information__applyshare {
	text-align: right;
}

.job-information__applyshare_mobile .job-information__apply-btn {
	margin-bottom: 34px;
}

.job-information__apply-save {
	margin-bottom: 0;
}

.job-information__email {
	padding-top: 14px;
}

.job-information__description {
	color: #001f5f;
}

.job-information__detail p, .job-information__detail li {
	font-size: 1.2rem;
}

.job-information__detail p {
	margin-bottom: 18px;
}

.job-information__detail li::marker {
	color: #3cb8ff;	
	font-size: 2rem;
}

.job-information__detail li {
	margin-left: 0.5rem;
}

.job-information__reference {
	font-family: "Telegraf-Bold";
}


.icon-ss-accent2 {
	color: #28daa6;	
}


	
	
.job-header--internal .job-header__title {
	font-size: 2.5rem;
	line-height: 1;
}



/* Font Awesome icon vertical alignment with text in button */
.job-information__apply-save-col i {
	font-size: 1.2rem;
	position: relative;
    top: .125em;
    margin-right: 0.2rem;
}

.job-information__share-col a i {
	margin-right: 0.2rem;
}




	/* Vacancy page - application form */

.job-apply-form {
	padding-bottom: 0;
}

.job-apply-form__header-job {
	color: #001f5f;	
}


.skillsearch-form {
	margin-bottom: 0;
	padding-bottom: 0;
	height: auto;
}


.skillsearch-form input[type="text"], .skillsearch-form input[type="email"], .skillsearch-form input[type="tel"], .skillsearch-form input[type="file"], .skillsearch-form textarea {
	border: 1px solid #ddd;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	
	padding: 17px 10px 13px 0; /* 5px 10px 13px 0; */
	margin-bottom: 30px;
	
	color: #001f5f;
	
}

.skillsearch-form input[type="text"]:focus, .skillsearch-form input[type="email"]:focus, .skillsearch-form input[type="tel"]:focus, .skillsearch-form input[type="file"]:focus, .skillsearch-form textarea:focus {
    border: 1px solid #296d0f8;
	border-top: none;
	border-right: none;
	border-left: none;
    border-bottom: 1px solid #296d0f8;
    border-radius: 0;
    outline: none;

}

.skillsearch-form .skillsearch-form__faux-file {
	border: 1px solid #ddd;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.skillsearch-form .skillsearch-form__faux-file:focus, .skillsearch-form .skillsearch-form__faux-file:hover, .skillsearch-form .skillsearch-form__faux-file:active {
	border: 1px solid #296d0f8;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #296d0f8;
	border-radius: 0;
}

.skillsearch-form .skillsearch-form__file-button {
	background-color: #bbbbbb;
	padding: 10px 25px;
	box-shadow: none;
}

.skillsearch-form .skillsearch-form__file-text {
	color: #bbbbbb;
}

.skillsearch-form__additional-info {
	margin-top: 40px;
}

.skillsearch-form textarea {
	padding-bottom: 26px;
}

.skillsearch-form .btn {
	font-family: "Telegraf-Bold" !important;
	border-radius: 3px;
	box-shadow: none;
	padding: 15px 35px 14px 35px;
	margin: 0;
}

.skillsearch-form .skillsearch-form__submit {
	text-align: left;	
}


h2.job-apply-form__header-job {
	text-align: left;
	font-family: "Telegraf-Bold" !important;
}

.job-apply-form__header-ref {
	font-size: 1.25rem;	
}

.job-apply-form-side {
/*	min-height: 735px; */
}

.job-apply-form__header {
	text-align: left;
}

.job-apply-form .figure-breakout {
	display: none;
}


.job-card-container .job-card {
	display: none;
}

.job-card-container .job-card:first-child {
	display: block;
}


/* consentcheck changes for checkbox restyling DONE IN MAIN.CSS */


@media (min-width: 800px) {
	
	.job-apply-form .figure-breakout {
		display: block;
		max-width: 120%;
	}
	
	.job-card-container .job-card {
		display: block;
	}

	
	
}







/* End of Vacancy page - application form */


/* Related jobs */

.job-card {
	border-right: 0;	
}

.job-card__title {
	font-family: "Telegraf-Bold" !important;
}

.job-card__details-meta {
	border-top: none;
}

.job-card__details-meta-first {
	border-top: 1px solid #dfdfdf;
}

.job-card__details-meta a {
	color: #001f5f;
}

.job-card-container .job-information__apply-btn {
	flex: none;
}

.job-card__details-apply-time {
	display: flex;
}

.job-card__details-time {
	font-size: 13px;
	color: #b4b4b4;
	margin: 15px 0 0 20px;
}

.job-card__details-time a {
	color: #b4b4b4;
	text-decoration: none;
	letter-spacing: 0.03em;
}



/* End of related jobs */




/* Jobs by email sign up */

.job-alerts-signup {
	background-color: #001f5f;
	color: #ffffff;
	text-align: center;
}

.job-alerts-signup-title-side {
	background-color: #001f5f;
	border: none;
}

.job-alerts-signup-title {
	
}

.job-alerts-signup-title h2 {
	font-family: 'Big Shoulders Display', cursive !important;
	font-weight: 800;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 2.5rem;
	line-height: 2.4rem;
	padding: 60px 0 40px 0;
}

.job-alerts-signup-form {
background-color: #001f5f;
}

.job-alerts-signup-form-text {

	font-family: "Telegraf-Bold";
	font-size: 1.4rem;
	line-height: 1.8rem;
	padding-bottom: 30px;
}

.job-alerts-signup-form-email-submit {

}

.job-alerts-signup-form #jbe_email {
	width: 100%;
	height: 53px;
	font-size: 20px;
	border: 0;
	border-radius: 1px;
	padding: 3px 3px 0 8px;
	margin-top: 2px;
	margin-bottom: 10px;

	color: #001f5f;

}

.job-alerts-signup-form #jbe_submit {
	width: 100%;

	font-family: "Telegraf-Bold" !important;
	height: 53px;
	border: 2px solid #ffffff;
	border-radius: 2px;
	padding: 6px 30px;
	margin-bottom: 15px;
}



.job-alerts-signup-form #jbe_submit button {
	margin-top: 0;	
}


.job-alerts-signup-form .consentcheck {

}

.job-alerts-signup-form .consentmessage_narrow {
	margin-left: 0;
}


.job-alerts-signup-form .consentlabel {
	color: #ffffff;	
	text-align: left;
	font-size: 1.3rem;
	margin-top: 0;
}

.job-alerts-signup-form a {
	color: #ffffff;	
}

.job-alerts-signup-form #consentcheckjbe + label:before {
	background-color: #001f5f;
	color: #ffffff;	
	border-color: #ffffff;	
}

.job-alerts-signup-form #consentcheckjbe:checked + label:before {
	background-color: transparent;
	color: #ffffff;	
	border-color: #ffffff;	

}

@media (min-width: 800px) {
	.job-alerts-signup {
		display: flex;
		text-align: left;
	}
	
	.job-alerts-signup-title-side {
		background-image: url('/assets/images/patterns/brandpattern_square_blue.svg');
		width: 580px;
		height: 578px;
		order: 1;
	}
	
	.job-alerts-signup-title {
		padding: 131px 0 0 240px;
		max-width: 520px;
	}

	.job-alerts-signup-title h2 {
		font-size: 4.5rem;
		line-height: 4.4rem;
		padding: 0;
	}
	
	.job-alerts-signup-form {
		padding: 0 100px 0 153px;
		order: 2;
	}

	.job-alerts-signup-form-text {
		padding: 131px 0 54px 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	
	.job-alerts-signup-form-email-submit {
		display: flex;
	}
	
	
	.job-alerts-signup-form #jbe_email {
		width: 534px;
		height: 53px;
		font-size: 20px;
		border: 0;
		border-radius: 1px;
		padding: 3px 3px 0 8px;
		margin-top: 2px;
		margin-bottom: 35px;
	
		color: #001f5f;
	
	}
	
	.job-alerts-signup-form #jbe_submit {
		font-family: "Telegraf-Bold" !important;
		width: 10rem;
		height: 53px;
		border: 2px solid #ffffff;
		border-radius: 2px;
		background-color: #001f5f;
		padding: 6px 30px;
		margin-left: 20px;
		margin-top: 2px;
		margin-bottom: 0;
	}
	
	.job-alerts-signup-form .consentlabel {
		font-size: 1rem;
		margin-top: 2px;
	}


}


/* End of Jobs by Email sign up */




/* Consultant panel */

.consultant {
	clear: both;
	padding-top: 0;
}

.team-profile__picture {
	background-size: 100%;
	background-position: left top;
	
	background-image: url('/assets/images/patterns/brandpattern_square_green.svg');
	
	order: 2;
}

.division1 .team-profile__picture {
	background-image: url('/assets/images/patterns/brandpattern_square_blue.svg');
}

.team__profiles-slide .team-profile__picture {
	background-position: center bottom, left top; 
	background-size: 100%, 100%;
}


.team-profile__picture img {
	padding: 0;
	position:absolute;
	bottom:0;
}


.consultant__profile {
	
}

.team-profile__details {

	justify-content:flex-start;
	padding-top: 0;
}




.team-profile__contact {
	position: relative;
	border-top: none;
	margin-bottom: 50px;
	margin-top: 1px;
}


.team-profile__name {
	font-family: "Telegraf-Bold" !important;
	margin-bottom: 0;
}

.team-profile__title {
	margin-bottom: 23px;
}

.team-profile--pre-name .team-profile__name:after, .team-profile__title:after {
	border: none;
	margin: 0;
}

.team-profile__description {
	margin-bottom: 30px;
}

.team-profile_telelphone p {
	font-family: "Telegraf-Bold";
	color: #001f5f;
	margin: 0;
	padding: 0;
}

.team-profile_email {
	font-family: "Telegraf-Bold";
	color: #001f5f;
	
}

.team-profile__social-side {
	display: flex;
	flex-direction: column;
	order: 1;
}

.team-profile__social {
	display: block;
	vertical-align: middle;
	position: relative;
	bottom: auto;
	right: auto;
	
	margin: 0 0 30px 13px;
}

.team-profile__social-item {
	padding-right: 7px;
	display: inline;
}

.team-profile__social-item:last-child {
	padding-bottom: 0;
}

.team-profile__social-icon--email .icon-social {
	fill: #28daa6;
}

.division1 .team-profile__social-icon--email .icon-social {
	fill: #236fc6;
}


@media (min-width: 800px) {
	
	.team-profile__picture {
		background-size: 80%;
		background-position: left top;
		min-height: 581px;
		max-width: 726px;
		
		background-image: url('/assets/images/patterns/brandpattern_square_green.svg');
		order: 1;
	}
	
	
	.team-profile__picture img {
		max-width: 570px;  /* 585px */
		margin: 0 0 0 50px; /* 56px 0 0 50px */
		padding: 0;
		position:absolute;
		bottom:0;
	}


	.team__profiles-slide .team-profile__picture {
		background-position: center bottom, left top; 
		background-size: contain, 80%;
	}

	.team-profile__details {
		width: 1000px;
		justify-content:flex-start;
		padding-top: 0;
	}
	
	.team-profile__social-side {
		display: flex;
		flex-direction: column;
		order: 2;
	}
	
	.team-profile__social {
		display: block;
		vertical-align: middle;
		position: relative;
		bottom: auto;
		right: auto;
		
		margin: auto 0;
	}
	
	.team-profile__social-item {
		padding-bottom: 10px;
		padding-right: 30px;
		display: block;
	}


	
	
}





/* End of Consultant panel */




/* Consultant jobs */

.consultant-jobs {
	background-color: #17d9a5; 
	background-image: url('/assets/images/backgrounds/consultant_jobs.png');
}

.division1 .consultant-jobs {
	background-color: #236fc6; 
	background-image: none;
	color: #fff;
}

.consultant-jobs .job-card__details-meta {
	border-color: #001f5f;
}

.division1 .consultant-jobs .job-card__details-meta {
	border-color: #fff;
}




.consultant-jobs .job-icon--pink, .consultant-jobs .job-icon--blue, .consultant-jobs .btn {
	background-color: #001f5f;
}

.consultant-jobs a:hover, .consultant-jobs a:active {
	color: #000000;
}

.consultant-jobs a.btn:hover, .consultant-jobs a.btn:active {
	color: #ffffff;
	background-color: #000000;
}

.related-jobs {
	padding-top: 73px;
	padding-bottom: 97px;
}

.division1 .related-jobs__heading {
	color: #fff;
}

.related-jobs-consultant-jobs {
	text-align: right;
	padding: 40px 184px 0 0;
}

.related-jobs-consultant-jobs a {
	text-decoration: none;
	color: #001f5f;
	font-family: "Telegraf-Bold" !important;
}

.division1 .related-jobs-consultant-jobs a {
	color: #fff;	
}

.division1 .job-card__details a {
	color: #fff;	
}



.consultant-jobs .job-card__details-time {
	color: #001f5f;
}

.division1 .consultant-jobs .job-card__details-time {
	color: #fff;
}


.link-plus {
	font-size: 3rem;
	vertical-align: middle;
	padding-left: 8px;
	
}


/* End of Consultant jobs */

/* End of Vacancy page */





/* Testimonials include */

#testimonials {
	display: none;
}

.testimonials {
	padding-top: 160px;
}

@media (min-width: 800px) {
	.testimonials {
		height: 640px;	
	}	
}

.testimonial__text {
	font-family: "Telegraf-Bold";
	font-size: 1.5rem;
	line-height: 2rem;
	max-width: 100%;
}

.testimonial__text .highlight {
	color: #5feabb;
}

.testimonial__blockquote {
	text-align: left;
	padding-bottom: 0;
}

.testimoinal__author {
	display: block;
	padding-right: 70px;
	padding-top: 35px;
	font-size: 16px;
	font-family: "Telegraf-SemiBold";
	text-transform: none;
	line-height: 24px;
}

.testimonial__text:before, .testimonial__text:after {
	content: none;
}

.testimonials-linkpage {
	text-align: right;
	padding: 40px 184px 0 0;
}

.testimonials-linkpage a {
	text-decoration: none;
	color: #28daa6; 
	font-family: "Telegraf-Bold" !important;
}

.testimonials--blue, .testimonials--pink {
	background-color: #06032b;

	background-image: url('/assets/images/backgrounds/background_testimonials.png');


/*	background-image: url('/assets/patterns/brandpattern_testimonial.svg'); */

/*	background-size: contain;
	background-image: url('/assets/images/backgrounds/background_testimonials.png'); */
	background-position: center;
/*	background-size: 150%; */
	
}


@media (min-width: 800px) {
	#testimonials {
		display: block;
	}
	
	.testimonial__text {
		font-family: "Telegraf-Bold";
		font-size: 2rem;
		line-height: 2.5rem;
		max-width: 1000px;
	}	
	
}




/* End of Testimonials include */

/* Testimonials page */

.testimonialspage {
	background-image: url('/assets/images/backgrounds/testimonials_candidates_mobile.jpg') !important;
	padding-bottom: 30px;
}

.testimonialspage #testimonials {
	display: block;
}


.testimonialspage, .testimonialspage .testimonials {
	background-color: #092f6a !important;
	background-repeat: no-repeat;
	color: #ffffff !important;
}

.testimonialspage .testimonials {
	background-color: rgba(6, 9, 53, 0.8) !important;
	width: 90%;
	margin: 0 auto;
	
	border-top: none;
	padding: 20px 0 0 0;
	margin-bottom: 50px;

	height: auto;
}




.testimonialspage_client {
	background-color: #0a123d !important;
	background-image: url('/assets/images/backgrounds/testimonials_clients_mobile.jpg') !important;
}

.testimonialspage_client .testimonials {
	background-color: rgba(8, 7, 48, 0.8) !important;
}
	

.testimonialspage .testimonial__text {
	max-width: 100%;
}





@media (min-width: 800px) {
	.testimonialspage, .testimonialspage_client {
		background-image: url('/assets/patterns/brandpattern_testimonial.svg') !important;
		padding-bottom: 30px;
	}
	
	.testimonialspage .testimonials {
		background-color: rgba(6, 9, 53, 0.8) !important;
		width: 75%;
		margin: 0 auto;
		
		border-top: none;
		padding: 105px 0 85px 0;
		margin-bottom: 50px;
	
		height: auto;
	}
	
	
	
	
	
	.testimonialspage .testimonial__text {
		max-width: 1240px;
	}
	
}



/* End of Testimonials page */



/* Search results */

.search__filters {
	margin-top: -169px;

	background-color: #236fc6;
}

.show-filters .filters__label {
	font-family: "Telegraf-Bold";
/* 	color: #28daa6; */
color: #fff;
}

.filters__dropdown {
	background-color: #fff;
	color: #001f5f;
	border-radius: 1px;
	box-shadow: none;
	background-image: url('/assets/images/angle-down-solid.svg');
	background-size: 20px 14px;

}

.filters__form {
	border-bottom: none;
}

.filters-cancel-submit {
	margin: 39px 0 0 10px;
}

.filters-cancel-submit .btn {
	margin-right: 20px;	
}



	/* Results count strip */
.search__info {
	background-color: #3db9ff;
	color: #fff;
}

.show-filter-info .search__info {
	display: block;
}

.search_info_division1 {
	background-color: #3cb8ff;
}
.search_info_division2 {
	background-color: #17d9a5;
}

.search__info a {
	color: #fff;
}

.search__info a:hover, .search__info a:active {
	color: #001f5f;	
}

.search__info {
	font-family: "Telegraf-Bold";
}

.results_count {
	margin: 12px 20px 16px 0;
}

.filters-back-search {
	margin: 12px 20px 16px 0;
}

.filters-back-search a {
	text-decoration: none;
}

.filters-set {
	padding-top: 18px;
	padding-bottom: 6px;
}

.filters-set__tag {
	color: #001f5f;
	margin-right: 20px;
	padding: 13px 15px 9px 15px;
	margin-top: 1px;
}
.filters-set__tag-remove {
	margin-bottom: 2px;
	background-color: #001f5f;
}

.filters-set__clear {
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 8px;

}

.filters-job-alerts {
	margin: 12px 0 16px auto;	
}
.filters-job-alerts i {
	font-weight: bold;
	margin-left: 0.2rem;

}

.filters-job-alerts a {
	text-decoration: none;	
}
	/* End of results count strip */



.standard-results {
	padding-top: 60px;
	padding-bottom: 35px;
}

.search-result {
	border-bottom: none;
	padding-bottom: 34px;
}

.search-result__title h3 a {
	font-family: "Telegraf-Bold";

}

.search-result__detail {
/*	flex: 1 1 ; */
}

.search-result__title {
/*	flex: 1 1 !important; */
/*	background-color: aqua; */
}

.search-result__time {
	font-size: 13px;
	color: #b4b4b4;
	margin-top: 10px;
}

.search-result__time a {
	color: #b4b4b4;
	text-decoration: none;
	letter-spacing: 0.03em;
}

.search-result__summary {
	margin-right: 88px;
	max-width: 470px; /* pre-mobile width: 470px; */
	line-height: 27px;
}


.search-result__summary a {
	text-decoration: none;
	color: #2c3e50;
}

.search-result__title h3 a, .search-results__category, .search-result__location, .search-result__type {
	color: #001f5f;
}

.search-result__meta {
	font-family: "Telegraf-Bold";
	margin-right: 84px;
	min-width: 180px;
	
	padding-top: 15px;
/*	background-color: yellow; */
}


@media (min-width: 800px) {
	.standard-results {
		padding-top: 0;
	}
	
	.search-result {
		padding-bottom: 29px;
		border-bottom: 1px solid #dfdfdf;
	}
	
	.search-result__summary {
		width: 470px;
	}
	
	.search-result__meta {
		padding-top: 0;
	}
}


/* End of search results */



/* Pagination */

.pagination {
	padding: 40px 0 30px 0;
}

.pagination__link {
	box-shadow: none;
}

.pagination__number .pagination__link {
	padding: 14px; 
	border-radius: 28px !important; 

	background-color: transparent;
	color: #001f5f;
}

.pagination__number .pagination__link--active {
	background-color: #3db9ff;
	color: #ffffff;	
}

.pagination__btn {
	border-radius: 2 !important;
}

.pagination__link--prev, .pagination__link--next {
	padding: 15px 3px;	
}

.pagination__btn .pagination__link--inactive {
	color: #cad0dd;
}

.pagination__list .disabled span {
	display: none;
}



.slick-dots li {
	margin: 0 9px;
}
@media (min-width: 800px) {
	.pagination__list .disabled span {
		display: inherit;
	}


	.slick-dots li {
		margin: 0 12px;
	}
}

/* End of Pagination */



/* Register vacancy */

.bodyclient .page-header, .bodyclient .page-header .row, .bodyclient .search__form {
	background-color: #04002b;
	background-image: none;
}


.page-title {
	text-align: left;
}

.page-title-height1 {
	background-size: cover;
	height: 530px;
}

.page-title-height2 {
	height: 563px;
	background-size: cover;
}

.page-title-height3 {
	height: 1286px;
	background-size: cover;
}



.page-title_container {
	display: flex;
}

.page-title__header {
	font-size: 4.5rem;
	line-height: 4.5rem;
	max-width: 14rem;
	color: #fff;
	padding: 89px 0 0 0;
}

.page-title-register-vacancy .page-title__header {
	max-width: 13rem;
	padding-top: 63px;
}

.page_title__subheader {
	color: #fff;
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 28px;
}

.page-title-register-vacancy .page_title__subheader {
	padding-top: 15px;	
}

.page-title.page-title:before {
	background-image: none;
	display: none;
	
}

.page-title-register-vacancy {
	background-image: url('/assets/images/img_work-with-us.png'), url('/assets/images/backgrounds/register_vacancy_mobile.jpg');
	background-position: center bottom, center top;
	background-repeat: no-repeat;
	background-size: contain, 100%;
	border-bottom: none;
	
	height: 530px;
}


.page-title_container .page-title-headings {
	order: 1;
}

.page-title_container .header__social {
	display: none;
}

.page-title_container .header__social a:hover, .page-title_container .header__social a:active, .page-title_container .header__social a:focus {
	color: #28daa6;
}



@media (min-width: 800px) {
	
	.page-title-height1 {
		height: 340px;
	}
	
	.page-title-height2 {
		height: 610px;
	}
	
	.page-title-height3 {
		height: 1010px;
	}
	
	.page-title_container {
		margin-left: 222px; /* Maybe 199 for next step down */
	}
	
	.page-title__header {
		font-size: 6rem;  /* 103px; was 99 */
		line-height: 6.5rem;
		max-width: 45rem;
		padding: 59px 0 0 0;
	}

	
	.page-title_container .header__social {
		order: 2;
		padding: 54px 67px 0 0;
		text-align: right;
		font-size: 1.4rem;
	}
	
	.page_title__subheader {
		font-size: 36px;
	}
	
	.page-title_container .header__social {
		display: block;
	}
	
	.page-title-register-vacancy {
		background-image: url('/assets/images/backgrounds/register_vacancy.png');
		height: 340px;
	}
	
	.page-title-register-vacancy .page-title__header {
		max-width: 45rem;	
	}
	
	.page-title-register-vacancy .page_title__subheader {
		padding-top: 0;	
	}


}



.register__introform {
	background-color: #fff;
	border-bottom: 1px solid #dddfe0;
}

.register-row {

}

.register__introform .section-lead__title {
	margin-left: 0 !important;
}

.register__introform h3 {
	color: #001f5f;
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.9rem;
	padding-bottom: 0;
	
}

.register__intro {
	margin-top: 35px;
	text-align: left;
	font-size: 1.1rem;
	line-height: 1.6rem;
}

.register__form {
	border-bottom: none; 
}

.skillsearch-form__submit {
	margin-left: 0;
	margin-right: 0;
}

.register__form .skillsearch-form__submit {
	margin-top: 8px;	
}


.register-vacancy__content {
	padding: 70px 0 0 0;
	background-color: #fafafa;
	border-bottom: none;
}

.register-vacancy__content h3 {
	font-size: 2rem;
	margin-bottom: 0;
}

.register-vacancy__content h4 {
	font-size: 2rem;
	font-family: "Telegraf-Bold" !important;
	padding-bottom: 10px;
	padding-top: 70px;
}
.register-vacancy__content h4:first-of-type {
	padding-top: 0;	
}

.register-vacancy__content p {
	font-size: 1.3rem;
	
}

.register-vacancy__content-figures {
	margin: 0 auto;
	padding: 212px 0 0 0;
	background-image: url('/assets/images/img_working-with-skillsearch.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

.skillsearch-form--register {
	padding-top: 40px;
	padding-bottom: 70px;
}

.skillsearch-form--register .skillsearch-form__file-button {
	padding: 9px 25px;
}

#register-vacancy-form .skillsearch-form.skillsearch-form--register textarea {
	height: 288px;
	margin-bottom: 30px;
}



.skillsearch-form select {
	background-image: url('/assets/images/angle-down-solid.svg');
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	padding-left: 1px;
}

.skillsearch-form select:focus {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #2eabdb;
	border-radius: 0;
}

.skillsearch-form--register .consent_container_row {
	padding-top: 0;
	padding-left: 16px;
}

.skillsearch-form--register .consentlabel {
	line-height: 1.5rem;
	margin-top: -4px;
}

@media (min-width: 800px) {
	
	.register-row {
		padding-top: 70px;
		padding-bottom: 90px;
	}
	
	.register__introform h3 {
		font-size: 1.9rem;
		line-height: 2.5rem;
		padding-bottom: 50px;
		
	}
	
	.skillsearch-form--register {
		padding-bottom: 0;
	}
	
	.skillsearch-form--register .consent_container_row {
		padding-top: 22px;
		padding-left: 16px;
	}
	
	.register-vacancy__content {
		padding: 140px 0 0 0;
		background-color: #eee;
	}
	
	.register-vacancy__content h3 {
		font-size: 2.4rem;
		margin-bottom: 32px;
	}
	
	.register-vacancy__content h4 {
		font-size: 2.5rem;
		padding-bottom: 10px;
		padding-top: 70px;
	}


	.register-vacancy__content-figures {
		margin: 70px auto 0 auto;
		padding: 612px 0 0 0;
		background-size: auto;	
	}


}


/* End of Register vacancy */



/* Register CV */

/* Some register- styles taken from Register Vacancy styles */

.page-title-register-cv {
	background-image: url('/assets/images/img_work-with-us.png'), url('/assets/images/backgrounds/register_cv_mobile.jpg');
	background-position: center bottom, center top;
	background-repeat: no-repeat;
	background-size: contain, 100%;
	border-bottom: none;
	
	height: 530px;
}

.page-title-register-cv .page-title__header {
	padding-top: 63px;
}

.page-title-register-cv .page_title__subheader {
	padding-top: 15px;
}

.register-cv-form {
	border-bottom: none;
	padding-top: 38px;
	padding-bottom: 0;
}

.candidate-registration {
	border-bottom: none;
}


#register-cv-form .skillsearch-form.skillsearch-form--register textarea {
	height: 273px;
	margin-bottom: 29px;
}


@media (min-width: 800px) {
	.page-title-register-cv {
		background-image: url('/assets/images/backgrounds/register_cv.png');
		height: 340px;
	}
	
	.page-title-register-cv .page-title__header {
		padding-top: 59px;
	}
	
	.page-title-register-cv .page_title__subheader {
		padding-top: 0;
	}
	
	.register-cv-form {
		padding-top: 0px;
		padding-bottom: 100px;
	}
		
	
}





/* End of Register CV */



/* Meet the Team include */

#team {

}

#team .section-lead__title {
	margin-left: 0;
	font-size: 2rem;
	max-width: 14rem;
	padding-bottom: 0;
}

	.team__intro {
		padding: 57px 0;
	}


.team__intro-contact-heading {
	color: #575757;
	font-size: 0.8rem;
	
	padding-top: 30px;
}

.team__intro-contact-text {
	font-family: "Telegraf-Bold";
	font-size: 1.3rem;
	line-height: 1.9rem;
	color: #001f5f;
}

.team__intro-contact-text a {
	color: #001f5f;
	text-decoration: none;
}

.team__intro-contact-text a:hover, .team__intro-contact-text a:active, .team__intro-contact-text a:focus {
	color: #28daa6;
}

.team__avatars--32 {
	flex-wrap: wrap;
}

.team__avatars--32 .team-avatar {
	width: 12.5%;
	min-height: 55px;
}

.team-avatar__image {
	opacity: 0.35;
}

.team-avatar {
	border-right: 1px solid #d3deea;
}

@media screen and (max-width: 47.9375em) {
	.team-avatar:nth-of-type(3n) {
		border-right: 1px solid #d3deea; /* Overriding old style */
	}
}



@media (min-width: 800px) {
	#team .section-lead__title {
		font-size: 2.2rem;
		max-width: 17rem;
		padding-bottom: 26px;
	}
	
	.team__intro {
		padding: 72px 0;
	}
	
	.team__intro-contact-heading {
		padding-top: 0;
	}
	
	
	.team__avatars--32 .team-avatar {
		width: 6.11111111%;
		min-height: 120px;

	}
	
	.team-avatar:nth-of-type(4n), .team-avatar:nth-of-type(6n) {
		border-right: 1px solid #d3deea;
	}
	
	.team-avatar:nth-of-type(16n) {
		border-right: none !important;
	}

	
}



/* End of Meet the Team include */



/* Latest news include */

.latest-news__title {
	text-align: center;
	font-size: 1.6rem;
}

.news-card {
	max-width: 459px;
	margin-right: 10px;
}

.news-card__last {
	margin-right: 0;	
}

.news-card__image {
	width: 459px;
	transition: inherit;
}

.news-card__image-link .news-card__image:focus, .news-card__image-link .news-card__image:hover {
	transform: none;
	opacity: inherit;
}

.news-card__category, .news-card__description {
	color: #001f5f;
}
.news-card__title a {
	color: #001f5f;
}
.news-card__title a:hover, .news-card__title a:active, .news-card__title a:focus {
	color: #ccc;
}

.latest-news__view-more {
	font-family: "Telegraf-Bold";
	text-align: right;
}

.latest-news__view-more a {
	color: #28daa6;
	text-decoration: none;
}

.latest-news__view-more a:hover, .latest-news__view-more a:active, .latest-news__view-more a:focus {
	color: #001f5f;
}


@media (min-width: 800px) {
	.latest-news__title {
		text-align: center;
		font-size: 1.9rem;
	}

}

/* End of Latest news include */






/* Jobs in Games and Enterprise Jobs */

.page-title--landing {

}

.page-title--landing .header__social {
	display: none;
}

.page-title--games {
	background-color: #28daa6;
	background-image: url('/assets/images/backgrounds/header_landing_games_mobile.jpg');
	background-repeat: no-repeat;
}

.page-title--enterprise {
	background-color: #001f5f;
	background-image: url('/assets/images/backgrounds/header_landing_enterprise_mobile.jpg');
	background-repeat: no-repeat;
}

.page-title--enterprise .page-title__header {
	
	padding-top: 50px;
	font-size: 4.5rem;
	line-height: 4.5rem;
	max-width: 14rem;
}

.page-title--enterprise .page_title__subheader {
	font-family: "Telegraf-Bold" !important;
	font-size: 1.7rem;
	padding-top: 26px;	
	max-width: 19rem;
	text-transform: none;
}


.page-title--games .page-title__header {
	padding-top: 50px;
	font-size: 4.5rem;
	line-height: 4.5rem;
	max-width: 22rem;
}

.page-title--games .page_title__subheader {
	font-family: "Telegraf-Bold" !important;
	font-size: 1.7rem;
	padding-top: 26px;	
	max-width: 19rem;
	text-transform: none;
}

.page-title--games .header__social__list a:hover, .page-title--games .header__social__list a:active, .page-title--games .header__social__list a:focus {
	color: #001f5f;
}

.landing__intro {
	background-color: #fff;
	
}

.landing-row {
	padding-top: 70px;
	padding-bottom: 0;
}

.landing-side {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.6rem;
}

.landing-side .section-lead__title {
    margin-left: 0 !important;
}

.landing-side h3 {
    color: #001f5f;
    text-align: left;
    font-size: 2.2rem;
    line-height: 2.5rem;
    padding-bottom: 0px;
}

.landing-main {
	margin-top: 35px;
	font-size: 1.6rem;
}

.landing-main__intro {
	margin-top: 0;
	font-size: 1.6rem;
}

.landing-featured .section-lead {
	padding-top: 20px;
	
}

.landing-featured .job-card {
	margin-bottom: 65px;
}

.landing-featured .job-card-container .job-card {
	display: block;
}





.landing-sectors {
	background-color: #fff;
}

.landing-sectors-enterprise {
	padding-bottom: 350px;
	background-image: url('/assets/images/img_chill.png');
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

.landing-sectors-games {
	padding-bottom: 350px;
	background-image: url('/assets/images/img_chill-bro.png');
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}


.landing-sectors .landing-side {
	height: 100%;
}

.landing-side .figure-breakout {
	margin-left: -220px;
	vertical-align: bottom;
/*	max-width: inherit; */
	
}

/*
.landing-sectors .figure_img {
	background-position: center bottom;
	background-size: 144%;
	background-repeat: no-repeat;
	
	height: 777px;
}


.landing-sectors .landing-side-enterprise .figure_img {
	background-image: url('/assets/images/img_chill.png');
}

.landing-sectors .landing-side-games .figure_img {
	background-image: url('/assets/images/img_chill-bro.png');
}
*/


.landing-side .figure-breakout img {
	display: none;
}



.landing-sectors .home-skillsearch__intro-content {
	display: block;
	margin: 0 0 50px 0 !important;
	font-size: 1.3rem;
	line-height: 2rem;
	text-align: left;
	margin: 0;
	max-width: 36rem;
	
	
}


.landing-skillgroups {
	margin-bottom: 20px;
}


.landing-sectors h2 {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 4rem;
	line-height: 4.3rem;
	color: #001f5f;	
	width: 18rem;
	margin-bottom: 86px;
}

.landing-register-games .register-cta__figure .figure_img {
	background-image: url('/assets/images/img_cta-2.png');
}

.landing-register-enterprise .register-cta__figure .figure_img {
	background-image: url('/assets/images/img_cta-3.png');
}


@media (min-width: 800px) {
	.page-title--landing {
		height: 610px;
	}
	
	.page-title--games {
		background-image: url('/assets/images/backgrounds/header_landing_games.png');
	}
	
	.page-title--enterprise {
		background-image: url('/assets/images/backgrounds/header_landing_enterprise.png');
	}

	
	.page-title--games .page-title__header {
		padding-top: 113px;
		line-height: 6rem;
		max-width: 22rem;
	}

	.page-title--games .page_title__subheader {
		font-family: 'Big Shoulders Display' !important;
		padding-top: 46px;	
		max-width: 19rem;
		text-transform: none;
	}
		
	.page-title--enterprise .page-title__header {
		padding-top: 113px;
		line-height: 6rem;
		max-width: 14rem;
	}
	
	.page-title--enterprise .page_title__subheader {
		font-family: 'Big Shoulders Display' !important;
		padding-top: 46px;	
		max-width: 19rem;
	}

	.page-title--landing .header__social {
		display: block;
	}
	
	

	
	.landing-side {
		margin-top: 35px;
	}
	
	.landing-side .figure-breakout img {
		display: block;
		vertical-align: bottom;
		max-width: 210%	
	}
	
	.landing-side h3 {
	    font-size: 1.9rem;
	    padding-bottom: 50px;
	}

	
	
	
	.landing-main {
		padding-left: 36px;
		font-size: 1.2rem;
	}

	
	.landing-featured .job-card {
		margin-bottom: 25px;
	}
	
	
	.landing-sectors-enterprise {
		padding-bottom: 0;
		background-image: none;
	}
	
	.landing-sectors-games {
		padding-bottom: 0;
		background-image: none;
	}
	
	

}


/* End of Jobs in Games and Enterprise Jobs */



/* HRMS page - mainly a copy of the home page with a bunch of overrides */
.bodyhrms .page-header, .bodyhrms .page-header .row, .bodyhrms .search__form {
    background-color: #2370c6;
    background-image: none;
}

.hrms-landing {
	background-color: #2370c6;
	background-image: url('/assets/images/backgrounds/mobile_hrms_hero.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: none;
}


.hrms-landing .hero-home-main {
	background-image: url('/assets/images/img_tech-sis.png');
	background-position: left 12px bottom -120px;
	background-size: 96%;
}


.hrms-landing .hero-home-main h1 {
	font-size: 52px;
	line-height: 3.5rem;
}

.hrms-landing .hero-home-main h2 {
	display: none;
}

.hrms-landing .hero-home-main h2 .highlight {
	color: #fff;
}


@media (min-width: 800px) {
	.bodyhrms .page-header, .bodyhrms .page-header .row, .bodyhrms .search__form {
	    background-color: #2370c6;
	    background-image: url('/assets/images/backgrounds/texture-noise-blue.png');
	}
	
	
	.hrms-landing .hero-home-main h1 {
		font-size: 5.2em;
		line-height: 5.8rem;
		max-width: 50rem;
		padding-bottom: 0.5rem;
	}

	
	.hrms-landing .hero-home-main h2 {
		display: block;
		font-family: 'Big Shoulders Display' !important;
		font-weight: 800;
		text-transform: uppercase;
		color: #3db9ff;
		padding-bottom: 2rem;
	}


	.hrms-landing .hero-home_container {
		background-image: url('/assets/images/img_tech-sis.png');
		background-position: left -101px bottom -286px;
		background-repeat: no-repeat;
		background-size: 50%;
	}
}

@media (min-width: 800px) and (max-width: 1599px) {

	.bodyhrms .hero-home {
		background-image: url('/assets/images/backgrounds/hrms-hero.jpg');
	}

	.hrms-landing .hero-home-main h1 {
		font-size: 3.7em;
		line-height: 4.3rem;
		max-width: 50rem;
		padding-bottom: 0.5rem;
	}

	.hrms-landing .hero-home-main h2 {
		font-size: 2rem;
	}

	.hrms-landing .hero-home_container {
		background-position: left -61px bottom -133px;
		background-repeat: no-repeat;
		background-size: 46%;
		
	}
}


.hrms-skills {
	background-color: #3db9ff;
	color: #001f5f;
	background-image: url('/assets/images/img_cta-1.png');
	background-size: 81%;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.hrms-skills .home-skillsearch__content-main {
	padding-bottom: 40px;
}

.hrms-skills .home-skillsearch__division-links {
	padding-bottom: 63px;
}

.hrms-skills .home-skillsearch__division-links a {
	width: auto;
}

.hrms-skills .job-skill-list__item a:hover, .hrms-skills .job-skill-list__item a:active, .hrms-skills .home-skillsearch__division-links a:hover, .hrms-skills .home-skillsearch__division-links a:active {
	color: #fff;
}

.hrms-logos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 0 40px 0px; 
}

.hrms-logos-logo {
	margin: auto;
}

.hrms-logos-logo img {
	height: 40px;
}



.hrms-skillsearch__content-main {
	background-color: #63c1f0;
}

.hrms-meet-team {
	background-color: #2370c6;
	background-image: none;
}

.hrms-meet-team .register-cta__main {
	padding-bottom: 20px;
}

.hrms-meet-team .register-cta__description {
	font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.9rem;
}


.hrms-meet-team__title {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 1.5rem;
	font-size: 4rem;
}

.hrms-meet-team__description {
	font-size: 1.4rem;
	line-height: 2rem;
	padding-bottom: 2rem;
}

.hrms-meet-team-img {
	max-height: 250px;
	padding-bottom: 1rem;
}

.hrms-meet-team-name {
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: 800;
	text-align: center;
}

.hrms-meet-team-title, .hrms-meet-team-email {
	font-size: 1.2rem;
	line-height: 1.8rem;
	text-align: center;
}

.hrms-meet-team-email {
	font-weight: 800;	
}

.hrms-meet-team-email a {
	color: #fff;	
}

.hrms-meet-team-email a:hover, .hrms-meet-team-email a:active {
	color: #3db9ff;	
}

.hrms-meet-team .register-cta__figure img {
	max-width: 100%;
}


@media (min-width: 800px) {

	.hrms-landing .hero-home-main {
		background-image: none;	
	}
	
	.hrms-landing {
		background-image: url('/assets/images/backgrounds/hrms-hero.jpg');
	}


	.hrms-skills {
		background-image: url('/assets/images/img_cta-1.png'), url('/assets/images/backgrounds/hrms_groups.jpg');
		background-size: 33%, auto;
		background-position: left 89px bottom 0;
		background-repeat: no-repeat, repeat;
		padding-top: 40px;
		padding-bottom: 0 !important;
	}

	.hrms-skills .home-skillsearch__content-main {
		padding-bottom: 58px;	
	}
	
	.hrms-skills .home-skillsearch__division-links {
		padding-bottom: 80px;
	}
	

	.hrms-logos {
		margin: 0 0 80px 0px; 
	}
	
	.hrms-logos-logo {
		margin: auto;
	}
	
	.hrms-logos-logo:first-child {
		margin-left: 0;	
	}
	
	.hrms-logos-logo:last-child {
		margin-right: 0;	
	}
	
	.hrms-logos-logo img {
		height: 90px;
	}
	
	
	
	.hrms-meet-team {
		background-color: #2370c6;
		background-image: url('/assets/images/patterns/brandpattern_landscape_blue.svg');
		background-size: 50%;
		background-repeat: no-repeat;
		background-position: right top;
	}

	
	.hrms-work-social-resp .work-social-resp {
		background-color: #2370c6;	
	}	
	
	.hrms-meet-team .register-cta__main {
		margin-left: -18px;
		padding-bottom: 0;
	}
	
	.hrms-team-img img {
		max-height: 680px;
		margin: 95px 0 0 25px;
	}
	
	.hrms-meet-team-name {
		text-align: left;
	}
	
	.hrms-meet-team-title, .hrms-meet-team-email {
		text-align: left;
	}
	
	.hrms-meet-team .register-cta__figure img {
		max-width: 90%;
	}
	
}

@media (min-width: 800px) and (max-width: 1599px) {
	
	.hrms-meet-team .register-cta__main {
		margin-left: 0;
	}
	
	.hrms-meet-team .register-cta__title.section-title {
		margin-top: 80px;
	}
	
}


/* End of Tech / HRMS page */










/* About page */

.page-title--about {
	height: 530px;
	background-color: #001f5f;
	background-image: url('/assets/images/backgrounds/header_about_mobile.jpg');
	background-repeat: no-repeat;
}

.page-title--about .page-title__header {
    padding-top: 62px;
}

.page-title--about .page_title__subheader {
    padding-top: 16px;
}



.about-intro {
	padding-top: 63px;
	
	background-image: url('/assets/images/img_contact-dude-mobile.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 320px;
	background-size: contain;
}

.about-intro-side .figure-breakout {
	margin-left: -240px;
	vertical-align: bottom;
}

.about-intro-side .figure-breakout img {
	max-width: 216%;	
}

.about-intro__content {
	padding: 0;
	text-align: left;

}


.about-intro__title {
	text-align: left;
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 2.6rem; 
	line-height: 2.6rem;
	
	margin: 0 0 40px 0;
}

.about-intro__description {
	margin-left: inherit;
	margin-right: inherit;
	width: 100%;
	margin-bottom: 24px;

	font-size: 1.2rem;
	line-height: 1.5rem;
}

.about-intro__text {
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin-top: 0;
	padding-top: 0;
	
}


.about-stats {
	background: transparent;
	border-top: none;
}

.about-stats__heading {
	text-align: left;
	color: #001f5f;
}

.about-stats__figure {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 5rem;
	color: #001f5f;
}

.about-stats__stat {
	font-size: 0.9rem;
	letter-spacing: 0.01rem;
	color: #ccc;
	padding-bottom: 34px;
}

.about__info-text {
	text-align: left;

}





.mission {
	background-color: #001f5f;
	color: #fff;
	padding-top: 100px;
	border-top: none;
	
	padding-bottom: 488px;
	background-image: url('/assets/images/img_tech-sis.png'), url('/assets/images/backgrounds/texture-blue.jpg');
	background-position: center bottom;
	background-size: contain, auto;
	background-repeat: no-repeat, repeat;
}

.mission .section-title {
	color: #fff;
}

.mission-side {
	margin-top: 0;
}

.mission .section-lead__title {
	margin-top: 0;
	color: #fff !important;
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 4rem;
	line-height: 4.3rem;
	width: 15rem;
}

.mission .mission__intro {
	margin-top: 0;
	font-size: 1.2rem;
	text-align: left;
	padding: 0 0 30px 0;

}

.mission-main a {
	color: #28daa6;
}
.mission-main a:hover, .mission-main a:active, .mission-main a:focus {
	color: #fff;
}

.mission__row {
	border-top: 1px solid #28daa6;
	margin: 10px 15px 15px 10px;
	padding: 15px 0 0 0;
}

.mission__row .column {
	padding-left: 0;
	padding-right: 0;
}

.mission__column {
	padding-left: 0;
	margin-bottom: 0;
}

.mission__heading {
	margin-bottom: 15px;
}

.mission__description {
	margin-bottom: 25px;
}

.mission-special-effect {
	max-width: 230px;
	padding-top: 30px;
}

	.register-cv-meet-team {
		border-bottom: none;
	}



@media (min-width: 800px) {
	.page-title--about {
		height: 610px;
		background-image: url('/assets/images/backgrounds/header_about.png');
	}
	
	.page-title--about .page-title__header {
	    padding-top: 113px;
	    line-height: 6rem;
	    max-width: 22rem;
	}
	
	.page-title--about .page_title__subheader {
	    padding-top: 46px;
	}
	
	.about-intro {
		background-image: none;
		padding-top: 85px;
		padding-bottom: 0;
	}
	
	.about-intro__content {
		padding: 0 0 50px 0;
	}
	
	.about-intro__title {
		font-size: 4rem; 
		line-height: 4.4rem;
		
		margin: 43px 0 40px 0;
	}
	
	
	.about-intro__description {
	    font-size: 1.48rem;
	    line-height: 1.56;
		margin: 0 0 24px 0;
	}
	
	.about__info-text {
		max-width: 18rem;
	}
	
	
	
	
	.mission {
		background-image: url('/assets/images/backgrounds/texture-blue.jpg');
		background-repeat: repeat;
		background-size: auto;
		padding-top: 150px;
		padding-bottom: 0;
	}
	
	.mission .mission__intro {
		font-size: 1.6rem;
		padding: 0;
	}
	
	.mission__row {
		margin: 60px 28px 0 15px;
		padding: 15px 0 0 0;
	}
	
	.mission__row .column {
	    padding-left: 0.625rem;
		padding-right: 0.625rem;
	}
	
	.mission__column {
		margin-bottom: 53px;
	}
	
	.mission__heading {
		margin-bottom: 31px;
	}
	
	.mission__description {
		margin-bottom: 0;
	}
	
	.mission-special-effect {
		max-width: 230px;
		padding-top: 50px;
	}

	
	

}







/* End of About page */


/* General info pages eg Privacy */
.page-title--general {
	height: 300px;
	background-color: #001f5f;
	background-image: url('/assets/images/backgrounds/header_general.png');
	background-repeat: no-repeat;
}

.page-title--general .page-title__header {
	font-size: 3rem;
	padding-top: 61px;
}

.page-title--twolines .page-title__header {
	padding-top: 8px;
}

.page-title--general .page_title__subheader {

}

.page-title--general .header__social {
	display: none;
}


.content__block {
	
}

.content__block p {
	max-width: 100%;
}

.content__block .section-intro {
	font-size: 1.5rem;
}

.content__block h2 {
	max-width: 100%;
	color: #001f5f;
	
}

.content__block ul {
	list-style: disc;
	padding: 0 0 0 22px;;	
}

.content__block ul li {
	margin: 0;
	padding: 0;
}

.content__block ul li::marker {
	color: #3cb8ff;	
	font-size: 2rem;
}

/* Cancelling previous styles */
.content__block ul li:before {
	display: none;
}


@media (min-width: 800px) {

	.page-title--general .page-title__header {
		font-size: 4rem;
		padding-top: 61px;
		margin-left: 250px;
		line-height: 1;
	}

	
	
}



/* End of General info pages eg Privacy */


/* Modern Slavery statement */

.slaverytable {
	border: 1px solid #eee;
	border-collapse: separate;
	border-spacing: 0px;
	margin: 0.5em 0;
}

table.slaverytable td {
	border: 1px solid #eee;
	padding: 0.5em;
}

table.slaverytable td p {
	margin: 0;	
}
	
	
/* Styling the dotted/decimal numbers in list */
.modernslavery ol {
  display: table;
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
  text-align: left;
}

.modernslavery ol li {
  display: table-row;
  counter-increment: item;
}

.modernslavery ol li:before {
  content: counters(item, ".");
  display: table-cell;
  text-align: left;
  padding-right: 0.6em;
  padding-top: 0.3em;
}

.modernslavery ol li:after {
  content: '';
  display: block;
  padding-bottom: 0.7em;
}

.modernslavery ol li li:after {
  padding-bottom: 0.5em;
}

.modernslavery ol li li:before {
  content: counters(item, ".") " ";
}

/* End of Modern Slavery statement */



/* Contact Preferences AKA opt-out page */

.optout-form {
	margin-bottom: 120px;
}

.optout-form .checkbox_container {
	
}

.optout-form .checkboxline {
	margin-bottom: 48px;
}

.optout-form .checkbox_container input[type="checkbox"].cpcheckbox {
	display: none; 
}

/* Set up a fake checkbox before the <label> */
.optout-form .cpcheckbox + label:before {
	display: inline-block;
	background-color: #fff;
	border: 2px solid #e1e4e7;
	border-radius: 4px;
	content: "\00a0";
	font-size: 34px;
	height: 53px !important;
	width: 53px !important;
	vertical-align: top;
}

/* Show the tick when fake checkbox ticked */
.optout-form .cpcheckbox:checked + label:before {
	background: #fff;
	color: #88939f;
	content: "\2714";
	text-align: center;
	padding-top: 3px;
}


/* Message next to the fake checkbox */
.optout-form .optoutlabel {
	display: inline-block;
	margin: 0 0 0 20px;
	vertical-align: top;
	max-width: 19em;
}

.optout-form .optoutlabeltwoline {
	margin-top: 2px;	
}

@media (max-width: 640px) {
	.optout-form .checkbox_container {
		margin-top: 1em;
	}

	.optout-form .marginleft {
		margin-left: 0.5em;
	}
	
	.optout-form .checkboxline {
		margin-bottom: 15px;
	}
	
	.optout-form .optoutlabel {
		margin-top: 2px;
		max-width: 10em;	
	}
}

@media (min-width: 641px) and (max-width: 768px) {

	.optout-form .marginleft {
		margin-left: 0;
	}

}




/* End of Contact Preferences AKA opt-out page */



/* Work with Us */

.page-title-work-with-us {
	background-image: url('/assets/images/backgrounds/header_workwithus_mobile.jpg');
}

.workus-ourmission {
	background-color: #fff;
}



.workus-ourmission h2, .workus-values h2, .workus-benefits h2 {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 3.5rem;
	line-height: 3.5rem;
	color: #001f5f;


}


.workus-figures .about-stats__heading {
	padding-top: 50px;
}


.workus-figures .about-stats__figure {
	font-size: 5.5rem;
	line-height: 6rem;
	padding-bottom: 8px;
}

.workus-figures .about-stats__stat {
	font-family: "Telegraf-Regular";
	color: #001f5f;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: normal;
}


.workus-ourmission, .workus-values {
	background-color: #fff;
}




.workus-locations {
	background-color: #fff;
	padding: 70px 0 30px 0;
}

.workus-locations h4 {
	text-align: center;
	margin: 0 auto 60px auto;
	font-size: 1.5rem;
	max-width: 19rem;

}

.workus-locations--map {
	margin: 0 auto;
}

.workus-locations--content {
	max-width: 90%;
	margin: 30px 0 0 15px;
	font-size: 1rem;
	line-height: 1.5rem;
	
}




.workus-values {
	padding-bottom: 30px;

}

.workus-values .landing-main {
	padding-left: 0;
}

.workus-values--values {
	position: relative;
	
	background-image: url('/assets/images/backgrounds/workus-values-circles_mobile.jpg');
	height: 348px;
	width: 360px;
padding-top: 50px;

	margin-left: 20px;	

}

.workus-values--value {
	max-width: 174px;
	font-size: 1rem;
	letter-spacing: 0.05rem;
	line-height: 1.3rem;
	text-align: center;
}

.workus-values--ambition {
	position: absolute;
    left: 10px;
    top: 58px;
}

.workus-values--basics {
	position: absolute;
    left: 172px;
    top: 58px;
}

.workus-values--driven {
	position: absolute;
    left: 93px;
    top: 202px;
}






.workus-green {
	
}

.workus-green .work-social-resp {

}



.workus-fundraising {
	background-color: #00205f;
	color: #fff;
	text-align: center;
	padding: 120px 15px 100px 15px;
	
}


.workus-fundraising__content {
	max-width: 745px;
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin: 0 auto;
}

.workus-fundraising--support {
	
}

.workus-fundraising__content p {
	padding-bottom: 20px;	
}

.workus-fundraising__content a {
	color: #28daa6;
}

/* ToDo NOTENOTE change this into a class on the link so don't keep repeating */
.workus-fundraising__content a:hover, .workus-fundraising__content a:active, .workus-fundraising__content a:focus {
	color: #04002c;
}

.workus-fundraising--supporting {
	font-size: 0.9rem;
	padding: 45px 0 10px 0;
	margin-bottom: 0;
	
}

.workus-fundraising .mission-special-effect {
	padding-top: 0;
}





.workus-benefits {
    background-color: #28daa6;
    background-image: url('/assets/images/backgrounds/texture-green.jpg');
    color: #001f5f;
    padding-top: 40px;
    padding-bottom: 0 !important;
}

.workus-benefits h2 {
	width: 18rem;
}

.workus-benefits .landing-side {

}

.workus-benefits__container {
	margin: 50px 0 40px 0;
}

.workus-benefits .landing-main__intro {
	font-size: 1.3rem;
}



.workus-benefit {
	border-top: 1px solid #001f5f;
	padding-top: 12px;
}

.workus-benefit h5 {
	min-width: 104px;
	flex-basis: 0;
	font-family: "Telegraf-Bold" !important;
	letter-spacing: 0.03rem;
}

.workus-benefit__content {
	font-size: 1rem;
	padding: 8px 0 15px 0;
}


.workus-vacancies {
	background-color: #28daa6;
	background-image: url('/assets/images/backgrounds/texture-green.jpg');
    color: #001f5f;
    padding: 70px 0 20px 0;
}

.workus-vacancies .workus-vacancies__heading {
	text-align: center;
	padding-bottom: 0;
	font-size: 1.6rem;
}


.workus-vacancies .standard-results {
	background-color: #28daa6;
	padding-top: 20px;
}

.job-icon--internal {
	background-color: #001f5f !important;
}

.workus-vacancies .standard-results {
	background-color: #28daa6;
	background-image: url('/assets/images/backgrounds/texture-green.jpg');
}

.workus-vacancies .search-result {
	display: block;
}

.workus-vacancies .search-result__time a {
	color: #001f5f;
}

.workus-vacancies .search-result__summary {
	margin-right: 0;
	max-width: 100%; /* pre-mobile width: 470px; */
	line-height: 1.4rem;
}

.workus-vacancies .search-result__meta {
	line-height: 27px;
}

.workus-vacancies .btn.search-result__apply {
	margin-top: 15px;
	width: 7rem;
	text-align: center;
}



@media (min-width: 800px) {
	.page-title-work-with-us {
		background-image: url('/assets/images/backgrounds/header_workwithus.png');

	}
	
	.workus-ourmission h2, .workus-values h2, .workus-benefits h2 {
		font-size: 4.5rem;
		line-height: 5rem;
		width: 16rem;
		margin-bottom: 277px;
	}


	.workus-ourmission .landing-side {
		background-image: url('/assets/images/img_seagulls.png');
		background-position: left bottom;
		background-repeat: no-repeat;
		margin-bottom: 20px;
	}
	
	.workus-figures .about-stats__figure {
		font-size: 80pt;
		padding-bottom: 16px;
	}
	
	.workus-figures .about-stats__stat {
		font-size: 1.2rem;
		line-height: 1.8rem;
		padding-top: 12px;
		
	}
	
	
	.workus-locations {
		padding: 120px 0 30px 0;
	}
	
	.workus-locations h4 {
		text-align: center;
		margin: 0 0 120px 0;
	    font-size: 2.5rem;
	    line-height: 3rem;
    	max-width: 100%;
	}
	
	.workus-locations--content {
		max-width: 460px;
		margin: -48px 0 0 493px;
		font-size: 1.1rem;
		line-height: 1.5rem;
		
	}
	

	.workus-values--values {
		position: inherit;
		background-image: url('/assets/images/backgrounds/worksus-values-circles.png');
		height: 305px;
		width: 828px;
		padding-top: 96px;
		margin-left: 63px;	
		display: flex;
	}

	
	.workus-values--value {
		max-width: 183px;
		font-size: 1.2rem;
		letter-spacing: 0.05rem;
		line-height: 1.9rem;
		text-align: center;
	}
	
	.workus-values--ambition {
		position: inherit;
		order: 1;
		margin-left: 63px;
	}
	
	.workus-values--basics {
		position: inherit;
		order: 2;
		margin-left: 75px;
	}
	
	.workus-values--driven {
		position: inherit;
		order: 3;
		margin-left: 71px;
		max-width: 212px;
	}




	.workus-green .work-social-resp {
		height: 680px;
		padding-top: 33px;
	}


	.workus-fundraising {
		background-image: url('/assets/images/backgrounds/workus-fundraising.png');
		background-repeat: no-repeat; 
		background-color: #00205f;
		color: #fff;
		height: 680px;
		text-align: center;
		padding: 145px 0 0 0;
	}
	
	.workus-fundraising--supporting {
		padding-top: 65px;
	}



	.workus-benefits h2 {
		width: 17rem;
	}



	.workus-benefits .landing-main__intro {
		font-size: 1.6rem;
	}
	
	.workus-benefits__container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		row-gap: 50px;
		column-gap: 30px;
		margin: 50px 0 100px 0;
	}


	.workus-benefit {
		border-top: 1px solid #001f5f;
		padding-top: 12px;
		width: 45%;
	
		display: flex;
		gap: 15px;
	}

	.workus-benefit h5 {
		min-width: 104px;
		flex-basis: 0;
		font-family: "Telegraf-Bold" !important;
		letter-spacing: 0.03rem;
	}
	
	.workus-benefit__content {
		font-size: 1.2rem;
		padding: 0;
	}

	
	.workus-vacancies {
	    padding-bottom: 120px;
	}

	.workus-vacancies .workus-vacancies__heading {
		text-align: center;
		padding-bottom: 10px;
		font-size: 2.7rem;
	}
	
	.workus-vacancies .standard-results {
		background-color: #28daa6;
		padding-top: 60px;
	}
	
	.workus-vacancies .search-result {
		display: flex;
		border-bottom: 1px solid #001f5f;
	}
	
	
	.workus-vacancies .btn.search-result__apply {
		margin-top: 0;
	}
	
	.workus-vacancies .search-result__summary {
		margin-right: 88px;
		max-width: 470px; /* pre-mobile width: 470px; */
		line-height: 27px;
	}
		
}










/* End of Work with Us */

/* Work with Us vacancy */

.workus-related-jobs .job-card__details-description, .workus-related-jobs .job-card__details-meta {
	color: #001f5f;
}



.workus-internal-thankyou {
	padding-top: 90px;
}


/* End of Work with Us vacancy */




/* For Employers */

.page-title--for-employers {
	background-image: url('/assets/images/backgrounds/header_for-employers_mobile.jpg');
	height: 1286px;
}

.page-title--for-employers .page-title__header {
	padding-top: 61px;
}

.page-title--for-employers .page_title__subheader {
	max-width: 20rem;
}

.foremp-title__content {
	padding-top: 20px;
	font-size: 1.3rem;
	line-height: 1.8rem;
}


.foremp-figures .row, .foremp-figures .column {
	padding-left: 0;
}


.foremp-figures .about-stats__heading {
	color: #fff;
	padding-top: 15px;
}


.foremp-figures .about-stats__figure {
	color: #fff;
	font-size: 5rem;
	padding-bottom: 0;
}

.foremp-figures .about-stats__stat {
	font-family: "Telegraf-Regular";
	color: #fff;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.4rem;
	padding-top: 5px;
	padding-bottom: 20px;
}




.foremp-wws {
	background-color: #fff;
	background-image: url('/assets/images/img_working-with-skillsearch.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
	
	padding: 70px 0;
}

.foremp-wws h4 {
	font-family: "Telegraf-Bold" !important;
	font-size: 2.5rem;
	text-align: center;
	padding: 0 0 50px 0;
}



.foremp-wws--points {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	row-gap: 30px;
/*	column-gap: 70px; */

	width: 95%;
	margin: 0 auto;

}


.foremp-wws--point {
	display: flex;
	align-items: flex-start;
	column-gap: 30px;
}


.foremp-wws--point h5 {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	font-size: 6rem;
	order: 1;
	margin-top: -24px;
	min-width: 3rem;
}

.foremp-wws--content {
	order: 2;
	font-size: 1.4rem;
	line-height: 2rem;
	max-width: 20rem;
}



.foremp--wws--register {
	padding: 40px 0 140px 0;
	width: 100%;
	text-align: center;
}

.foremp--wws--register i {
	padding-right: 7px;	
}

.foremp-wws .btn {
	width: 95%;
}




.foremp-support {
	padding-bottom: 70px;
}

.foremp-support .landing-main {
	
	width: 94%;
	margin-left: 12px;
	margin-right: auto;
	
	font-size: 1.2rem;
	
}


.foremp-support .column:last-child:not(:first-child) {
	float: left; 
}


.foremp-support, .foremp-howwork {
	background-color: #07032b;
	background-image: url('/assets/images/backgrounds/texture-darkblue.jpg');
	color: #fff;
}

.foremp-support .section-lead__title, .foremp-howwork .section-lead__title {
	color: #fff !important;
	font-weight: bold;
}



.foremp-support-folds h3 {
	font-family: "Telegraf-Regular" !important;
	font-weight: normal;
    font-size: 1.3rem;
}

.foremp-support-folds--title {
	border-bottom: 1px solid #ccc;
	margin-bottom: 4px;
	padding: 20px 0;
}

.foremp-support--fold {
/*	padding-top: 25px; */
	margin: 8px 0 80px 0;
	padding-top: 25px;
}

.foremp-support--fold .row, .foremp-support--fold .row .row, .foremp-support--fold .row .row .row {
	margin-left: 0;
	margin-right: 0;
}


.foremp-support--info {
	text-align: left;
}

.foremp-support--info-overview {
	font-weight: bold;
/*	background-color: yellow; */
}

.foremp-support--info-overview p {
	margin-top: 0;
	max-width: 100%;
}

.foremp-support--info ul {
	list-style-type: none;
	margin-top: 0;
    margin-left: 26px;
}

.foremp-support--info li {
	font-size: 1.1rem;
	line-height: 1.5rem;
	padding-bottom: 12px;
}

.foremp-support--fold-info {
	color: #ccc;

}

.foremp-support--fold-info ul {
	margin-left: 30px;	
}




	/* Show and Hide with arrow toggles */
.toggled-on .toggle-content {
    display: block;
	transition: transform .5s ease;
}



.toggled-on .fa-angle-down {
  transition: transform .2s ease;
  transform: rotate(0deg);

}

.toggle-title {
    cursor: pointer;
    position: relative;
}

.toggle-title i {
    position: absolute;
    right: 0;
    font-size: 1.5em; 
}

.toggled-off .toggle-content {
    display: none; 
   
}

.toggled-off .fa-angle-down {
	transform: rotate(-90deg);
	transition: transform .5s ease;

}
	/* End of show and hide with arrow toggles */





.foremp-howwork {
	padding-bottom: 120px;
}

.foremp-howwork .landing-main {
	font-size: 1rem;
}

.howwork-timeline {
	position: relative;
	background-image: url('/assets/images/for-employers-timeline_mobile.png');
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 916px;

}

.howwork-info {
	width: 155px;
}

.howwork-timeline--heading {
	font-family: "Telegraf-Bold";
	font-size: 1.5rem;
	line-height: 1.8rem;

}

.howwork-timeline-1 {
	position: absolute;
	left: 213px;
	top: -6px;
}

.howwork-timeline-2 {
	position: absolute;
    left: 2px;
    top: 39px;
    text-align: right;
}

.howwork-timeline-3 {
	position: absolute;
	left: 213px;
	top: 296px;
}

.howwork-timeline-4 {
	position: absolute;
    left: 4px;
    top: 445px;
    text-align: right;
}

.howwork-timeline-5 {
	position: absolute;
	left: 213px;
	top: 595px;
}

.howwork-timeline-6 {
	position: absolute;
    left: 4px;
    top: 745px;
    text-align: right;
}

.howwork-timeline-7 {
	position: absolute;
	left: 213px;
	top: 898px;
}

.howwork-timeline-2 ul {
	direction: rtl;
	padding-right: 15px;
	font-size: 0.9rem;
}

.howwork-timeline-2 li {
	padding-right: 10px;
}


/* Have to add circle-check as a Unicode marker as this list is reversed and Font Awesome doesn't seem to handle that */
.howwork-timeline-2 li::marker {
	content: '\f058';
	font-family: "Font Awesome 6 Pro";
	color: #fff;
	font-weight: 400;
}






.foremp-meet-team .team {
	background-color: #04002b;
	background-image: url('/assets/images/backgrounds/texture-darkblue.jpg');
	color: #fff;
	border-color: #1e1e1e;
}

.foremp-meet-team .team .section-lead__title, .foremp-meet-team .team__intro-contact-heading, .foremp-meet-team .team__intro-contact-text, .foremp-meet-team .team-profile__name {
	color: #fff !important;	
}

.foremp-meet-team .team a {
	color: #fff !important;	
}

.foremp-meet-team .team-avatar__image {
	background-color: inherit;
}

.foremp-meet-team .team-avatar, .foremp-meet-team .team-profile, .foremp-meet-team .team-profile__contact, .foremp-meet-team .team-profile__picture {
    background-color: transparent;
}

.foremp-meet-team .team-avatar, .foremp-meet-team .team__avatars {
	border-color: #1e1e1e;
}




.foremp-partners {
	background-color: #04002b;
	background-image: url('/assets/images/backgrounds/texture-darkblue.jpg');
	padding-bottom: 50px;
}

.foremp-partners .section-lead__title {
	color: #fff !important;
}

.foremp-partners-grid {
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	row-gap: 20px;
	column-gap: 15px;
	justify-content: center;

}

.foremp-partners .partner {
	width: 120px
}



.foremp-registervac {
	background-color: #04002b;
	background-image: url('/assets/images/backgrounds/foremp-register-vacancy_mobile.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	min-height: 640px; 
	width: 100%;
	color: #fff;
}


.foremp-registervac__content {
	margin: 0 auto;
	padding-top: 98px;
	color: #001f5f;
	text-align: center;
}

.foremp-registervac__content h3 {
	font-size: 2rem;	
}

.foremp-registervac__info {
	padding-bottom: 20px;
}






@media (min-width: 800px) {
	.page-title--for-employers {
		background-image: url('/assets/images/backgrounds/header_for-employers.jpg');
		height: 1010px;
	}
	
	.page-title--for-employers .page-title__header {
		padding-top: 89px;
	}	
	
	.page-title--for-employers .page_title__subheader {
		max-width: 22rem;
	}
	
	.foremp-title__content {
		padding-top: 50px;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.foremp-figures .about-stats__figure {
		font-size: 80pt;
		padding-bottom: 16px;
	}

	.foremp-figures .about-stats__stat {
		font-size: 1.2rem;
		line-height: 1.8rem;
		padding-top: 12px;
		padding-bottom: 34px;
	}


	.foremp-wws {
	    background-size: auto;
	    padding: 90px 0;
	}

	.foremp-wws--points {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		row-gap: 50px;
	
		width: auto;
		margin: inherit;
	
	}

	
	.foremp-wws--point h5 {
		font-size: 7.2rem;
		order: 1;
		margin-top: -24px;
		min-width: 3rem;
	}
	
	.foremp-wws--content {
		order: 2;
		font-size: 1.4rem;
		line-height: 2.4rem;
		max-width: 20rem;
	}
	
	.foremp-wws .btn {
		width: auto;
	}
	
	.foremp--wws--register {
		padding-bottom: 570px;
	}
	

	.foremp-support .column:last-child:not(:first-child) {
		float: right;
	}
	
	.foremp-support .landing-main {
		width: 66.6666%;
		margin-left: 0;
		font-size: 1.2rem;
	}

	.foremp-support .section-lead__title, .foremp-howwork .section-lead__title {
		max-width: 12rem;
	}


	.foremp-support-folds h3 {
	    font-size: 40px;
	}


	.foremp-support--info {
		display: flex;
		flex-direction: row;
	}
	
	.foremp-support--info-overview p {
		max-width: 70%;
	}

	.foremp-support--info ul {
	   margin-left: var(--fa-li-margin,2.5em);
	}


	
	.toggle-title i {
	    position: absolute;
	    right: 0;
	    font-size: 2.5em; 
	}




	.foremp-howwork .landing-main {
		font-size: 1rem;
	}

	.howwork-timeline {
		background-image: url('/assets/images/for-employers-timeline.png');
		min-height: 944px;
	}
	
	.howwork-info {
		width: 355px;
	}
	
	
	.howwork-timeline--heading {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	.howwork-timeline-1 {
		position: absolute;
		left: 713px;
		top: 4px;
	}
	
	.howwork-timeline-2 {
		position: absolute;
	    left: -139px;
	    top: 156px;
	    text-align: right;
	}
	
	.howwork-timeline-3 {
		position: absolute;
		left: 713px;
		top: 306px;
	}
	
	.howwork-timeline-4 {
		position: absolute;
	    left: -139px;
	    top: 456px;
	    text-align: right;
	}
	
	.howwork-timeline-5 {
		position: absolute;
		left: 713px;
		top: 606px;
	}
	
	.howwork-timeline-6 {
		position: absolute;
	    left: -139px;
	    top: 758px;
	    text-align: right;
	}
	
	.howwork-timeline-7 {
		position: absolute;
		left: 713px;
		top: 906px;
	}
	
	.howwork-timeline-2 ul {
		direction: rtl;
		padding-right: 20px;
		font-size: 1.2rem;
	}
	
	.howwork-timeline-2 li {
		padding-right: 10px;
	}
	

	/* Have to add circle-check as a Unicode marker as this list is reversed and Font Awesome doesn't seem to handle that */
	.howwork-timeline-2 li::marker {
		content: '\f058';
		font-family: "Font Awesome 6 Pro";
		color: #fff;
		font-weight: 400;
	}
	
	
	.foremp-partners {
		padding-bottom: 90px;
	}
	
	.foremp-partners-grid {
		max-width: 85%;
		row-gap: 50px;
		column-gap: 30px;
	
	}
	
	
	.foremp-partners .partner {
		width: 180px
	}
	
	

	.foremp-registervac {
		background-color: #04002b;
		background-image: url('/assets/images/backgrounds/foremp-register-vacancy.jpg');
		height: 650px; 
		padding-bottom: 90px;
		color: #fff;
	}


	.foremp-registervac__content {
		margin: 0 auto;
		padding-top: 313px;
		width: 470px;
		color: #001f5f;
		text-align: center;
	}

	.foremp-registervac__content h3 {
		font-size: 2.5rem;	
	}


}




/* End of For Employers */


/* Green impact */

.bodygreen {
	
}

.bodygreen .search__form .search__field-submit .btn--red {
	background-color: #236fc6;
}

.bodygreen .page-header, .bodygreen .page-header .row, .bodygreen .search__form {
	background-color: #18ca9a;
	background-image: none;
}

.bodygreen .page-header__menu .divider {
	border-right: solid 1px rgba(255, 255, 255, 0.5);
}

.bodygreen .search-tagline {
	color: #fff;
}

.bodygreen .search-tagline .highlight {
	color: #236fc6;
}


.page-title--green {
	background-color: #5feabb;
	background-image: url('/assets/images/backgrounds/header_green_mobile.jpg');
	height: 563px;
	
}

.page-title--green .page-title__header {
	max-width: 32rem;	
}

.page-title--green .header__social__list a:hover, .page-title--green .header__social__list a:active, .page-title--green .header__social__list a:focus {
	color: #001f5f;
}

.bodygreen .landing-main {
	font-size: 1.3rem;
	margin-top: 5px;
}

.bodygreen .landing-row {
	padding-top: 37px;
	padding-bottom: 20px;
}

.green__intro, .green__ecologi {
	background-color: #fafafa;
}

.ecologi_stub {
	text-align: center;
	padding-bottom: 40px;
}

.green__intro .section-lead__title {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
    font-size: 3rem;
    line-height: 4.1rem;
}

.green__intro .landing-main p:first-of-type, .green__ecologi .landing-main p:first-of-type {
	margin-top: 0;
}

.green__refer {
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 50px;
}

.green__refer-button {
	padding-top: 30px;
}

.green__refer-button .btn {
	width: 100%;
}

.green__ecologi .workus-figures {
	padding-top: 20px;
}

.green__ecologi .workus-figures .about-stats__figure {
	font-size: 3.5rem;
	line-height: 4rem;
}


.green-figures .column:last-child {
	float: left;
}




.green__refer .section-lead__title {
	max-width: 14rem;	
}


.green__refer .figure-breakout {
	max-width: 100%;
	margin-left: -190px;
}


.green__refer .figure-breakout img {
	max-width: 170%;
}


@media (min-width: 800px) {

	.page-title--green {
		background-image: url('/assets/images/backgrounds/header_green.jpg');
		height: 610px;
	}
	
	.bodygreen .landing-main {
		font-size: 1.2rem;
		margin-top: 35px;
	}
	
	.bodygreen .landing-row {
		padding-bottom: 0;
	}

	
	.green__intro .section-lead__title {
	    font-size: 4rem;
    }
    
	    
	.ecologi_stub {
		text-align: left;
		padding-bottom: 0;
	}
	
	.green__refer {
		padding-top: 97px;
		padding-bottom: 0;
	}
	
	
	.green__refer-button .btn {
		width: inherit;
	}
	
	.green__ecologi .workus-figures .about-stats__figure {
		font-size: 80pt;
		line-height: 6rem;
	}
	
	.green__refer .section-lead__title {
		max-width: 12rem;	
	}



}


	

/* End of Green impact */


/* Social Responsibility */

.bodysocialresp {
	
}


.bodysocialresp .page-header, .bodysocialresp .page-header .row, .bodysocialresp .search__form {
	background-color: #3db9ff;
	background-image: none;
}

.bodysocialresp .page-header__menu .divider {
	border-right: solid 1px rgba(255, 255, 255, 0.5);
}


.page-title--socialresp {
	background-color: #3db9ff;
	background-image: url('/assets/images/backgrounds/header_socialresponsibility_mobile.jpg');
	height: 563px;
}

.page-title--socialresp .page-title__header {
    max-width: 30rem;
}


.socialresp-fundraising {
	background-color: #fafafa;
	padding-bottom: 50px;
}


.bodysocialresp .landing-main, .bodysocialresp .landing-main__intro {
	font-size: 1.2rem;
}

.bodysocialresp .mission-special-effect {
	max-width: 95%;
}


.socialresp-fundraising h2 {
    font-family: 'Big Shoulders Display' !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 3.5rem;
    line-height: 4rem;
    color: #001f5f;
}



.socialresp-events {
	background-color: #04002b;
	background-image: url('/assets/images/backgrounds/texture-darkblue.jpg');
	color: #fff;
}

.socialresp-events .section-lead__title {
	color: #fff !important;
	font-family: "Big Shoulders Display" !important;
    font-weight: 800;
    text-transform: uppercase;
    max-width: 10rem;
}

.socialresp-events a {
	color: #5feabb;
	font-family: "Telegraf-Bold";
}

.socialresp-events a:hover, .socialresp-events a:active, .socialresp-events a:focus {
	color: 	#575757;
}


.socialresp-events-gallery {
	width: 100%;
}





.socialresp-news .latest-news {
	background-color: #04002b;
	background-image: url('/assets/images/backgrounds/texture-darkblue.jpg');
	color: #fff;
}


.socialresp-news .news-card, .socialresp-news .news-card h2, .socialresp-news .news-card__category, .socialresp-news .news-card__description {
	color: #fff !important;
}

.socialresp-news .news-card__link {
	color: #fff;
}

.socialresp-news .news-card__link:hover, .socialresp-news .news-card__link:active, .socialresp-news .news-card__link:focus {
	color: #5feabb;
}

.socialresp-news .latest-news__view-more a:hover, .socialresp-news .latest-news__view-more a:active, .socialresp-news .latest-news__view-more a:focus {
	color: #fff;	
}


.socialresp-events-gallery {
	padding-top: 60px;
}

.events-image figure {
	margin: 0 0 50px 0;
}

.events-image figcaption {
	caption-side: bottom; 
	padding-top: 30px;

}

.socialresp-events2 .landing-row {
	padding-top: 30px;
}




@media (min-width: 800px) {

	.page-title--socialresp {
		background-image: url('/assets/images/backgrounds/header_socialresponsibility.jpg');
		height: 610px;
	}

	.socialresp-fundraising {
		padding-bottom: 150px;
	}

	.socialresp-fundraising h2 {
	    font-size: 4.5rem;
	    line-height: 5rem;
	    width: 22rem;
	}
	
	.bodysocialresp .landing-main__intro {
		font-size: 1.6rem;
	}
	
	.bodysocialresp .mission-special-effect {
		max-width: 230px;
	}
	
	.socialresp-events-gallery {
		display: flex;
		width: 100%;
	}
	
	.events-image figure {
		margin: 0;
	}

	
	.events-image2 {
	    margin-right: -180px;
	}
	
	.socialresp-events2 .landing-row {
		padding-top: 70px;
	}





}


/* End of Social Responsibility */



/* Boss Level Recruitment */

.page-title--bosslevel {
	background-color: #3db9ff;
	background-image: url('/assets/images/backgrounds/header_bosslevel_mobile.jpg');
	height: 563px;
}


.page-title--bosslevel .page-title__header {
	font-size: 4.5rem;
	line-height: 5rem;
    max-width: 24rem;
}


.bosslevel-problems, .bosslevel-solution {
	background-color: #fafafa;
}

.bosslevel-problems h2, .bosslevel-wants h2, .bosslevel-solution h2 {
	font-family: 'Big Shoulders Display' !important;
	text-transform: uppercase;
	font-size: 4.5rem;
	color: #001f5f;
}

.bosslevel-problems h5 {
	font-size: 1.8rem;
}


.bosslevel-problem {
	display: flex;
	gap: 19px;
	
	margin-bottom: 40px;
}

.bosslevel-problem img {
	min-width: 135px;
	flex-basis: 0;
	margin-bottom: 0;
}

.bosslevel-problem__content {
	font-size: 1.2rem;
	padding: 0;
}




.bosslevel-wants {
	background-image: url('/assets/images/backgrounds/texture-green.jpg');
	color: #001f5f;
	padding-bottom: 50px;
}


.bosslevel-wants h2 {
		
}

.bosslevel-wants ul, .bosslevel-solution ul {
    padding-inline-start: 20px;
}

.bosslevel-wants li {
	font-size: 1.5rem;
	line-height: 1.8rem;
	margin-bottom: 1rem;
	margin-left: 0;
}


.bosslevel-solution {
	background-color: #3db9ff;
	color: #fff;
	text-shadow: #3db9ff 1px 1px 1px;
	padding-bottom: 50px;
}

.bosslevel-solution h2 {
	color: #fff;
}

.bosslevel-solution h3 {
	font-family: 'Big Shoulders Display' !important;
	text-transform: uppercase;
	font-size: 2.1rem;
	text-align: center;
	margin: 1.5rem 0 2rem 0;
}


.bosslevel-solution h4 {
	font-family: 'Big Shoulders Display' !important;
	text-transform: uppercase;
	font-size: 3.2rem;	
}

.bosslevel-solution li {
	font-size: 1.4rem;
	line-height: 1.7rem;
	margin-bottom: 1rem;
	margin-left: 0;
}

.bosslevel-solution .poweredby {
	font-family: 'Big Shoulders Display' !important;
	text-transform: uppercase;
	font-size: 2.1rem;
	text-align: center;
	margin: 2.5rem 0 2rem 0;
}

.bosslevel-solution .notincluded {
	font-size: 1.4rem;
	padding-top: 20px;
}

/*
.bosslevel-features {
	background-color: #3db9ff;
	padding-top: 30px;
	padding-bottom: 20px;
	color: #001f5f;
}

.bosslevel-feature {
	margin-bottom: 30px;
	text-align: center;
}

.bosslevel-feature img {
	min-width: 135px;
	margin-bottom: 20px;
}
*/


.bosslevel-enquire {
	background-color: #fff;
}


.bosslevel-enquire .section-lead__title {
	font-family: 'Big Shoulders Display' !important;
	text-transform: uppercase;
	font-size: 2.7rem;	
	line-height: 3rem;
	max-width: 22rem !important;
}




@media (min-width: 800px) {

	.page-title--bosslevel {
		background-image: url('/assets/images/backgrounds/header_bosslevel.jpg');
		height: 610px;
	}

	.page-title--bosslevel .page-title__header {
		font-size: 7rem;
		line-height: 7rem;
		max-width: 44rem;
	}

	.page-title--bosslevel .page_title__subheader {
		padding-top: 30px;
	}


	.bosslevel-problems .landing-main {
		margin-top: 0;
	}


		
	.bosslevel-problem__container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		row-gap: 50px;
		column-gap: 50px;
		margin: 50px 0 100px 0;
	}


	.bosslevel-problem {
		width: 45%;
		margin-bottom: 0;
	}

	.bosslevel-problem img {
		min-width: 135px;
		flex-basis: 0;
		margin-bottom: 0;
	}
	
	.bosslevel-problem__content {
		font-size: 1.1rem;
		padding: 0;
		margin-top: 10px;
	}



	.bosslevel-wants {
		background-image: url('/assets/images/backgrounds/mypeople_background_green.jpg');
		padding-bottom: 90px;
	}

	.bosslevel-wants ul {
	    padding-inline-start: 0;
	}
	


	.bosslevel-solution {
		background-image: url('/assets/images/backgrounds/mypeople_background_blue.jpg');
		padding-bottom: 70px;
	}
	
	
	.bosslevel-solution h3 {
		font-size: 2.4rem;
		margin: 1.5rem 0 2rem 0;
	}


	.bosslevel-solution h4 {
		font-size: 3.8rem;	
	}
	
	.bosslevel-solution ul {
		padding-inline-start: 20px;
	}
	
	
/*	
	.bosslevel-features {
		background-color: #3db9ff;
		background-image: url('/assets/images/backgrounds/mypeople_background_blue.jpg');
		padding-bottom: 20px;
	}
	
	.bosslevel-features__container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		row-gap: 50px;
		column-gap: 50px;
		margin: 50px 0 50px 0;
	}


	.bosslevel-feature {
		width: 45%;
		margin-bottom: 0;
	}

	
	.bosslevel-feature__content {
		font-size: 1.1rem;
		padding: 0;
	}
*/	
	
	
	
	
	
	
	

}


/* End of Boss Level Recruitment */







/* Contact */

.page-title--contact {
	background-color: #04002b;
	background-image: url('/assets/images/backgrounds/header_contact_mobile.jpg');
	height: 1011px;
	
}

.page-title--contact .page-title_container {
	display: block;	
}

.page-title--contact .page-title__header {
	order: 1;
    max-width: 29rem;
}

.page-title--contact .page-title-extra {
	order: 2;
	padding-top: 82px;
}

.page-title--contact .page-title-extra h3 {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
}

.page-title--contact .page-title-extra a {
	color: #fff;
	text-decoration: none;
}

.page-title-extra-phone {
	font-size: 1.4rem;
	padding-bottom: 15px;
}


.page-title--contact .header__social {
	order: 3;
}


.contact-map {
	background-image: url('/assets/images/backgrounds/locations_banner.png');
	background-repeat: no-repeat;
	background-color: #fafafa;
	background-size: 100%;
	background-position-x: center;
	background-position-y: -20px;

	padding: 110px 0 20px 0;
	border-bottom: 1px solid #dfdfdf;
}

.contact-map h3 {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 2rem;
	line-height: 2.3rem;
	text-align: center;
	max-width: 33rem;
	margin: 0 auto;
}

.contact-map .map {
	padding: 60px 0 20px 0;
}


.contact-map .offices {
/*	max-width: 800px;
	margin: 0 auto; */
}

.offices {
	text-align: center;
	padding-top: 40px;
}

.offices .contact-office {
	padding-bottom: 50px;
}

.offices h4 {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 2.2rem;
	line-height: 2.5rem;
	padding-bottom: 10px;
}

.office-phone {
	padding: 10px 0 6px 0;
}

.offices .office-email a {
	font-weight: bold;
}



.contact-hq {
	background-color: #fff;
	padding-bottom: 60px;
	border-bottom: 1px solid #dfdfdf;
}

.contact-hq .row .row, .enquire .row .row {
    margin-left: auto;
    margin-right: auto;
}

.col-left {
	float: left !important;
	padding-left: 0;
}

.contact-hq .landing-main {
	font-size: 1.2rem;
}


.contact-address {
	padding-left: 0;
	font-size: 1.3rem;
}

.contact-telemail {
	font-size: 1.3rem;
	padding-top: 20px;
}


.contact-depts {
	background-color: #fff;
	padding: 50px 0 40px 0;
	border-bottom: 1px solid #dfdfdf;	
}

.contact-depts .offices {
	text-align: left;	
}

.contact-depts .contact-office {
	padding-left: 10px;
}

.contact-depts h4 {
	max-width: 10rem;
}


.enquire {
	padding-bottom: 50px;
}

.enquire .landing-main {
	margin-top: 0;
	font-size: 1.3rem;
}

.enquire .section-title {
	padding-bottom: 20px;
}

.enquire .section-lead__title {
	max-width: 10rem;
}

.enquire .skillsearch-form.skillsearch-form--contact textarea {
	height: 294px;
}

.enquire .consentlabel {
	max-width: 80%;
	margin-top: 0;
}

.enquire .skillsearch-form__submit {
	padding-top: 20px;
}



@media (min-width: 800px) {
	.page-title--contact {
		background-image: url('/assets/images/backgrounds/header_contact.jpg');
		height: 610px;
	}

	.page-title--contact .page-title_container {
		display: flex;	
	}
	
	.page-title--contact .page-title-extra {
		order: 2;
		padding-top: 107px;
	}
	
	
	.contact-map {
		background-position: center top;
		padding: 340px 0 120px 0;
	}

	.contact-map h3 {
		font-size: 2.5rem;
		line-height: 3rem;
	}
	
	.offices {
		text-align: left;
		padding-top: 0;
	}
	
	.offices .contact-office {
		padding-bottom: 0;
	}
	
	.contact-hq {
		padding-bottom: 130px;
	}
	
	#registeredaddr {
		scroll-margin-top: 4rem;
	}
	
	
	.col-left {
		float: left !important;
		padding-left: 0.625rem;
	}
	
	.contact-hq .landing-main {
		font-size: 1.2rem;
	}

		
	.contact-hq .row .row, .enquire .row .row {
	    margin-left: -0.625rem;
	    margin-right: -0.625rem;
	}
	
	.contact-telemail {
		padding-top: 0;
	}
	
	
	.contact-depts {
		padding: 100px 0 110px 0;
	}
	
	.contact-depts .contact-office {
		padding-left: 0;
	}
	
	
	.enquire {
		padding-bottom: 0;
	}
	
	.enquire .section-title {
		padding-bottom: 52px;
	}
	
	.enquire .landing-main {
		margin-top: 35px;
		font-size: 1.2rem;
	}
	
	.enquire .consentlabel {
		max-width: 95%;


	}




}





/* End of Contact */






/* News */

.page-title--news {
	background-color: #04002b;
	background-image: url('/assets/images/backgrounds/header_latest-news.jpg');
}

.page-title--news .page-title__header {
	max-width: 15rem;
}

.page-title--news .page-title_container {
	display: inherit;
}

.page-title--news .news-filters {
	order: 2;
}

.page-title--news .header__social {
	order: 3;
}

.news-filters {
	padding: 215px 0 0 0;
}

.news-category-select__item {

}

.news-category-select__link {
	border-radius: none;
	background-color: transparent;
	border-right: none;
	box-shadow: none;
	
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.3rem;
	
	color: rgba(255, 255, 255, 0.6);
}

.news-category-select__link:hover {
	border-radius: none;
	background-color: transparent;
}

.news-category-select__link--active {
	color: rgba(255, 255, 255, 1);
	background-color: transparent;
}

.news-featured {
	margin: -145px auto 0 auto;
	position: relative;
	z-index: 4;
	width: 100%;
}

.show_news_bg .news-card img {
	display: none;
}

.news-featured .news-card {
	max-width: 100%;
	padding-bottom: 60px;
	margin-right: 0;
}

.news-featured .news-card img, .related-news .news-card img {
	display: block;	
}

.news-featured .news-card__image {
	width: 100%;
}



.news-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	row-gap: 50px;
	column-gap: 30px;
	padding: 30px 0;
}

.author {
	padding-top: 0;
}


@media (min-width: 800px) {
	
	.page-title--news .page-title__header {
		max-width: 45rem;
	}
	
	.page-title--news .page-title_container {
		display: flex;
	}

	
	.news-filters {
		padding: 167px 0 0 91px;
	}
	
	.news-featured {
		margin: -246px auto 0 auto; /* -384px -246px */
		position: relative;
		z-index: 4;
		width: 703px;
	}
	
	.show_news_bg .news-card img {
		display: block;
	}


	.news-featured .news-card {
	
		max-width: 703px;
		margin-right: auto;
		padding-bottom: 30px;
	}

	.news-featured .news-card__image {
		width: 703px;
	}
		
	
}





/* End of News */

/* News Category */

.page-title--newscategory {
	height: 410px;
}


/* End of News Category */






/* News story */

.news-article-feature-image {
	background-color: #fff;
}

.news-article-header {
	padding: 25px 0 0 0;
	text-align: left;
}

.news-article-header__title {
	margin: 0;
	font-size: 3rem;
	line-height: 1;
	
}

.news-article-bylinetime {
	padding-top: 20px;
}

.news-article-bylinetime .column {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
}

.news-article-bylinetime .column:last-child {
	float: none;	
}




.news-article-header__byline {
	color: #001f5f;
}

.news-article-header__readtime {
	font-size: 0.9rem;
}

.news-article-header .article-author {
	font-family: "Telegraf-Bold";
}


.news-article-main {
	padding: 50px 0;
	border-top: 1px solid #ccc;
}

.news-article-main p {
	font-size: 1.2rem;
	line-height: 1.6rem;
}


.news-prevnext {
	background-color: #fcfcfc;
	border-top: 1px solid #ccc;
	padding: 40px 0 40px 0;
	font-size: 1.4rem;
	line-height: 1.9rem;
	
}

.news-prevnext-container {
	display: flex;
}

.news-prev {
	width: 50%;
}

.news-next {
	width: 50%;
	text-align: right;	
}


.news-prevnext-link {
	display: flex;
}

.news-prevnext-header {
	font-size: 1rem;
}

.news-prev .news-prevnext-arrow {
	padding-right: 20px;
}

.news-next .news-prevnext-arrow {
	padding-left: 20px;	
}

.news-prevnext-link-arrow {
	padding-top: 2rem;
}


@media (min-width: 800px) {
	.news-article-header {
		padding: 60px 0 40px 0;
	}
	
	.news-article-header__title {
		font-size: 2rem;
		line-height: 1.3;
	}
	
	.news-article-bylinetime .column {
		padding-bottom: 0;
	}
	
	.news-article-bylinetime .column:last-child {
		float: right;	
	}

	
	.news-article-bylinetime {
		padding-top: 20px;
		display: flex;
	}
	
	.news-article-header__readtime {
		font-size: 1.2rem;
		text-align: right;
		
		float: right;
	}
	
	
}




/* End of News story */





/* Thank you pages */


.page-title--thankyou {
	background-color: #04002b;
	background-image: url('/assets/images/backgrounds/header_thankyou_mobile.jpg');
	height: 720px; 
}

.page-title--thankyou .page-title__header {
	max-width: 45rem;
}


.header-message {
	max-width: 28rem;
	padding-top: 40px;
	font-family: "Telegraf-Bold";
	
	font-size: 1.4rem;
	line-height: 1.9rem;
}

.thankyou-register .register-cta__figure .figure_img {
	background-image: url('/assets/images/img_cta-2.png');
}


@media (min-width: 800px) {
	
	.page-title--thankyou {
		background-image: url('/assets/images/backgrounds/header_thankyou.jpg');
		height: 610px;
	}
	
}



/* End of Thank you pages */


/* Error page */

.page-title--error {
	background-color: #04002b;
	background-image: url('/assets/images/img_pyxel-404.png'), url('/assets/images/backgrounds/header_error_mobile.jpg');
	background-position: center bottom, center top;
	background-repeat: no-repeat;
	background-size: contain, auto;
	border-bottom: none;
	
	height: 720px;
}

.page-title--error .page-title__header {
	max-width: 45rem;
}


@media (min-width: 800px) {
	
	.page-title--error {
		background-image: url('/assets/images/backgrounds/header_error.jpg');
		padding: 37px 0 70px 0;
		height: 610px;
	}
	
}



/* End of Error page */



/* Job Alerts page */

.jobalerts {
	background-color: #fff;
	border-bottom: 1px solid #dfdfdf;
}

.jobalerts .search__filters {
	display: block;
	background-color: #fff;
	color: #001f5f;
	margin: 0 15px;
}

.jobalerts .filters__label {
	color: #001f5f;
}

.jobalerts .search__field {
	min-height: 48px;
	margin-bottom: 25px;
}

.jobalerts .filters__first-row {
	padding-bottom: 0;
}

.jobalert-buttons {
	margin-top: 51px;
}

.jobalert-buttons .btn--red {
	margin-bottom: 25px;
}

.jobalerts .consentlabel_job-signup  {
	max-width: 300px;
}

#previewresults .standard-results__title {
	padding-bottom: 29px;
}

.jobalerts .skillsearch-form select {
	margin-bottom: 20px;
}



@media (min-width: 800px) {
	.jobalerts .search__filters {
		display: block;
		background-color: #fff;
		color: #001f5f;
		margin: 0;
	}
	
	.filters__first-row {
		padding-bottom: 25px;
	}
	
	.jobalerts .skillsearch-form select {
		margin-bottom: 24px;
	}
	
	.jobalert-buttons .btn--red {
		margin-right: 40px;
		margin-bottom: 0;
	}
	
	.jobalerts .consentlabel_job-signup  {
		max-width: 850px;
	}
}



/* End of Job Alerts page */


/* Promotions page */

.page-title--promo .page-title__header {
	margin-left: 0;
}

.promo-intro {
	
}

/* End of Promotions page */





/* APAC page */

.page-title--apac {
	background-color: #5feabb;
	background-image: url('/assets/images/backgrounds/header_apac_mobile.jpg');
	height: 563px;
	
}

.apac-meet-team .register-cta__description {
	font-size: 1.5rem;
	line-height: 2.2rem;
}


.apac-hiring {
	background-color: #fff;
	padding: 80px 0 80px 0;
}

.apac-hiring h2 {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 400;
	text-transform: uppercase;
	color: #001f5f;
	text-align: center;
}

.apac-hiring .apac-map {
	display: block;
	margin: 20px auto;
	width: 88%;
}

.apac-hiring .apac-map-text {
	font-size: 1.2rem;
}



.apac-featured {
	background-color: #3db9ff;
}

.apac-featured .featured-jobs--home {
	display: block;
}

.apac-featured .job-card-container .job-card {
	display: block; /* Show the featured jobs on mobile */
	margin-bottom: 4rem;
}


.apac-featured .section-lead__title {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	color: #001f5f;
	font-size: 3rem;
	padding-bottom: 0;
}

.apac-featured .featured-jobs {
	background-color: transparent;
	color: #001f5f;
}

.apac-featured .featured-jobs .job-card__details-time {
	color: #001f5f;
}

.apac-featured .featured-jobs .job-icon--pink, .apac-featured .featured-jobs .btn--pink {
	background-color: #e20c63;
}

.apac-featured .featured-jobs .job-card__link:focus, .apac-featured .featured-jobs .job-card__link:hover, .apac-featured .featured-jobs .job-card__details-meta a:hover, .apac-featured .featured-jobs .job-card__details-meta a:active {
	color: #fff;
}

.apac-featured .featured-jobs .btn--pink:hover, .apac-featured .featured-jobs .btn--pink:active {
	background-color: #fff;
	color: #001f5f;
}

.apac-featured .featured-jobs .job-card__details-meta-first, .apac-featured .featured-jobs .job-card__details-meta {
	border-color: #001f5f;
}

.apac-featured-clients h3 {
	font-family: 'Big Shoulders Display' !important;
	font-weight: 800;
	text-transform: uppercase;
	color: #e30b62;
	text-align: center;
	font-size: 2.5rem;
}


.apac-featured-clients-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	row-gap: 30px;
	column-gap: 50px;
	justify-content: center;
	width: 100%;
	margin: 30px auto 100px auto;
}

.apac-featured-clients-list .apac-client {
	width: 190px;
	align-self: center; /* Stops Chrome squashing the images */
}

.netease {
	width: 200px !important;		
}

.ubisoft {
	width: 105px !important;			
}

.moonton {
	width: 130px !important;	
}

.playstationst {
	width: 110px !important;		
}



@media (min-width: 800px) {
	
	.page-title--apac .page-title__header {
		padding-top: 158px;
		font-size: 8rem;
		line-height: 3rem;
	}

	.page-title--apac .page_title__subheader {
		max-width: 52rem;
		font-size: 3rem;
		line-height: 3.4rem;
	}

	.page-title--apac {
		background-image: url('/assets/images/backgrounds/header_apac.jpg') !important;
		height: 610px;
	}

	.apac-hiring {
		padding: 80px 0 80px 0;
		
	}
	
	.apac-hiring h2 {
		font-size: 5rem;
		line-height: 5.4rem;
		max-width: 24rem;
		text-align: left;
	}
	
	.apac-hiring .apac-map {
		margin: 30px auto 61px auto;
		width: 88%;
	}
	
	.apac-hiring .apac-map-text {
		font-size: 1.5rem;
	}
	
	.apac-featured {
		background-image: url('/assets/images/backgrounds/apac_featured.jpg');
		background-size: auto;
		background-repeat: repeat;
		padding-top: 40px;
	}
	
	.apac-featured .section-lead__title {
		font-size: 3.5rem;
	}
	
	.apac-featured .featured-jobs--home {
		padding-bottom: 100px;
	}

	.apac-featured .job-card-container .job-card {
		margin-bottom: 0;
	}
	

	.apac-featured-clients h3 {
		font-size: 3rem;
	}

	.apac-featured-clients-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		row-gap: 50px;
		column-gap: 83px;
		margin: 30px auto 100px auto;
		width: 100%;

	}
	
	.apac-featured-clients-list .apac-client {
		width: 220px;
		align-self: center; /* Stops Chrome squashing the images */
	}
	
	.netease {
		width: 250px !important;		
	}
	
	.ubisoft {
		width: 125px !important;			
	}
	
	.moonton {
		width: 150px !important;	
	}
	
	.playstationst {
		width: 130px !important;		
	}
}

@media (min-width: 800px) and (max-width: 1599px) {
	.page-title--apac .page_title__subheader {
		max-width: 30rem;
	}
	
	.page-title--apac .page-title__header {
		padding-top: 5rem !important;
		font-size: 5.5rem !important;
		line-height: 4rem !important;
	}
	
	.apac-hiring h2 {
		font-size: 4.2rem;
		line-height: 4.9rem;
		max-width: 20rem;
		margin-left: 1rem;
		text-align: left;
	}
	
	.apac-featured .section-lead__title {
		font-size: 3.2rem;
	}

	.apac-featured-clients-list {
		width: 60%;
	}

	.apac-meet-team .register-cta__description {
		font-size: 1.4rem;
	}
}

/* End of APAC page */







@media (min-width: 1600px) {
	
	header, section, footer {
		max-width: 1920px;
	}

}


@media (min-width: 800px) and (max-width: 1599px) {
	
/* For testing only so I know I'm at the right size */
/*
.page-header a {
	color: red;
}	
*/

	header, section, footer {
		max-width: 1280px;
	}

	.footer-terms__list {
		width: 89%;
	}
	
	.footer-terms__list .divider {
		margin-right: 1rem;
	}
	
	.page-title-height1 {
		height: 227px;
	}
	
	.page-title-height2 {
		height: 406px;
	}
	
	.page-title-height3 {
		height: 673px
	}


	.page-title-height1 .page-title__header {
		padding-top: 0.8rem;
		font-size: 4.5rem;
		line-height: 5rem;
	}

	.page-title-height1 .page_title__subheader {
		padding-top: 0.6rem;
		font-size: 2rem;
		line-height: 2.5rem;	
	}
	
	.page-title-height1 .header__social {
		padding-top: 0;
	}

	
	.page-title-height2 .page-title__header {
		padding-top: 3rem;
		font-size: 4.5rem;
		line-height: 5rem;
	}

	.page-title-height2 .page_title__subheader {
		padding-top: 1rem;
		font-size: 2rem;
		line-height: 2.5rem;	
	}
	
	.page-title-height2 .header__social {
		padding-top: 82px;
	}



	.content-heading {
		padding-left: 10.8rem;
	}
	
	.page-title--general .page-title__header {
		padding-top: 45px;
		margin-left: 0;
		font-size: 4rem;
		line-height: 4.5rem;
	}




	/* Home */
	
	.hero-home {
		height: 100%;
		background-image: url('/assets/images/backgrounds/texture-blue.jpg');
		background-repeat: repeat;
	}
	
	.hero-home_container .header__social {
		padding-top: 110px;
	}
	
	.hero-home_container {
		background-image: url('/assets/images/img_pyxel-main.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 37%;
		
	}
	

	.hero-home-side {
		height: 100%;
	}
	
	.hero-home-side img {
		max-width: 100%;
		vertical-align: bottom;
	}
	
	
	.hero-home-main {
		padding-top: 103px;
		padding-bottom: 20px;
		padding-left: 15px;
	}
	
	.hero-home-main h1 {
		font-size: 5rem;
	    line-height: 5.2rem;
	    max-width: 25rem;
	    padding-bottom: 2rem;
	}
	
	.hero-home-form {
		margin-bottom: 35px;
	}
	
	.hero-home-main .search__field input {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	
	.hero-home__info {
		font-size: 1rem;
		line-height: 1.35rem;
	}
	
	
	.home-skillsearch {
		background-position-x: -4%;
	}
	
	.home-skillsearch__division-links {
		padding-bottom: 60px;
	}






	/* For Employers */
	.page-title--for-employers .page-title__header {
		padding-top: 29px;
		font-size: 4.5rem;
		line-height: 5rem;
	}
	
	.page-title--for-employers .page_title__subheader {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	
	.foremp-title__content {
		padding-top: 10px;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}

	.foremp-figures .about-stats__figure, .workus-figures .about-stats__figure {
		font-size: 4.5rem;
		line-height: 5rem;
	}
	
	.foremp-figures .about-stats__stat, .workus-figures .about-stats__stat {
		font-size: 1.1rem;
		line-height: 1.4rem;
		padding-top: 0;
	}
	
	
	.foremp-wws--point {
		padding-left: 15px;
	}
	
	.foremp-support .landing-row {
		padding-right: 15px;
	}
	
	
	
	.foremp-registervac {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	
	.foremp-registervac__content h3 {
		padding-top: 81px;
	}
	
	
	.foremp-howwork .landing-main {
		padding-left: 0;
		font-size: 1rem;
	}


.howwork-info {
	width: 155px;
}

	.howwork-timeline--heading {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}

	
	.howwork-timeline-1 {
		position: absolute;
		left: 661px;
		top: 8px;
	}
	
	.howwork-timeline-2 {
		position: absolute;
	    left: 19px;
	    top: 39px;
	    text-align: right;
	}
	
	.howwork-timeline-3 {
		position: absolute;
		left: 661px;
		top: 309px;
	}
	
	.howwork-timeline-4 {
		position: absolute;
	    left: 19px;
	    top: 458px;
	    text-align: right;
	}
	
	.howwork-timeline-5 {
		position: absolute;
		left: 661px;
		top: 608px;
	}
	
	.howwork-timeline-6 {
		position: absolute;
	    left: 19px;
	    top: 759px;
	    text-align: right;
	}
	
	.howwork-timeline-7 {
		position: absolute;
		left: 661px;
		top: 909px;
	}
	
	.howwork-timeline-2 ul {
		font-size: 0.9rem;
	}



	/* Green referral scheme */
	.bodygreen .page-title-height2 .page-title__header {
		padding-top: 6rem;
	}
	
	
	.green__refer .figure-breakout {
		margin-left: -50px;	
	}
	
	.bodygreen .header__social {
		padding-top: 4.5rem;
	}



	/* Social Responsibility */
	.events-image2 {
		margin-right: 0;
	}



	/* Contact */
	.page-title--contact .page-title-extra {
		padding-top: 27px;∂
	}

	.page-title--contact .page-title__header {
		padding-top: 2.7rem;
	}
	
	.page-title--contact .header__social {
		padding-top: 41px;
	}
	
	
	.enquire .landing-side .figure-breakout {
		margin-top: 50px;
		margin-left: -65px;
	}
	
	
	.enquire .landing-side .figure-breakout img {
		max-width: 189%;
	}




	/* News */
	.news-card {
		max-width: 372px;
	}



	/* News story and Vacancy */
	.team-profile__picture {
		background-size: 100%;
		background-position: left bottom;
		max-width: 100%;
	}
	
	.team-profile__picture img {
		max-width: 35%;
		margin: 0;
	}

	.team-profile__details {
		padding-left: 18px;
	}

	.team-profile__description:last-child {
		margin-bottom: 0;
	}
	
	.team-profile__title {
		line-height: 1.3;
	}
	
	



	/* Vacancy */
	.job-alerts-signup-title {
		padding-left: 105px;
	}

	.job-alerts-signup-form {
		padding: 0 50px;
	}
	
	.related-jobs-consultant-jobs {
		padding-right: 14px;
	}


	.job-apply-form__header {
		margin-bottom: 95px;
	}


	.job-apply-form .job-apply-form-side .figure-breakout {

		margin-left: -65px;
	}
	
	
	.job-apply-form .job-apply-form-side.figure-breakout img {
		max-width: 189%;
	}
	
	
	
	
	
	/* About */
	
	.about-intro-side {
		margin-top: 219px;
	}
	
	.about-intro-side .figure-breakout {
		margin-left: -64px;
	}
	
	.about-intro-side .figure-breakout img {
		max-width: 186%;
	}
	
	.about-stats {
		padding-bottom: 60px;
	}

	.mission .landing-side .figure-breakout {
		margin-top: 105px;
		margin-left: -133px;
		max-width: 100%;
	}
	
	.team__profiles-slide .team-profile__picture {
		background-position: center bottom, left bottom;
		background-size: contain, contain;
	}
	
	
	
	/* Games and Interactive jobs and Enterprise Systems jobs */
	
	.landing-sectors .landing-side .figure-breakout {
		margin-top: 91px;
		margin-left: -55px;
	}
	
	.landing-sectors .landing-side .figure-breakout img {
		max-width: 180%;
	}
	
	.landing-sectors h2 {
		width: 100%;
	}
	
	
	
	/* Work with Us */
	
	.workus-fundraising {
		background-size: contain;
		height: 453px;
		padding-top: 80px;
	}
	
	.workus-fundraising__content p {
		padding-bottom: 10px;
	}
	
	.workus-fundraising--supporting {
		padding-top: 15px;
	}
	
	
	
	
	/* Contact Preferences / Opt Out */
	
	.optout-form .optoutlabel {
		max-width: 15rem;
	}
	
	.optout-form .checkboxline {
		margin-bottom: 21px;
	}

	
}








/* 	Almost white: #f4f4f4; -- frost

	Pale grey: #ccc;
	
	Mid Grey: #575757; -- Gunmetal grey

	Dark grey: #1e1e1e; -- Charcoal

	Black: #000;
	
	Navy / v dark blue: #04002b;
	
	Standard darkish blue: #001f5f;
	
	mid-blue: 236fc6;
	
	Pale blue: 3db9ff;
	
	Green: #5feabb; horrible green / aquamarine
	
	Ruby red: #e20c63;
	
	Tango red/peach: #ff4760;
	
	Orange: #ffa301;
	
	Yellow: #ffe15d;
	
	
	
	
	
*/



