/* Icons for Company Benefits */
@import url("/assets/fonts/ss_icon/css/skillsearch-benefits.css");
@import url("/assets/fonts/ss_icon/css/skillsearch-benefits-ie7.css");
@import url("/assets/fonts/ss_icon/css/skillsearch-benefits-ie7-codes.css");
@import url("/assets/fonts/ss_icon/css/skillsearch-benefits-embedded.css");
@import url("/assets/fonts/ss_icon/css/skillsearch-benefits-codes.css");

.body {
	font-family: Helvetica, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, .btn, input, .page-header__menu {
	font-family: Lato;
}

.page-header__menu {
	font-size: 109%;	
}


.margin10{ margin-left:10%; margin-right:10%;}

.featured-results__job.featured-results__job--blue {
    background-color: #188ebb;
    border-bottom: 1px solid #dfdfdf;
}
.featured-results__job.featured-results__job--green {
    background-color: #1abc9c;
    border-bottom: 1px solid #dfdfdf;
}
/* Match home, games and enterprise header arrows to same as About */
.hero-home:before {
    background-image: url('/assets/images/pattern_top_v2.png'); /* pattern_top_page_title.png */
}
.page-title.page-title--games:before {
    background-image: url('/assets/images/pattern_top_page_title.png');
}

.page-title.page-title--enterprise:before {
    background-image: url('/assets/images/pattern_top_page_title.png');
}


.hero-home.games:before {
	background-image: url('/assets/images/pattern_top_page_title_games.png');
}
.hero-home.enterprise:before {
	background-image: url('/assets/images/pattern_top_page_title_enterprise.png');
}
.about-intro__afterphoto{
    padding-bottom:0px;
}
.about-intro__afterphoto p{
      text-align: left;
      margin-bottom:1em;
}
.news-article-body{
      padding-bottom:10px;
}

.featured-results__job .search-result .btn.search-result__save--saved{
    background: #FFF;
}
.btn.featured.search-result__save--saved i{
    color: #2c3e50;
}

section.featured-results .featured-results__job .search-result .btn.search-result__save--saved:focus{
    background:#FFF;
}
section.featured-results .featured-results__job .search-result .btn.search-result__save--saved:focus i{
    color: #2c3e50;
}
.featured-results__job .search-result .btn.search-result__save:focus{
    background:none;
}
.featured-results__job .search-result .btn.search-result__save:focus i{
    color: #FFF;
}
.floatleft{
    float:left;
}
.marginleft{
    margin-left:2em;
}



/*changes for the checkconsent checkbox */
.consent_container {
	margin-top: 2.1em;
}

.consentmessage {
	margin-bottom: 35px;
}

.consent_container input[type="checkbox"]#consentcheck,
.consent_container_right input[type="checkbox"]#consentcheck,
.consent_container input[type="checkbox"]#downloadcheck,
.consent_container input[type="checkbox"]#subscribeYes,
.job-alerts-signup-form input[type="checkbox"]#consentcheckjbe
{
	display: none; 
}

/* Set up a fake checkbox before the <label> */
#consentcheck + label:before,
#downloadcheck + label:before,
#subscribeYes +label:before,
#consentcheckjbe + label:before {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #001f5f;
	border-radius: 2px;
	content: "\00a0";
	font-size: 12px;
	height: 15px !important;
	width: 15px !important;
	vertical-align: top;
}

/* Show the tick when fake checkbox ticked */
#consentcheck:checked + label:before,
#downloadcheck:checked + label:before,
#subscribeYes:checked + label:before,
#consentcheckjbe:checked + label:before {
	background: #fff;
	color: #001f5f;
	content: "\2714";
	text-align: center; 
}


/* Message next to the fake checkbox */
.consentlabel {
	display: inline-block;
	margin: -2px 0 0 17px;
	vertical-align: top;
	max-width: 85%;
	color: #001f5f;
}

.consentlabel a {
	color: #17d9a5;
	text-decoration: none;
	font-weight: bold;
}


