/**
 * @version		$Id$
 * @author		NooTheme
 * @package		Joomla.Site
 * @subpackage	mod_noo_portfolio
 * @copyright	Copyright (C) 2013 NooTheme. All rights reserved.
 * @license		License GNU General Public License version 2 or later; see LICENSE.txt, see LICENSE.php
*/

@charset "UTF-8";


.noo-portfolio{
    position: relative;
}
.noop-main-wrap{}
.noop-item{
	display: inline-block;
    margin: 0 5px 5px 0;
    position: relative;
    overflow: hidden;
}
.item-info{
	left: 0;
    position: absolute;
    top: -100%;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	height: 100%;
	text-align: center; line-height: 16px;
	width: 100%
}
.info-content{
	padding:10px;
}
.noop-item:hover .item-info{
	top: 0;
}
.item-info h2{ line-height: 16px;font-size: 16px;}
.item-info h2 a{font-size: 16px;line-height: 16px;}
.noop-zoom a,
.noop-link a{
	background-repeat: no-repeat;
    border-radius: 0;
    display: block;
    height: 40px;
    position: absolute;
    top:-104px;
    width: 40px;
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	filter: alpha(opacity=60);
}
.noop-zoom a{
	background-image: url("../images/zoom.png");
    background-position: 0 0;
    left: 0%;margin-top: 50px;
    transition-delay:0.2s;
	-o-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
}
.noop-link a{
	background-image: url("../images/link.png");
    background-position: 0 0;
    right: 30%; margin-top: 50px;
    text-indent: -999em;
    transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s; visibility:hidden;
}
.noop-item:hover .noop-zoom a,
.noop-item:hover .noop-link a{
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.noop-zoom a:hover{
	opacity:1;
}
.noop-link a:hover{
	opacity:1;
}
.noop-filters {
    text-align: left;
}
.noop-filters ul {
    list-style: none outside none;
}
.noop-filters li {
    display: inline-block;
    padding: 1px;
}
.noop-filters a {
	font-weight: NORMAL; padding: 4px 8px 4px 8px;
}
.noop-filters a:hover,.noop-filters a.selected{}
.noop-filters a {
}
.npp-title{font-weight: bold;display: block;}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -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;
}

.fancybox-nav {width: 36px}