/* VisiaFolio Module Copyright @2013 by AetherThemes */

/* =Portfolio
-------------------------------------------------------------- */
/* Filtering */
#portfolio-grid .mix { opacity: 0; display: none; }
.filtering { margin-top: 50px; }
.filtering li { margin-right: 10px; }
.filtering li:after {
	content: "/";
	color: #898989;
	padding-left: 15px;
}
.filtering li:last-of-type:after { content: ""; float:left; } /* float left for IE fixed */
.filter { font-family: "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; color: #424242; cursor: pointer; display: inline-block; }


.portfolio { width: 100%; }
.projectlist { margin-top: 50px; background: transparent; }
.projectlist li { width: 25%; float: left; }
.projectlist a { display: block; padding-bottom: 85px; position: relative; }

.projectlist a:hover { 
	cursor: url('../images/more.cur'), crosshair;
	cursor: url('../images/more.png') 40 40, crosshair;
}

.projectlist a img { width: 100%; }
.projectinfo { position: absolute; width: 100%; height: 100%; top: 0; z-index: 100; }
.meta { position: absolute; bottom: 0; margin-bottom: 25px; width: 100%; text-align: center; }
.meta h4, .project-title h4 { margin-bottom: 6px; }
.meta h6, .project-title h6 { margin-bottom: 0px; }
.meta em, .project-title em { font-family: "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; color: #424242; }
.projectlist a:hover .meta h4, .projectlist a:hover .meta em { color: #fff!important; }


/* =Project
-------------------------------------------------------------- */

.ajax-section { position: relative; }
.loader { display: none; background: #fff url(../images/loading.gif) no-repeat center 250px; width: 100%; height: 100%; position: absolute; z-index: 200; }
.closeProject { position: absolute; bottom: 0px; left: 50%; margin-left: -20px; z-index: 200; }
.nextProject { position: absolute; top: 67%; right: -100px; z-index: 200; }
.prevProject { position: absolute; top: 67%; left: -100px; z-index: 200; }
#ajaxpage { padding-top: 50px; padding-bottom: 50px; }

.nextProject a, .prevProject a { 
	display: block; 
	width: 20px; 
	height: 48px; 
	opacity: .4;
    filter: alpha(opacity=40);
}

.nextProject a:hover, .prevProject a:hover {
	opacity: 1;
    filter: alpha(opacity=100);
}

.nextProject a { background: url(../images/project-next.png) no-repeat center center; }
.prevProject a { background: url(../images/project-prev.png) no-repeat center center; }


.slider img { width: 100%; }

.slider-pager {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.small-border {
	display: block;
	width: 150px;
	margin: 0 auto;
	height: 1px;
	background: #e9e9e9;
}

.bx-pager-item { display: inline-block; }
.bx-pager-link {
	display: inline-block;
	text-indent: -999em; 
	width: 12px; 
	height: 12px;
	margin: 0 5px;
	background: url(../images/pager.png) no-repeat top center;
	background-size: 12px 24px; 
}

.bx-pager-link.active { background: url(../images/pager-active.png) no-repeat top center; background-size: 12px 12px; }
.bx-pager-link:hover { background-position: bottom; }	



.project-title { text-align: center; padding: 25px 0px 50px; }
.project-info {  border-bottom: 1px solid #E9E9E9; }
.project-info h6 { border-bottom: 1px solid #E9E9E9; padding-bottom: 10px; margin-bottom: 20px;  }

i.icon-remove { 
	display: block; 
	width: 26px; 
	height: 26px;
	background: url(../images/close.png) no-repeat;
	background-size: 26px 26px;
	filter: alpha(opacity=50);
	opacity: .5;
}

i.icon-remove:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

/* mobile */

/* Tablet Landscape */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
 	.projectlist a:hover .projectinfo { background: transparent; }
 }

/* Smaller than 960px */
@media only screen and (max-width: 959px) {
	.projectlist li { width: 50%; }
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.project-info { border-bottom: none; }
}
/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	.projectlist li { width: 100%; }
	#bx-pager li { width: 100%; }
	.project-info { border-bottom: none; }
}

/* Targets Retina Enabled Devices */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	i.icon-remove { background: url(../images/close@2x.png) no-repeat center center; background-size: 26px 26px;}
	.bx-pager-link { background: url(../images/pager@2x.png) no-repeat top center; background-size: 12px 24px; }
	.bx-pager-link.active { background: url(../images/pager-active@2x.png) no-repeat top center; background-size: 12px 12px; }
}