/*-----------------------------------------------------------------------------------*/
/*		Columns
/*-----------------------------------------------------------------------------------*/
.one-half { width: 460px; }
.one-third { width: 520px; }
.two-third { width: 520px; }
.one-fourth { width: 220px; }
.three-fourth { width:700px; }
.one-sixth { width: 140px; }
.five-sixth { width: 780px }

.one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
	position: relative;
	margin-right:20px;
	float: left;	
}

.percent-one-half { width: 48%; }
.percent-one-third { width: 30.66%; }
.percent-two-third { width: 65.33%; }
.percent-one-fourth { width: 22%; }
.percent-three-fourth { width: 74%; }
.percent-one-fifth { width: 16.8%; }
.percent-two-fifth { width: 37.6%; }
.percent-three-fifth { width: 58.4%; }
.percent-four-fifth { width: 67.2%; }
.percent-one-sixth { width: 13.33%; }
.percent-five-sixth { width: 82.67%; }

.percent-one-half,
.percent-one-third,
.percent-two-third,
.percent-three-fourth,
.percent-one-fourth,
.percent-one-fifth,
.percent-two-fifth,
.percent-three-fifth,
.percent-four-fifth,
.percent-one-sixth,
.percent-five-sixth {
	position: relative;
	margin-right: 4%;
	float: left;
}

.column-right {
	float:right;
}
.column-last {
	margin-right: 0!important;
	clear: right;
}



/*-----------------------------------------------------------------------------------*/
/*	4.	Typography
/*-----------------------------------------------------------------------------------*/

.title-wrapper {
	width:100%;
	margin:0 auto;
	background:#fff;
	position:relative;
	height:60px;
	z-index:201;
	padding:0 45px 0;
	box-shadow: 0 0 5px #555;
}

.title-bg {
	background:#fff;
	width:940px;
	padding:0 45px 0;
	height:60px;	
	margin-left:-45px;
	background:#fff;
}

.title-content {
	width:940px;
	margin:0 auto;
	padding-bottom:10px;	
	border-bottom:1px solid #efefef;
	position:absolute;
	top:10px;
}

.page-title {
	width:100%;
	clear:both;
	margin-bottom:30px;
	padding:10px 0 0;
	position:relative;
	z-index:1;
}


.page-title h2 {
	font-size: 24px;
	line-height:150%;
	font-weight: 700;
	width:750px;
}


/*--- 6.4. Portfolio ---*/

ul#filters {
	float:right;
	margin-top:6px;
}

ul#filters li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
	font-size:12px;
}

ul#filters li a {
	color:#686868;
	background:#f7f7f7;
	padding:8px 15px 9px 15px;
	margin-left:1px;
	font-size:12px;
	font-weight:600;
	display:block;
	
}

ul#filters li a.selected {
	color:#fff;
}

.homepage-grid {
	clear:both;

}

.homepage-grid .bgtitle {
	margin-bottom:20px;
}

ul#home-filters {
	
	top:0;
	right:0;
}

ul#home-filters li a {
	color:#686868;
	background:#f7f7f7;
	padding:3px 15px;
	margin-left:1px;
	font-weight:600;
	display:block;

}

ul#home-filters li a.selected, ul#home-filters li a:hover {
	color:#fff;
}

#home-filters li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
}


/*--- 6.5. Blog ---*/

#masonry-blog {
	width:960px;
	position:relative;
}

