.ch-item {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	cursor: default;

	box-shadow: 

    inset 0 0 0 0 rgba(27,188,155, 0.4),

    inset 0 0 0 10px rgba(255,255,255,0.6),

    0 1px 2px rgba(0,0,0,0.1);

		

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}



.ch-img-1 { 

	background-image: url(gun_pic1.png);

}



.ch-img-2 { 

	background-image: url(gun_pic2.png);

}



.ch-img-3 { 

	background-image: url(gun_pic3.png);

}

.ch-img-4 { 

	background-image: url(gun_pic4.png);

}



.ch-img-5 { 

	background-image: url(gun_pic5.png);

}



.ch-img-6 { 

	background-image: url(gun_pic6.png);

}

.ch-img-7 { 

	background-image: url(gun_pic7.png);

}



.ch-img-8 { 

	background-image: url(gun_pic8.png);

}



.ch-img-9 { 

	background-image: url(gun_pic9.png);

}

.ch-img-10 { 

	background-image: url(gun_pic10.png);

}



.ch-img-11 { 

	background-image: url(gun_pic11.png);

}



.ch-img-12 { 

	background-image: url(gun_pic12.png);

}

.ch-img-13 { 

	background-image: url(gun_pic13.png);

}

.ch-img-14 { 

	background-image: url(gun_pic14.png);

}



.ch-info {

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	opacity: 0;

	

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info h3 {

	color: #FFF;

	text-transform: uppercase;

	position: relative;

	font-size: 16px;

	font-weight:bold;

	margin: 0 30px;

	padding: 40px 0 5px 0;

	line-height:21px;

}



.ch-info p {

	color: #FFF;

	padding: 15px 0px;

	font-size: 14px;

	border-top: 1px solid #FFF;

	width:200px;

}

.ch-item:hover {

	box-shadow: 

		inset 0 0 0 110px rgba(27,188,155, 0.6),

		inset 0 0 0 10px rgba(27,188,155,1),

		0 1px 2px rgba(0,0,0,0.1);

}



.ch-item:hover .ch-info {

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);	

}