@charset "UTF-8";

/**

 * @version		$Id$

 * @author		NooTheme

 * @package		Joomla.Site

 * @subpackage	mod_jux_portfolio_pro

 * @copyright	Copyright (C) 2013 NooTheme. All rights reserved.

 * @license		License GNU General Public License version 2 or later; see LICENSE.txt, see LICENSE.php

 */

.jux-portfolio {

  position: relative;
  font-weight: normal;
}

.jux-portfolio a {

  color: #ffffff;

}

.jux-portfolio a:focus {

  text-decoration: none;

  color: black;

}

.juxp-item {

  display: inline-block;

  position: relative;

  overflow: hidden;

}

.jux-tag {

  padding: 0px;

  margin-top: 6px;

}

.jux-tag li a {

  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.excerpt-container {

  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.entry-title a {

  color: #747474;

}

.jux-tag li a {

  color: #747474;

}

.jux-title {

  color: #ab1515;

}

.hover-1 .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;

  opacity: 0.7;

  width: 100%;

}

.hover-1 .item-info {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.42);

}

.hover-1 .juxp-icon a {

  text-decoration: none;

}

.hover-1 .juxp-zoom .jux-icon1:hover {

  opacity: 1;

}

.hover-1 .juxp-link a:hover {

  opacity: 1;

}

.hover-1:hover .item-info {

  top: 0;

}

.hover-1:hover .juxp-zoom .jux-icon1,

.hover-1:hover .juxp-link a {

  bottom: 8%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

.hover-1 .juxp-img {

  position: relative;

  overflow: hidden;

}

.hover-1 .juxp-img img {

  width: 101%;

}

.hover-1 .info-content {

  padding: 10px;

}

.item-info h2 a {

  font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

  color: #fff;

  text-transform: uppercase;

}

.item-info h2 a:hover {

  color: #fff;

  text-decoration: none;

}

.hover-1 {

  /*.juxp-zoom .jux-icon1 img{

	

 width:30px;

 height:30px;

 transition-delay:0.2s;

 -o-transition-delay:0.2s;

 -moz-transition-delay:0.2s;

 -webkit-transition-delay:0.2s;

}

.juxp-link a  img{

	

 width:30px;

 height:30px;

 transition-delay:0.3s;

 -o-transition-delay:0.3s;

 -moz-transition-delay:0.3s;

 -webkit-transition-delay:0.3s;

}*/

}

.hover-1 .juxp-zoom .jux-icon1,

.hover-1 .juxp-link a {

  background-color: rgba(255, 255, 255, 0.2);

  background-repeat: no-repeat;

  border-radius: 50%;

  webkit-border-radius: 50%;

  display: block;

  width: 35px;

  height: 35px;

  position: absolute;

  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);

}

.hover-1 .juxp-zoom .jux-icon1 {

  right: 26%;

}

.hover-1 .juxp-link .jux-icon2 {

  left: 26%;

}

.hover-1 .fa {

  padding: 9px 9px;

}

.hover-1 .fa-link:before {

  color: #ab1515;

  font-size: 18px;

}

.hover-1 .fa-plus:before {

  color: #ab1515;

  font-size: 18px;

}

.juxp-filters {

  /* border-bottom: 2px solid #EBEBEB; */

  margin-bottom: 30px;

  padding-bottom: 5px;

  margin-top: 20px;

}

.juxp-filters ul {

  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
}

.juxp-filters li {
  
  background-color: black;

  display: inline-block;

  padding: 3px 5px;

  margin-top: 20px;

}

.juxp-filters li a {
	 
     background-color: darkred;

  padding: 10px 15px;

  /* border:0px ;

   margin:-2px;*/

  border-color: transparent;

  /*//background:url(../images/icon-line.png)no-repeat 0px;*/

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  -ms-transition: all 0.4s ease;

  transition: all 0.4s ease;

  /*  -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

     -o-box-sizing: border-box;

     -ms-box-sizing: border-box; */

}

.juxp-filters li a:hover {

  background: #e5e5e5;

  color: #000;

  }