.masonry-post {
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.masonry-thumbnail {
	position:relative;
}

.masonry-thumbnail img {
	width:640px;
	height:128px;
	display:block;
}

.masonry-page-content blockquote {
	clear:both;
	margin:20px 0;
}

.masonry-page-content .button {
	margin-bottom:10px;
}

.masonry-post-meta {
	height:30px;
	width:150px;
	line-height:30px;
	border-bottom:1px dotted #c3c3c3;
	display:block;
	float:left;
	margin-bottom:18px;
	text-transform:uppercase;
	font-size:11px;
	position:relative;
}

.quote-article h4 {
	font-size:12px;
	text-transform:uppercase;
}

.masonry-page-content {
	position:relative;
	border-bottom:2px solid #323232;
	padding:10px 20px;
	background:#fafafa;	
}

.masonry-page-content i.icon-pencil, .masonry-page-content i.icon-quote-left, .masonry-page-content i.icon-facetime-video, .masonry-page-content i.icon-link, .masonry-page-content i.icon-camera-retro, .masonry-page-content i.icon-music {
	font-size:16px;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	background:#fff;
	color:#686868;
	position:absolute;
	right:20px;
	top:10px;
}

.post-content i.icon-pencil, .post-content i.icon-quote-left, .post-content i.icon-facetime-video, .post-content i.icon-link, .post-content i.icon-camera-retro, .post-content i.icon-music {
	font-size:16px;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	background:#f9f9f9;
	color:#686868;
	position:absolute;
	right:0;
	top:10px;
}

#blog-page .post-content i.icon-pencil,#blog-page .post-content i.icon-quote-left,#blog-page .post-content i.icon-facetime-video,#blog-page .post-content i.icon-link,#blog-page .post-content i.icon-camera-retro,#blog-page .post-content i.icon-music {
	top:0 !important;
}	

#blog-page div.jp-audio div.jp-type-single div.jp-progress {
	width: 59%;
	left: 16%;	
}

#blog-page div.jp-audio {
	margin-bottom:20px;
}

.columns-two .vimeo-article iframe {
	width:460px !important;
	height:259px !important;
}

.columns-three .vimeo-article iframe {
	width:300px !important;
	height:169px !important;
}

h1.masonry-title {
	clear:both;
	font-size:18px;
	font-weight:600;
	line-height:26px;
}

.music-article h1.masonry-title {
	margin-top:20px;
}

h1.masonry-title a, .post-content h1 a {
	color:#323232;
}

.columns-three .masonry-post {
	width:300px;
	position:relative;
}	

.columns-two .masonry-post {
	width:460px;
	position:relative;
}	

#posts {
	float:left;
	position:relative;
	width:640px;
	margin-right:40px;
	overflow:hidden;
}

#blog-page .post {
	border-bottom:2px solid #323232;
}

.single-post .post {
	border-bottom:0;
	margin-bottom:0px;
	padding-bottom:0px;
}

h1.post-title {
	clear:both;
}

.meta a {
	color:#c7c7c7;
}

.post-thumbnail {
	display:inline-block;
	clear:both;
	margin-top:0px;		
}

.video-thumbnail {
	margin-bottom:30px;
	display:block;
	clear:both;
	margin-top:0px;	
}

.post-thumbnail a {
	display:block;
	position:relative;
}

.post-thumbnail img {
	width:640px;
	height:auto;		
}

.single-post .masonry-post-meta, .portfolio-content .masonry-post-meta {
	height:50px;
	line-height:50px;
}

.meta {
	clear:both;
	float:left;
	margin-bottom:20px;
}

.meta span {
	padding-left:23px;
	float:left;
	margin-right:20px;
}

.meta span.post-date {
	background:url(img/calendar.png) no-repeat scroll 0 3px;
	color:#C7C7C7;
}	

.meta span.post-author {
	background:url(img/author.png) no-repeat scroll 0 3px;
}	

.meta span.post-comment {
	background:url(img/comment.png) no-repeat scroll 0 4px;
}	

.meta p {
	margin:0;
	padding:5px 0;
}

.excerpt {
	width:100%;
	clear:both;
}

p.readmore {
	text-align:right;
}

.post {
	margin-bottom:50px;
	padding-bottom:20px;
	border-bottom:1px solid #efefef;
	overflow:hidden;
	position:relative;
}

.post-content {
	clear:both;
	position:relative;
}

.post blockquote {
	border-bottom:2px solid #d6d6d6;
	border-left:none;
	margin:0;
	padding:20px;
	background:#f9f9f9;
	font-size:13px;
	margin-bottom:20px;
}

#blog-page .post blockquote {
	clear:both;
	border-bottom:none;
	border-left:2px solid #ebebeb;
	margin:0;
	padding:20px;
	background:#fff;
	font-size:16px;
	margin-bottom:20px;	
}

