.postinner {
	background: #8CBCA3;
	margin: 0px auto;
	min-height: 280px;
	box-sizing: border-box;
	padding: 10px;
	
	width: 270px;
}

.postinner .postin-name {
	width:100%;
	background:#C8E1CF;
	text-align:center;
	font-family:'Old Standard TT';
	font-size:25px;
	color:#596E5C
}

.postinner .postin-facts {
	margin:5px auto;
	width:100%;
	height:230px;
	background:#C8E1CF;
	overflow:hidden;
	transition:all 4s ease
}

.postinner .postin-facts .post-fact {
	width:100%;
	height:230px;
	box-sizing:border-box;
	padding:5px;
	font-family:'Trebuchet MS';
	font-size:11px;
	color:#596E5C;
	overflow:hidden;
}

.postinner .postin-avatar {
	position:relative;
	top:-230px;
	width:240px;
	height:220px;
	padding:5px;
	background:linear-gradient(to bottom right,#C8E1CF 50%,#BCD3C2 0%);
	transition:all 4s ease;
	-webkit-transition:all 4s ease;
	-moz-transition:all 4s ease;
	-o-transition:all 4s ease
}

.postinner .postin-title {
	width:100%;
	padding:3px 0px 0px;
	background:#C8E1CF;
	text-align:center;
	font-family:'Old Standard TT';
	font-size:13px;
	color:#596E5C;
	text-transform:uppercase
}

.postinner .postin-but {
	background: #C8E1CF;
	width: 46px;
	color: #8CBCA3!important;
	margin: 5px 0px;
	height: 46px;
	box-sizing: border-box;
	padding: 7px;
	text-align: center;
	display: inline-block;
	font-size: 30px;
}

.postinner .postin-but a {
	color: #8CBCA3!important;
}
.postinner .postin-icon {
	margin:5px auto;
	width:240px;
	height:120px;
	padding:5px;
	background:linear-gradient(to bottom right,#C8E1CF 50%,#BCD3C2 0%)
}

.postinner .postin-short {
	margin:0px 0px 5;
	width:100%;
	height:100px;
	box-sizing:border-box;
	padding:5px;
	background:#C8E1CF;
	text-align:justify;
	font-family:'Trebuchet MS';
	font-size:11px;
	color:#596E5C;
	line-height:11px;
	overflow:auto;
}

.postinner .postin-basic {
	margin:5px 0px;
	width:100%;
	height:235px;
	box-sizing:border-box;
	overflow:hidden;
}

.postinner .postin-personal {
	width:100%;
	height:235px;
	box-sizing:border-box;
	display:block;
}
.postinner .postin-personal:hover {
	text-decoration: none;
}
.postinner .postin-facts:hover .postin-avatar {
	top:230px;
	transition:all 4s ease .5s;
	-webkit-transition:all 4s ease .5s;
	-moz-transition:all 4s ease .5s;
	-o-transition:all 4s ease .5s;
}

.postinner .post-fact .ue {
	margin:0px 0px 5px;
	width:100%;
	padding:3px 0px;
	background:#b1d2c1;
	text-align:center;
	font-family:'Old Standard TT';
	font-size:14px;
	color:#596E5C
}

.postinner .postin-in {
	width:100%;
	height:265px;
	box-sizing:border-box;
	padding:5px;
	background:#C8E1CF;
	text-align:justify;
	font-family:'Trebuchet MS';
	font-size:11px;
	color:#596E5C;
	overflow: auto;
}

.postinner .postin-but:hover .fa {
	color: #917B66;
	transform: rotate(720deg);
	-webkit-transform: rotate(720deg);
	-moz-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
}

.postinner ::-webkit-scrollbar {
	width:5px
}

.postinner ::-webkit-scrollbar-thumb {
	background: #82A782
}

