#wrapper.fixed {
	position: fixed;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.loading-overlay {
	position: absolute;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	background: center center #fff url(/images/loading.gif) no-repeat;
	right: 20px;
	left: 20px;
	top: -30px;
	bottom: 0;
	z-index: 100;
	opacity: 0;
}

.loading .loading-overlay {
	opacity: 1;
}

.project-viewer {
	 position: fixed;
	 top: 100%;
	 bottom: 0;
	 left: 20px;
	 right: 20px;
	 transition: all 0.5s;
	 margin-top: 30px;
	 z-index: 100;
	 opacity: 0;
}

.project-viewer-content {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	background: #fff;
}

.project-viewer.active {
	top: 98px;
	display: block;
	margin-top: 0;
	opacity: 1;
}

.project-view {
	background: #fff;
	margin: 0 40px 20px;
}

.project-menu-con {
	 right: 100%;
	 margin-right: -20px;
	 top: -30px;
	 bottom: 0;
	 position: absolute;
	 width: 0;
	 overflow: hidden;
	 transition: all 0.5s;
	 white-space: nowrap;
	 background: #f9f9f4;
}

.project-menu {
	display: none;
}

.project-viewer .project-menu {
	display: block;
}

.project-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.project-menu a {
	color: #404040;
	display: block;
	padding: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.project-menu .project a:hover,
.project-menu .project.active a {
	color: #fff;
	background: tomato;
}


/* .peek-menu .project-menu-con {
	 width: 20px;
} */

.show-menu .project-menu-con {
	 width: 220px;
} 

.project-viewer-content {
	-webkit-transition: all 0.5s;  
	-moz-transition: all 0.5s;  
	 transition: all 0.5s;  
}

.project-viewer {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	right: 0;
	left: 0;
	padding: 16px 20px 0 20px;

}

/* .peek-menu.project-viewer {
	margin-left: 20px;
} */

.show-menu.project-viewer {
	margin-left: 220px;
} 

.project-viewer .actions {
	position: absolute;
	background: #fff;
	left: 20px;
	right: 20px;
}

.actions-menu,
.actions-project {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	padding: 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none;
}

.actions-project {
	text-align: right;
}

.actions-project .btn {
	margin-left: 10px;
}

.actions .btn {
	cursor: pointer;
	display: inline-block;
	font-size: 24px;
	line-height: 26px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative;
}

.actions .btn:hover {
	color: tomato;
}

.actions .btn span {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	background: #6d6d6d;
	color: #fff;
	padding: 5px;
	position: absolute;
	white-space: nowrap;
	text-align: center;
	left: -30px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.actions .btn:hover span {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.2s 0.8s ease;
	-moz-transition: all 0.2s 0.8s ease;
	transition: all 0.2s 0.8s ease;
}

.actions .btn.menu:hover span.hide,
.show-menu .actions .btn.menu:hover span.show {
	filter: alpha(opacity=0);
	opacity: 0;
}

.show-menu .actions .btn.menu:hover span.hide,
.actions .btn.menu:hover span.show {
	filter: alpha(opacity=100);
	opacity: 1;
}

.actions { 
	position: absolute;
	top: -30px;
	left: 0;
	z-index: 20;
	background: #fff;
	right: 0;
}

.actions .btn:before {
	font-family: 'icomoon',arial;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
}

.actions .btn.menu:before {
	content: "m";
}

.actions .btn.prev:before {
	content: "b";
}

.actions .btn.next:before {
	content: "n";
}

.actions .btn.close:before {
	content: "x";
}

.actions .btn.disabled {
	filter: alpha(opacity=10);
	opacity: 0.1;
	cursor: default;
}

.actions .btn.disabled span {
	display: none;
}

.project-gallery:before,
.project-gallery:after {
	content: "";
	display: table;
	clear: both;
}

.project-view .actions-project {
	text-align: right;
}

.project-view .project-images,
.project-view .project-info {
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.project-view .project-images {
	width: 60%;
	text-align: center;
}

.project-view .project-images img {
	width: 100%;
	height: auto;
	max-width: 1024px;
}

.project-view .project-info {
	width: 35%;
	position: fixed;
}

.project-view .project-images {
	margin-left: 40%;
}

.project-info .title h1 {
	font-size: 36px;
	font-weight:normal;
}

.project-info .title a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.project-info .title a:after {
	font-family: 'icomoon',arial;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	content: "w";
	font-size: 22px;
	display: inline-block;
	*display: inline;
	zoom:1;
	margin: 5px 0 0 5px;
	vertical-align: top;
}

.project-info .description {
	font-size: 18px;
	line-height: 1.5;
	/*font-family: 'LatoLight',arial,sans-serif;*/
}

.project-info .tags {
	display: table;
}

.project-info .tags .label,
.project-info .tags ul {
	display: table-cell;
	vertical-align: top;
}

.project-info .tags .label:before {
	content: "t";
	font-family: 'icomoon',arial;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	padding: 3px 5px;
	display: inline-block;
}

.project-info .tags .label span {
	display: none;
}

.project-info .tags ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.project-info .tags li {
	display: inline-block;
	*display: inline;
	zoom:1;
	background: #ddd;
	padding: 3px 5px;
	border-radius: 5px;
	margin: 0 3px 5px 0;
}

.project-image {
	margin-bottom: 60px;
}

.project-image:last-of-type{
	margin-bottom: 0;
}

/* Browser Images */
.project-image .browser {
	background: left top #ccc url(/images/work/browser-top2.png) no-repeat;
	padding-top: 44px;
	border-bottom: 10px solid #ccc;
	max-width: 1024px;
	margin: 0 auto 20px;
	position: relative;
}

.project-image .browser a {
	background: #404040;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	display: block;
}

.project-image .browser .browser-text  {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 0;
	z-index: 50;
	filter: alpha(opacity=0);
	opacity: 0;
	margin-top: -15px;
	text-align: center;
	font-size: 30px;
	transition: all 0.2s ease;
	display: block;
}

.project-image .browser img {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}


.project-image .browser a:hover img {
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.project-image .browser a:hover span {
	filter: alpha(opacity=100);
	opacity: 1;
}

.project-image.vertical img {
	max-height: 800px;
	width: auto;
}

.project-gallery {
	margin-top: 2px;
	text-align: center;
}

.project-gallery .project {
	float: left;
	vertical-align: middle;
	width: 33%;
	padding: 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.project-gallery .project img {
	width: 100%;
	height: auto;
  /*	-webkit-backface-visibility: hidden; */
}

.project-gallery .project .name {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -14px;
	font-size: 28px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1;
	height: 28px;
}

.project-gallery .project a {
	color: #fff;
	background: rgb(64,64,64);
	background: rgba(64,64,64,0.8);
    display: block;
}

.project-gallery .project a,
.project-gallery .project img,
.project-gallery .project .name {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.project-gallery .project a .name {
	filter: alpha(opacity=0);
	opacity: 0;
}

.project-gallery .project a:hover .name {
	filter: alpha(opacity=100);
	opacity: 1;
}

.project-gallery .project a:hover img {
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.project-gallery .reclaiming img {
	filter: alpha(opacity=85);
	opacity: 0.85;
}

/*@media (max-width: 768px) {
	.project-gallery .project.omaha-science-media-project .name {
		white-space: normal;
		overflow: visible;
		margin-top: -28px;
	}
}*/

@media (max-width: 400px) {
	.project-gallery .project .name {
		font-size: 18px;
		height: 18px;
		margin-top: -8px;
		font-family: 'LatoBlack',arial,sans-serif;
	}
	
	/*.project-gallery .project.omaha-science-media-project .name {
		margin-top: -18px;
	}*/
}

@media (min-width: 768px) and (max-width: 1200px) {
	.project-gallery .project {
		width: 50%;
	}
	
}

@media (max-width: 767px) {
	.project-gallery .project {		
		float: none;
		width: 100%;
	}
	
	.project-viewer.active {
		top: 100px;
	}
}

.project-image .caption {
	display: block;
	margin: 20px 0;
	text-transform: uppercase;
	color: #777;
	letter-spacing: .03em;
	line-height: 1.3;
}

/* Project Colors */
.project-menu .ianr-media a:hover,
.project-menu .ianr-media.active a,
.project-gallery .ianr-media a {
	background: #cc0000;
	/*background: #928468;*/
}

.project-menu .ianr-media a,
.ianr-media .project-info .title a {
	color: #cc0000;
}
.project-gallery .provider-trust a,
.project-menu .provider-trust a:hover,
.project-menu .provider-trust.active a {
	background: #24A2c0;
}

.project-menu .provider-trust a,
.provider-trust .project-info .title a {
	color: #24A2C0;
}

.project-menu .vipa-solutions a:hover,
.project-menu .vipa-solutions.active a,
.project-gallery .vipa-solutions a {
	background: #F8B419;
}

.project-menu .vipa-solutions a,
.vipa-solutions .project-info .title a {
	color: #F8B419;
}

.project-gallery .vipa-solutions a {
	border-color: #F8B419;
}

.project-menu .canine-consultants a:hover,
.project-menu .canine-consultants.active a,
.project-gallery .canine-consultants a {
	background: #D06428;
/*	background: #F77730;*/
}

.project-menu .canine-consultants a,
.canine-consultants .project-info .title a {
	color: #D06428;
}

.project-gallery .canine-consultans a {
	border-color: #d06428;
}

.project-menu .paint-yourself-silly a:hover,
.project-menu .paint-yourself-silly.active a,
.project-gallery .paint-yourself-silly a {
	background: #9A005E;
/*	background: #D30382;*/
}

.project-menu .paint-yourself-silly a,
.paint-yourself-silly .project-info .title a {
	color: #9A005E;
}

.project-gallery .paint-yourself-silly a {
		border-color: #9A005E;
}

.project-menu .learning-innovations a:hover,
.project-menu .learning-innovations.active a,
.project-gallery .learning-innovations a {
	background: #034B97;
	/*background: #0066D5;*/
}

.project-menu .learning-innovations a,
.learning-innovations .project-info .title a {
	color: #034B97;
}


.project-gallery .learning-innovations a {
		border-color: #034B97;
}


.project-menu .omaha-science-media-project a:hover,
.project-menu .omaha-science-media-project.active a,
.project-gallery .omaha-science-media-project a {
	background: #AAC425;
}

.project-menu .omaha-science-media-project a,
.omaha-science-media-project .project-info .title a {
	color: #AAC425;
}

.project-gallery .omaha-science-media-project a {
		border-color: #AAC425;
}

.project-menu .cdrh a:hover,
.project-menu .cdrh.active a,
.project-gallery .cdrh a {
	background: #3E515F;
	/*background: #708DA3;*/
}

.project-menu .cdrh a,
.cdrh .project-info .title a {
	color: #3E515F;
}

.project-menu .reclaiming a:hover,
.project-menu .reclaiming.active a,
.project-gallery .reclaiming a {
	background: #6C614B;
	/*background: #928468;*/
}

.project-menu .reclaiming a,
.reclaiming .project-info .title a {
	color: #6C614B;
}

.project-menu .archive a:hover,
.project-menu .archive.active a,
.project-gallery .archive a {
	background: #8E807E;
	/*background: #A39290;*/
}

.project-menu .archive a,
.archive .project-info .title a {
	color: #3A3531;
}

/* Logo Colors 
#logo a:hover .first .b {
	color: #cc0000;
}

#logo a:hover .first .e {
	color: #24A2C0;
}

#logo a:hover .first .c {
	color: #F8B419;
}

#logo a:hover .first .k {
	color: #D06428;
}

#logo a:hover .first .y {
	color: tomato;
}

#logo a:hover .first .a {
	color: #9A005E;
}

#logo a:hover .last .i {
	color: #034B97;
}

#logo a:hover .last .k {
	color: #AAC425;
}

#logo a:hover .last .e {
	color: #3E515F;
}

#logo a:hover .last .n {
	color: #6C614B;
}



touch */
.touch .project-gallery .project a .name {
	opacity: 1;
}

.touch .project-gallery .project img {
	opacity: 0.4;
}

/* Maybe ? 
.project-gallery .project img {
opacity: 0.75;
}

.project-gallery .project a {
background: transparent;
background: #aaa9a7;
background: #d3d3d3;
}

.project-gallery .project a {
border-top: 13px solid tomato;
}

.project-gallery .project a {
background-image: url(/images/work/browser-top-sm.png);
background-repeat: no-repeat;
padding-top: 30px;
}



.project-gallery .project a {
width: 441px;
height: 295px;
overflow: hidden;
}

.project-gallery .project img {
width: auto;
opacity: 0.6;
}

.project-gallery .project a:hover img {
opacity: 0.1;
}


 mq */
@media (min-width: 1101px) {
  .project-gallery .project .name {
    font-size: 24px;
  }
}

@media (max-width: 1024px) {
	#wrapper .project-menu .project { 
	  width: 50%;
	}
	
	.project-content .project-info {
		position: static;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.project-content .project-images {
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 700px) {
	.project-viewer.active {
		top: 40px;
	}
/*}

@media (max-width: 568px) {*/
	.project-menu-con {
		margin-right: -10px;
	}
	
	.project-viewer .actions {
		left: 10px;
		right: 10px;
	}
	
	.project-viewer {
		padding: 16px 10px 0;
	}
	
	
	
	.project-view {
		margin: 0 20px;
	}
	
	.project-image.vertical img {
		width: 100%;
		height: auto;
	}
}