.right-image {
    float:right;
    margin:5px 0 0 20px;
	padding: 4px;
	border: 1px solid #EFEFEF;
	border-radius: 2px;	
}

.left-image {
    float:left;
    margin:5px 20px 0 0;
	padding: 4px;
	border: 1px solid #EFEFEF;
	border-radius: 2px;	
}

.post-image {
    margin:5px 0 20px;
}

ul.tags {
    padding:0 0 10px;
    position:relative;
	overflow:hidden;
}

ul.tags a {
	color:#c7c7c7;
}

ul.tags li {
    display:inline;
    float:left;
    height:16px;
    line-height:20px;
    margin:30px 20px 0 0;
}

.tag-title {
    background-image:none;
    float:left;
    line-height:18px;
    margin:30px 20px 0 0;
}

.author-bio {
    clear:both;
    margin:30px 0 0;
    overflow:hidden;
    padding:15px 0 15px;
    position:relative;
}

.authorp {
    float:left;
    width:82%;
}

.authorp h2 {
	color:#C7C7C7;
}
.authorp h2 a {
	color:#444;
}

.author-bio p {
	margin-bottom:0;
}	

.author-bio img {
    float:left;
    margin:0 25px 0 0;
}

.inner-blog-gallery li {
	float:left;
	display:block;
	margin-right:20px;
	margin-bottom:30px;
	position:relative;
}

.inner-blog-gallery li a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	width:145px;
	height:145px;	
}

.inner-blog-gallery img {
	display:block;
}	

.next-prev-posts {
	margin-top:20px;
	padding:1px 0;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	overflow:hidden;
	font-size:12px;	
	text-transform:uppercase;
	font-weight:600;
}

.next-prev-posts .previous-post {
	width:50%;
	float:left;
	padding:13px 0;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;	
	text-align:left;
}	

.next-prev-posts .next-post {
	width:50%;
	float:right;
	padding:13px 0;	
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;	
	text-align:right;	
}

.next-prev-posts a {
	color:#323232;
}

.previous-post i {
	margin-right:10px;
}

.next-post i {
	margin-left:10px;
}




/*-----------------------------------------------------------------------------------*/
/*	8.	Elements
/*-----------------------------------------------------------------------------------*/


/*--- 8.1. Slides ---*/

.portfolio-single .percent-three-fourth {
	min-height:30px;
}

.columns-two .slides_container {
	width:460px;
	height:240px;
	display:none;
}

.columns-two .slides_container .slide {
	width:460px;
	height:240px;
	display:block;
}


.columns-three .slides_container {
	width:300px;
	height:157px;
	display:none;
}

.columns-three .slides_container .slide {
	width:300px;
	height:157px;
	display:block;
}

.post .slides_container {
	width:640px;
	height:335px;
	display:none;
}

.post .slides_container .slide {
	width:640px;
	height:335px;
	display:block;
}

.columns-three div.jp-audio div.jp-type-single div.jp-progress {
	display:none;
}

.blog-slides {
	position:relative;
}

.slides_container {
	width:940px;
	display:none;
}

.slides_container div.slide {
	width:940px;
	display:block;
}

#slides {
	margin-bottom:10px;
	position:relative;
}

.blog-slides .next, .blog-slides .prev, #slides .next, #slides .prev, .post .next, .post .prev {
	position:absolute;
	top:50%;
	margin-top:-21px;
	width:27px !important;
	height:43px !important;
	display:block;
	z-index:101;
	background:#656565;
}

.blog-slides .next img,.blog-slides .prev img, #slides .next img, #slides .prev img,  .post .next img, .post .prev img {
	height:auto;
	width:auto;
}

#slides .next img,#slides .prev img {
	height:auto;
	width:auto;
}

#slides .next {
	right:0;	
}

#slides .prev {
	left:0;	
}


.blog-slides .next {
	right:0;	
}

.blog-slides .prev {
	left:0;	
}

.slide img {
	width:100%;
	height:auto;
	overflow:visible;
	vertical-align:bottom;
}

.slide a {
	display:block;
	margin:0;
	padding:0;
}

