.cs-fancy-box,
.cs-fancy-box .fancy-icon{
	position: relative;
	-webkit-transition:all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s;
	-ms-transition:all 0.3s linear 0s;
	-o-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;
}
.cs-fancy-box .fancy-icon{
	text-align: center;
}
.cs-fancy-box .fancy-icon:before{
	position: relative;
	z-index: 1;
}
.cs-fancy-box .fancy-icon:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition:all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s;
	-ms-transition:all 0.3s linear 0s;
	-o-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;
}

.cs-fancy-box .cs-fancy-box-title{
	margin: 15px 0;
}

/*Style 4*/
.fancy-box-style-4 + .fancy-box-style-4 > .cs-fancy-box-title{
	margin-bottom: 0;
	margin-top: 40px;
}
/*Style 12*/
.fancy-box-style-12 + .fancy-box-style-12 > .cs-fancy-box-title{
	margin-bottom: 0;
	margin-top: 40px;
}

/* Hover State */

.cs-fancy-box .fancy-icon.icon-hover-style-1:after{
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	-o-transform:scale(1.3);
}
.cs-fancy-box:hover .fancy-icon.icon-hover-style-1:after{
	opacity: 1;
	visibility: visible;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}

.cs-fancy-box .fancy-icon.icon-hover-style-2:after{
	background-color: transparent !important;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
}
body.csbody .cs-fancy-box:hover .fancy-icon.icon-hover-style-2:after{
	opacity: 1;
	visibility: visible;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}