.juxp-filters li.next {

  background: url(../images/icon-line.png) no-repeat right;

  background-size: 2px 12px;

}

.juxp-filters li.last {

  background: none!important;

}

.juxp-filters li a.active {

  background: #ab1515;

  color: #fff;

  }

.juxp-filters a {

  text-decoration: none;

}

.juxp-filters a:hover,

.juxp-filters a.selected {

  /* color: #1A1B1A; */

  /* font-weight: bold; */

}

.npp-title {

   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;

}

.info-content h4 a {

  font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

  color: #fff;

  font-weight: 100;

}

.info-content h4 a:hover {

  text-decoration: none;

}

.fancybox-nav {

  width: 36px;

}

.jux-portfolio .juxp-item {

  /* margin: 5px; */

}

.jux-portfolio .juxp-item .juxp-img {

  /*height:100%; */

}

.jux-portfolio .juxp-item .juxp-img img {

  width: 100%;

}

.jux-portfolio .juxp-item .jux-textlayout {

  margin-top: 0px;

  padding: 10px;

  box-sizing: border-box;

  height: 100%;

}

.jux-portfolio .juxp-item .jux-textlayout h2.entry-title {

  font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 500;

  margin: 0;

}

.jux-portfolio .juxp-item .jux-textlayout h2.entry-title a:hover {

  text-decoration: none;

  color: #747474;

}

.jux-portfolio .juxp-item .jux-textlayout h4 a {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: normal;

  font-size: 13px;

  margin: 0px;

}

.jux-portfolio .juxp-item .jux-textlayout h4 a:hover {

  text-decoration: none;

  color: #A0CE4E;

}

.jux-portfolio .juxp-item .jux-textlayout .post-content .excerpt-container p {

  color: #747474;

}

.hover-2 {

  /* background:#000; */

  position: relative;

  overflow: hidden;

}

.hover-2 .juxp-icon {

  position: absolute;

  bottom: 0;

  width: 100%;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  height: 30px;

  background: #7A548F;

  opacity: 0.8;

  color: #3c4a50;

  -webkit-transition: -webkit-transform 0.35s;

  transition: transform 0.35s;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0);

}

