/* Table of Contents
--------------------------------------------------------------------------------------
	1. Portfolio filter
	2. Portfolio items
		2.1	Portfolio 2, 3, 4 columns
		2.2	Portfolio 4 column
		2.3 Portfolio style 2
	3. Isotope
	4. Ajax Portfolio
-------------------------------------------------------------------------------------- */

/* 1 Filter
-------------------------------------------------------------------------------------- */

.wi-portfolio-filter {
	text-align:center;
	margin:20px auto 40px;
	overflow:hidden;
	}
.wi-portfolio-filter ul {
	list-style: none !important;
	margin: 0;
	display: inline-block;
	position:relative;
	}
.wi-portfolio-filter ul:before,
.wi-portfolio-filter ul:after {
	position:absolute;
	top:50%;
	margin-top:-3px;
	border-top:1px double #999;
	height:3px;
	border-bottom:2px solid #999;
	content:"";
	}
.wi-portfolio-filter ul:before {
	left:-999px;
	width:999px;
	}
.wi-portfolio-filter ul:after {
	left:100%;
	width:999px;
	}	
.wi-portfolio-filter ul li {
	float: left;
	margin: 0;
	}
.wi-portfolio-filter ul li a {
	position: relative;
	overflow: hidden;
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	margin-bottom: -1px;
	border-bottom: none;
	display: block;
	text-decoration: none;
	color: #414141;
	padding:5px 10px;
	border:2px solid #aaa;
	margin:0 10px 6px;
	text-transform: uppercase;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
.wi-portfolio-filter ul li a:hover {
	border-color:#777;
	}
.wi-portfolio-filter ul li.active a	{
	color:#b40606;
	border-color:#b40606;
	}
		
/* 2 Portfolio items
-------------------------------------------------------------------------------------- */

/* 2.1 Portfolio 2, 3, 4 columns
---------------------------------------- */
.wi-portfolio .portfolio-item {
	display:block;
	float:left;
	width:33.33%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:6px;
	border: none;
	box-shadow: none;
	margin:0;
	}
.wi-portfolio.portfolio-2 .portfolio-item {
	width:50%;
	}
.wi-portfolio.portfolio-3 .portfolio-item {
	width:33.3%;
	}	
.wi-portfolio.portfolio-4 .portfolio-item {
	width:24.9%;
	}			
.portfolio-item .inner {
	overflow:hidden;
	}
.portfolio-item .thumb {
	max-width:380px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	}
.portfolio-item .thumb a {
	display:block;
	}	
.wi-portfolio.portfolio-2 .portfolio-item .thumb {
	max-width:470px;
	}	
.portfolio-item .thumb img {
	width:100%;
	display:block;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	box-shadow:none;
	-moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out	
	}
.portfolio-item .thumb .overlay {
	position:absolute;
	top:0%;
	left:0;
	z-index:20;
	width:100%;
	left:0%;
	height:100%;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	background:#fff;
	border:1px solid #555;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
	}
.portfolio-item .thumb:hover .overlay	{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	}
.portfolio-item .thumb .name,
.portfolio-item .thumb .categories,
.portfolio-item .thumb .belowtitle {
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	color:#414141;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	-moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	z-index:40;
	left:0;
	top:50%;
	}
.portfolio-item .thumb:hover .name,
.portfolio-item .thumb:hover .categories,
.portfolio-item .thumb:hover .belowtitle {
	opacity:1;
	-ms-filter:none;
    filter:none;
	}
.portfolio-item .thumb .name {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:18px;
	padding:0 10px 8px;
	top:auto;
	bottom:50%;
	margin-bottom:-10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
.portfolio-item .thumb .name:after {
	position:absolute;
	bottom:0;
	left:50%;
	width:100px;
	margin-left:-50px;
	border-top:1px double #414141;
	content:"";
	}	
.portfolio-item .thumb .categories,
.portfolio-item .thumb .belowtitle {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}	
.portfolio-item .thumb:hover .name {
	margin-bottom:0px;
	}
.portfolio-item .thumb:hover .categories,
.portfolio-item .thumb:hover .belowtitle {
	margin-top:15px;
	}
	
/* 2.2 Portfolio 4 columns
---------------------------------------- */
@media (min-width: 980px) {
.wi-portfolio.portfolio-4 .portfolio-item .thumb .name {
	font-size:14px;
	}
.wi-portfolio.portfolio-4 .portfolio-item .thumb .categories {
	font-size:10px;
	}	
}	

/* 2.3 Style 2
---------------------------------------- */
.wi-portfolio.style-2 .thumb:hover img {
	opacity:0.6;
	}
.wi-portfolio.style-2 .name {
	margin-top:15px;
	margin-bottom:10px;
	font-size:18px;
	letter-spacing:1px;
	}
.wi-portfolio.style-2 .name a {
	color:inherit;
	}		
.wi-portfolio.style-2 .meta {
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:12px;
	border-color:#ccc;
	color:#666;
	}
.wi-portfolio.style-2 .excerpt {
	color:#999;
	}
.wi-portfolio.style-2 .excerpt p {
	margin-bottom:10px;
	}
	
/* 3 Isotope
-------------------------------------------------------------------------------------- */

/**** Isotope Filtering ****/		
.isotope-item {
  z-index: 2;
}		
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}		
	/* isotope setup */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
}		
.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}		
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:      -o-transform, opacity;
		  transition-property:         transform, opacity;
}		
/**** disabling Isotope CSS3 transitions ****/		
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}

