.sa-profile-tmpl {

}

.sa-profile-tmpl.sa-view-profile {
	margin: 300px 0 0;
}
	.sa-profile-tmpl.sa-view-profile .sa-vp-header {
		color: #fff;
		background-color: rgba(34,36,46,0.8);
	}
		.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info {
			position: relative;
			height: 210px;
			z-index: 3;
		}
			.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-avatar-block {
				height: 100%;
				vertical-align: middle;
				padding: 30px 30px 30px 170px;
				background: rgba(27, 29, 37, 0.7);

				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-avatar-block .sa-vp-user-edit {
					top: 15px;
					right: 15px;
					color: #eee;
					font-size: 21px;
					position: absolute;
				}
				.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-avatar-block .sa-user-ranks {
					top: 40px;
					left: 30px;
					position: absolute;
				}
				.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-avatar-block h3 {
					font-size: 18px;
					max-width: 100px;
					display: table-cell;
					vertical-align: middle;
				}
					.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-avatar-block span {
						color: #b9b9b9 !important;
						font-size: 12px;
						display: block;
						text-shadow: none !important;
					}

			.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-stats-block {
				height: 100%;
				padding: 30px;
			}
				.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-stats-block .sa-vp-stats-info {
					display: table;
					height: 100%;
					width: 70%;
				}
					.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-stats-block .sa-vp-stats-info li {
						display: table-cell;
						table-layout: fixed;
						text-align: center;
						vertical-align: middle;
						font-size: 12px;
						color: #b9b9b9;
					}
						.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-stats-block .sa-vp-stats-info li span {
							color: #fff;
							font-size: 32px;
							display: block;
						}

				.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-stats-block .sa-vp-user-conrols {
					top: 50%;
					right: 0;
					width: 30%;
					padding: 30px;
					position: absolute;

					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;

					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
				}
					.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-stats-block .sa-vp-user-conrols li {
						margin: 15px 0 0;
					}
					.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-stats-block .sa-vp-user-conrols li:first-child {
						margin: 0;
					}
						.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-short-info .sa-vp-stats-block .sa-vp-user-conrols .sa-btn {
							display: block;
						}

		.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-h-tabs-nav {
			list-style: none;
			overflow: hidden;
			width: 100%;
			display: table;
			background-color: #22242e;
			position: relative;
			z-index: 3;
		}
			.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-h-tabs-nav li {
				display: table-cell;
			}
				.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-h-tabs-nav li a {
					color: #60646f;
					display: block;
					height: 60px;
					padding: 0 20px;
					line-height: 59px;
					text-align: center;
					background-color: transparent;
					-webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
					-moz-transition: background-color .2s ease-in-out, color .2s ease-in-out;
					-o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
					-ms-transition: background-color .2s ease-in-out, color .2s ease-in-out;
					transition: background-color .2s ease-in-out, color .2s ease-in-out;
				}
				.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-h-tabs-nav li a:hover {
					color: #eee;
					background-color: #181a22;
				}
				.sa-profile-tmpl.sa-view-profile .sa-vp-header .sa-vp-h-tabs-nav li.active a {
					color: #fff;
					background-color: #df3625;
				}

	.sa-profile-tmpl.sa-view-profile .sa-vp-body {
		background-color: #eee;
	}
		.sa-profile-tmpl.sa-view-profile .sa-vp-content,
		.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar {
			padding: 30px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			.sa-profile-tmpl.sa-view-profile .sa-vp-content .sa-vp-about-me {
				margin: 0 0 60px;
			}
				.sa-profile-tmpl.sa-view-profile .sa-vp-content .sa-vp-about-me p {
					font-size: 16px;
					line-height: 24px;
				}


		.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar {
			background-color: #e3e3e3;
		}
			.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar .sa-vp-s-block {
				margin: 0 0 30px;
			}
				.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar .sa-vp-s-block h3 {
					height: 30px;
					line-height: 30px;
					font-size: 16px;
					font-weight: 600;
					text-align: center;
					display: block;
					margin: 0 0 20px;
				}

				.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar .sa-vp-s-block.sa-vp-s-about li {
					font-size: 13px;
					margin: 0 0 10px;
					display: block;
					overflow: hidden;
				}
					.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar .sa-vp-s-block.sa-vp-s-about li span {
						width: 55%;
						color: #9e9e9e;
						display: inline-block;
					}
					.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar .sa-vp-s-block.sa-vp-s-about li a {
						display: inline-block;
						margin: 0 0 0 3px;
					}
						.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar .sa-vp-s-block.sa-vp-s-about li a img {
							width: 23px;
							-webkit-border-radius: 50%;
							-moz-border-radius: 50%;
							border-radius: 50%;
						}

			.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar .sa-vp-s-block.sa-vp-s-friends {
				text-align: center;
				margin: 0 0 30px -13px;
			}
				.sa-profile-tmpl.sa-view-profile .sa-vp-sidebar .sa-vp-s-block.sa-vp-s-friends .sa-avatar-small {
					width: 45px;
					margin: 0 0 15px 15px;
				}