
.col-lg-12{
	
	margin:0 0 30px 0;
}
/*************hover effects*******************/


.hover-effect{
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
	margin:0;
}

.hover-effect img {
	 width:100%;
	 display:block;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
.hover-effect:hover img {
  -moz-transform: scale(1.4, 1.4);
  -ms-transform: scale(1.4, 1.4);
  -webkit-transform: scale(1.4, 1.4);
  transform: scale(1.4, 1.4);

}
.portfolioFilter a:hover{ color:#7a0548;}

figcaption{
	width:100%;
	position:absolute;
	left:0;
	bottom:-100%;
	    height: 50px;
	text-align:center;
	color:#fff;
	z-index:3;
	font-size:16px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	padding:0px 15px;
	/*background-color:#FCBF7F;*/
	margin:0;    
    margin-top: -25px;top: -50%;
}
figcaption span{
	font-size:12px;
}
.hover-effect:hover figcaption{
	top: 50%;
}
figcaption:before{
	width:50px;
	height:50px;
	position:absolute;
	top:0px;
	left:50%;
	content:'';
	margin-left:-25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
	background-color:#7a0548;
	/*-webkit-border-radius: 50% 50% 0 0;
	-moz-border-radius:50% 50% 0 0;
	border-radius: 50% 50% 0 0;*/
	background-image: url(../images/icons/zoom.png);
	background-repeat: no-repeat;
	background-position: center center;
}




/********/
a:focus {
  outline: none;
}

.portfolioFilter {
  padding: 0px 0;
  text-align:center;   
}

.portfolioFilter a {
  margin: -2px;
  color: #000;
  text-decoration: none;
line-height: 18px;
  padding: 0 20px 0 10px;
  /*border-radius: 50px;*/
  display: inline-block;
      font-size: 16px;
    font-weight: 500;
	position:relative;    
}
.galtitle a { color:#fff ;}

.portfolioFilter a:after {     -ms-transform: matrix(1, 0, -0.2, 1, -6, 0);
    -webkit-transform: matrix(1, 0, -0.2, 1, -6, 0);
    transform: matrix(1, 0, -0.2, 1, -6, 0);
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 100%;
    background: #2b221a;}
.galtitle a:after{ background:#bfbfbf;}
	.portfolioFilter .bdr-none:after { display:none;}
.portfolioFilter a.current {
 /* background: #ff0d0d;
  border: 1px solid #FCBF7F;*/
  color: #7a0548;
  background:none;
}
.portfolioContainer{
  /*border: 1px solid #eee;
  border-radius: 3px;*/
}

/*.portfolioContainer img {
  margin: 5px;
  max-width:100%;
}*/

.isotope-item .fitr-name {     text-align: center;
        background: #7a0548;
		color:#fff;
    padding: 15px 0px;
    font-size: 12px;     margin-bottom: 15px;     float: left;     line-height: 20px;
    width: 100%; min-height:90px; display: grid;
    justify-content: center;
    align-items: center;}
.isotope-item .fitr-name span{ font-weight:700;     float: left; text-transform:uppercase;
    width: 100%;}
.isotope-item {
  z-index: 2;
  width:25%;padding:5px;
  /*  width:33.33333333333333%;*/
    overflow: hidden;
}
.isotope-item img {
  width:100%;
  vertical-align:middle;
  display:block;min-height: 210px;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
      margin-bottom: 30px;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}





@media only screen and (max-width: 800px) {

.isotope-item img {

   /* min-height: 144px;*/
}
.isotope-item {

  /*  max-height: 155px;
    min-height: 155px;*/
   
}

}


@media only screen and (max-width: 640px) {

.portfolioFilter {

  text-align:left;
}
.isotope-item {

  width:50%;
}
.portfolioFilter a{width:100%; display:block;    border-left:0;    border-bottom:1px solid rgba(0, 163, 229, 0.34);}
.portfolioFilter a {

    padding: 10px 10px;}
	.portfolioFilter a:after{ display:none;}

}

@media only screen and (max-width: 480px) {


.isotope-item {

  width:100%;
}





}