.pagination {
	position:absolute;
	text-align:center;
	z-index:1000;
	width:100%;
	bottom:12px;
}

.pagination li {
	display:inline-block;
	*display: inline;
	zoom: 1;	
	margin-left:1px;
	margin-right:1px;
	list-style:none;
	text-align:center;
	height:3px;
}

.pagination li a {
	display:inline-block;
	*display: inline;
	zoom: 1;		
	width:40px;
	height:3px;
	overflow:hidden;
	background:#efefef;
}

#slides .caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	text-shadow:none;
}


.blog-slides .caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	text-shadow:none;
}



/*--- 8.7. Lists ---*/

ul.star-list li { 

}

ul.play-list li { 

}

ul.arrow-list li { 

}

ul.tick-list li { 

}

ul.customlist li {
	padding: 6px 0;
	border-bottom: 1px dotted #dedede;
}

ul.customlist li i {
	margin-right:5px;
}



/* Table of Contents
==================================================

    #Mobile - 240px
    #Mobile - 320px	
    #Mobile - 480px	
	#Tablet - 768px	
	*/


/* #Mobile - 240px
================================================== */

@media only screen and (max-width: 319px) {
		
	.one-half { width: 220px; }
	.one-third { width: 220px; }
	.two-third { width: 220px; }
	.one-fourth { width: 220px; }
	.three-fourth { width:220px; }
	.one-sixth { width: 220px; }
	.five-sixth { width: 220px }

	.one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
		position: relative;
		clear:both;
		float: left;	
		margin-right:0;
		margin-bottom:20px;
	}

	.percent-one-half { width: 220px; }
	.percent-one-third { width: 220px; }
	.percent-two-third { width: 220px; }
	.percent-one-fourth { width: 220px; }
	.percent-three-fourth { width: 220px; }
	.percent-one-fifth { width: 220px; }
	.percent-two-fifth { width: 220px; }
	.percent-three-fifth { width: 220px; }
	.percent-four-fifth { width: 220px; }
	.percent-one-sixth { width: 220px; }
	.percent-five-sixth { width: 220px; }

	.percent-one-half, .percent-one-third, .percent-two-third, .percent-three-fourth, .percent-one-fourth, .percent-one-fifth, .percent-two-fifth,
	.percent-three-fifth, .percent-four-fifth, .percent-one-sixth, .percent-five-sixth {
		position: relative;
		margin-right: 0;
		float: left;
		min-height:1px;
		margin-bottom:20px;
	}

	#posts img {
		width: 100%;
		height: auto;
	}
	


	.centered-wrapper {
		width:220px;
		padding:0 10px;
	}	



	.page-title {
		width: 240px;
		padding: 0 0 10px;
		margin:0;
	}
	
	.page-background {
		display:none;
	}
	
	.title-wrapper {
		width:100%;
		height:auto;
		box-shadow:none;
		padding:0;
		margin-bottom:30px;
	}	
	
	.title-bg, .title-content {
		width:100%;
		padding:0;
		margin:0;
		position:relative;
		clear:both;
		top:0;
		height:auto;
		overflow:hidden;
	}
	.title-content {
		padding:5%;
		width:90% !important;
	}
	.title-wrapper .one-third {
		margin:0;
	}
	


	h2 {
		font-size:18px;
		line-height:24px;	
		margin-bottom:20px;	
	}


	#masonry-blog {
		width:220px;
	}
	.columns-two .masonry-post, .columns-three .masonry-post {
		width:220px;
	}
	.masonry-page-content {
		padding:10px;
	}
	
	.masonry-page-content i, #blog-page i, .post-content i {
		display:none;
	}	
	#masonry-blog .vimeo-article iframe, #masonry-blog .vimeo-article embed, .post iframe {
		width:220px !important;
		height:auto !important;
	}
	.columns-two .slides_container, .columns-three .slides_container  {
		height:115px !important;
	}
	div.jp-audio div.jp-type-single div.jp-progress, div.jp-duration {
		display:none;
	}

		

}

	
/*  #Mobile - 320px
================================================== */

