#team
{
	margin: 0 0 50px 0;
}


.top-title.align-center
{
	text-align: center !important;
}

.team-row
{
	display: inline-block;
	background: #0067C4;
}

.team-person
{
	margin: 0 auto 0 auto;
}

.team-column
{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

@media (min-width: 768px) {

	.team-column
	{
		position: relative;
		float: left;

		width: 50%;
	}

}

@media (min-width: 992px) {

	.team-column
	{
		position: relative;
		float: left;

		width: 33%;
	}

	.team-column:nth-child(1)
	{
		width: 50%;

	}

		.team-column:nth-child(1) .team-person-picture
		{
			background-position: 0 -100px;
		}



	.team-column:nth-child(2)
	{
		width: 49%;
	}

		.team-column:nth-child(2) .team-person-picture
		{
			background-position: 0 -100px;
		}

	.team-column:nth-child(6)
	{
		width: 58%;
	}

		.team-column:nth-child(6) .team-person-picture
		{
			background-position: 0 -100px;
		}

	.team-column:nth-child(7)
	{
		width: 41%;
	}

	.team-column:nth-child(8)
	{
		width: 41%;
	}

	.team-column:nth-child(9)
	{
		width: 58%;
	}
		.team-column:nth-child(9) .team-person-picture, .team-column:nth-child(9) .team-person-picture-alt
		{
			background-position: 0 -120px;
		}
}
@media (min-width: 1200px) {


	.team-column
	{
		position: relative;
		float: left;

		width: 33%;
	}

	/*.team-column:nth-child(6)
	{
		border-right: 0;
	}

	.team-column:nth-child(10)
	{
		border-right: 0;
	}*/


}

.team-person
{
	position: relative;


	opacity: 1;

	top: 0; right: 0; bottom: 0; left: 0;
	height: 347px;

	text-align: center;
	padding: 0;


	transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;


}


	.team-person-picture
	{
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		background-color: #eee;

		background-repeat: no-repeat;
		opacity: 1;
		z-index: 1;
		background-size: cover;
	}

	.team-person-picture-alt
	{
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		background-color: #cccccc;
		background-repeat: no-repeat;
		opacity: 0;
		z-index: 2;
		background-size: cover;
	}

	.team-person-info
	{
		position: absolute;
		top: 112px; right: 0; bottom: 0; left: 0;
		opacity: 0;
		transition: opacity .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-webkit-transition: opacity .3s ease-in-out;

		z-index: 3;

	}

		.team-person-info h2
		{
			margin: 0 !important; padding: 0 !important;
			font-size: 17px !important;
			line-height: 42px !important;
			font-weight: bold !important;
		}

			.team-person-info-title .real
			{
				display: block;
			}

			.team-person-info-title .sudo
			{
				display: none;
			}

		.team-person-info h3
		{
			margin: 0 0 35px 0; padding: 0 !important;
			font-size: 15px !important;
		}

		.team-person-info hr
		{
			border: 0;
			width: 35%;
			height: 1px;
			background-color: #bbb;
		}

		.team-person-info a
		{
			font-weight: bold;
		}

		.team-person-info a:hover
		{
			text-decoration: underline;
		}


.team-person:hover .team-person-picture
{
	opacity: 0;
}

.team-person:hover .team-person-picture-alt
{
	opacity: 0.3;
}

.team-person:hover .team-person-info
{
	opacity: 1;
}

.team-person:hover .team-person-info .team-person-info-title:hover h3.real
{
	display: none;
}

.team-person:hover .team-person-info .team-person-info-title:hover h3.sudo
{
	display: block;
}


.team-profile-column p
{
	margin: 0 0 20px 0;
}

@media (min-width: 768px) {

	/*.team-person-picture,.team-person-picture-alt
	{
		background-position: 0 -100px;
	}*/

	.team-column:nth-child(1) .team-person-picture-alt,
	.team-column:nth-child(2) .team-person-picture-alt,
	.team-column:nth-child(6) .team-person-picture-alt
	{
		background-position: 0 -100px;
	}


	.team-profile-column
	{
		width: 85%;
		margin: 0 auto 0 auto;
	}

	.team-profile-column p
	{
		margin: 0 0 20px 0;
		padding: 0 20px 0 20px;
	}

}

@media (min-width: 992px) {

	.team-profile-column
	{
		width: 75%;
		min-width: 300px;
		margin: 0 auto 0 auto;
	}

	.team-profile-column p
	{
		margin: 0 0 20px 0;
		padding: 0 20px 0 20px;
	}
}
@media (min-width: 1200px) {

	.team-profile-header
	{
		width: 60%;
		min-width: 300px;
		margin: 0 auto 0 auto;
	}

	.team-profile-column
	{
		width: 60%;
		min-width: 300px;
		margin: 0 auto 0 auto;
	}

	.team-profile-column p
	{
		margin: 0 0 20px 0;
		padding: 0 20px 0 20px;
	}


}

.team-profile-column p i
{

}

.team-header h1
{
	text-align: center;
	color: #333333;
	font-weight: bold;
	padding: 0 20px 0 20px;
	margin: 0;
	text-transform: uppercase;
}

.team-profile-header h1
{
	text-align: left;
	color: #333333;
	font-weight: bold;
	padding: 0 20px 0 20px;
	margin: 0;
	text-transform: uppercase;
}

.team-profile-column
{
	padding: 20px 0 0 0;
}


.team-profile-column h2
{
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
	color: #555;
	font-size: 24px;
	font-weight: bold;
}

.team-profile-column h3
{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 30px 0 30px 0;
	padding: 0px 0px 0px 20px;
}



.team-profile-column p:first-child
{
	margin: 0 0 0 0;
}

	.team-profile-column-border
	{
		padding: 20px;
		margin: 0 0 20px 0;
		border-top: 1px solid #CACACA;
		border-bottom: 1px solid #CACACA;
	}

	.team-profile-column-picture
	{
		height: 300px;
		background-position: top center;
		background-size: cover;
		margin: 0;
	}


/* profile page */

.cct-team-profile-header
{
	position: relative;


	margin-top: 20px;
    height: 270px;

    background-repeat: no-repeat;
}

	.cct-team-profile-header-picture
	{
		position: relative;

		overflow: hidden;
		width: 270px;
		height: 270px;
		border-radius: 135px;
		border: 10px solid #0088ff;
		text-align: center;
		padding: 0 !important;
		background: #B8ECFF;
		margin: 0 auto 0 auto;
	}

	.cct-team-profile-arty-background
	{
		display: none;
		background-color: #eee;

		position: absolute;

		top: 0;
		right: 0;
		bottom: 0;
		left: 0;

	}

	.cct-team-profile-strapline
	{
		margin: 0 0 80px 0;

		font-size: 54px !important;
		line-height: 60px !important;

		padding: 60px 0 0 0;
		border-bottom: 1px solid #ccc;

		text-align: center;
	}

@media (min-width: 768px)
{
	.cct-team-profile-arty-background
	{
		display: block;
		height: 300px;
	}

	.cct-team-profile-header
	{
		display: block;
	}

	.cct-team-profile-header-picture
	{
		position: absolute;
		top: 165px;
		left: 50%;
		margin: 0 0 0 -135px;
	}

	.cct-team-profile-strapline
	{
		margin: 135px 0 40px 0;

	}
}

@media (min-width: 992px)
{
	.cct-team-profile-header
	{
		margin-left: -175px;
		margin-right: -175px;
		margin-top: -60px;
	}
}

@media (min-width: 1200px)
{
	.cct-team-profile-header
	{
		margin-left: -275px;
		margin-right: -275px;

		margin-top: -80px;
		width: 1170px;
	}
}



	.cct-team-profile-header-picture img
	{
		margin: 0 !important;
		padding: 0 !important;
		width: 250px !important;
		height: 250px !important;
	}



	.cct-team-profile-strapline h2
	{
		font-size: 54px !important;
		line-height: 60px !important;
		font-weight: normal !important;
		margin: 0 0 80px 0 !important;
		color: #333 !important;
	}


	.cct-team-profile-social
	{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0 0 40px 0;
	}

	.cct-team-profile-social-button
	{
		display: inline-block;
		margin: 0 5px 0 5px;
		padding: 0;
		text-align: center;
	}

		.cct-team-profile-social-button a
		{
			display: inline-block;
			border-radius: 20px;
			color: #fff;
			width: 48px;
			height: 48px;
			font-size: 24px;
			line-height: 48px;
			background: #0088ff;
			border-radius: 24px;
			border: 1px solid #0088ff;
			transition: all 0.3s;
		}

		.cct-team-profile-social-button a:hover
		{
			background: #fff;
			color: #0088ff;

		}

		/*.cct-team-profile-social-button a#youtube
		{
			border-color: #CC181E;
			background: #CC181E;
		}

		.cct-team-profile-social-button a#youtube:hover
		{
			border: 1px solid #CC181E;
			color: #CC181E;
			background: #fff;
		}

		.cct-team-profile-social-button a#facebook
		{
			border-color: #4C67A1;
			background: #4C67A1;
		}

		.cct-team-profile-social-button a#facebook:hover
		{
			border: 1px solid #4C67A1;
			color: #4C67A1;
			background: #fff;
		}

		.cct-team-profile-social-button a#twitter
		{
			border-color: #3D9ACC;
			background: #3D9ACC;
		}

		.cct-team-profile-social-button a#twitter:hover
		{
			border: 1px solid #3D9ACC;
			color: #3D9ACC;
			background: #fff;
		}

		.cct-team-profile-social-button a#linkedin
		{
			border-color: #1C86BD;
			background: #1C86BD;
		}

		.cct-team-profile-social-button a#linkedin:hover
		{
			border: 1px solid #1C86BD;
			color: #1C86BD;
			background: #fff;
		}*/