
/**
 * Featured Video
 */
#pavi-container *, #pavi-container *:before, #pavi-container *:after,
#pavi-videos *, #pavi-videos *:before, #pavi-videos *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#pavi-container {
  padding: 10px;
  margin-bottom: 30px;
}
#pavi-container:after {
  clear: both;
}
#pavi-container:before, #pavi-container:after {
  display: table;
  content: " ";
}
.pavi-video-left .pavi-fitvids {
  width: 69.99%;
  float: left;
}
.pavi-video-left .pavi-video-content {
  width: 30%;
  float: left;
  padding-left: 30px;
}
.pavi-video-content > h2 {
  margin: 0 0 25px;
}
.pavi-fitvids {
  margin-bottom: 40px;
}

/**
 * Thumbnails 
 */
.pavi-block {
  padding: 10px;
  line-height: 1;
}
.pavi-block h3 {
  display: inline-block;
  padding: 10px 0;
  margin: 0;
}
.pavi-view-first h3 {
  color: #fff;
  font-weight: 300;
  line-height: 1.4em;
}
.pavi-view-first a {
  color: #999;
  line-height: 1.4em;
  font-size: 13px;
}
.pavi-view-first a:hover {
  color: #ccc;
}
.pavi-view-first img {
  width: auto\9;
  height: auto;
  max-width: 100%;
}

/**
 * Image hover mask
 */
.pavi-view{
  width:100%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
}
.pavi-view-text{
  width:100%;
  float:left;
  position:relative;
  cursor:default;
}
.pavi-view .pavi-mask{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
}
.pavi-view a.link{
  display:block;
  -webkit-transition:all .2s linear;
  -moz-transition:all .2s linear;
  -o-transition:all .2s linear;
  -ms-transition:all .2s linear;
  transition:all .2s linear;
}
.pavi-view a.link:hover{
  -webkit-transition:all .2s linear;
  -moz-transition:all .2s linear;
  -o-transition:all .2s linear;
  -ms-transition:all .2s linear;
  transition:all .2s linear;
}
.pavi-view-first img{
  -webkit-transition:all .2s linear;
  -moz-transition:all .2s linear;
  -o-transition:all .2s linear;
  -ms-transition:all .2s linear;
  transition:all .2s linear;
}
.pavi-view-first .pavi-mask{
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}
.pavi-view-first:hover .pavi-mask{
  background-color: rgba(0,0,0,0.6);
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
}
.pavi-view a.link {
  height: 100%;
}
.pavi-view-link {
  position: absolute;
  border: none;
  left: 0;
  top: 50%;
  margin-top: -30px;
  width: 100%;
}

/**
 * Filter navigation
 */
#pavi-filtrable-nav{
  margin: 0 10px 30px;
  padding: 0;
  border-bottom: solid 1px #ddd;
}
#pavi-filtrable-nav li{ 
  display:inline-block;
  margin: 0 10px 20px 0;
}
#pavi-filtrable-nav li a {
  padding:5px 12px;
  color: #222;
  font-weight: 500;
}
#pavi-filtrable-nav li.active-tag a, #pavi-filtrable-nav li:hover a {
  color: #fff;
  background-color: #222;
  text-decoration: none;
}

/**
 * Search navigation
 */
#pavi-search-nav {
  margin: 0 10px 30px;
}
#pavi-search {
  width: 100%;
  height: 42px; 
  padding: 10px;
  border: 1px solid #c4c4c4;
}

/**
 * Isotope
 */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.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;
}

/**
 * Media queries
 */
@media (max-width: 767px) {
  .pavi-block {
    width: 100%!important;
  }
  .pavi-video-left .pavi-fitvids {
    width: 100%!important;
  }
  .pavi-video-left .pavi-video-content {
    width: 100%!important;
    padding-left: 0;
  }
}