@media only screen and (min-width: 320px) and (max-width: 479px) {

	.one-half { width: 300px; }
	.one-third { width: 300px; }
	.two-third { width: 300px; }
	.one-fourth { width: 300px; }
	.three-fourth { width:300px; }
	.one-sixth { width: 300px; }
	.five-sixth { width: 300px }

	.one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
		position: relative;
		clear:both;
		float: left;	
		margin-right:0;
		margin-bottom:20px;
	}

	.percent-one-half { width: 300px; }
	.percent-one-third { width: 300px; }
	.percent-two-third { width: 300px; }
	.percent-one-fourth { width: 300px; }
	.percent-three-fourth { width: 300px; }
	.percent-one-fifth { width: 300px; }
	.percent-two-fifth { width: 300px; }
	.percent-three-fifth { width: 300px; }
	.percent-four-fifth { width: 300px; }
	.percent-one-sixth { width: 300px; }
	.percent-five-sixth { width: 300px; }

	.percent-one-half, .percent-one-third, .percent-two-third, .percent-three-fourth, .percent-one-fourth, .percent-one-fifth, .percent-two-fifth,
	.percent-three-fifth, .percent-four-fifth, .percent-one-sixth, .percent-five-sixth {
		position: relative;
		margin-right: 0;
		float: left;
		min-height:1px;
		margin-bottom:20px;
	}
	


	.centered-wrapper {
		width:300px;
		padding:0 10px;
	}	


	.page-title {
		width: 320px;
		padding: 0 0 10px;
		margin:0;
	}
	
	.page-background {
		display:none;
	}
	
	.title-wrapper {
		width:100%;
		height:auto;
		box-shadow:none;
		padding:0;
		margin-bottom:30px;
	}	
	
	.title-bg, .title-content {
		width:100%;
		padding:0;
		margin:0;
		position:relative;
		clear:both;
		top:0;
		height:auto;
		overflow:hidden;
	}
	.title-content {
		width: 300px;
		padding: 10px 10px;
	}
	.title-wrapper .one-third {
		margin:0;
	}
	

	
	#masonry-blog {
		width:300px;
	}
	.columns-two .masonry-post, .columns-three .masonry-post {
		width:300px;
	}
	.masonry-page-content {
		padding:10px;
	}
	
	.masonry-page-content i, #blog-page i, .post-content i {
		display:none;
	}	
	#masonry-blog .vimeo-article iframe, #masonry-blog .vimeo-article embed, .post iframe {
		width:300px !important;
		height:auto !important;
	}
	.columns-two .slides_container, .columns-three .slides_container  {
		height:157px !important;
	}
	div.jp-duration {
		display:none;
	}
	div.jp-audio div.jp-type-single div.jp-progress {
		width: 25% !important;
		left: 34% !important;
	}
	
	.next-prev-posts .previous-post, .next-prev-posts .next-post {
		width:100%;
	}
	

	

}


