.mod_circle_container {
	display				:inline-block;
	overflow			:hidden;
}

.mod_circle_wrap {
	display				:block;
}

.mod_circle_item {	
	width				:100%;
	height				:100%;
	padding				:20px;
	border-radius		:50%;
	box-shadow			:0 1px 2px rgba(0,0,0,0.1);
    background-position	:center center;
	box-sizing			:border-box;	
}

.mod_circle_2 {
	position			:relative;	
	width				:100%;
	height				:100%;
	border-radius		:50%;
    box-shadow			:0 0 0 20px rgba(255,255,255,0.2);
	background-color	:#fff;
}

.mod_circle_3 {
	width				:100%;
	height				:100%;
	border-radius		:50%;
    background-position	:center center;
	transition			:all 0.5s ease-in-out;
}

.mod_circle_item:hover .mod_circle_3 {
	-webkit-transform	:scale(0);
	-moz-transform		:scale(0);
	-o-transform		:scale(0);
	-ms-transform		:scale(0);
	transform			:scale(0);
	opacity				:0;
}

.mod_circle_back {
	display				:flex;
    align-items			:center;	
	position			:absolute;
	text-align			:center;
	top					:0px;
	left				:0px;
	width				:100%;
	height				:100%;
	opacity				:0;
	border-radius		:50%;
	pointer-events		:none;
	-webkit-transform	:scale(1.5);
	-moz-transform		:scale(1.5);
	-o-transform		:scale(1.5);
	-ms-transform		:scale(1.5);
	transform			:scale(1.5);
	-webkit-transition	:all 0.4s ease-in-out 0.2s;
	-moz-transition		:all 0.4s ease-in-out 0.2s;
	-o-transition		:all 0.4s ease-in-out 0.2s;
	-ms-transition		:all 0.4s ease-in-out 0.2s;
	transition			:all 0.4s ease-in-out 0.2s;	
}

.mod_circle_item:hover .mod_circle_back {
	-webkit-transform	:scale(1);
	-moz-transform		:scale(1);
	-o-transform		:scale(1);
	-ms-transform		:scale(1);
	transform			:scale(1);
	opacity				:1;	
	pointer-events		:auto;
}

.mod_circle_text {
	width				:100%;
	overflow			:hidden;
    text-align			:center;
}

.mod_circle_text_2 {
	margin-top			:20px;
}