.post.border-card .icon {
	position: absolute;
	padding:13px;
	left:50%; top:-35px;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index:1;
    background-color: #fff;

    transform: translateX(-50%) rotate(0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.post.border-card .icon img {
	display: block;
    margin: 0 auto;
    border: 1px solid #63c6ae;
    
	width: 50px; height: 50px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.post.border-card .one-third:before {
	border: 1px solid #e7e7e7;
    content: "";
    display: block;
    height: 80px;
    position: absolute;
    top: -37px;
    width: 80px;
    z-index: -1;

	left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%) rotate(0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.post.border-card .one-third:hover .icon {
	transform: translateX(-50%) rotate(45deg);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.post.border-card .one-third:hover:before {
    transform: translateX(-50%) rotate(45deg);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.post.border-card .card-title {
	z-index:2;
    position: absolute;
    width:100%;
    text-align:center;
    left:0; top:30px;
}

.post.border-card .card-title .title {
	display: block;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 24px;
    display: block;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 0;
}

.post.border-card .one-third {
	position: relative;
	border:1px solid #e7e7e7;
	width: 30.13%;
	float: left;
    margin: 60px 0 0 2.97%;
    padding: 30px 10px 20px;
    background-color: #fff;
}
.post.border-card .card-article {
	display:block;
	margin: 45px 0 10px;
}
.post.border-card { 
	margin:10px 0 40px -3.06%;  
}
.post.border-card .clear3 { clear:both; }

@media (max-width: 767px) {
	.post.border-card .one-third { 
		width:47.02%;
		margin:60px	0 0 2.90%;
	}
	.post.border-card { margin-left:-2.99%; }
	.post.border-card .clear2 { clear:both; }
	.post.border-card .clear3 { clear:none; }
}
@media (max-width: 479px) {
	.post.border-card .one-third { 
		width:100%;
		margin:60px 0 0 0;
	}
	.post.border-card { margin-left:0; }
}