/* 1.45 filter buttons css */

.masonry-filter > li.active a,
.masonry-filter > li a:hover,
.masonry-filter > li a:active,
.masonry-filter > li a:focus {color: #50aab2;}

.text-center {
    text-align: center;
}

/*====Filter Hover Navigation====*/

.filter-navigation{
  text-transform: uppercase;
	margin-bottom:0px;
}
.filter-navigation * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.filter-navigation li {
  display: inline-block;
  list-style: outside none none;
  margin: 0px 20px 0px 0px;
  overflow: hidden;
}

.filter-navigation li:first-child {
  padding-left:0px;
  margin-left:0px;
}
.filter-navigation a {
  padding: 4px 0px;
  color: #000;
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  margin: 0px;
  text-decoration: none;
  font-weight:600;
}
.filter-navigation a:before,
.filter-navigation a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.filter-navigation a:before {
  bottom: 100%;
  display: block;
  height: 3px;
  width: 100%;
  content: "";
  background-color: #50aab2;
}
.filter-navigation a:after {
  padding: 0.3em 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  content: attr(data-hover);
  color: #000;
  white-space: nowrap;
}
.filter-navigation li:hover a{
  transform: translateY(100%);
}

/* 1.45(1) Masonry filter alignment [Left-Right-Center] */
.filter-wrap.right > .masonry-filter {	float:right;}
@media only screen and (max-width:991px) {
.filter-wrap.right > .masonry-filter {	float:none;}
}
.filter-wrap.center > .masonry-filter {margin-left:auto;	margin-right:auto;}
/* 1.45(2) Masonry filter link style */
.masonry-filter.link-style > li a {font-size:15px;}
.masonry-filter.link-style.white > li:after {	color:#fff;}
.masonry-filter.link-style > li:last-child:after {	display:none;}
.masonry-filter.link-style.white > li.active a,
.masonry-filter.link-style.white > li a:hover,
.masonry-filter.link-style.white > li a:active,
.masonry-filter.link-style.white > li a:focus {color: #f7c20a;}
.masonry-filter.has-bg > li a {	color: #fff;}
.masonry-filter.link-style.has-bg > li.active a,
.masonry-filter.link-style.has-bg > li:hover a,
.masonry-filter.link-style.has-bg > li:active a,
.masonry-filter.link-style.has-bg > li:focus a {	color: #FFBC13;}

/* 1.45(3) Masonry filter button style */
.masonry-filter.button-style > li {	margin-right:10px;}
@media only screen and (max-width: 767px) {
.masonry-filter.button-style > li {	margin-bottom:10px;}	
}
.masonry-filter.button-style > li a {	background-color:#666666;	color:#fff;	padding:10px 20px;	font-weight:600;	display:inline-block;}
.masonry-filter.button-style > li.active a,
.masonry-filter.button-style > li a:hover,
.masonry-filter.button-style > li a:active,
.masonry-filter.button-style > li a:focus {background-color:#000;	color:#fff;}
.masonry-filter.button-style.has-bg > li a {	background-color: #fff;	color: #666;}
.masonry-filter.button-style.has-bg  > li.active a,
.masonry-filter.button-style.has-bg  > li a:hover,
.masonry-filter.button-style.has-bg  > li a:active,
.masonry-filter.button-style.has-bg  > li a:focus {background-color:#000;	color:#fff;}

/* 1.45(4) Masonry filter button outline style */
.masonry-filter.outline-style > li {	margin-right:10px;}
.masonry-filter.outline-style > li a {	border-width:2px; 	border-style:solid; 	border-color:#666666;	color:#666666;	padding:10px 20px;	font-weight:600;	display:inline-block;}
.masonry-filter.outline-style.rounded-corner > li a {	border-radius:100px;	 -webkit-border-radius:100px;	-moz-border-radius:100px;}

.masonry-filter.outline-style > li.active a,
.masonry-filter.outline-style > li a:hover,
.masonry-filter.outline-style > li a:active,
.masonry-filter.outline-style > li a:focus {	border-color:#000;	color:#000;}
.masonry-filter.outline-style.has-bg > li a {border-color:#fff;	color:#fff;}
.masonry-filter.outline-style.has-bg > li.active a,
.masonry-filter.outline-style.has-bg > li a:hover,
.masonry-filter.outline-style.has-bg > li a:active,
.masonry-filter.outline-style.has-bg > li a:focus {border-color:#000;	color:#000;}

@media only screen and (max-width:768px){
.masonry-item{width:100%;}	
}

/*====image hover content====*/

.work-hover-grid {
  position: relative;
  overflow: hidden;

}
.work-hover-grid img{
	width:100%;
}

.work-hover-grid * {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.work-hover-grid:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 100%;
  content: '';
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.work-hover-grid img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}
.work-hover-grid .work-hover-discription {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.work-hover-grid h4,
.work-hover-grid h5 {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
  text-align: center;
}
.work-hover-grid h4 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  margin-bottom: 5px;
}
.work-hover-grid h5 {
  background-color: #50aab2;
  padding: 3px 20px;
  color:#fff;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.work-hover-grid a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.work-hover-grid:hover:before{
  top: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.work-hover-grid:hover h4,
.work-hover-grid:hover h5{
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.work-hover-grid:hover h4{
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.work-hover-grid:hover h5{
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}



.button-model{
	display:inline-block;
}