/* #Mobile - 480px
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.one-half { width: 460px; }
	.one-third { width: 460px; }
	.two-third { width: 460px; }
	.one-fourth { width: 460px; }
	.three-fourth { width:460px; }
	.one-sixth { width: 460px; }
	.five-sixth { width: 460px }

	.one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
		position: relative;
		clear:both;
		float: left;	
		margin-right:0;
		margin-bottom:20px;
	}

	.percent-one-half { width: 460px; }
	.percent-one-third { width: 460px; }
	.percent-two-third { width: 460px; }
	.percent-one-fourth { width: 460px; }
	.percent-three-fourth { width: 460px; }
	.percent-one-fifth { width: 460px; }
	.percent-two-fifth { width: 460px; }
	.percent-three-fifth { width: 460px; }
	.percent-four-fifth { width: 460px; }
	.percent-one-sixth { width: 460px; }
	.percent-five-sixth { width: 460px; }

	.percent-one-half, .percent-one-third, .percent-two-third, .percent-three-fourth, .percent-one-fourth, .percent-one-fifth, .percent-two-fifth,
	.percent-three-fifth, .percent-four-fifth, .percent-one-sixth, .percent-five-sixth {
		position: relative;
		margin-right: 0;
		float: left;
		min-height:1px;
		margin-bottom:20px;
	}


	.centered-wrapper {
		width:460px;
		padding:0 10px;
	}	


	.page-title {
		width: 480px;
		padding: 0 0 10px;
		margin:0;
	}
	
	.page-background {
		display:none;
	}
	
	.title-wrapper {
		width:100%;
		height:auto;
		box-shadow:none;
		padding:0;
		margin-bottom:30px;
	}	
	
	.title-bg, .title-content {
		width:100%;
		padding:0;
		margin:0;
		position:relative;
		clear:both;
		top:0;
		height:auto;
		overflow:hidden;
	}
	.title-content {
		width: 460px;
		padding: 10px 10px;
	}
	.title-wrapper .one-third {
		margin:0;
	}
	
	
	#masonry-blog {
		width:460px;
	}
	.columns-two .masonry-post, .columns-three .masonry-post {
		width:460px;
	}
	.masonry-page-content {
		padding:10px 20px;
	}

	#masonry-blog .vimeo-article iframe, #masonry-blog .vimeo-article embed, .post iframe {
		width:460px !important;
		height:auto !important;
	}
	.columns-two .slides_container, .columns-three .slides_container  {
		height:240px !important;
		width:480px !important;
	}
	
	#blog-page div.jp-audio div.jp-type-single div.jp-progress {
		width: 40%;
		left: 23%;
	}	
	
	span.pages {
		display:none;
	}


}



/* #Tablet - 768px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

	.one-half { width: 364px; }
	.one-third { width: 45.66%; }
	.two-third { width: 45.33%; }
	.one-fourth { width: 364px; }
	.three-fourth { width: 364px; }
	.one-fifth { width: 16.8%; }
	.two-fifth { width: 37.6%; }
	.three-fifth { width: 58.4%; }
	.four-fifth { width: 67.2%; }
	.one-sixth { width: 13.33%; }
	.five-sixth { width: 82.67%; }

	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth,
	.one-sixth,
	.five-sixth {
		position: relative;
		margin-right: 20px;
		margin-bottom: 20px;
		float: left;
		min-height:1px;
	}

	.percent-one-half { width: 48%; }
	.percent-one-third { width: 30.66%; }
	.percent-two-third { width: 65.33%; }
	.percent-one-fourth { width: 22%; }
	.percent-three-fourth { width: 74%; }
	.percent-one-fifth { width: 16.8%; }
	.percent-two-fifth { width: 37.6%; }
	.percent-three-fifth { width: 58.4%; }
	.percent-four-fifth { width: 67.2%; }
	.percent-one-sixth { width: 13.33%; }
	.percent-five-sixth { width: 82.67%; }

	.percent-one-half,
	.percent-one-third,
	.percent-two-third,
	.percent-three-fourth,
	.percent-one-fourth,
	.percent-one-fifth,
	.percent-two-fifth,
	.percent-three-fifth,
	.percent-four-fifth,
	.percent-one-sixth,
	.percent-five-sixth {
		position: relative;
		margin-right: 4%;
		float: left;
		min-height:1px;
	}

	.page-template-template-features-php .one-fourth, .page-template-template-features-php .three-fourth  {
		width:748px;
		clear:both;
		margin:0; 
	}
	

	.centered-wrapper {
		width:748px;
		padding:0 10px;
	}	



	.page-title {
		width: 768px;
		padding: 0 0 10px;
		margin:0;
	}
	
	.page-title h2 {
		margin-bottom:33px;
		text-align:center;
	}
	
	.page-background {
		display:none;
	}
	
	.title-wrapper {
		width:100%;
		height:auto;
		box-shadow:none;
		padding:0;
		margin-bottom:30px;
	}	
	
	.title-bg, .title-content {
		width:100%;
		padding:0;
		margin:0;
		position:relative;
		clear:both;
		top:0;
		height:auto;
		overflow:hidden;
	}
	.title-content {
		padding:30px 0 0;
		text-align:center;
		width:768px;
	}
	.title-wrapper .one-third {
		margin:0;
	}
	


	#masonry-blog {
		width:768px;
	}
	.columns-two .masonry-post, .columns-three .masonry-post {
		width:364px;
	}
	.masonry-page-content {
		padding:10px;
	}
	
	.masonry-page-content i {
		display:none;
	}	
	#masonry-blog .vimeo-article iframe, #masonry-blog .vimeo-article embed {
		width:364px !important;
		height:auto !important;
	}
	.columns-two .slides_container, .columns-three .slides_container  {
		height:190px !important;
		width:364px !important;
	}
	div.jp-audio div.jp-type-single div.jp-progress {
		width: 26%;
		left: 28%;
	}
	span.pages {
		display:none;
	}
	
		

}


/* #Screens Bigger than - 1280px
================================================== */

