.clearfix {
    transition: width 0.5s ease 0s;
}
.profileBadges .item {
    float: none;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 10px 3px;
    text-align: center;
    transition: width 0.5s ease 0s, height 0.5s ease 0s, margin 0.5s ease 0s, opacity 0.5s ease 0s;
}
.item .image {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.profileBadges .item .info {
    cursor: pointer;
    display: inline-block;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.9);
    color: #FFF;
    font: 10px/13px arial,sans-serif;
    opacity: 0;
    transition: opacity 0.5s ease 0s;
    position: absolute;
    padding: 5px 2px;
    left: 0px;
    height: 70px;
    width: 70px;
}
.profileBadges .item:hover .info {
    opacity: 1;
}
.profileBadges .item.locked .image {
    opacity: 0.2;
}
.box {
	background:#fff;
	margin-bottom:20px;
	padding:0;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow:0 0 10px #DCDCDC inset;
	-moz-box-shadow:0 0 10px #DCDCDC inset;
	box-shadow:0 0 10px #DCDCDC inset;
}
.box h2 {
	font-size:1em;
	font-weight:700;
	text-transform:uppercase;
	color:#444;
	background: #ddd;
	margin:0 -10px -1px -10px;
	padding:12px;
	padding-left: 15px;
	padding-right: 45px;
	-webkit-box-shadow:0 0 10px #DCDCDC inset;
	-moz-box-shadow:0 0 10px #DCDCDC inset;
	box-shadow:0 0 10px #DCDCDC inset;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.block {
	padding:0;
}

.block_in {
	padding:12px;
}

.box div.hide {
display: block;
width: 40px;
line-height: 24px;
position: absolute;
right: 5px;
top: 8px;
cursor: pointer;
font-size: 10px;
text-transform: uppercase;
text-align: center;
border: solid 1px #aaa;
background: #f5f5f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow:0 0 4px #DCDCDC inset;
-moz-box-shadow:0 0 4px #DCDCDC inset;
box-shadow:0 0 4px #DCDCDC inset;
}

.box div.hide:hover {
background: #fff;
}

.box div.hide span.h {	display: block;}
.box div.hide span.s {	display: none;}
.box div.show  span.h {	display: none;}
.box div.show  span.s {	display: block;}

.closed div.hide span.h {	display: none;}
.closed div.hide span.s {	display: block;}
.closed div.show  span.h {	display: block;}
.closed div.show  span.s {	display: none;}



/* new spoiler 2013 */
.spoiler h2, .spoiler.close h2 {
    color: #000;
    margin: 5px 0px 0px;
    font: 600 20px "PT Sans Narrow",sans-serif;
}
.close.spoiler h2 {
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset;
    padding: 8px 20px;
}
.spoiler h2{background:#f1f1f1;}
.spoiler h2 span{
	font-size:12px;
	color:#555;
	float:right;
}
.spoiler .block{padding: 6px 25px;overflow:hidden;}

.show {display: none;}
.bgcolor .show {display: block;}
.hide  {display: block;}
.bgcolor .hide {display: none;}
.close .show {display: block;}
.close .bgcolor .show {display: none;}
.close .hide  {display: none;}
.close .bgcolor .hide {display: block;}
/* end new spoiler 2013 */
.user {
width:100%;
}

.user-background {
min-height: 450px;
background-size:cover;
background-repeat:no-repeat;
background-position:50% 50%;
position:relative
}

.user-header {
width:100%;
height:110px;
padding:25px 0;
left:0;
bottom:0;
position:absolute;
background:#f1f1f1;
}

.user-header-content {
height:145px;
position:relative;
margin:0 auto
}

.user-avatar {
border-radius: 50%;
width:100px;
height:100px;
padding:5px;
background:rgba(32,34,36,1);
overflow:hidden;
float:left
}

.user-avatar img {
box-shadow:0 1px 1px rgba(0,0,0,.15);
border-radius: 50%;
width:100px;
height:100px
}

.user-nickname {
float:left;
margin:0 0 0 12px
}

.user-nickname h1 {
font:700 26px 'PT Sans Narrow',sans-serif;
color:#FFF
}

.user-nickname h1 b {
font:12px 'PT Sans Narrow',sans-serif;
vertical-align:text-top;
padding-left: 5px;
}

.user-nickname h1 img {
vertical-align:middle
}

.user-nickname h5 {
font:15px 'PT Sans Narrow',sans-serif;
color:#CCC
}

.user-nickname h4 {
display:inline-block;
margin:5px 0 0;
padding:0 0 2px;
font:14px 'PT Sans Narrow',sans-serif;
color:#FFF;
border-bottom:1px dashed #FF9D00
}

.user-nickname h3 {
display:block;
margin:8px 0 0;
font-size:18px;
color:#FFF
}

.user-nickname h3 span {
cursor:help;
display:inline-block;
width:26px
}

.user-nickname h3 span.icon-flag {
color:#85C300
}

.user-nickname h3 span.icon-warning-sign {
color:red
}

.user-meter {
color:#444;
float:right
}

.user-meter li {
display:inline-block;
padding:0 25px;
border-left:1px solid #444
}

.user-meter li span {
text-align:center;
font:22px 'PT Sans Narrow',sans-serif;
display:block
}

.user-meter li b {
display:block
}

.user-meter li i{
text-align:center;
display:block;
font-size:18px
}

.user-progress {
    width: 300px;
    height: 32px;
    font: 16px/32px "Cuprum Bold",sans-serif;
    color: #FFF;
    text-align: center;
    background: none repeat scroll 0% 0% #3FA100;
    border-radius: 0.2em;
    bottom: 40px;
    position: absolute;
    right: 15px;
}

.user-wrapper {
margin:0 auto;
width:1140px;
padding:0 0 35px;
}

.sub-nav {
width:100%;
height:40px;
font:13px 'PT Sans',sans-serif;
letter-spacing:.02em;
margin:0 0 15px;
background:#26282C;
box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 3px 3px rgba(0,0,0,.3);
border-bottom:3px solid #FFA100
}

.sub-nav ul {
width:1140px;
height:40px;
line-height:38px;
margin:0 auto;
position:relative
}

.sub-nav ul li {
padding:0 10px 0 0;
margin:0 5px 0 0;
display:inline-block;
color:#EEE
}

.sub-nav ul li a:link,.sub-nav ul li a:visited {
color:#CCC;
padding:0 10px 0 0;
margin:0 5px 0 0
}

.sub-nav ul li a:hover {
color:#FFF
}

.user-posts{
width:800px;
}