/* >>>>>>>>>>>> Content Styles */
	.title span, .title a span {
		color: #7a375d;
		font-weight: 700;
	}

	.title a {
		color: #333333 !important;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 300;
	}
	/*Project Container*/
	.project-container {
		font-family: 'Lato', sans-serif;
		display: block;
		max-width: 960px;
		width: 100%;
	}

	.project-sidebar {
		float: left;
		width: 30%;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	.project-sidebar h2 {
		font-size: 24px;
		margin: 0 0 10px 0;
	}

	.project-sidebar .title {
		color: #777777;
		font-size: 16px;
	}

	.project-sidebar {
		float: left;
		font-size: 16px;
		margin: 20px 0 20px 0;
		width: 25%;
	}

	.project-sidebar ul {
		float: left;
		padding: 10px;
		width: 100%;
	}

	.project-sidebar ul li {
		border-bottom: 1px solid rgba(0,0,0,0.09);
		float: left;
		list-style: none;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		width: 100%;
	}

	.project-sidebar ul li a {
		color: #333333;
		float: left;
		font-size: 18px;
		width: 100%;
		text-decoration: none;
	}

	.project-sidebar ul li a:hover {
		color: #7a375d;
	}

	.project-preview {
		float: left;
		max-height: 582px;
		max-width: 70%;
		/*overflow: hidden;*/
		padding: 20px 0 40px 40px;
		width: 75%;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	.project-preview iframe {
		display: block;
		margin: 0 auto !important;
		/* min-height: 600px; */
	}

	.project-preview .project-sample.audio {
		float: left;
		height: auto;
		margin: 30px auto 20px auto !important;
		width: 320px !important;
	}

	.project-preview .project-sample.audio audio {
		float: left;
		width: 100%;
	}

	.project-preview object {
		float: left;
		height: auto;
		margin: 0 auto !important;
		min-width: 320px !important;
		min-height: 250px !important;
		width: 320px !important;
	}

	.project-preview iframe.project-sample {
		float: left;
		height: 320px !important;
		margin: 0 auto !important;
		min-width: 320px !important;
		width: 320px !important;
	}

	.project-preview figure.project-sample {
		background: #ffffff;
		border: 1px solid rgba(0,0,0,0.09);
		box-shadow: 5px 5px 5px rgba(0,0,0,0.12);
		float: left;
		margin: 0 0 20px 0;
		max-width: 100%;
		width: 320px;

		padding: 10px;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	.project-preview figure img {
		display: block;
		margin: 0 auto;
		max-height: 100%;
		max-width: 100%;
	}

	.project-preview figure img.hide {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.project-preview figure.project-sample hr {
		border: none;
		border-top: 1px solid rgba(0,0,0,0.15)
	}

	.project-preview article.project-description {
		float: left;
		max-width: 312px;
		padding-left: 20px;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	.project-preview article.project-description p {
		color: #666666;
		font-size: 18px;
		font-weight: 300;
	}

	.job-thumbnail {
		display: inline-block;
		overflow: hidden;
		vertical-align: middle;
		width: 50px;
	}

	.job-thumbnail img {
		display: block;
		max-width: 100%;
		width: 100%;
	}

	.project-sidebar ul li span {
		display: inline-block;
		font-weight: 300;
		vertical-align: middle;
	}