/* 4 Ajax Portfolio
-------------------------------------------------------------------------------------- */

.portfolio-ajax .portfolio-item.current .thumb img {
	opacity:0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
	}

/* 4.1 General
---------------------------------------- */
	/* wrapper */
#portfolio-ajax-wrapper {
	position: relative;
	min-height:32px;
	overflow:hidden;
	}
#portfolio-ajax-content-container {
	width: 100%;
	overflow: hidden;
	position: relative;
	}
#portfolio-ajax-content {
	height: 0;
	opacity: 0;
	}
	
	/* ajax loader */
#portfolio-ajax-wrapper .ajax-loader {
	width: 100%;
	height: 32px;
	display: none;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-16px;
	background:url(../images/ajax-loader.gif) center center no-repeat;
	-webkit-background-size:32px 32px;
	-moz-background-size:32px 32px;
	background-size:32px 32px;
	}

	/* close */
.close-portfolio {
	position:absolute;
	top:2px;
	left:50%;
	display:block;
	width:80px;
	height:80px;
	margin-left:-40px;
	text-align:center;
	z-index:50;	
	}	
.close-portfolio a {
	line-height:80px;
	font-size:20px;
	font-family:monospace;
	font-weight:bold;
	text-decoration:none;
	color:#999;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.close-portfolio a:hover {
	color:#b40606;
	text-decoration:none;
	}
	
	/* portfolio navi */
.portfolio-navi {
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:80px;
	z-index:40;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #aaa;
	}
.portfolio-navi ul {
	margin:0;
	padding:0;
	list-style:none;	
	}
.portfolio-navi ul li {
	display:block;
	float:left;
	width:50%;
	height:80px;	
	}
.portfolio-navi ul li.next {
	text-align:right;
	}
.portfolio-navi ul li a {
	color: #999;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	line-height:80px;
	letter-spacing: 2px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.portfolio-navi ul li a:hover {
	color:#b40606;
	}
.portfolio-navi ul li.disabled a,
.portfolio-navi ul li.disabled a:hover {
	cursor:default;
	color:#ddd;
	}
.portfolio-navi ul li a i {
	font-size: 14px;
	position: relative;
	top: -2px;
	}	
.portfolio-navi ul li.prev i {
	margin-right:10px;
	}
.portfolio-navi ul li.next i {
	margin-left:10px;
	}

/* 4.2 Content Markup
---------------------------------------- */
#portfolio-content .inner {
	padding:120px 0 40px;
	overflow:hidden;
	border-top:1px solid #555;
	}
#portfolio-content h3,
#portfolio-content p {
	margin-bottom:20px;
	}	
#portfolio-content .thumb,
#portfolio-content .details {
	display:block;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#portfolio-content .thumb {
	width:60%;
	padding-right:30px;
	text-align:center;
	}