.hover-2:hover .juxp-icon {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-2:hover .juxp-img img {

  opacity: 0.6;

}

.hover-2 .info-content h2 {

  position: absolute;

  bottom: 40%;

  width: 100%;

  text-align: center;

  text-transform: uppercase;

  font-size: 90%;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-2 .info-content h2 a {

  color: #E8D8D8;

  font-family: arial, helvetica, sans-serif;

}

.hover-2:hover .info-content h2 {

  opacity: 1;

  -webkit-transform: translate3d(0, -57%, 0);

  transform: translate3d(0, -57%, 0);

}

.hover-2 .info-content h2 a:hover {

  color: #fff;

  text-decoration: none;

}

.hover-2 .info-content h4 {

  position: absolute;

  width: 100%;

  margin-bottom: 5px;

  text-align: center;

  color: #fff;

  text-transform: none;

  font-size: 90%;

  opacity: 0;

  transition: opacity 0.6s;

  -webkit-transition: transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 20px, 0);

}

.hover-2 .info-content h4 a {

  color: #E8D8D8;

}

.hover-2 .info-content h4 a:hover {

  color: #fff;

}

.hover-2:hover .info-content h4 {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-2 .info-content p {

  position: absolute;

  bottom: 8em;

  padding: 2em;

  color: #fff;

  text-transform: none;

  font-size: 90%;

  opacity: 0;

  -webkit-transition: opacity 1s;

  transition: opacity 1s;

  -webkit-transition: -webkit-transform 1s;

  transition: transform 1s;

  -webkit-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 20px, 0);

}

.hover-2:hover .info-content p {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-2 {

  /*.juxp-icon .juxp-zoom a.jux-icon1 img{

    height: 30px;

    width: 30px;

  }*/

  /*.juxp-icon .juxp-link a.jux-icon2 img{

    height: 30px;

    width: 30px;

  }*/

}

.hover-2 .jux-tag-item {

  position: absolute;

  bottom: 40%;

  left: 50%;

  transform: translate(-50%, -28px);

  -webkit-transform: translate(-50%, -28px);

  width: 100%;

}

.hover-2 .juxp-icon .juxp-zoom {

  right: 20%;

  position: relative;

  height: 32px;

  width: 32px;

  border-radius: 20px;

  display: inline-block;

  /* opacity: 0; */

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  /*  -webkit-transform: translate3d(0,20px,0);

 transform: translate3d(0,20px,0); */

}

.hover-2 .juxp-zoom:hover {

  background: #3D2A47;

}

.hover-2 .fa {

  padding: 7px 8px;

}

.hover-2 .fa-link:before {

  color: #F4F6F7;

  font-size: 18px;

}

.hover-2 .fa-plus:before {

  color: #F4F6F7;

  font-size: 18px;

}

.hover-2 .juxp-icon .juxp-zoom.juxp-zoom-text {

  background: none;

}

.hover-2 .juxp-icon .juxp-zoom.juxp-zoom-text a {

  text-decoration: none;

}

.hover-2 .juxp-icon .juxp-zoom.juxp-zoom-text a p {

  color: #fff;

}

.hover-2 .juxp-icon .juxp-zoom.juxp-zoom-text a p:hover {

  color: #A6CC65;

}

.hover-2 .juxp-icon .juxp-link {

  left: 20%;

  position: relative;

  height: 32px;

  width: 32px;

  border-radius: 20px;

  display: inline-block;

  /*  opacity: 0; */

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  /*  -webkit-transform: translate3d(0,20px,0);

 transform: translate3d(0,20px,0); */

}

.hover-2 .juxp-link:hover {

  background: #3D2A47;

}

.hover-2 .juxp-icon .juxp-link.juxp-link-text {

  background: none;

}

.hover-2 .juxp-icon .juxp-link.juxp-link-text a {

  text-decoration: none;

}

.hover-2 .juxp-icon .juxp-link.juxp-link-text a p {

  color: #fff;

}

.hover-2 .juxp-icon .juxp-link.juxp-link-text a p:hover {

  color: #A6CC65;

}

/*CSS effect hover style three*/

.hover-3 {

  position: relative;

  overflow: hidden;

  /* background:#000; */

}

.hover-3:hover .juxp-img img {

  opacity: 0.5;

}

.hover-3 .info-content h2 {

  position: absolute;

  bottom: 50%;

  width: 100%;

  text-align: center;

  text-transform: uppercase;

  font-size: 90%;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  -moz-transition: -webkit-transform 0.6s;

  -o-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  -o-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}

.hover-3 .info-content h2 a {

  color: #fff;

  font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.hover-3:hover .info-content h2 {

  opacity: 1;

  -webkit-transform: translate3d(0, -5px, 0);

  transform: translate3d(0, -5px, 0);

  -moz-transform: translate3d(0, -5px, 0);

  -ms-transform: translate3d(0, -5px, 0);

  -o-transform: translate3d(0, -5px, 0);

}

.hover-3 .info-content h2 a:hover {

  text-decoration: none;

}

.hover-3 .jux-tag-item {

  position: absolute;

  bottom: 50%;

  width: 100%;

  left: 50%;

  transform: translate(-50%, 50px);

  -webkit-transform: translate(-50%, 50px);

  -moz-transform: translate(-50%, 50px);

  -ms-transform: translate(-50%, 50px);

  -o-transform: translate(-50%, 50px);

}

.hover-3 .info-content h4 {

  position: absolute;

  /* bottom: 20%; */

  width: 100%;

  top: -35px;

  margin-bottom: 5px;

  text-align: center;

  color: #fff;

  text-transform: none;

  font-size: 90%;

  opacity: 0;

  -webkit-transition: opacity 0.6s ease-in-out;

  transition: opacity 0.6s ease-in-out;

  /*-webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0,20px,0);

  transform: translate3d(0,20px,0);*/

}

.hover-3 .info-content h4 a {

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  color: #fff;

  text-decoration: none;

  font-weight: normal;

  line-height: 20px;

}

.hover-3:hover .info-content h4 {

  opacity: 1;

  /*-webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

         -ms-transform: translate3d(0,0,0);

          -o-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);*/

}

.hover-3 .juxp-line {

  /* position:absolute;

    bottom:50%; */

}

.hover-3 .juxp-line .jux-line-left {

  position: absolute;

  bottom: 50%;

  left: 5%;

  -webkit-transform: translate(0, 7px);

  -moz-transform: translate(0, 7px);

  -ms-transform: translate(0, 7px);

  -o-transform: translate(0, 7px);

  transform: translate(0, 7px);

  display: block;

  height: 1px;

  background-color: #fff;

  -webkit-transition: all 500ms ease-out;

  -moz-transition: all 500ms ease-out;

  -o-transition: all 500ms ease-out;

  transition: all 500ms ease-out;

}

.hover-3 .juxp-line .jux-line-right {

  position: absolute;

  bottom: 50%;

  right: 5%;

  display: block;

  height: 1px;

  background: #fff;

  -webkit-transform: translate(0, 7px);

  -moz-transform: translate(0, 7px);

  -ms-transform: translate(0, 7px);

  -o-transform: translate(0, 7px);

  transform: translate(0, 7px);

  -webkit-transition: all 500ms ease-out;

  -moz-transition: all 500ms ease-out;

  -o-transition: all 500ms ease-out;

  transition: all 500ms ease-out;

}

.hover-3 .info-content p {

  position: absolute;

  bottom: 8em;

  padding: 2em;

  color: #fff;

  text-transform: none;

  font-size: 90%;

  opacity: 0;

  -webkit-transition: opacity 1s;

  transition: opacity 1s;

  -webkit-transition: -webkit-transform 1s;

  transition: transform 1s;

  -webkit-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 20px, 0);

}

.hover-3:hover .info-content p {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-3 {

  /*.juxp-icon .juxp-zoom a.jux-icon1 img{



      height: 30px;

      width: 30px;

    }*/

  /* .juxp-icon .juxp-link a.jux-icon2 img{

        height: 30px;

        width: 30px;

      }*/

}

.hover-3 .juxp-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

}

.hover-3 .juxp-icon .juxp-zoom {

  /*left:28%;

    bottom:35%; */

  position: relative;

  height: 35px;

  top: 5px;

  left: -2px;

  width: 35px;

  display: inline-block;

  border: 2px solid #c7c7c7;

  box-sizing: border-box;

  border-radius: 20px;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 50px, 0);

}

.hover-3 .juxp-icon .juxp-zoom:hover {

  background: rgba(255, 255, 255, 0.2);

}

.hover-3 .juxp-icon .juxp-zoom.juxp-zoom-text {

  background: none;

}

.hover-3 .juxp-icon .juxp-zoom.juxp-zoom-text a {

  text-decoration: none;

}

.hover-3 .juxp-icon .juxp-zoom.juxp-zoom-text a p {

  color: #fff;

}

.hover-3 .juxp-icon .juxp-zoom.juxp-zoom-text a p:hover {

  color: #A6CC65;

}

.hover-3 .juxp-icon .juxp-link {

  /*  bottom:35%; 

      right:28%;*/

  position: relative;

  top: 5px;

  right: -2px;

  display: inline-block;

  height: 35px;

  width: 35px;

  border: 2px solid #c7c7c7;

  box-sizing: border-box;

  border-radius: 20px;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 50px, 0);

}