/* For the contact page */
.consent_container_row {
	margin-top: 0;
}

.consentmessage_narrow {
/*	width: 70%; */
	margin: 10px auto 10px 15px;
}

.consentmessage_extragap {
	margin-bottom: 40px;	
}

.consentmessage_twocol {
	margin-bottom: 22px;
}

.consentmessage_twocol .consentlabel {
	margin-top: 0;
}

.consentlabel_job-signup {
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.65;
	margin-top: 0;
	text-align: left;
}

.consentmessage_job-signup__form #consentcheck + label:before {
	margin-top: 5px;
}


.skillsearch-form.skillsearch-form--contact textarea {
	margin-bottom: 25px;
}


.skillsearch-form.skillsearch-form--applymulti textarea {
    height: 252px;
	margin-bottom: 25px;
}

.skillsearch-form.skillsearch-form--register textarea {
    height: 153px;
	margin-bottom: 13px;
}

.skillsearch-form.skillsearch-form--register #how-did-you-hear {
	margin-bottom: 47px;
}


@media screen and (min-width: 48em) {
	.skillsearch-form.skillsearch-form--application .skillsearch-form__yes-no {
	    margin-bottom: 35px;
	}
}

@media (min-width: 1366px) {
	.consentlabel_job-signup {
		max-width: 696px;
	}
}




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

	.marginleft {
		margin-left: 0.5em;
	}
	
	.consentmessage {
		margin-bottom: 15px;
	}
	
	.consentlabel {
		margin-top: 2px;
		max-width: 15em;	
	}

	.consentmessage_narrow {
		width: 90%;
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	.consentmessage_narrow .consent_label {
		text-align: left;
	}
	
}

@media (max-width: 1000px) {
	.consentlabel {
		max-width: 80%;
	}
}

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

	.marginleft {
		margin-left: 0;
	}
	
	.consentmessage_narrow {
		width: 64%;
	}

	.consentmessage_narrow .consentlabel {
		margin-top: 0;
	}
	
}

	/* Consent message on Promotions page */
	
.consentmessage_interestform {
	margin-bottom: 0;
}

/* End of consent message styling */




/* Gap above the registration form on register your CV page */
@media screen and (min-width: 48em) {
	.register-cv-form {
		padding-top: 20px;
	}
}



/* Allows embedded YouTube videos to be responsive, if wrapped in <div class="video-responsive"> </div> */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/* Making news section text smaller and closer together on desktop on Alice's request */
@media screen and (min-width: 75em) {
	.news-article-main p {
	    font-size: 1.1rem;
	    line-height: 1.5;
	}
}


/* Changing list disc to same colour as text and a bit smaller */
.news-article-main ul>li:before {
    background: #2c3e50;
    height: 12px;
}



/* Job Alerts form */

.jobalerts-form .filters__dropdown {
    background-color: white;
    background-image: url(/assets/images/icons/caret-down-dark.svg);

    border: 2px solid #abb3bc;
    color: #2c3e50;
    box-shadow: none;
    max-height: 42px;
    padding-bottom: 8px;

} 



/*
    border-radius: 4px;

    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 14px;
    outline: none;
    padding: 15px 16px;
    transition: border .2s ease-in-out;

	    background-size: 12px 13px;
    background-position: right 15px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
*/

.jobalerts-form .jobalert-input input {
	border-radius: 4px;
	font-size: 1rem;
}

.jobalerts-form #consentcheck + label:before, #downloadcheck + label:before {
	border-color: #abb3bc;
}

.jobalerts-form .marginleft {
	margin-left: 0.9em;
}

@media screen and (max-width: 61.9375em) {
	.jobalerts-form .search__filters {
	    display: block;
	}
}

@media screen and (max-width: 640px) {
	.jobalerts-form .xsmall-4 {
	    width: 100%;
	}
	
	.jobalerts-form .xsmall-8 {
		width: 100%;	
	}
	
	.jobalerts-form .consentlabel {
		max-width: 75%;
	}
}








