.pic {

	

	overflow: hidden;

	position:cover;

	

	

}



.pic:hover {

	cursor: pointer

}



.grow img {

	height: 300px;

	width: 300px;

	-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

}



.shrink img {

	height: 400px;

	width: 400px;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease

}



.shrink img:hover {

	width: 300px;

	height: 300px

}



.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(5px)

}



.tilt,.tilt1 {

	transition: all .2s ease

}



.tilt:hover {

	transform: rotate(15deg)

}

.tilt1:hover {

	transform: rotate(-15deg)

}

.morph {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-o-transition: all .5s ease;

	-ms-transition: all .5s ease;

	transition: all .5s ease

}



.morph:hover {

	border-radius: 0;

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-o-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	transform: rotatex(360deg)

}



.sidepan img {

	margin-left: 0;

	-webkit-transition: margin 1s ease;

	-moz-transition: margin 1s ease;

	-o-transition: margin 1s ease;

	-ms-transition: margin 1s ease;

	transition: margin 1s ease

}



.sidepan img:hover {

	margin-left: -200px

}



.vertpan img {

	margin-top: 0;

	-webkit-transition: margin 1s ease;

	-moz-transition: margin 1s ease;

	-o-transition: margin 1s ease;

	-ms-transition: margin 1s ease;

	transition: margin 1s ease

}



.vertpan img:hover {

	margin-top: -200px

}



.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: 10px solid #000;

	border-radius: 50%

}



.bw {

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease

}



.bw:hover {

	-webkit-filter: grayscale(100%)

}



.brighten img {

	-webkit-filter: brightness(-65%);

	-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(0%)

}