.hover-fade img, .hover-zoomin img {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	height: auto;
	width: 100%;
}
.hover-fade:hover img, .hover-zoomin:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.hover-fade a, .hover-mask a, .hover-zoomin a {
	display: block;
	position: relative;
	overflow: hidden;
}
.glyphicon {
	top: -15px!important;
}
.hover-zoomin img {
	transition: all .5s ease-in-out;
}
.hover-zoomin:hover img {
	transform: scale(1.2);
}
.hover-fade a {
	background-color: #333;
}
.hover-fade img {
	transition: all .5s ease-in-out;
}
.hover-fade:hover img {
	transform: scale(1.2);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
	filter: alpha(opacity=.5);
	opacity: .5;
}
.hover-blur a h2, .hover-mask a h2 {
	display: block;
	position: absolute;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	top: 0;
	left: 0;
}
.hover-mask img {
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.hover-mask .glyphicon, .hover-mask a h2 {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
}
.hover-mask:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.hover-blur .text-white, .hover-mask .glyphicon {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
}
.hover-mask a h2 {
	height: 100%;
	width: 100%;
	padding: 30% 20px;
	background-color: rgba(0, 0, 0, .4);
	transition: all .5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.hover-mask:hover a h2 {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.hover-blur a h2, .hover-mask .glyphicon {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.hover-mask .glyphicon {
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	color: #fff;
	transition: all .5s linear;
	filter: alpha(opacity=0);
	opacity: 0;
}
.hover-mask:hover .glyphicon {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	transition: all .5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
}
.hover-blur img, .hover-zoomout img {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	width: 100%;
}
.text-white {
	color: #fff
}
.hover-blur a {
	display: block;
	position: relative;
	overflow: hidden;
}
.hover-blur img {
	height: auto;
	transition: all .5s ease-in-out;
}
.hover-blur .text-white, .hover-blur a h2 {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
}
.hover-blur:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-filter: grayscale(.6) blur(1px);
	filter: grayscale(.6) blur(1px);
}
.hover-blur a h2 {
	height: 100%;
	width: 100%;
	padding: 45% 20px;
	background-color: rgba(0, 0, 0, .5);
	background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) 1px, transparent 1px, transparent 100%);
	background-image: -moz-repeating-radial-gradient(center center, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) 1px, transparent 1px, transparent 100%);
	background-image: -ms-repeating-radial-gradient(center center, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) 1px, transparent 1px, transparent 100%);
	background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) 1px, transparent 1px, transparent 100%);
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
	transition: all .5s linear;
	filter: alpha(opacity=0);
	opacity: 0;
}
.hover-blurout a, .hover-zoomout a {
	position: relative;
	overflow: hidden;
	display: block;
}
.hover-blur:hover a h2 {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.hover-blur .text-white {
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	transition: all .5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.hover-blur:hover .text-white {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	transition: all .5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
}
.hover-zoomout img {
	height: auto;
	transition: all .5s ease-in-out;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.hover-zoomout:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.hover-blurout img {
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.hover-blurout .glyphicon, .hover-blurout a h2 {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
}
.hover-blurout:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-filter: grayscale(.6) blur(1px);
	-moz-filter: grayscale(.6) blur(1px);
	-o-filter: grayscale(.6) blur(1px);
	-ms-filter: progid: DXImageTransform.Microsoft.Blur(pixelRadius=2);
	filter: progid: DXImageTransform.Microsoft.blur(pixelradius=2);
	filter: grayscale(.6) blur(2px);
}
.hover-blurout .glyphicon, .overlay-effect h3 {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
}
.hover-blurout a h2 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-bottom: 0;
	height: 100%;
	width: 100%;
	padding: 30% 20px;
	text-align: center;
	background-color: rgba(0, 0, 0, .4);
	background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) 1px, transparent 1px, transparent 100%);
	background-image: -moz-repeating-radial-gradient(center center, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) 1px, transparent 1px, transparent 100%);
	background-image: -ms-repeating-radial-gradient(center center, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) 1px, transparent 1px, transparent 100%);
	background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) 1px, transparent 1px, transparent 100%);
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
	transition: all .5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.fall-item h2, .overlay-item h3 {
	text-transform: uppercase;
	padding: 10px;
	color: #fff;
}
.hover-blurout:hover a h2 {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.hover-blurout .glyphicon {
	transform: scale(0);
	color: #fff;
	transition: all .5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.hover-blurout:hover .glyphicon {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	transition: all .5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
}
.overlay-item {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.overlay-item .mask {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
}
.overlay-item img {
	display: block;
	width: 100%;
	height: auto;
	x-margin-right: auto;
	x-margin-left: auto;
}
.overlay-item h3 {
	text-align: center;
	position: relative;
	margin: 0 0 20px;
	display: block;
	background-color: #333;
}
.overlay-item p {
	text-align: left;
}
.fall-item h2, .fall-item p {
	text-align: center;
	position: relative;
}
.overlay-item a.btn {
	margin: 10px 0;
}
.overlay-effect img {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.overlay-effect .mask, .overlay-effect h3 {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	opacity: 0;
}
.overlay-effect .mask {
	background-color: rgba(255, 255, 255, .3);
	transition: all .5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.overlay-effect h3 {
	transform: scale(0);
	transition: all .5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.overlay-effect a.btn, .overlay-effect p {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	transition: all .5s linear;
}
.overlay-effect:hover img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.overlay-effect:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.overlay-effect:hover a.btn, .overlay-effect:hover h3, .overlay-effect:hover p {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.fall-effect h2, .fall-effect p {
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
}
.fall-item {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.fall-item .content, .fall-item .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.fall-item img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
.fall-item h2 {
	background: rgba(0, 0, 0, .8);
	margin: 0;
}
.fall-item p {
	font-style: italic;
	color: #fff;
	padding: 10px 20px 20px;
}
.fall-effect .mask {
	background-color: rgba(255, 255, 255, .7);
	top: -200px;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .3s ease-out .5s;
	-moz-transition: all .3s ease-out .5s;
	-o-transition: all .3s ease-out .5s;
	-ms-transition: all .3s ease-out .5s;
	transition: all .3s ease-out .5s;
}
.fall-effect h2 {
	transform: translateY(-200px);
	-webkit-transition: all .2s ease-in-out .1s;
	-moz-transition: all .2s ease-in-out .1s;
	-o-transition: all .2s ease-in-out .1s;
	-ms-transition: all .2s ease-in-out .1s;
	transition: all .2s ease-in-out .1s;
}
.fall-effect p {
	color: #333;
	transform: translateY(-200px);
	-webkit-transition: all .2s ease-in-out .2s;
	-moz-transition: all .2s ease-in-out .2s;
	-o-transition: all .2s ease-in-out .2s;
	-ms-transition: all .2s ease-in-out .2s;
	transition: all .2s ease-in-out .2s;
}
.fall-effect a.btn {
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .2s ease-in-out .3s;
	-moz-transition: all .2s ease-in-out .3s;
	-o-transition: all .2s ease-in-out .3s;
	-ms-transition: all .2s ease-in-out .3s;
	transition: all .2s ease-in-out .3s;
}
.fall-effect:hover h2, .fall-effect:hover p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
}
.fall-effect:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
.fall-effect:hover h2 {
	transform: translateY(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	-ms-transition-delay: .4s;
	transition-delay: .4s;
}
.fall-effect:hover p {
	transform: translateY(0);
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	-ms-transition-delay: .2s;
	transition-delay: .2s;
}
.fall-effect:hover a.btn {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="https://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 30px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect>div>p>a.white{
	font-size: 16px;
	text-decoration: none;
}
@media(max-width: 375px){
	.hovereffect h2{
		font-size: 23px !important;
	}
}
@media(max-width: 320px){
	.hovereffect h2{
		font-size: 16px !important;
	}
}