
.homeBox {
	position: relative;
	float: left;
	display: block;	margin-top: 10px;
}

.homeBox .one_fourth {
	text-align: center;	height: 230px;	margin: 20px 0px;
	padding: 20px 0px;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #FAFAFA) );
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

 .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths {
	position: relative;
	float: left;	
}

.homeBox .one_fourth:hover{
	background:#252525;
}.homeBox .one_fourth .boxImage {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox .one_fourth:hover .boxImage {
	position: relative;
	-webkit-animation: moveFromTop 350ms ease;
	-moz-animation: moveFromTop 350ms ease;
	-ms-animation: moveFromTop 350ms ease;
}

.homeBox .one_fourth h2 {
	color: #4B4A4A;
	font-size: 16px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	margin: 15px 0px 10px;
}

.homeBox .one_fourth:hover h2 {
	position: relative;
	color:#EAEAEA;
	-webkit-animation: moveFromTop 200ms ease;
	-moz-animation: moveFromTop 200ms ease;
	-ms-animation: moveFromTop 200ms ease;
}
.homeBox .one_fourth .boxDescription {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	font-size: 14px;
}

.homeBox .one_fourth:hover .boxDescription {
	position: relative;
	color:#EAEAEA;
	-webkit-animation: moveFromBottom 500ms ease-in-out;
	-moz-animation: moveFromBottom 500ms ease-in-out;
	-ms-animation: moveFromBottom 500ms ease-in-out;
}


@-webkit-keyframes moveFromTop {
    from {
        top: -600px;
    }
    to {
      	top: auto;
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-600%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-600%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        bottom: -400px;
    }
    to {
       	top: auto;
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(400%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(400%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}/* -- Circular Work -- */.gridcontainer{	margin: 30px 0px;}.grid_3 {  display: inline;  float: left;  margin-left: 5px;  margin-right: 5px;/*   width: 210px; */}.fmcircle_out {	width: 250px;	height: 250px;	background: rgba(221,221,221,0.3) url(data:image/png;);	text-align: center;	display: block;	margin-left: 20px;	margin-bottom: 20px;	border-radius: 100%;	-moz-border-radius: 100%;	-webkit-border-radius: 100%;	-o-border-radius: 100%;	-webkit-transition: all 0.2s linear;	-moz-transition: all 0.2s linear;	-o-transition: all 0.2s linear;	-ms-transition: all 0.2s linear;	transition: all 0.2s linear;}	.fmcircle_out:hover {		opacity: 1;			-webkit-transition: all 0.2s linear;		-moz-transition: all 0.2s linear;		-o-transition: all 0.2s linear;		-ms-transition: all 0.2s linear;		transition: all 0.2s linear;	}		.fmcircle_out:hover .fmcircle_in img {		margin: 30px 25px 25px 25px;		width: 170px;		height: 170px;		-webkit-transition: all 0.2s linear;		-moz-transition: all 0.2s linear;		-o-transition: all 0.2s linear;		-ms-transition: all 0.2s linear;		transition: all 0.2s linear;	}	.fmcircle_in {	width: 220px;	height: 220px;	margin: 15px;	display: inline-block;	overflow: hidden;	border-radius: 100%;	-moz-border-radius: 100%;	-webkit-border-radius: 100%;	-o-border-radius: 100%;}.fmcircle_in img {	border: none;	width: 220px;	height: 220px;	-webkit-transition: all 0.2s linear;	-moz-transition: all 0.2s linear;	-o-transition: all 0.2s linear;	-ms-transition: all 0.2s linear;	transition: all 0.2s linear;}.fmcircle_in span {	margin: 0;	padding: 0;	border: 0;	vertical-align: baseline;	width: 220px;	font-size: 13px;	background: #fff;	color: #2bcdc1;	padding: 5px;	margin: 90px 0 0 0;	height: 45px;	text-align: center;	font-weight: bold;	letter-spacing: 0.08em;	text-transform: uppercase;	float: left;	position: absolute;	opacity: 0;	border-radius: 2px;	-moz-border-radius: 2px;	-webkit-border-radius: 2px;	-o-border-radius: 2px;	-webkit-transition: all 0.2s linear;	-moz-transition: all 0.2s linear;	-o-transition: all 0.2s linear;	-ms-transition: all 0.2s linear;	transition: all 0.2s linear;}	.fmcircle_out:hover .fmcircle_in span {		opacity: 1;	-webkit-transition: all 0.2s linear;		-moz-transition: all 0.2s linear;		-o-transition: all 0.2s linear;		-ms-transition: all 0.2s linear;		transition: all 0.2s linear;	}/*** Base64 Patterns ***/.fmcircle_blue {	background: url(data:image/png;);}.fmcircle_red {	background: url(data:image/png;);}.fmcircle_orange {	background: url(data:image/png;);}.fmcircle_green {	background: url(data:image/png;);}