/* Home page, remove spare thick line */
.home-skillsearch__intro-content:before {
	display: none;	
}


/* Home page, style the phone numbers in the header */
.hero-phone .page-title__header {
	font-size: 0.9rem;
	line-height: 1.3rem;
	font-weight: 500;	
}

.hero-phone .page-title__header strong {
	font-weight: 800;  
}

.hero-home__intro {
    padding-top: 20px;
}

@media screen and (min-width: 768px) {
	.hero-phone .page-title__header {
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
	
	.hero-home__intro {
	    padding-top: 32px;
	}
	
}


@media screen and (min-width: 62em) {
	.hero-phone {
	    /* padding: 33px 0 74px; */
	    padding: 16px 0 54px;
	}
	
	.hero-phone .page-title__header {
		font-size: 1.7rem;
		line-height: 2.4rem;
		margin-top: 0px;
	}

	.hero-home__intro {
	    padding-top: 66px;
	}

}

.hero-phone a {
	text-decoration: none;
	color: #fff;
}


@media screen and (max-width: 768px) {
	.hero-phone {
		padding: 10px 0 22px;
	}
}


/* Vacancy not found, adjusting height so mascot doesn't get cut off */
@media screen and (min-width: 62em) {
	.error-404 .hero-tertiary__text, .error-404 .hero-tertiary__title {
	    margin-top: 1rem;
	}
	
	.error-404 .hero-tertiary__text {
		padding-bottom: 5rem;
	}
}


.register-section-lead {
	text-align: center;
	padding: 50px 0;
}



/* Consultant profiles */
/* Make longer profile fit for longer profiles on tablet */
@media screen and (min-width: 48em) {

	.team-profile__title {
		line-height: 0.8;
		margin-bottom: 10px;
	}
	
	.team-profile__description {
		line-height: 1.8em;
	}
	
	.team-profile__description {
		margin-bottom: 15px;		
	}
	
	.team-profile__viewall {
		margin-bottom: 55px;
	}

}



/* About page */

	/* Making Mission message wrap differently */

@media screen and (min-width: 62em) {
	.mission__intro {
		padding: 0 50px;
	}
}

	/* Adding keyline above Mission section */
.mission {
	background-color: #fff;
    border-top: 1px solid #e2e2e2;
/*    padding-bottom: 90px; */
}

.howwework {
	background-color: #fff;
    border-top: 1px solid #e2e2e2;
/*    padding-bottom: 90px; */
}



.about-howwework__description {
	font-size: 1.25rem;
}


	/* Changing whitespace between sections */
@media screen and (min-width: 62em) {
	.about-intro__content {
	    padding-bottom: 80px;
	}
	
	.about-stats {
		padding-bottom: 90px;
	}
	
	.mission {
		padding-top: 90px;
	}
	
	.mission__columns {
		padding-bottom: 90px;
		border-bottom: none;		
	}



	/* Register Vacancy page */
	.register-vacancy__header .section-lead {
		padding-top: 0;	
		padding-bottom: 0;
		font-weight: 600;
	}

	.register-vacancy__form {
		padding-bottom: 90px;
	}
	
	.register-vacancy__content {
		padding-top: 0px;
	}

	.register-section-lead {
		padding-top: 0;	
		padding-bottom: 0;
	}


	/* Register CV page */
	.candidate-registration .register-section-lead {
		font-weight: 600;
	}

	.register-cv-form {
		padding-bottom: 0px;
	}

	/* Add line below meet the team staff profile */
	.register-cv-meet-team {
		border-bottom: 1px solid #e2e2e2;
	}
	
	.register-cv-latest-news .latest-news {
		padding-top: 90px;
	}

}



/* Landing pages, reducing gap */
.home-skillsearch  {
	padding-top: 0px;
	padding-bottom: 30px !important;
}

.landing-skillgroups {
	padding-bottom: 50px;
}

/* Promo pages */
.promo-register-cv-form {
	border-bottom: none;
}

.promo-pre-footer {
	padding: 30px 0 0 0;
	background-color: #fff;	
}





/* Meet the team, reducing gap */
@media screen and (min-width: 62em) {
	.team__intro {
	    padding: 75px 0 60px;
	}
}







/* Testimonials pages */
.testimonialspage {
/*	padding-top: 45px; */
	color: #000;
}

.testimonialspage .testimonials {
	border-top: 1px solid #e2e2e2;
	padding-top: 95px;
	padding-bottom: 95px;
	background-color: #fff;
	color: #000;
}


.testimonialspage .testimonials:first-child {
	border-top: 0;
	padding-top: 75px;
}

/* Striping of backgrounds if we need it */
/*
.testimonialspage .testimonials:nth-child(even) {
	background-color: white;
	color: #000;
}

.testimonialspage .testimonials:nth-child(odd) {
	background-color: white;
	color: #000;
}
*/
.testimonialspage .testimonial__blockquote {
	padding-bottom: 0px;
}



/* Vacancy page */
@media (max-width: 640px) {
	.job-information__apply-save-col:nth-of-type(1) {
		width: 100%; /* 90% */
	}
	.job-information__apply-save-col .btn {
		width: 100%;
	}
}


.job-related-short {
	margin-bottom: 41px;
}


	/* Don't show sharing buttons under the apply form unless on mobile (landscape) */
.job-sharing-mobile {
	display: none;
}

@media (max-width: 767px) {
	
	.job-information__apply-save {
		display: block;
	}
	
	.job-information__apply-btn {
		margin-left: 0;
		margin-bottom: 8px;
	}

	.job-information__share-col {
		display: none;
	}
	
	.job-sharing-mobile {
		display: block;
		border-top: none;
	}
}


	/* Below desktop size - make apply buttons a width so they're not different sizes */
@media (max-width: 991px) {
	.job-information__apply-btn {
		width: 90%;
	}
}



.related-jobs__space {
	margin-top: 60px;
}



/* btn color used for apply with indeed */
.btn--christine {
    background-color: #c3285a;
}

.btn--christine:focus,.btn--christine:hover {
    background-color: #ae2450;
}


	/* Reducing gaps */

@media screen and (min-width: 62em) {
	.job-information {
		padding-bottom: 45px;
	}
	
	.job-apply-form {
		padding-top: 97px;
		padding-bottom: 10px;
	}
	
	.job-information__meta {
		margin-bottom: 0;	
	}
	
	.job-information__apply-save:last-child {
		margin-bottom: 0;
	}
	
}


	/* If related / consultant jobs are less than 3, remove the border on the last one */
@media screen and (min-width: 48em) {
	.job-card:last-child {
    	border-right: none;
	}
}



	/* If related / consultant jobs are less than 3, remove the border on the last one */
@media screen and (min-width: 48em) {
	.job-card:last-child {
    	border-right: none;
	}
}


	/* Company Benefits */

.job-companybenefits {
	margin-top: 40px;
}

.job-companybenefits_container {
	margin-top: 15px;
}


.job-cb-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}


