/*-- PORTFOLIO PROJECTS STYLES --*/
#project-section-top {
	background-color:transparent;
	min-height:70px;
}
.project-credits {
	padding:3em 0 3em 0;
}
.project-credits-client,
.project-credits-project ,
.project-credits-description,
.project-credits-role,
.project-credits-name,
.project-credits-tagline {
	text-align:center;
}
.project-credits-project {
	color: #555555;
	font-size:32px;
	font-weight:400;
	margin-bottom: .35em;
}
.project-credits-client {
	color:#999999;
	font-size:28px;
	font-weight:300;
	margin-top:0;
}
.project-credits-description {
	color:#333333;
	margin-top:1em;
}
.project-credits-role {
	color: #999999;
	margin-top:.5em;
}
.project-disclaimer {
	color: #999999;
	font-size: .75em;
	text-align: center;
	line-height: normal;
	margin-top: 0;
}
.project-images-container {
}
.project-image {
}
.browser-mockup-container {
	/*background-image: url("../images/interface/browser-top-ui.png");*/
	/*background-attachment: ;*/
}
.browser-ui-container {
	/*visibility: hidden;*/
	background-color: #ddd;
	height: 48px;
	/*border-top-left-radius: 14px;
	border-top-right-radius: 14px;*/
	/*border-bottom: 1px solid #ddd;*/
	display: flex;
	align-items: center;
	flex-flow: row;
}
.browser-ui-container img {
	height: 12px;
	margin-left: 16px;
}
.browser-ui-container .mockup-search-field {
	background-color: #fff;
	height: 28px;
	display: flex;
	width: 480px;
	border-radius: 4px;
	padding: 0 0 0 12px;
	margin: 0 auto;
}
.browser-ui-container .mockup-search-field p {
	font-size: 12px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	align-self: center;
}
.image-container {
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.image-scroll {
	min-height: 600px;
	max-height: 600px;
	overflow-y: scroll;
}
.project-caption,
.project-caption a {
	color:#555555;
	font-size:16px;
	text-align:center;
	padding:0 0 1.5em 0;
	margin:0;
}


/*-- projects sub navigation --*/
.projects-nav-container {
	display: flex;
	justify-content: center;
	padding:2em 0 5em 0;
}
.projects-nav-button a img {
	height: 36px;
	padding: 0 18px 0 18px;
	margin: 0 auto;
	opacity: .5;
}
/*.projects-nav-button,
.projects-nav-button a {
	color:#555;
    font-size: 13px;
    font-weight: 400;
	text-transform:uppercase;
	line-height:1.5em;
    letter-spacing: 0.15em;
	text-align:center;
}*/


/*-- END OF PORTFOLIO PROJECTS STYLES --*/

/*-- VIEWPORT ORIENTATION MEDIA QUERIES --*/
@media all and (orientation: portrait) {}
@media all and (orientation: landscape) {}
/*-- VIEWPORT SIZE MEDIA QUERIES --*/
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {
	#project-section-top {
		min-height: 60px;
	}
	.project-credits {
		padding: 2.5em 0 3.5em 0;
	}
	.projects-nav-button, 
	.projects-nav-button a {
		font-size: 12px;
		line-height: 1.25em;
		letter-spacing: 0.15em;
	}
}@media (max-width: 740px) {
	.project-credits {
		padding: 2em 0 3em 0;
	}
	/*.project-credits-description, 
	.project-credits-role, 
	.project-caption, 
	.project-credits-tagline {
		display: none;
	}*/
	.project-credits-project {
		color: #555555;
		font-size: 19px;
		font-weight: 400;
	}
	.project-credits-client {
		font-size: 17px;
		font-weight: 300;
		margin-top: 0;
	}
	.browser-ui-container {
		visibility: hidden;
		height: 0;
	}
	.scrolling-image-container {
		background: #fff;
		min-height: auto;
		max-height: none;
		overflow-y: visible;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	.project-image {
		margin-bottom: 0;
	}
	.project-caption,
	.project-caption a {
		font-size: 13px;
		padding:0 0 1em 0;
	}
	.projects-nav-container {
		padding: 2em 0 3em 0;
	}
	.projects-nav-button, .projects-nav-button a {
		font-size: 10px;
		line-height: 1.5em;
		letter-spacing: 0.15em;
	}
}
@media (max-width: 480px) {}
@media (max-width: 320px) {
	.projects-nav-container .col-xs-4 {
		padding-right: 0;
		padding-left: 0;
	}
}