/**
 * @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 20px 20px 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;
	background: none repeat scroll 0 0 #FDC82B;
	width: 100%
}
.info-content{
	padding:10px;
}
.noop-item:hover .item-info{
	top: 0;
}
.item-info h2{}
.item-info h2 a{font-size: 14px;}
.noop-zoom a,
.noop-link a{
	background-color:#3E3E3E;
	background-repeat: no-repeat;
    border-radius: 20px 20px 20px 20px;
    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;
	opacity:0.54;
	filter: alpha(opacity=54);
}
.noop-zoom a{
	background-image: url("../images/zoom.png");
    background-position: 0 0;
    left: 30%;
    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%;
    text-indent: -999em;
    transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
}
.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: center;
}
.noop-filters ul {
    list-style: none outside none;
    margin: 0;
}
.noop-filters li {
    display: inline-block;
    padding: 3px 5px;
}
.noop-filters a {
	font-weight: bold;
}
.noop-filters a:hover,.noop-filters a.selected{
	color:#ff0000;
}
.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}