.job-cb-col {
	display: flex;
/*	flex-direction: column; */
	flex-basis: 100%;
	margin-bottom: 5px;
}


.icon-ss {
	font-family: 'skillsearch-benefits';
	color: #001f5f;
	position: relative;

    font-style: normal;
    font-weight: normal;
    font-size: 200%;
    line-height: 1.2em;
    margin: -7px 8px 3px 0; 
}

/* Accent colour for division 1 - blue */
.icon-ss-accent1 {
    position: absolute;
    color: #188cba;
    left: 0;
    font-size: 100%;
    line-height: 1.2em;
}

/* Accent colour for division 2 - pink */
.icon-ss-accent2 {
    position: absolute;
    color: #e20c63;
    left: 0;
    font-size: 100%;
    line-height: 1.2em;
}


/* Only put in columns if screen wide enough to fit them */
@media screen and (min-width: 48em) {
	.job-cb-col {
		flex: 1;
	}
}

	/* End of Company Benefits */




/* End of Vacancy page */


/* Search results */

.search-results__category {
	font-size: 0.9rem;
}






/* Graduates page */

	.grad-intro {

	}


	.grads-latest-news {
		padding-top: 70px;
		padding-bottom: 70px;
		border-top: 1px solid #e2e2e2;
	}

	.grads-latest-news__title {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.grads-latest-news__intro {
		font-size: 1.1rem;
	}



	.grads-cta {
	    background: #fff;
	    border-top: 1px solid #e2e2e2;
	    padding-bottom: 50px;
	    padding-top: 50px;
	    text-align: center;
	}

	.grads-social-cta {
		padding-bottom: 0;
	}
	
	.grads-register-cta__buttons {
		
	}
	
	@media screen and (min-width: 75em) {

		.grads-register-cta__buttons {
			margin-top: -10px;
		}
	}

	.grads-bottom-line {
		padding-top: 0px;
		padding-bottom: 0px;
	}


/* End of Graduates page */


/* Adding Green Referral Scheme page and button */

	/* Reducing side padding in buttons in navigation to fit extras in */
	.page-header__ctas .btn {
		padding: 10px 16px;
	}
	
	/* Removing 'Scheme' from Referral Scheme button for narrow range of viewports around iPad Pro levels */
	.hidden-1000 {
		padding-left: 0.2em;	
	}
	@media (min-width: 900px) and (max-width: 1080px) {
		.hidden-1000 {
			color: pink;
			display: none;			
		}
	}


/* End of Green Referral Scheme page and button */






/* Extra entries for team pictures as team has grown beyond first settings, this lets them go onto a third row */

.team__avatars--27 {flex-wrap:wrap}

.team__avatars--27 .team-avatar {flex-basis:auto;width:33.33333%}

.team__avatars--27 .team-avatar:nth-of-type(3n) {border-right:none}

@media screen and (min-width: 35.875em) {
	.team__avatars--27 .team-avatar {flex-basis:auto;width:16.666666%}

	.team__avatars--27 .team-avatar:nth-of-type(3n) {border-right:1px solid #d3deea}

	.team__avatars--27 .team-avatar:nth-of-type(6n) {border-right:none}
}

@media screen and (min-width: 48em) {
	.team__avatars--27 .team-avatar:nth-of-type(4n) {border-right:1px solid #d3deea}

	.team__avatars--27 .team-avatar:nth-of-type(6n) {border-right:none}
}

@media screen and (min-width: 75em) {
	.team__avatars--27 .team-avatar {flex-basis:auto;width:11.1111111%}

	.team__avatars--27 .team-avatar:nth-of-type(6n) {border-right:1px solid #d3deea}

	.team__avatars--27 .team-avatar:nth-of-type(9n) {border-right:none}

}



.team__avatars--26{flex-wrap:wrap}

.team__avatars--26 .team-avatar{flex-basis:auto;width:33.33333%}

.team__avatars--26 .team-avatar:nth-of-type(3n){border-right:none}

.team__avatars--26 .team-avatar:nth-of-type(15){border-bottom:1px solid #d3deea;margin-bottom:-1px}

.team__avatars--26 .team-avatar:nth-of-type(16),.team__avatars--26 .team-avatar:nth-of-type(26){flex-grow:0}

@media screen and (min-width: 35.875em){.team__avatars--26 .team-avatar{flex-basis:auto;width:20%}

	.team__avatars--26 .team-avatar:nth-of-type(3n){border-right:1px solid #d3deea}
	
	.team__avatars--26 .team-avatar:nth-of-type(5n){border-right:none}
	
	.team__avatars--26 .team-avatar:nth-of-type(13),.team__avatars--26 .team-avatar:nth-of-type(14){border-bottom:1px solid #d3deea;margin-bottom:-1px}
}

@media screen and (min-width: 48em){.team__avatars--26 .team-avatar{flex-basis:auto;width:16.666%}
	
	.team__avatars--26 .team-avatar:nth-of-type(4n),.team__avatars--26 .team-avatar:nth-of-type(5n){border-right:1px solid #d3deea}
	
	.team__avatars--26 .team-avatar:nth-of-type(6n){border-right:none}
	
	.team__avatars--26 .team-avatar:nth-of-type(12),.team__avatars--26 .team-avatar:nth-of-type(13){border-bottom:1px solid #d3deea;margin-bottom:-1px}
	
	.team__avatars--26 .team-avatar:nth-of-type(13),.team__avatars--26 .team-avatar:nth-of-type(14),.team__avatars--26 .team-avatar:nth-of-type(15),.team__avatars--26 .team-avatar:nth-of-type(16),.team__avatars--26 .team-avatar:nth-of-type(26){flex-grow:0}

}

@media screen and (min-width: 75em){.team__avatars--26 .team-avatar{flex-basis:auto;width:11.111%}

	.team__avatars--26 .team-avatar:nth-of-type(6n){border-right:1px solid #d3deea}
	
	.team__avatars--26 .team-avatar:nth-of-type(9n){border-right:none}
	
	.team__avatars--26 .team-avatar:nth-of-type(9){border-bottom:1px solid #d3deea;margin-bottom:-1px}
	
	.team__avatars--26 .team-avatar:nth-of-type(10),.team__avatars--26 .team-avatar:nth-of-type(11),.team__avatars--26 .team-avatar:nth-of-type(12),.team__avatars--26 .team-avatar:nth-of-type(13),.team__avatars--26 .team-avatar:nth-of-type(14),.team__avatars--26 .team-avatar:nth-of-type(15),.team__avatars--26 .team-avatar:nth-of-type(16),.team__avatars--26 .team-avatar:nth-of-type(26){flex-grow:0}
	
}



.team__avatars--25{flex-wrap:wrap}

.team__avatars--25 .team-avatar{
border-right:1px solid #d3deea;flex-basis:auto;width:25%}

.team__avatars--25 .team-avatar:nth-of-type(4n){border-right:none}

@media screen and (min-width: 62em){
	.team__avatars--25 .team-avatar{flex-basis:auto;width:12.5%}
	
	.team__avatars--25 .team-avatar:nth-of-type(4n){border-right:1px solid #d3deea}
	
	.team__avatars--25 .team-avatar:nth-of-type(8n){border-right:none}
}



.team__avatars--24{flex-wrap:wrap}

.team__avatars--24 .team-avatar{border-right:1px solid #d3deea;flex-basis:auto;width:25%}

.team__avatars--24 .team-avatar:nth-of-type(4n){border-right:none}

.team__avatars--24 .team-avatar:nth-of-type(12){border-bottom:1px solid #d3deea;margin-bottom:-1px}

.team__avatars--24 .team-avatar:nth-of-type(13),.team__avatars--24 .team-avatar:nth-of-type(14),.team__avatars--24 .team-avatar:nth-of-type(24){flex-grow:0}

@media screen and (min-width: 48em){.team__avatars--24 .team-avatar{flex-basis:auto;width:12.5%}

	.team__avatars--24 .team-avatar:nth-of-type(4n){border-right:1px solid #d3deea}
	
	.team__avatars--24 .team-avatar:nth-of-type(8n){border-right:none}
	
	.team__avatars--24 .team-avatar:nth-of-type(8){border-bottom:1px solid #d3deea;margin-bottom:-1px}
	
	.team__avatars--24 .team-avatar:nth-of-type(9),.team__avatars--24 .team-avatar:nth-of-type(10),.team__avatars--24 .team-avatar:nth-of-type(11),.team__avatars--24 .team-avatar:nth-of-type(12),.team__avatars--24 .team-avatar:nth-of-type(13),.team__avatars--24 .team-avatar:nth-of-type(14),.team__avatars--24 .team-avatar:nth-of-type(24){flex-grow:0}
}




.team__avatars--23{flex-wrap:wrap}

.team__avatars--23 .team-avatar{border-right:1px solid #d3deea;flex-basis:auto;width:25%}

.team__avatars--23 .team-avatar:nth-of-type(4n){border-right:none}

.team__avatars--23 .team-avatar:nth-of-type(11),.team__avatars--23 .team-avatar:nth-of-type(12){border-bottom:1px solid #d3deea;margin-bottom:-1px}

.team__avatars--23 .team-avatar:nth-of-type(13),.team__avatars--23 .team-avatar:nth-of-type(23){flex-grow:0}

@media screen and (min-width: 48em){.team__avatars--23 .team-avatar{flex-basis:auto;width:23.2857%}
	
	.team__avatars--23 .team-avatar:nth-of-type(4n){border-right:1px solid #d3deea}
	
	.team__avatars--23 .team-avatar:nth-of-type(7n){border-right:none}

}





.team__avatars--22{flex-wrap:wrap}

.team__avatars--22 .team-avatar{border-right:1px solid #d3deea;flex-basis:auto;width:25%}

.team__avatars--22 .team-avatar:nth-of-type(4n){border-right:none}

.team__avatars--22 .team-avatar:nth-of-type(10),.team__avatars--22 .team-avatar:nth-of-type(11),.team__avatars--22 .team-avatar:nth-of-type(12){border-bottom:1px solid #d3deea;margin-bottom:-1px}

.team__avatars--22 .team-avatar:nth-of-type(22){flex-grow:0}

@media screen and (min-width: 35.875em){.team__avatars--22 .team-avatar{flex-basis:auto;width:20%}

	.team__avatars--22 .team-avatar:nth-of-type(4n){border-right:1px solid #d3deea}
	
	.team__avatars--22 .team-avatar:nth-of-type(5n){border-right:none}
	
	.team__avatars--22 .team-avatar:nth-of-type(10),.team__avatars--22 .team-avatar:nth-of-type(9){border-bottom:1px solid #d3deea;margin-bottom:-1px}
	
	.team__avatars--22 .team-avatar:nth-of-type(11),.team__avatars--22 .team-avatar:nth-of-type(12),.team__avatars--22 .team-avatar:nth-of-type(22){flex-grow:0}

}


@media screen and (min-width: 62em){.team__avatars--22 .team-avatar{flex-basis:auto;width:16.66666%}

	.team__avatars--22 .team-avatar:nth-of-type(5n){border-right:1px solid #d3deea}
	
	.team__avatars--22 .team-avatar:nth-of-type(6n){border-right:none}
	
	.team__avatars--22 .team-avatar:nth-of-type(8),.team__avatars--22 .team-avatar:nth-of-type(9),.team__avatars--22 .team-avatar:nth-of-type(10),.team__avatars--22 .team-avatar:nth-of-type(11),.team__avatars--22 .team-avatar:nth-of-type(12){border-bottom:1px solid #d3deea;margin-bottom:-1px}
	
	.team__avatars--22 .team-avatar:nth-of-type(22){flex-grow:0}

}

@media screen and (min-width: 75em){.team__avatars--22 .team-avatar{flex-basis:auto;width:12.5%}

	.team__avatars--22 .team-avatar:nth-of-type(6n){border-right:1px solid #d3deea}
	
	.team__avatars--22 .team-avatar:nth-of-type(8n){border-right:none}
	
	.team__avatars--22 .team-avatar:nth-of-type(6),.team__avatars--22 .team-avatar:nth-of-type(7),.team__avatars--22 .team-avatar:nth-of-type(8){border-bottom:1px solid #d3deea;margin-bottom:-1px}
	
	.team__avatars--22 .team-avatar:nth-of-type(9),.team__avatars--22 .team-avatar:nth-of-type(10),.team__avatars--22 .team-avatar:nth-of-type(11),.team__avatars--22 .team-avatar:nth-of-type(12),.team__avatars--22 .team-avatar:nth-of-type(22){flex-grow:0}

}


.team__avatars--21{flex-wrap:wrap}


/* End of extra entries for team pictures */