#portfolio-content .thumb img {
	display:inline-block;
	border-radius:0;
	box-shadow:none;
	}	
#portfolio-content .thumb .media-container {
	margin-bottom:0;
	}
#portfolio-content .details {
	width:40%;
	}
#portfolio-content .thumb .wi-colorbox {
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
	}
#portfolio-content .thumb .wi-colorbox:hover {
	opacity:0.5;
	}

	/* Fullwidth layout */
#portfolio-content.layout-full .thumb,
#portfolio-content.layout-full .details	{
	width:100%;
	padding-right:0;
	}
#portfolio-content.layout-full .thumb {
	margin-bottom:30px;
	}
#portfolio-content.layout-full .thumb .media-container {
	margin-bottom:0;
	}
	
	/* Info */
#portfolio-content .info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:20px;
	}
#portfolio-content .info ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#portfolio-content .info ul li {
	position:relative;
	padding-left:30px;
	margin-bottom:6px;
	margin-left:0;
	}
#portfolio-content .info ul li i {
	margin-right:10px;
	font-size:14px;
	position:absolute;
	top:3px;
	left:0;
	}
#portfolio-content .info ul li .label,
#portfolio-content .info ul li > span:first-child {
	display:inline-block;
	width:110px;
	}	
.dot {
	margin: 0 2px;
	font-weight: bold;
	color: #999;
	}
#portfolio-content .launch {
	display:inline-block;
	}
#portfolio-content .launch a {
	display:block;
	text-align:center;
	padding:10px 18px;
    text-transform: uppercase;
	font-size:12px;
	background:transparent;
	border:1px solid #666;
	color:#000;
	text-decoration:none;
	-moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	}
#portfolio-content .launch a:hover {
	border-color:#000;
	}
	
	/* Flexslider */
.portfolio-thumb-slider .flexslider {	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	border:none;
	width:100%;
	}
.portfolio-thumb-slider .flexslider .slides > li {
	margin:0;
	}
.portfolio-thumb-slider .flexslider .flex-direction-nav {
	list-style:none;
	margin:0;
	padding:0;
	}
.portfolio-thumb-slider .flexslider .flex-direction-nav a {
	display:block;
	width: 44px;
	height: 44px;
	text-indent:-9999px;
	z-index:60;
	direction: ltr;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 12px 19px;
	-mou-background-size: 12px 19px;
	background-size: 12px 19px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	background-color: #fff;
	}
.portfolio-thumb-slider .flexslider .flex-direction-nav .flex-next {
	background-image: url(../images/next.png);
	-webkit-background-size: 12px 19px;
	-mou-background-size: 12px 19px;
	background-size: 12px 19px;
	right: 20px;
	background-position: center;
	}
.portfolio-thumb-slider .flexslider .flex-direction-nav .flex-prev {
	left: 20px;
	background-image: url(../images/prev.png);
	-webkit-background-size: 12px 19px;
	-mou-background-size: 12px 19px;
	background-size: 12px 19px;
	background-position: center;
	}
.portfolio-thumb-slider .flex-control-paging {
	bottom:40px;
	margin:0;
	z-index:60;
	}	
.portfolio-thumb-slider .flex-control-paging li a {
	width:6px;
	height:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:#fff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
.portfolio-thumb-slider .flex-control-paging li a.flex-active {
	background:#b40606;
	}
	
	/* media */
.media-row {
	margin-top:20px;
	}
.media-row:first-child {
	margin-top:0;
	}		
	
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){
	.portfolio-thumb-slider .flexslider .flex-direction-nav .flex-prev {
		background-image: url(../images/prev@2x.png);
		}
	.portfolio-thumb-slider .flexslider .flex-direction-nav .flex-next {
		background-image: url(../images/next@2x.png);
		}
	#portfolio-ajax-wrapper .ajax-loader {
		background-image:url(../images/ajax-loader@2x.gif);
		}		
}

/* 4 Single portfolio
-------------------------------------------------------------------------------------- */
.single-portfolio #portfolio-content {
	overflow:hidden;
	}
.single-portfolio .post-nav {
	margin-top:30px;
	}