.hover-3 .juxp-icon .juxp-link:hover {

  background: rgba(255, 255, 255, 0.2);

}

.hover-3 .juxp-icon .juxp-link.juxp-link-text {

  background: none;

}

.hover-3 .juxp-icon .juxp-link.juxp-link-text a {

  text-decoration: none;

}

.hover-3 .juxp-icon .juxp-link.juxp-link-text a p {

  color: #fff;

}

.hover-3 .juxp-icon .juxp-link.juxp-link-text a p:hover {

  color: #A6CC65;

}

.hover-3 .fa {

  padding: 9px 9px;

}

.hover-3 .fa-link:before {

  color: #F4F6F7;

  font-size: 17px;

}

.hover-3 .fa-plus:before {

  color: #F4F6F7;

  font-size: 16px;

}

.hover-3:hover .juxp-icon .juxp-zoom {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-3:hover .juxp-icon .juxp-link {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-3 .juxp-line .jux-line-left,

.hover-3 .juxp-line .jux-line-right {

  width: 0;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  -ms-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.hover-3:hover .juxp-line .jux-line-left,

.hover-3:hover .juxp-line .jux-line-right {

  width: 20%;

}

/*Hover effect 4*/

.hover-4 {

  position: relative;

  /*  background-color: rgba(0, 0, 0, 1); */

}

.hover-4 .info-content h2 {

  position: absolute;

  bottom: 50%;

  width: 100%;

  text-align: center;

  text-transform: uppercase;

  font-size: 90%;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0, 10px, 0);

  transform: translate3d(0, 10px, 0);

}

.hover-4 .info-content h2 a {

  color: #fff;

  font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.hover-4 .info-content h4 {

  position: absolute;

  bottom: 50%;

  width: 100%;

  margin-bottom: 5px;

  text-align: center;

  color: #fff;

  text-transform: none;

  font-size: 90%;

  opacity: 0;

  transform: translate3d(0, 28px, 0);

  -webkit-transform: translate3d(0, 28px, 0);

  -moz-transform: translate3d(0, 28px, 0);

  -o-transform: translate3d(0, 28px, 0);

  /*-webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0,20px,0);

  transform: translate3d(0,20px,0);*/

}

.hover-4 .info-content h4 a {

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  color: #fff;

  text-decoration: none;

  font-weight: normal;

  line-height: 20px;

}

.hover-4 .juxp-icon .juxp-zoom {

  left: 46%;

  top: 1%;

  position: absolute;

  height: 32px;

  width: 32px;

  border: 1px solid white;

  border-radius: 5px;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0, -20px, 0);

  transform: translate3d(0, -20px, 0);

}

.hover-4 .juxp-icon a {

  text-decoration: none;

}

.hover-4 .juxp-icon .juxp-zoom:hover {

  background: rgba(255, 255, 255, 0.2);

}

.hover-4 .juxp-icon .juxp-link {

  bottom: 1%;

  left: 46%;

  position: absolute;

  height: 32px;

  width: 32px;

  border: 1px solid white;

  border-radius: 5px;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 20px, 0);

}

.hover-4 .juxp-icon .juxp-link:hover {

  background: rgba(255, 255, 255, 0.2);

}

.hover-4 .fa {

  padding: 8px 9px;

}

.hover-4 .fa-link:before {

  color: #F4F6F7;

  font-size: 18px;

}

.hover-4 .fa-plus:before {

  color: #F4F6F7;

  font-size: 18px;

}

.hover-4 .juxp-line {

  position: absolute;

  bottom: 50%;

  height: 1px;

  background-color: #fff;

  left: 50%;

  width: 0px;

  -webkit-transition: all 300ms ease-out;

  -moz-transition: all 300ms ease-out;

  -o-transition: all 300ms ease-out;

  transition: all 300ms ease-out;

  transform: translate3d(-50%, 0, 0);

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  -o-transform: translate3d(-50%, 0, 0);

}

.hover-4:hover .info-content h2 {

  opacity: 1;

  /*-webkit-transform: translate3d(0,57%,0);

 transform: translate3d(0,57%,0);*/

}

.hover-4:hover .info-content h4 {

  opacity: 1;

  /*-webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);*/

}

.hover-4:hover .juxp-img img {

  opacity: 0.6;

}

.hover-4:hover .juxp-icon .juxp-zoom {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-4:hover .juxp-icon .juxp-link {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-4:hover .juxp-line {

  width: 70%;

}

/*Hover effect 5*/

.hover-5 {

  position: relative;

  /*  background-color: rgba(0, 0, 0, 7); */

  overflow: hidden;

}

.hover-5 .juxp-img img {

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  transition: all 0.2s linear;

}

.hover-5 .jux-tag-item {

  position: absolute;

  bottom: 50%;

  left: 50%;

  width: 100%;

  transform: translate(-50%, 0);

  -webkit-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

}

.hover-5 .info-content h2 {

font-size: 12px!important;

color: #fff;

  position: absolute;

  bottom: 49%;

  width: 100%;

  text-align: center;

  text-transform: uppercase;

  font-size: 100%;

  opacity: 0;

  -webkit-transition: opacity 0.4s;

  transition: opacity 0.4s;

  -webkit-transition: -webkit-transform 0.4s;

  transition: transform 0.4s;

  -webkit-transform: translate3d(0, -50px, 0);

  -o-transform: translate3d(0, -50px, 0);

  -moz-transform: translate3d(0, -50px, 0);

  transform: translate3d(0, -50px, 0);

}

.hover-5 .info-content h2 a {

  color: #fff;

  font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.hover-5 .info-content h4 {

  /*   position: absolute;

bottom: 50%; */

  width: 100%;

  margin-bottom: 5px;

  text-align: center;

  color: #ffff80;

  text-transform: none;

  font-size: 60%;

  opacity: 0;

  transform: translate3d(0, 28px, 0);

  -webkit-transition: opacity 0.4s;

  transition: opacity 0.4s;

  -webkit-transition: -webkit-transform 0.4s;

  transition: transform 0.4s;

  -webkit-transform: translate3d(0, 50px, 0);

  transform: translate3d(0, 50px, 0);

}

.hover-5 .info-content h4 a {

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  color: #fff;

  text-decoration: none;

  font-weight: normal;

  line-height: 20px;

}

.hover-5 .juxp-icon {

    margin-right: 7%;

  text-align: center;

}

.hover-5 .juxp-icon .juxp-zoom {

  margin-right: 7%; 
  bottom: 10%;

  position: absolute;

  height: 36px;

  width: 36px;

  border: 1px solid white;

  border-radius: 5px;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 20px, 0);

}

.hover-5 .juxp-icon .juxp-zoom:hover {
  margin-right: 7%; 
  background: rgba(171, 21, 21, 0.7);

}

.hover-5 .juxp-icon .juxp-link {

  display: none;

  bottom: 4%;

  right: 25%;

  position: absolute;

  height: 32px;

  width: 32px;

  border: 1px solid white;

  border-radius: 5px;

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 20px, 0);

}

.hover-5 .juxp-icon .juxp-link:hover {
 
  background: rgba(171, 21, 21, 0.7);

}

.hover-5 .fa {

  padding: 6px 0px;

}

.hover-5 .fa-link:before {

  color: #F4F6F7;

  font-size: 28px;

}

.hover-5 .fa-plus:before {

  color: #F4F6F7;

  font-size: 18px;

}

.hover-5 .juxp-line {

  position: absolute;

  bottom: 50%;

  height: 0px;

  background-color: #fff;

  left: 50%;

  width: 0px;

  -webkit-transition: all 300ms ease-out;

  -moz-transition: all 300ms ease-out;

  -o-transition: all 300ms ease-out;

  transition: all 300ms ease-out;

  transform: translate3d(-50%, 0, 0);

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  -o-transform: translate3d(-50%, 0, 0);

}

.hover-5:hover .juxp-img img {

  -webkit-transform: scale(1.1, 1.1);

  -moz-transform: scale(1.1, 1.1);

  -o-transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

}

.hover-5:hover .info-content h2 {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

	color: #fff;

    font-size: 12px!important;

}

.hover-5:hover .info-content h4 {

  opacity: 1;

  -webkit-transform: translate3d(0, 30px, 0);

  transform: translate3d(0, 30px, 0);

}

.hover-5:hover .juxp-img img {

  opacity: 0.2;

}

.hover-5:hover .juxp-icon .juxp-zoom {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-5:hover .juxp-icon a {

  text-decoration: none;

}

.hover-5:hover .juxp-icon .juxp-link {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.hover-5:hover .juxp-line {

  width: 70%;

}

.jux-title_tag {

  background: transparent;

  padding: 1px;

  text-transform: uppercase;

}

.jux-title_tag .jux-title {

  font: bold 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 10px 0;
}

.jux-tag {

  width: 100%;

}

.jux-tag li {

  float: left;

  list-style: none;

  margin-right: 5px  ;

}

.jux-tag li a {

  float: left;

  padding: 5px 5px;

  background: #E0DCDC;

}

.jux-tag li a:hover {

  color: #747474;

  text-decoration: none;

}

.jux-author {

  margin-top: 10px;

  font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;

  display: none;

}

.jux-author a {

  cursor: default;

  color: #747474;

  font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.jux-author a:hover {

  color: #747474;

  text-decoration: none;

}



.jux-lightbox2 .jux-media {

  width: 50%;

  /*height:100%;*/

  float: left;

  margin-right: 2%;

}

.jux-lightbox2 .jux-media img {
    border: 3px solid white;
    border-radius: 10px;
    height: 90%;
    margin: 0 0 10px;
    width: 90%;
	  box-shadow: 5px 5px 8px #cacaca;
	-moz-box-shadow: 5px 5px 8px #cacaca; 
    -webkit-box-shadow: 5px 5px 8px #cacaca; 
}

.jux-lightbox2 .jux-video .jux-video-size {

  border-radius: 10px;
  border: 3px solid white;
    border-radius: 10px;
    height: 528px;
    margin: 0 0 5px;
    width: 90%;
	  box-shadow: 5px 5px 8px #cacaca;
	-moz-box-shadow: 5px 5px 8px #cacaca; 
    -webkit-box-shadow: 5px 5px 8px #cacaca; 

}

.jux-lightbox2 .jux-info {

  box-sizing: border-box;

  /* width: 48%;*/

  /*float: left;*/

  /* height: 100%;*/

  margin-top: 0px;

}

.jux-lightbox2 .jux-info .jux-description {

  margin-top: 10px;

  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;

}

@media (max-width: 1024px) {

  .jux-lightbox2 .jux-video .jux-video-size {

    height: 300px;

  }

}

@media (max-width: 768px) {

  .jux-lightbox2 .jux-media {

    width: 100%;

    margin-bottom: 20px;

    height: auto;

  }

  .jux-lightbox2 .jux-video .jux-video-size {

    height: 368px;

  }

  .jux-lightbox2 .jux-info {

    width: 100%;

    height: auto;

  }

}

@media (max-width: 550px) {

  .jux-lightbox2 .jux-video .jux-video-size {

    height: 212px;

  }

  .jux-lightbox2 .jux-info .jux-title_tag .jux-title {

    font-size: 14px;

  }

}

.jux-lightbox1 .jux-video .jux-video-size {

  height: 500px;

}

.jux-lightbox1 .jux-media {

  width: 100%;

  height: auto;

  margin-bottom: 20px;

}

.jux-lightbox1 .jux-media img {

  width: 100%;

  height: 100%;

}

.jux-lightbox1 .jux-info {

  width: 100%;

  height: auto;

}

.jux-lightbox1 .jux-info .jux-description {

  margin-top: 10px;

  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;

}

@media (max-width: 768px) {

  .jux-lightbox1 .jux-video .jux-video-size {

    height: 368px;

  }

}

@media (max-width: 550px) {

  .jux-lightbox1 .jux-media {

    height: auto;

  }

  .jux-lightbox1 .jux-video .jux-video-size {

    height: 212px;

  }

  .jux-lightbox1 .jux-title_tag .jux-title {

    font-size: 14px;

  }

}

/* Lightbox style */

.nivo-lightbox-content .jux_lightbox_container {

  overflow-y: auto;

}





/*Srearch*/



.jux-fortfolio-search{

    margin: 10px 10px 0px 5px;

    float: right;

}

.jux-fortfolio-search input{

    height: 25px;

}

.info-content span {

    color: #fff;

    font-size: 12px;

}