/* NAVIGATION */
.isotopes-navigation
{
	position: relative;
	z-index: 4;
}

	.isotopes-bt-prev{
		display: none;
		position: absolute;
		width: 120px;
		height: 800px;
		left: 0px;
		cursor: url(images/arrow-prev.cur), pointer;
		cursor: url(../../images/arrow-prev.png) 27 37, pointer;
		background: url(../../images/hitarea.png); /* make element clickable on IE */
	}
	.isotopes-bt-next{
		display: none;
		position: absolute;
		width: 120px;
		height: 800px;
		right: 0px;
		cursor: url(images/arrow-next.cur), pointer;
		cursor: url(../../images/arrow-next.png) 27 37, pointer;
		background: url(../../images/hitarea.png); /* make element clickable on IE */
	}

/* GRID */
.isotopes
{
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index:1;
}
	.isotope
	{
		position: absolute;
		z-index:-2;
		pointer-events: none;
	}
	#work-grid .isotope
	{
		/* max size */
		width: 280px;
		height: 280px;
	}
	#people-grid .isotope
	{
		/* max size */
		width: 316px;
		height: 420px;
	}
	.isotope.rollover
	{
		z-index:0;
	}
		.isotope-mask
		{
			position: relative;
			cursor: pointer;
			overflow: hidden;
			top: 50%;
			left: 50%;
			pointer-events: all;
		}
			.isotope img
			{
				position: relative;
				top: 50%;
				left: 50%;
			}
		#work-grid .isotope.rollover .isotope-mask
		{
			/* max size */
			width: 280px !important;
			height: 280px !important;
			
			/* max size %2 */
			margin-left: -140px !important;
			margin-top: -140px !important;
		}
			
			#work-grid .isotope .project-header {
				position: absolute;
				background-color: rgba(0.51, 0.51, 0.51, 0.7);
			    width: 100%;
			    padding-top: 13px;
			    padding-bottom: 11px;
				opacity: 0;
				transition: opacity 250ms ease-out;

				left: 0px;
				right: 0px;
				bottom: 0px;
			}

			#work-grid .isotope.rollover .project-header {
				opacity: 1;
			}

			#work-grid .isotope .project-header .project-name, 
			#work-grid .isotope .project-header .project-location {
				text-transform: uppercase;
				font-size: 13px;
				color: #ebebeb;
				line-height: 17px;
				padding-left: 10px;
				padding-right: 10px;
			}

			#work-grid .isotope img
			{
				/* max size */
				max-width:280px;
				
				/* max size %2 */
				margin-left: -140px;
				margin-top: -140px;
				transition: filter 350ms ease-out;
				filter: grayscale(100%);
			}
			#work-grid .isotope.rollover img
			{
				/* max size %2 */
				margin-top: -140px !important;
				filter: none;
			}
		#people-grid .isotope.rollover .isotope-mask
		{
			/* max size */
			width: 316px !important;
			height: 420px !important;
			
			/* max size %2 */
			margin-left: -158px !important;
			margin-top: -210px !important;
		}
			#people-grid .isotope img
			{
				/* max size */
				max-width:632px;
				
				/* max size %2 */
				margin-left: -158px;
				margin-top: -210px;
			}
			#people-grid .isotope.rollover img
			{
				/* max size %2 */
				margin-left: -474px !important;
				margin-top: -210px !important;
			}


.isotope-sup
{
	display: none;
}
.isotope-sup .isotope-mask
{
	cursor: default !important;
}


.isotope-bt-close
{
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../../images/people/thumbnails/bt-close.png);
	width: 28px;
	height: 28px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .isotope-bt-close {
    background-image: url('../../images/people/thumbnails/bt-close@2x.png');
	background-size: 28px 28px;
  }
}
.isotope.rollover .isotope-bt-close
{
	visibility: visible;
}

.isotope-bt-more
{
	visibility: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(../../images/read-more.png);
	width: 143px;
	height: 28px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .isotope-bt-more {
    background-image: url('../../images/read-more@2x.png');
	background-size: 143px 28px;
  }
}
.isotope.rollover .isotope-bt-more
{
	visibility: visible;
}


/* INFOS */
.isotopes-infos
{
	position: absolute;
	background-color: #3a3a3a;
	visibility:hidden;
	z-index: -3;
}
	.isotopes-infos div {
		width: 213px;
		margin-left: auto;
		margin-right: auto;
	}
	.isotopes-infos-line
	{
		width: 217px;
		height: 1px;
		margin-top: 23px;
		border-bottom: solid 1px #4b4b4b;
	}