@media only screen and (min-width: 1281px) {


	.one-half { width: 550px; }
	.one-third { width: 540px; }
	.two-third { width: 540px; }
	.one-fourth { width: 265px; }
	.three-fourth { width: 835px; }
	.one-sixth { width: 170px; }
	.five-sixth { width: 930px; }

	.one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
		position: relative;
		margin-right:20px;
		float: left;	
	}

	.percent-one-half { width: 48%; }
	.percent-one-third { width: 30.66%; }
	.percent-two-third { width: 65.33%; }
	.percent-one-fourth { width: 22%; }
	.percent-three-fourth { width: 74%; }
	.percent-one-fifth { width: 16.8%; }
	.percent-two-fifth { width: 37.6%; }
	.percent-three-fifth { width: 58.4%; }
	.percent-four-fifth { width: 67.2%; }
	.percent-one-sixth { width: 13.33%; }
	.percent-five-sixth { width: 82.67%; }

	.percent-one-half,
	.percent-one-third,
	.percent-two-third,
	.percent-three-fourth,
	.percent-one-fourth,
	.percent-one-fifth,
	.percent-two-fifth,
	.percent-three-fifth,
	.percent-four-fifth,
	.percent-one-sixth,
	.percent-five-sixth {
		position: relative;
		margin-right: 4%;
		float: left;
	}

	.centered-wrapper, .title-bg, .title-wrapper, .title-content {
		width:1120px;
	}
	


	#portfolio-wrapper .four-columns img {
		width:265px;
		height:auto;
	}

	#portfolio-wrapper .three-columns img {
		width:360px;
		height:auto;
	}

	#portfolio-wrapper .two-columns img {
		width:550px;
		height:auto;
	}

	#portfolio-wrapper .four-columns li {
		width: 265px;
		height:300px;
	}

	#portfolio-wrapper .three-columns li {
		width: 360px;
		height: 378px;
	}

	#portfolio-wrapper .two-columns li {
		width: 550px;
		height: 534px;
	}
	.slides_container div.slide, .slides_container {
		width:1120px
	}


	#masonry-blog {
		width:1140px;
	}
	.columns-two .masonry-post {
		width:550px;
	}	
	.columns-two .slides_container, .columns-two .slides_container .slide {
		width:550px !important;
		height:287px !important;
	}

	.columns-three .slides_container, .columns-three .slides_container .slide {
		width:360px !important;
		height:188px !important;
	}

	div.jp-audio div.jp-type-single div.jp-progress {
		width: 48%;
		left: 20%;
	}

	.columns-two .vimeo-article iframe {
		width:550px !important;
		height:309px !important;	
	}

	.columns-three .vimeo-article iframe {
		width:360px !important;
		height:202px !important;
	}

	.columns-three .masonry-post {
		width:360px;
	}

	.columns-three div.jp-audio div.jp-type-single div.jp-progress {
		display:block !important;
		width: 20%;
		left: 30%;	
	}


}

.space {
    height:1px;
    width:100%;
	clear:both;
}
.red {
 cursor:pointer;
    display:inline-block;
    font-size: 12px;
    font-weight:600;
    line-height:16px;
    margin:0 10px 20px 0;
    padding: 7px 11px 7px;
	position:relative;
	border:0 none;
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;	
    background:#e1472f;
    color: #fff;
}