/* ------------------------------ 	Portfolio ------------------------------ */
div.portfolio-items .thumb {
	width:1020px;
	margin:0 auto;
}


div.portfolio-items div.effect:hover .corner_top, div.portfolio-items div.effect:hover .corner_bottom {
	transition: .6s;
	opacity: 1;
}
div.portfolio-items .corner_top, div.portfolio-items .corner_bottom {
	transition: .6s;
	opacity: 0;
	width:0px;
	height:0px;
	border-style:solid;
	position:absolute;
	z-index:555;
}
div.portfolio-items .corner_top {
	border-width:65px 140px 0 0;
	border-color:#dfb374  transparent transparent transparent;
	top:0;
	left:0;	
}
div.portfolio-items .corner_bottom {
	border-width:0 0 65px 140px;
	border-color:transparent transparent #dfb374  transparent;
	bottom:0;
	right:0;
}


div.portfolio-items .view {
	width:300px;
	height:300px;
	float:left;
	margin:20px;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:default;
}
div.portfolio-items .mask {
	width:300px;
	height:300px;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	z-index:3;
}
div.portfolio-items .view img {
	width:300px;
	height:300px;
	object-fit:cover;
	overflow:hidden;
}
div.portfolio-items .view a.info {
	display:inline-block;
	text-decoration:none;
	padding:0;
	text-indent:-9999px;
	width:300px;
	height:300px;
	z-index:2;
}
div.portfolio-items .effect .mask {
	opacity:0;
	overflow:visible;
	border:0px solid rgba(0,0,0,0.7);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
div.portfolio-items .effect a.info {
	position:relative;
	top:-150px;
	left:-150px;
	opacity:0;
	-moz-transform:scale(0,0);
	-webkit-transform:scale(0,0);
	-o-transform:scale(0,0);
	-ms-transform:scale(0,0);
	transform:scale(0,0);
	-webkit-transition:-webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-moz-transition:-moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-o-transition:-o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-ms-transition:-ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	transition:transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
div.portfolio-items .effect:hover .mask {
	opacity:1;
	border:150px solid rgba(0,0,0,0.7);
}
div.portfolio-items .effect:hover a.info {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
div.portfolio-items .index_page .photos img {
	display:none;
}
div.portfolio-items .index_page .photos img:first-child {
	display:block;
}
div.portfolio-items .title_thumb, 
div.portfolio-items .text_thumb_title {
	background:rgba(0, 0, 0, .5);
	width:300px;
	height:300px;
	text-shadow:1px 1px 3px #000;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}


div.portfolio-items .title_thumb h1,
div.portfolio-items .title_thumb h2:not(:first-of-type),
div.portfolio-items .title_thumb h3,
div.portfolio-items .title_thumb h4,
div.portfolio-items .title_thumb h5,
div.portfolio-items .title_thumb h6,
div.portfolio-items .title_thumb ul,
div.portfolio-items .title_thumb ol,
div.portfolio-items .title_thumb p,
div.portfolio-items .title_thumb blockquote,
div.portfolio-items .text_thumb_image h1,
div.portfolio-items .text_thumb_image h2,
div.portfolio-items .text_thumb_image h3,
div.portfolio-items .text_thumb_image h4,
div.portfolio-items .text_thumb_image h5,
div.portfolio-items .text_thumb_image h6,
div.portfolio-items .text_thumb_image ul,
div.portfolio-items .text_thumb_image ol,
div.portfolio-items .text_thumb_image blockquote {
	display:none;
}	
div.portfolio-items .text_thumb_image p {
	visibility:hidden;
	font-size:0;
	line-height:0;
	margin:0;
}
div.portfolio-items .text_thumb_image p img {
	visibility:visible;
}


div.portfolio-items .text_thumb, 
div.portfolio-items .video_no_thumb {
	background:#141313;
	width:300px;
	height:300px;
}
div.portfolio-items .text_thumb h2, 
div.portfolio-items .title_thumb h2 {
	color:#fff;
	font-family:"Fjalla One",  "Fjalla One", sans-serif;
	font-size:21px;
	line-height:35px;
	text-transform:uppercase;
	width:300px;
	height:300px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	padding:0 25px;
}
div.portfolio-items .text_thumb h2 {
	position:relative;
	z-index:1000;
}
div.portfolio-items .text_thumb_image {
	position:absolute;
	top:0;
	left:0;
}
div.portfolio-items .tumblr_video_container {
	margin:0 auto;
}
div.portfolio-items .video_no_thumb {
	background:url('https://static.tumblr.com/ajtokgb/mPwmriqww/play.png') no-repeat 50% 50% #141313;
}
div.portfolio-items #pagination {
	width:90px;
	margin:70px auto;
}
div.portfolio-items #pagination a img {
	-webkit-transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	-o-transition:opacity .2s ease-in-out;
	-ms-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;
}
div.portfolio-items #pagination a img:hover {
	opacity:.8;
}



