/*
 * IMAGE GRAY
 */
.image_gray {
	filter:
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscalerayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.image_gray:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
}

/*
 * IMAGE TINT
 */
.tint,.tint_opacity {
	position: relative;
	cursor: pointer;
}

.tint:before,.tint_opacity:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 255, 255, 0.5);
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}

.tint:hover:before {
	background: none;
}
/*
 * IMAGE OPACITY
 */
.opacity:hover {
	opacity: .5;
	cursor: pointer;
}

/*
 * GROW
 */
.grow {
	height: 200px;
	width: 200px;
	overflow: hidden;
}

.grow img {
	height: 200px;
	width: 200px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.grow img:hover {
	width: 400px;
	height: 400px;
}

/*
 * TILT
 */
.tilt {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tilt:hover {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

/*
 * MORPH
 */
.morph {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.morph:hover {
	
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*
 * FOCUS
 */
.focus {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.focus:hover {
	border: 70px solid #000;
	border-radius: 50%;
}

/*
 * DARKEN
 */
.brighten img {
	-webkit-filter: brightness(35%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.brighten img:hover {
	-webkit-filter: brightness(100%);
}

.blur img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.blur img:hover {
	-webkit-filter: blur(3px);
}

.hue_rotation img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.hue_rotation img:hover {
	-webkit-filter: hue-rotate(333deg);
}