#page-content-wrapper{
	padding: 65px 0 0;
}
#page-content-wrapper > .simplebar-scroll-content > .simplebar-content{
	overflow-x: hidden;
}
.content-grid {
	max-width: 1184px;
	padding: 25px 0 100px;
}
#wrapper.wsb .content-grid{
	margin: auto;
}
.profile-header {
	border-radius: 12px;
	background-color: #2c333d;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / 6%);
}
.profile-header .profile-header-cover {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	height: 300px;
}
.profile-header figure>img {
	width: 100%;
	height: 100%;
}
.profile-header .profile-header-cover {
	background-color: #232932;
	background-size: cover;
	background-position: center; 
	background-repeat: no-repeat;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	height: 300px;
}
.profile-header .profile-header-info {
	height: 126px;
	position: relative;
}
.user-short-description {
	padding-top: 84px;
	position: relative;
}
.user-short-description.big {
	padding-top: 52px;
}
.profile-header.v2 .profile-header-info .user-short-description {
	min-height: 164px;
	padding: 50px 0 0 140px;
	position: absolute;
	left: 32px;
	bottom: 0;
}
.user-avatar .user-avatar-content {
	position: absolute;
	top: 18px;
	left: 16px;
	z-index: 3;
	background-image: url('https://gameslab-app.s3.sa-east-1.amazonaws.com/avatars/user.png');
	background-color: #232932;
	border-radius: 50%;
	background-size: cover;
}
.user-avatar .user-avatar-content.no-bg {
	background-image: none !important;
	background-color: transparent !important;
}
.profile-header.v1 .user-avatar {
	display: block;
	width: 100px;
	height: 110px;
	position: relative;
}
.user-avatar.big {
	width: 148px;
	height: 164px;
}
.user-avatar .user-avatar-badge {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 28px;
	height: 32px;
	position: absolute;
	top: 68px;
	right: 5px;
	z-index: 4;
}
.profile-header.v1 .user-short-description.big .user-short-description-avatar {
	top: -116px;
	margin-left: -80px;
	background: #2c333d;
	border-radius: 50%;
	width: 160px;
	height: 160px;
	overflow: hidden;
	padding: 10px;
}
.user-short-description.big .user-short-description-avatar figure{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
}
.profile-header.v1 .user-short-description .user-short-description-avatar {
	position: absolute;
	top: -54px;
	left: 50%;
	margin-left: -60px;
}
.profile-header .profile-header-info .user-short-description .user-short-description-avatar-mobile {
	display: none;
	top: -54px;
	margin-left: -60px;
}
.profile-header.v1 .user-short-description.big .user-short-description-title {
	font-size: 1.5rem;
}
.profile-header.v1 .user-short-description .user-short-description-title a {
	color: #fff;
	font-weight: 700;
	width: auto;
}
.user-short-description.big .user-code-description-text {
	font-size: 1.3rem;
}
.user-short-description .user-code-description-text {
	margin-top: 10px;
	color: #9aa4bf;
	font-size: .6875rem;
	font-weight: 700;
	text-transform: uppercase;
}
.profile-header.v1 .user-short-description .user-code-description-text, .profile-header.v1 .user-short-description .user-short-description-title {
	font-weight: 700;
	text-align: center;
}
.profile-header .profile-header-info .profile-header-social-links-wrap {
	width: 352px;
	height: 44px;
	margin: 0 auto;
	position: absolute;
	top: 54px;
	right: 32px;
}
.tns-outer {
	padding: 0 !important;
}
.tns-visually-hidden {
	position: absolute;
	left: -10000em;
}
.tns-ovh {
	overflow: hidden;
}
.profile-header .profile-header-info .profile-header-social-links-wrap .slider-controls {
	width: 234px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 10px;
	left: -40px;
	z-index: 1;
}
.slider-control {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.profile-header .profile-header-info .info-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 40px;
	left: 32px;
}
.profile-header .profile-header-info .info-right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 40px;
	right: 32px;
}
.profile-header.v1 .user-stat .user-stat-title {
	font-size: 1.6rem !important;
}
.user-stat .user-stat-text, .user-stat .user-stat-title {
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
.profile-header.v1 .user-stat .user-stat-text {
	margin-top: 10px;
	color: #9aa4bf;
	font-size: 1.1rem !important;
}
.button {
	display: inline-block;
	height: 48px;
	min-width: 180px;
	padding: 0 20px;
	border-radius: 10px;
	background-color: #293249;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	line-height: 48px;
	cursor: pointer;
	transition: background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
	box-shadow: 3px 5px 10px 0 rgb(0 0 0 / 20%);
}
.button.primary {
    background-color: #005aa4;
    box-shadow: 4px 7px 12px 0 rgb(64 127 208 / 20%);
}
.button.success {
	background-color: #0ba93e;
	box-shadow: 4px 7px 12px 0 rgb(64 208 79 / 20%);
}
.button.warning {
	background-color: #d9b20c;
	box-shadow: 4px 7px 12px 0 rgb(208 183 64 / 20%);
}
.button.danger {
	background-color: #E72A2A;
	box-shadow: 4px 7px 12px 0 rgb(208 64 64 / 20%);
}
.button.danger:hover {
	color: #ffffff;
}
.button.default {
	background-color: #21252c;
	box-shadow: 4px 7px 12px 0 rgb(39 44 52);
}
.button:hover, .button:focus{
	color: #fff;
}
.quick-post-footer-actions button:hover {
	background-color: #0263b3;
	box-shadow: 4px 7px 12px 0 rgb(64 68 208 / 20%);
}
.user-stat.big {
	padding: 0 30px;
}
.grid {
	display: grid;
	grid-template-columns: 100%;
	grid-gap: 16px;
	-ms-flex-align: start;
	align-items: start;
}
.content-grid .grid {
	margin-top: 16px;
}
.grid.grid-3-6-3>.grid-column:first-child {
	grid-area: sidebar1;
}
.grid.grid-3-6-3 {
	grid-template-areas: "sidebar1 content sidebar2";
	grid-template-columns: 23.9864864865% 49.3243243243% 23.9864864865%;
}
.grid-4-4-4{
	grid-template-columns: 32.4% 32.4% 32.4% !important;
}
.grid .grid-column {
	display: grid;
	grid-template-columns: 100%;
	grid-gap: 16px;
	min-width: 0;
}
.widget-box {
	padding: 32px 28px;
	border-radius: 12px;
	background-color: #2c333d;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / 6%);
	position: relative;
}
.widget-box .widget-box-controls {
	position: absolute;
	top: 28px;
	right: 22px;
	z-index: 9999;
}
.widget-box .widget-box-title {
	font-size: 1.6rem;
	font-weight: 700;
	color: #c7ced5;
}
.widget-box .widget-box-content {
	margin-top: 20px;
}
.widget-box .widget-box-content p {
	color: #bbbbbb;
	overflow: hidden;
    text-overflow: ellipsis;
}
#badge-stat-slider-items-iw {
	margin: 0px;
}
.profile-stats {
	margin-bottom: 10px;
	border-radius: 12px;
	background-color: #2c333d;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / 6%);
}
.profile-stats .profile-stats-cover {
	height: 160px;
	padding-top: 34px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-size: cover;
}
.user-avatar.no-stats.big .user-avatar-content {
	top: 14px;
	left: 12px;
}
.hexagon-image-124{
	 width: 124px;
	 height: 124px;
	 position: relative;
}
.hexagon-image-124{
	border-radius: 50%;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	border: 10px solid #2c333d;
}
.user-short-description-title{
	font-size: 30px;
	font-weight: 700;
}
.user-short-description-title a{
	color: #f2f2f2;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
.user-short-description-text{
	font-weight: 400;
	color: #ccc;
	width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
.user-stats {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}
.profile-header .profile-header-info .user-stats {
	position: absolute;
	top: 10px;
	right: 40px;
}
.user-stat.big {
	padding: 0 30px;
	position: relative;
}
.user-stats .user-stat:after {
	content: "";
	width: 1px;
	height: 65px;
	background-color: #3c444e;
	position: absolute;
	top: 6px;
	right: 0;
}
.user-stats .user-stat.big:after {
	top: 8px;
}
.user-stat .user-stat-text, .user-stat .user-stat-title {
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	font-size: 32px;
	font-family: monospace;
	color: #a3adbb;
}
.user-stat .user-stat-text {
	margin-top: 10px;
	color: #727c8b;
	font-size: 14px;
}
.user-stats .user-stat:last-child:after{
	display: none;
}
.profile-stats-cover .profile-stats-cover-title {
	color: #fff;
	text-align: center;
}
.profile-stats .profile-stats-cover .profile-stats-cover-title {
	font-size: 1.5rem;
	font-weight: 700;
}
.profile-stats .profile-stats-cover .profile-stats-cover-text {
	margin-top: 4px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #f2f2f2;
	text-align: center;
}
.user-avatar.medium {
	width: 120px;
	height: 120px;
}
.profile-stats .profile-stats-info .user-avatar {
	margin: -60px auto 0;
	padding: 10px;
	background: #2c333d;
	border-radius: 50%;
}
.profile-stats .profile-stats-info .user-avatar figure {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
}
.profile-stats .featured-stat-list p{
	text-align: center;
	color: #9aa4bf;
}
.badge-item-stat .progress-stat {
	max-width: 204px;
	margin: 54px auto 0;
}
.progress-stat .bar-progress-wrap {
	position: relative;
}
.progress-stat .bar-progress-wrap:last-child {
	margin-top: 28px;
}
.progress-stat .bar-progress-wrap .bar-progress-info {
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #9aa4bf;
	font-size: 1.1rem;
	font-weight: 700;
	text-transform: uppercase;
}
.progress-stat.medium{
	margin: 20px;
}
.progress {
	height: 6px;
}
.progress-arc-summary {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
}
.progress-arc-wrap {
	width: 100%;
	height: 120px;
	position: relative;
}
.progress-arc-wrap .progress-arc {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}
.chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink {
	position: absolute;
	direction: ltr;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
	z-index: -1;
}
.progress-arc-wrap .progress-arc-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.progress-arc-summary .progress-arc-summary-info {
	margin-top: 36px;
	text-align: center;
}
.progress-arc-summary .progress-arc-summary-info .progress-arc-summary-title {
	font-size: 1.125rem;
	font-weight: 700;
}
.progress-arc-summary .progress-arc-summary-info .progress-arc-summary-subtitle {
	margin-top: 6px;
	color: #9aa4bf;
	font-size: .875rem;
	font-weight: 500;
}
.progress-arc-summary .progress-arc-summary-info .progress-arc-summary-text {
	margin-top: 22px;
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.4285714286em;
}
.achievement-status-list {
	display: -ms-flexbox;
	display: flex;
}
.achievement-status {
	text-align: center;
}
.achievement-status-list .achievement-status {
	width: 50%;
}
.achievement-status .achievement-status-progress {
	font-size: 1.375rem;
	font-weight: 700;
	color: #c5c5c5;
}
.achievement-status .achievement-status-info {
	margin-top: 14px;
}
.achievement-status-list .achievement-status .achievement-status-info {
	position: relative;
}
.achievement-status .achievement-status-info .achievement-status-title {
	font-size: .875rem;
	font-weight: 700;
}
.achievement-status .achievement-status-info .achievement-status-text {
	margin-top: 6px;
	color: #9aa4bf;
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
}
.widget-box .achievement-status-list {
	margin-top: 10px;
}
.progress-arc-summary-info{
	text-align: center;
	margin-top: 25px;
}
#progress-arc{
	width: 100%;
	height: 100%;
}
.progress-arc-porcent-text{
	color: #fff;
	position: absolute;
	font-weight: bold;
	top: 45px;
	left: 50%;
	font-size: 2rem;
	width: 30px;
	margin-left: -27px;
	text-align: center;
}
.information-line {
	display: -ms-flexbox;
	display: flex;
}
.information-line-list .information-line {
	margin-bottom: 14px;
}
.information-line-link a{
	color: #11a140;
	font-family: monospace;
	font-size: 11px;
}
.information-break .information-line-title{
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	color: #9c9fa5 !important;
}
.information-line .information-line-title {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 140px;
	color: #9c9fa5 !important;
}
.information-line .information-line-text, 
.information-break .information-line-title,
.information-line .information-line-title {
	font-size: 1.2rem;
	font-weight: 700;
}
.information-line .information-line-link{
	display: block;
}
.information-break .information-line-link{
	margin-bottom: 10px;
}
.quick-post-footer-actions button{
	padding: 0 10px !important;
}
.user-status .user-status-text {
	margin-top: 4px;
	color: #9aa4bf;
	font-size: .875rem;
	font-weight: 500;
}
.stats-decoration {
	height: 96px;
	padding: 28px 0 0 88px;
	border-radius: 12px;
	background-color: #2c333d;
	box-shadow: 0 0 40px 0 rgba(0,0,0,.06);
	position: relative;
}
.stats-decoration.v2.big {
	height: 213px;
	padding: 46px 0 0;
	text-align: center;
}
.stats-decoration.v2.big .stats-decoration-title {
	font-size: 4rem;
}
.stats-decoration.v2 .stats-decoration-subtitle {
	margin-top: 8px;
	font-size: 1.5rem;
	font-weight: 700;
}
.stats-decoration .stats-decoration-text {
	margin-top: 8px;
	color: #bbbbbb;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
}
.external-link{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 24px;
	right: 28px;
}
.external-link .gameslab-link{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 16px;
	height: 16px;
	color: #4ff461;
}
.external-link p{
	font-size: .9rem;
	font-weight: 700;
}
#friends .user-status .user-status-text.small,
#frontales .user-status .user-status-text.small {
	font-size: 1.2rem;
}
#friends .user-status .user-status-title .bold,
#frontales .user-status .user-status-title .bold {
	color: #fff;
	font-weight: 700;
	font-size: 1em;
}
#friends .user-avatar .image,
#frontales .user-avatar .image{
	border-radius: 50%;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	border: 3px solid #39424e;
}
#friends .user-avatar .image.active,
#frontales .user-avatar .image.active{
	border: 3px solid #2196F3;
}
#friends .user-status,
#frontales .user-status{
	min-height: 60px;
	padding: 5px 0px 5px 60px;
	position: relative;
	border-bottom: 1px solid #323944;
	margin: 10px 0;
	display: block;
}
#friends .user-status .action-request-list,
#frontales .user-status .action-request-list{
	position: absolute;
	top: 2px;
	right: 0;
}
#friends .widget-box-content p,
#frontales .widget-box-content p{
	margin-right: 40px;
}
#friends .action-request,
#frontales .action-request{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid #3f485f;
	border-radius: 10px;
	color: #adafca;
	font-size: 2rem;
	font-weight: 700;
	cursor: pointer;
	transition: border-color .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out;
}
.copyLink{
	color: #bfbfbf !important;
}
#infoBox h3{ text-align: left; margin-top: 10px; }
#infoBox .img-circle{
	width: 135px;
	height: 135px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: auto;
	border: 4px solid #1f2733;
}
#infoBox .img-circle.active{
	border: 4px solid #0B8E36;
}
.widget-box {
	padding: 32px 28px;
	border-radius: 12px;
	background-color: #2c333d;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / 6%);
	position: relative;
}
.grid {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 16px;
    -ms-flex-align: start;
    align-items: start;
}
.grid p{
	color: #ffffff;
}
.grid a{
	color: #217ac3;
	font-weight: 500;
}
.grid.grid-3-6-3>.grid-column:first-child {
	grid-area: sidebar1;
}
.grid-3-6-3>.grid-column:nth-child(2) {
	grid-area: content;
}
.grid-3-6-3>.grid-column:nth-child(3) {
	grid-area: sidebar2;
}
.widget-box .widget-box-settings {
	position: absolute;
	top: 22px;
	right: 19px;
	z-index: 9999;
}
.post-settings {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 30px;
	cursor: pointer;
	font-size: 14px;
	color: #4c5766;
}
.post-settings:hover {
	color: #a3adbb;
}
.widget-box .widget-box-title {
	font-size: 16px;
	font-weight: 600;
	color: #a3adbb;
}
.widget-box .widget-box-content {
	margin-top: 36px;
}
.social-links {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
}
.social-links.align-left {
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.social-links.multiline {
	margin-top: -25px;
}
.social-link.small {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	color: #f2f2f2;
	text-align: center;
	padding: 5px;
	font-size: 16px;
}
.social-links.multiline .social-link {
	margin: 12px 12px 0 0;
}
.social-link.facebook {
	background-color: #3763d2;
}
.social-link.twitter {
	background-color: #000000;
}
.social-link.twitch {
    background-color: #7b5dfa;
}
.social-link.discord {
    background-color: #7289da;
}
.social-link.artstation {
    background-color: #00e194;
}
.social-link.tiktok {
	background-color: #000000;
}
.social-link.youtube {
	background-color: #fd434f;
}
.social-link.instagram {
	background-color: #f8468d;
}
.social-link.telegram {
	background-color: #0088cc;
}
.social-link.whatsapp {
	background-color: #00e194;
}
.social-link.unomas{
	background-color: #005AA4;
}
.information-line {
	display: -ms-flexbox;
	display: flex;
}
.information-line-list .information-line {
	margin-bottom: 14px;
}
.information-line .information-line-title {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 80px;
	color: #9aa4bf;
}
.information-line .information-line-text, .information-line .information-line-title {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4285714286em;
}
.widget-box .widget-box-content .about_us{
	width: 100%;
	border-radius: 5px;
}
.widget-box .widget-box-content .paragraph+.information-line-list {
	margin-top: 24px;
}
.widget-box .widget-box-content p.paragraph{
	font-size: 12px;
	color: #a3adbb;
	text-align: justify;
}
.widget-box .user-avatar-content .image,
.modal .user-avatar-content .image{
	border-radius: 50%;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
}
.widget-box .item-picture-content{
	border-radius: 5px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #232932;
	background-position: center;
}
.widget-box .item-picture-content .image{
	border-radius: 5px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
}
.widget-box .user-avatar .user-avatar-content,
.modal .user-avatar .user-avatar-content{
	border-radius: 50%;
	background-size: cover;
	margin-top: -3px;
}
.modal .user-avatar .user-avatar-content,
.widget-box .user-avatar .user-avatar-content,
.widget-box .item-picture .item-picture-content {
	top: 5px;
	left: 0;
}
.modal .user-status,
.widget-box .user-status,
.widget-box .item-status {
	min-height: 60px;
	padding: 5px 0px 0 60px;
	position: relative;
}
.modal .user-status{
	margin: 10px;
	min-height: 50px;
}
.modal .user-status .user-status-avatar,
.widget-box .user-status .user-status-avatar,
.widget-box .item-status .item-status-picture {
	position: absolute;
	top: 0;
	left: 0;
}
.modal .user-status-text,
.widget-box .user-status-text,
.widget-box .item-status-text{
	font-weight: 700;
	text-transform: uppercase;
	color: #a3adbb;
}
.widget-box .widget-box-title .highlighted {
	color: #5da1d9;
	font-weight: bold;
}
.widget-box .widget-box-content .picture {
	width: 52px;
	height: 52px;
}
.widget-box .widget-box-content .picture.round {
	border-radius: 12px;
}
.widget-box .widget-box-content .picture-item {
	cursor: pointer;
	position: relative;
}
.widget-box .widget-box-content .picture-item-list {
	display: grid;
	-ms-flex-pack: center;
	justify-content: center;
}
.widget-box .widget-box-content .picture-item-list.small {
	grid-template-columns: repeat(auto-fit,52px);
	grid-gap: 6px;
}
.widget-box .widget-box-content .picture-item .picture-item-overlay {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgb(41 132 207 / 75%);
}
.widget-box .widget-box-content .picture-item .picture-item-overlay.round {
	border-radius: 12px;
}
.post-options {
	justify-content: space-between;
	height: 65px;
	padding: 0 28px;
	border-top: 1px solid #37404c;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background-color: #292f38;
	margin-top: 20px;
}
.post-option, .post-options {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.widget-box .widget-box-settings {
	position: absolute;
	top: 22px;
	right: 19px;
	z-index: 9999;
}
.widget-box .widget-box-status {
	padding-top: 24px;
	position: relative;
}
.widget-box .widget-box-status .widget-box-status-content {
	padding: 0 28px;
}
.widget-box .widget-box-status .widget-box-status-title,
.widget-box .widget-box-status .widget-box-status-title a{
	color: #ffffff;
	font-weight: 700;
	margin-top: 10px;
}
.widget-box .widget-box-status .widget-box-status-text {
	font-size: 14px;
	line-height: 1.7142857143em;
	font-weight: 500;
}
.widget-box .video-status {
	display: block;
	border-radius: 12px;
	box-shadow: 3px 5px 40px 0 rgb(0 0 0 / 10%);
}
.widget-box .content-actions .content-action {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.widget-box .meta-line {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: 33.33%;
}
.widget-box .item-status-list p.small{
	color: #7a8491;
	font-size: 11px;
}
.post-option {
	-ms-flex-pack: center;
	justify-content: center;
	width: 160px;
	height: 44px;
	border-radius: 12px;
	cursor: pointer;
	transition: box-shadow .2s ease-in-out,background-color .2s ease-in-out;
}
.post-option .material-icons {
	color: #a3adb3;
}
.post-option .post-option-text {
	color: #a3adb3;
	font-size: 14px;
	font-weight: 700;
	margin-left: 10px;
	transition: color .2s ease-in-out;
}
.post-option.active, .post-option:hover {
	background-color: #2f3640;
	box-shadow: 3px 5px 20px 0 rgb(0 0 0 / 10%);
}
.post-option.active .material-icons, .post-option.active .post-option-text,
.post-option:hover  .material-icons, .post-option:hover .post-option-text {
	color: #4fa8f4;
}
.post-preview-line-list .post-preview-line {
	margin-bottom: 10px;
	border-bottom: 1px solid #404854;
	padding-bottom: 10px;
}
.post-preview-line .post-preview-line-title{
	font-size: 12px;
	line-height: 1.1428571429em;
}
.post-preview-line .post-preview-line-title a {
	color: #f2f2f2;
	font-weight: 500;
}
.post-preview-line .post-preview-line-meta {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 8px;
	position: relative;
}
.post-preview-line .post-preview-line-meta a{
	width: 30px;
}
.post-preview-line .post-preview-line-meta .user-avatar-content .image{
	width: 20px;
	height: 20px;
}
.post-preview-line-author{
	width: 70%;
}
.post-preview-line-author a{
	font-size: 13px;
}
.post-preview-line-timestamp{
	font-size: 12px;
	color: #9aa4bf !important;
	font-weight: 600;
}
.loading{
	width: 50px;
	margin: 100px auto;
	float: none;
	display: block;
}
.modal .user-status .user-status-title{
	font-size: 24px;
}
.modal .user-status .user-status-title a,
.widget-box .user-status .user-status-title a{
	font-weight: 700;
	font-size: 17px;
}
.meta-line-text{
	font-size: 15px;
	color: #ccc !important;
	cursor: pointer;
}
.meta-line-text.center{
	width: 100%;
	text-align: center;
}
.meta-line-text:hover{
	text-decoration: underline;
}
.meta-line-text.right{
	width: 100%;
	text-align: right;
}
.picture-collage{
	margin: 15px 0;
}
.picture-collage .picture-collage-row {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 6px;
}
.picture-collage .picture-collage-row .picture-collage-item {
	width: 172px;
	height: 160px;
	margin-right: 6px;
	position: relative;
	cursor: pointer;
}
.picture-collage .picture-collage-row.medium .picture-collage-item {
	width: 261px;
	height: 240px;
}
.picture-collage .picture-collage-row.full .picture-collage-item {
	width: 100%;
	height: auto;
}
.photo-preview {
	display: block;
	border-radius: 12px;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / 6%);
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.photo-preview img{
	width: 100%;
	height: auto;
}
.picture-collage .picture-collage-row .picture-collage-item .photo-preview {
	width: 100%;
	height: 100%;
}
.photo-preview .photo-preview-image {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.picture-collage .picture-collage-row .picture-collage-item .picture-collage-item-overlay {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	background-color: rgb(64 73 81 / 75%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.picture-collage .picture-collage-row .picture-collage-item .picture-collage-item-overlay .picture-collage-item-overlay-text {
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
}
.quick-post {
	border-radius: 12px;
	background-color: #2c333d;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / 6%);
}
.quick-post .quick-post-header {
	border-bottom: 1px solid #333b46;
}
.option-items {
	display: -ms-flexbox;
	display: flex;
}
.quick-post .quick-post-header .option-items {
	height: 65px;
	background-color: #272d36;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}
.option-items .option-item {
	position: relative;
}
.option-items .option-item .material-icons{
	color: #a3adb3;
	margin-right: 5px;
}
.option-item.active {
	border-bottom: 4px solid #005aa4;
}
.quick-post .quick-post-header .option-items .option-item {
	width: 33.3333333333%;
}
.option-item .option-item-title {
	color: #9aa4bf;
	font-size: 14px;
	font-weight: 700;
}
.option-item.active .option-item-title {
	color: #fff;
}
.option-items .option-item:after {
	content: "";
	width: 1px;
	height: 20px;
	background-color: #333b46;
	position: absolute;
	top: 0;
	right: 0;
}
.quick-post .quick-post-header .option-items .option-item:after {
	top: 22px;
}
.option-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}
.form-textarea {
	position: relative;
}
.quick-post .quick-post-body .form-textarea {
	background-color: #282f38;
}
.quick-post .quick-post-footer {
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 76px;
	padding: 0 28px;
	border-top: 1px solid #2f3749;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.quick-post .quick-post-footer, .quick-post .quick-post-footer .quick-post-footer-actions {
	align-items: center;
}
.quick-post .quick-post-footer .quick-post-footer-action {
	cursor: pointer;
}
.xm-tooltip-text {
	padding: 0 12px;
	border-radius: 200px;
	background-color: #293249;
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	line-height: 24px;
}
#newsfeed .widget-box{
	margin-bottom: 16px;
}
.quick-post .quick-post-body .form-textarea textarea {
	background-color: #282f38;
	border-radius: 0;
	border: none;
	font-size: 14px;
	padding: 25px;
	color: #f2f2f2;
	resize: none;
	min-height: 100px;
	margin-bottom: 30px;
	transition: min-height .2s ease-in-out;
}
.quick-post:hover .quick-post-body .form-textarea textarea {
	min-height: 150px;
}
.quick-post .quick-post-body .form-textarea textarea::placeholder {
	color: #788187;  
}
.form-textarea .form-textarea-limit-text {
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 500;
	opacity: .6;
	text-align: right;
	width: 100px;
	float: right;
	position: absolute;
	right: 0;
	bottom: 0;
}
.quick-post-footer-actions button{
	background: #005aa4;
	color: #fff;
	padding: 10px;
	font-size: 16px;
	border: none;
	border-radius: 12px;
	width: 100%;
	display: block;
	margin-top: 15px;
}
.quick-post-footer-actions button:hover{
	background: #0263b3;
}
.quick-post-footer-actions button.disabled{
	background: #1e5583;
	opacity: 0.8;
}
.blue_circle{
	background: #005aa4;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 12px;
	padding: 1px;
	display: inline-block;
	text-align: center;
}
#likes_wrapper, #comments_wrapper, #shares_wrapper{
	height: 400px;
	padding: 0;
}
#comments_wrapper{
	border-bottom: 1px solid #2f3844;
}
#commentsListBox .modal-body{
	padding: 0;
}
#commentsListBox input[type=text] {
	color: #fff;
	padding: 8px;
	font-weight: 500;
	font-size: 1.2em !important;
	width: 500px;
	border: none !important;
	transition: none;
	background: transparent;
	font-family: sans-serif;
}
#commentsListBox input:focus {
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	border: transparent;
}
#commentsListBox input::placeholder{
	color: #4f5968 !important;
}
#commentsListBox .user-status .comment{
	background-color: #252c36;
	padding: 10px;
	border-radius: 12px;
}
#commentsListBox .user-status .comment p{
	color: #b5b5b5;
}
#commentsListBox .user-status .comment .user-status-title{
	margin-top: -10px;
}
#commentsListBox .user-status{
	padding: 0px 0px 0 60px;
}
#commentsListBox .meta-comment{
	display: flex;
	padding: 5px 10px;
}
#commentsListBox .meta-comment-item{
	display: flex;
	width: 100%;
	color: #7f8997;
	font-weight: 600;
}
#commentsListBox a.meta-comment-item:hover{
	color: #9ca7b7;
}
#commentsListBox .meta-comment-item.right{
	text-align: right;
}
#commentsListBox .meta-comment-item .count{
	width: 100%;
}
#commentsListBox .meta-comment-item .fa{
	padding: 2px;
	margin-left: 5px;
}
#commentsListBox .comment-widget-form{
	padding: 20px 15px 25px 15px;
	background-color: #262c34;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / 10%);
	transition: opacity .4s ease-in-out,visibility .4s ease-in-out,bottom .4s ease-in-out;
}
#shares_wrapper .shared-text{
	background-color: #242b34;
	padding: 10px;
	border-radius: 12px;
	color: #ccc;
}
#shares_wrapper .user-status{
	border-bottom: 1px solid #242b34;
	padding-bottom: 10px;
	min-height: 65px;
}
#send_comment_btn:hover{
	color: #5b6778;
}
#shareBox textarea{
	resize: none;
	background-color: #222830;
	padding: 10px;
	border-radius: 5px;
	border-bottom: 1px solid #1a1f26;
	box-shadow: inset #191e24 0px 0px 10px;
}
#shareBox textarea::placeholder{
	color:#aaa;
}
.shared-box-status-content{
	background: #343c46;
	padding: 10px;
	margin: 5px 20px -18px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border: 1px solid #3c4450;
}
.attach-items{
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	text-align: center;
	vertical-align: middle;
}
.attach-item{
	color: #545a5e !important;
	padding: 0 5px;
}
.attach-item:hover{
	color: #a3adb3 !important;
}
.quick-post .tab-content{
	display: none;
}
.quick-post .tab-content.active{
	display: block;
}
#newsfeed .widget-box .quote-box{
	padding: 26px 28px;
	border-radius: 12px;
	background-color: #353b43;
	box-shadow: 3px 5px 20px 0 rgb(0 0 0 / 10%);
	position: relative;
	border: 0;
	min-height: 200px;
	display: flex;
    align-items: center;
    justify-content: center;
}
#newsfeed .widget-box .quote-box::before{
	content: "";
}
#newsfeed .widget-box .quote-box .quote-box-text {
	font-size: 22px;
	line-height: 1.7142857143em;
	font-weight: 500;
	font-family: 'Open Sans';
	text-align: center;
}
#newsfeed .widget-box a.location{
	position: relative;
	width: 100%;
	height: 528px;
	display: block;
}
#newsfeed .widget-box a.location img{
	border-radius: 12px;
}
#newsfeed .widget-box a.location .fa-map-marker{
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	font-size: 24px;
	margin: 0;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#newsfeed .bx-wrapper{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 0;
	box-shadow: none;
}
#newsfeed .bx-controls{
	position: absolute;
	width: 100%;
	bottom: 30px;
}
#newsfeed .discount_wrapper{
	width: 100%;
	padding: 5px;
	background: #ff3300;
	color: #ffffff;
}
#newsfeed .discount_wrapper .descuento{
	margin-left: 10px;
}
#newsfeed .discount_wrapper .puntos{
	float: right;
	margin-right: 10px;
}
#newsfeed .total_wrapper{
	width: 100%;
	padding: 10px;
	background: #ffffff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
#newsfeed .total_wrapper .total{
	margin-left: 10px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
#newsfeed .expire{
	float: right;
	margin-right: 10px;
	color: #666;
	font-size: 12px;
}
#newsfeed button{
	width: 100%;
	margin: 10px 0;
	background: #ebebeb;
	border: none;
	color: #005aa4;
	padding: 10px;
	border-radius: 12px;
	font-weight: 700;
	font-size: 16px;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
}
#newsfeed button:hover{
	background-color: #ebebeb;
	box-shadow: 0 0 3px #b5b5b5;
	color: #257ac1;
}
#newsfeed .simple-dropdown {
	width: 140px;
	padding: 10px 0;
	background-color: #343c46;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / 12%);
	position: absolute; 
	z-index: 9999; 
	top: 30px; 
	right: 9px; 
	opacity: 0; 
	visibility: hidden; 
	transform: translate(0px, -20px); 
	transition: transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
	border-radius: 12px;
}
#newsfeed .simple-dropdown .simple-dropdown-link {
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: color .2s ease-in-out,padding-left .2s ease-in-out;
	color: #ccc;
	display: block;
}
#newsfeed .simple-dropdown .simple-dropdown-link:hover {
	color: #e32f2f;
}
.quick-post-body input[type="file"]{
	display: none;
}
#newsfeed .show_more{
	cursor: pointer;
	color: #217ac3;
}
#newsfeed .show_more:hover{
	text-decoration: underline;
}
#images-attached, #audio-attached, #video-attached, #location-attached{
	display: none;
}
#add-image{
	width: 100px;
    height: 100px;
    background: #333b47;
    color: #4e5867;
    float: left;
    font-size: 40px;
    text-align: center;
    padding: 20px;
    cursor: pointer;
	display: none;
}
#add-image:hover{
    background: #3b4453;
    color: #596373;
}
#location-attached{
	position: relative;
}
#location-attached .fa-map-marker{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 24px;
	color: #217ac3;
	text-align: center;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#images-attached .image-item{
	width: 100px;
	height: 100px;
	display: flex;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
#images-attached .image-item .remove{
	color: rgba(255,255,255,0.5);
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px 5px;
    border-radius: 5px;
}
#images-attached .image-item:hover .remove{
	color: #f2f2f2;
	background: rgba(0, 0, 0, 0.5);
}
#mapa3{
	height: 300px;
}
#color_wrapper{
	width: 150px;
	position: absolute;
	display: none;
	bottom: 30px;
	border-radius: 5px;
	overflow: hidden;
}
#color_wrapper .box{
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
}
#articles_wrapper{
	display: grid;
}
#articles_wrapper .article-item{
	background: #303742;
	cursor: pointer;
}
#articles_wrapper .article-item:hover{
	background: #373e4a;
}
#articles_wrapper .article-item .image{
	width: 100px;
	height: 100px;
	background-size: cover;
	background-color: #292f38;
	float: left;
	border-radius: 5px;
	margin: 5px;
}
#articles_wrapper .article-item .info{
	float: left;
	width: 470px;
}
#articles_wrapper .article-item .info h1{
	font-size: 20px;
	font-weight: 600;
	margin: 5px;
}
#articles_wrapper .article-item .info p{
	text-align: justify;
	margin: 5px;
	font-size: 12px;
	color: #f2f2f2;
}
#articles_wrapper h2{
	margin: 10px 0 5px;
}
#articles_wrapper h2 a{
	font-weight: 600;
	color: #ffffff;
}
#articles_wrapper .picture-collage{
	margin: 10px 0 0;
}
#articles_wrapper .picture-collage .picture-collage-row{
	margin: 0;
}
#articles_wrapper .picture-collage .picture-collage-row .picture-collage-item{
	margin: unset;
}
#articles_wrapper .picture-collage .picture-collage-row .picture-collage-item img{
	width: 100%;
	float: none;
}
#promo-form,
#live-form{
	padding: 10px;
	position: relative;
}
#promo-form #addItemBtn{
	position: absolute;
	right: 25px;
	top: 122px;
}
#promo-form .promo-items{
	width: 100%;
	height: 300px;
	background: #fff;
	border-radius: 5px;
}
#promo-form .subtotal-wrapper{
	color: #f2f2f2;
	clear: both;
	font-size: 16px;
	margin: 5px 0;
}
#promo-form .subtotal-wrapper .subitem{
	display: inline-block;
	float: left;
}
#promo-form .subtotal-wrapper .subval{
	display: inline-block;
	float: right;
}
#promo-form .subtotal-wrapper label{
	width: 100%;
}
#promo-form .date-wrapper{
	margin-top: 20px;
}
#promo-form .sub-item{
	width: 500px;
	float: left;
}
#items_wrapper .product-item{
	margin-bottom: 10px;
	display: block;
	padding: 5px;
	border-radius: 5px;
	background-color: #313944;
}
#items_wrapper .product-item:hover{
	background: #333c48;
}
#items_wrapper .product-item .image{
	width: 60px;
	height: 60px;
	background-size: cover;
	background-color: #232932;
	border-radius: 5px;
	float: left;
}
#items_wrapper .info{
	width: 480px;
	display: inline-block;
	height: 50px;
	margin: 5px;
}
#items_wrapper .info h1{
	font-size: 22px;
	font-weight: 700;
	margin: 0;
}
.promo-items .product-item{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	height: 70px;
}
.promo-items .product-item .image{
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background-size: cover;
	background-color: #f2f2f2;
	float: left;
}
.promo-items .product-item .info{
	float: left;
	width: 490px;
	height: 50px;
	padding: 5px;
}
.promo-items .product-item .info h1{
	color: #111;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}
.promo-items .product-item .info .cantidad{
	color: #666;
	font-weight: 600;
}
.promo-items .product-item .info .precio{
	float: right;
	color: #666;
	font-weight: 600;
}
.information-block .information-block-title {
    font-size: 1.3rem;
    font-weight: 700;
}
.information-block .information-block-text {
    margin-top: 10px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    margin-bottom: 10px;
}
.timeline-information-list .timeline-information {
    padding-bottom: 24px;
}
.timeline-information {
    padding-left: 28px;
    position: relative;
}
.timeline-information:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #2f3749;
    position: absolute;
    top: 0;
    left: 6px;
}
.timeline-information .timeline-information-title {
    font-size: 1.3rem;
    font-weight: 700;
}
.timeline-information .timeline-information-date {
    margin-top: 6px;
    color: #9aa4bf;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}
.timeline-information .timeline-information-text {
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
}
.timeline-information:after {
    content: "";
    width: 13px;
    height: 13px;
    border: 4px solid #337ab7;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0;
}
.quote blockquote{
	box-shadow: none;
    background: transparent;
    font-size: 1.5rem;
    color: #ccc;
    border: none;
    margin-left: -25px;
    font-family: 'Open Sans';
}
.quote blockquote::before{
	font-size: 52px;
}
.section-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.section-header-info .section-title {
    margin-top: 8px;
    font-size: 1.625rem;
    font-weight: 700;
}
.section-header-info .section-title .highlighted {
    color: #4ff461;
}
.section-filters-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 96px;
    padding: 0 28px;
    border-radius: 12px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.06);
    background-color: #2c333d;
}
.grid.grid-3-6-3 {
    grid-template-areas: "sidebar1 content sidebar2";
    grid-template-columns: 23.9864864865% 49.3243243243% 23.9864864865%;
}
.grid.grid-3-3-3, .grid.grid-3-3-3-3 {
    grid-template-columns: repeat(auto-fit,284px);
}
.grid.centered {
    -ms-flex-pack: center;
    justify-content: center;
}
.section-pager-bar {
    width: 477px;
    height: 60px;
    margin: 32px auto 0;
    border-radius: 12px;
    background-color: #2c333d;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.06);
    position: relative;
    overflow: hidden;
}
.section-filters-bar .section-filters-bar-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.section-filters-bar .form-input.with-button {
    width: 240px;
	margin-top: 22px;
    margin-bottom: 4px;
}
.section .form-input {
    position: relative;
}
.section .form-input.small label {
    top: 16px;
}
.section .form-input label {
    color: #9aa4bf;
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    top: 20px;
    left: 20px;
    transition: all .3s ease-in-out;
    pointer-events: none;
}
.section .form-input label.active {
    background-color: #2c333d;
    padding: 0 6px;
    font-size: .75rem;
    top: -6px;
    left: 12px;
}
.section-filters-bar .form-input.with-button input {
    padding-right: 82px;
	width: 84%;
}
.section-filters-bar .form-input.small input {
    height: 48px !important;
}
.section-filters-bar input[type=text] {
    height: 54px !important;
    padding: 0 18px !important;
}
.section-filters-bar input[type=text], 
.section-filters-bar select, 
.section-filters-bar textarea {
	background-color: #2c333d !important;
    border: 1px solid #4d5462 !important;
    color: #fff !important;
    transition: border-color .2s ease-in-out !important;
}
.section-filters-bar button, .section-filters-bar input[type=text], .section-filters-bar select, .section-filters-bar textarea {
    width: 100%;
    border-radius: 12px !important;
    font-size: 1rem;
    font-weight: 700 !important;
}
.section input[type=text]:focus, .section select:focus, .section textarea:focus {
	border: 1px solid #005AA4 !important;
    -webkit-box-shadow: 0 1px 0 0 #005AA4 !important;
    box-shadow: 0 1px 0 0 #005AA4 !important;
}
.section .form-input.small button {
    width: 64px;
	min-width: 64px;
    position: absolute;
    top: 0;
    right: 0;
}
.section-filters-bar .button {
    width: 180px;
}
.section .button.primary {
    background-color: #40d04f;
    box-shadow: 4px 7px 12px 0 rgba(64,208,79,.2);
}
.section .button {
    display: inline-block;
    height: 50px;
	border: none;
    border-radius: 10px;
	font-size: 1.5rem;
    background-color: #414851;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    transition: background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    box-shadow: 3px 5px 10px 0 rgba(0,0,0,.2);
}
.section-filters-bar .section-filters-bar-actions .form+.filter-tabs {
    margin-left: 80px;
}
.section-filters-bar .filter-tabs {
    height: 96px;
}
.section-filters-bar.v1 .form .form-select, .section-filters-bar.v3 .form, .section-filters-bar.v5 .section-filters-bar-actions:first-child .form {
    display: none;
}
.form-select {
    width: 100%;
    height: 48px;
    position: relative;
}
.filter-tabs {
    display: -ms-flexbox;
    display: flex;
}
.filter-tab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px;
    height: 100%;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    position: relative;
    transition: border-color .2s ease-in-out;
}
.filter-tab.active {
    border-bottom-color: #4ff461;
}
.filter-tabs .filter-tab:before, .filter-tabs .filter-tab:last-child:after {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #404956;
    position: absolute;
    top: 38px;
	right: 0;
}
.filter-tabs .filter-tab:before {
    left: 0;
}
.filter-tab.active .filter-tab-text {
    color: #fff;
}
.filter-tab .filter-tab-text {
    padding: 4px 0;
    color: #9aa4bf;
    font-size: 1.4rem;
    font-weight: 700;
    transition: color .2s ease-in-out;
}
.section-pager-bar .section-pager-controls .slider-control.left {
    left: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.section-pager-bar .section-pager-controls .slider-control.right {
    right: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.section-pager-bar .section-pager-controls .slider-control {
    width: 60px;
    height: 60px;
    background-color: #2c333d;
	color: #404956;
    position: absolute;
    top: 0;
    z-index: 2;
}
.slider-control:hover{
    color: #fff !important;
    opacity: 1;
}
.slider-control.disabled, .slider-control[aria-disabled=true] {
    opacity: .5;
}
.slider-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.section-pager .section-pager-item {
    padding: 0 8px;
    cursor: pointer;
    position: relative;
}
.section-pager .section-pager-item:before {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #404956;
    position: absolute;
    top: 12px;
    left: 0;
}
.section-pager .section-pager-item:last-child:after {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #404956;
    position: absolute;
    top: 12px;
    right: 0;
}
.section-pager .section-pager-item.active .section-pager-item-text, .section-pager .section-pager-item:hover .section-pager-item-text {
    background-color: #353b43;
    color: #4ff461;
    box-shadow: 3px 5px 20px 0 rgba(0,0,0,.12);
}
.section-pager .section-pager-item .section-pager-item-text {
    background-color: #2c333d;
	color: #f2f2f2;
    padding: 16px;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 700;
    transition: color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
}
.user-preview {
    border-radius: 12px;
    background-color: #2c333d;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.06);
}
.user-preview .user-preview-info {
    padding: 0 28px 32px;
    position: relative;
}
.user-preview .user-preview-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 65px;
    border-top: 1px solid #2f3749;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #353b43;
}
.user-preview .user-preview-cover {
    height: 96px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.user-preview.small .user-preview-cover {
    height: 70px;
}
.user-short-description.small {
    padding-top: 62px;
}
.user-preview .user-preview-info {
    padding: 0 28px 32px;
    position: relative;
}
.user-preview .user-preview-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 65px;
    border-top: 1px solid #2f3749;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #353b43;
}
.social-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.section-pager {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.section-pager-bar .section-pager {
    height: 100%;
    position: absolute;
    top: 0;
    left: 60px;
    z-index: 1;
}
#section-wrapper .user-short-description .user-short-description-text, 
#section-wrapper .user-short-description .user-short-description-title {
    font-weight: 700;
    text-align: center;
}
#section-wrapper .user-short-description.small .user-short-description-avatar {
    margin-left: -50px;
}
#section-wrapper .user-status-avatar{
	text-align: center;
}
#section-wrapper .user-short-description .user-short-description-avatar {
    position: absolute;
    top: -54px;
    left: 50%;
    margin-left: -60px;
}
#section-wrapper .user-preview .user-preview-footer .user-preview-footer-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border-right: 1px solid #2f3749;
}
#section-wrapper .user-short-description{
	padding: 0;
	margin-top: -45px;
}
#section-wrapper .user-avatar {
    display: block;
    position: relative;
}
#section-wrapper .user-avatar .image{
	width: 90px;
    height: 90px;
    background-size: cover;
    border-radius: 50%;
    margin: auto;
    border: 5px solid #2c333d;
}
#section-wrapper .user-short-description .user-short-description-title a {
    color: #fff;
    font-weight: 700;
}
#section-wrapper .user-short-description .user-short-description-text {
    margin-top: 10px;
    color: #9aa4bf;
    font-size: .6875rem;
    font-weight: 700;
    text-transform: uppercase;
}
#section-wrapper .user-short-description .user-short-description-text a {
    color: #9aa4bf;
    font-weight: 700;
}
#section-wrapper .user-short-description-text{
	width: 100%;
}
#section-wrapper .badge-list {
    display: grid;
    -ms-flex-pack: center;
    justify-content: center;
    grid-template-columns: repeat(auto-fit,32px);
    grid-gap: 14px;
}
#section-wrapper .badge-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 35px;
    position: relative;
}
#section-wrapper .social-links.small .social-link {
    margin-right: 8px;
}
@media (min-width: 1025px) {
	.profile-header.v2 .profile-header-info .user-short-description {
		padding: 50px 0 0 140px;
	}
}
@media (max-width: 1024px) {
	.profile-header .profile-header-info .user-stats {
		right: 0px;
	}
	.user-short-description-title{
		font-size: 27px;
	}
	.user-short-description-text{
		font-weight: 400;
	}
	.user-stat.big {
		padding: 0 20px;
	}
	.user-stat .user-stat-text, .user-stat .user-stat-title {
		font-size: 26px;
	}
	.profile-header.v2 .profile-header-info .user-short-description {
		min-height: 164px;
		padding: 40px 0 0 112px;
		left: 10px;
	}
	.user-stat .user-stat-text {
		margin-top: 10px;
		font-size: 12px;
	}
	.user-stats .user-stat:after {
		height: 53px;
	}
	.hexagon-image-124{
		width: 100px;
		height: 100px;
	}
}
@media (max-width: 768px) {
	.page-content {
		padding-top: 20px;
	}
	.profile-header .profile-header-cover {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.user-short-description-text{
		font-size: 13px;
	}
	.profile-header {
		border-radius: 5px;
	}
	.user-stats{
		display: none;
	}
	.profile-header.v2 .profile-header-info .user-short-description {
		min-height: 164px;
		padding: 40px 0 0 90px;
		left: 10px;
	}
	.user-avatar.no-stats.big .user-avatar-content {
		left: 0px;
	}
	.user-short-description-title {
		font-size: 20px;
	}
	.hexagon-image-124{
		width: 90px;
		height: 90px;
	}
	.post-option .post-option-text{
		display: none;
	}
	.post-option{
		width: auto;
	}
	.quick-post {
		margin: 0 10px;
	}
}

@media (max-width: 400px){
	.content-grid{
		padding-top: 0;
	}
	.grid.grid-3-6-3{
		grid-template-columns: auto;
		grid-template-areas: none;
	}
	.grid.grid-4-4-4{
		grid-template-columns: auto !important;
		grid-template-areas: none;
		margin-top: 20px !important;
	}
	.content-grid .grid {
		margin-top: 0;
	}
	.grid .grid-column{
		grid-area: auto !important;
	}
	.progress-arc-porcent-text{
		margin-left: -32px;
		top: 65px;
		font-size: 2.5rem;
	}
	.progress-arc-summary{
		min-height: 170px;
	}
	.widget-box,
	.profile-header{
		margin: 0 10px;
	}
	.profile-header{
		margin-bottom: 20px;
	}
	.profile-stats{
		margin: 0 10px 0;
	}
	.profile-header.v1 .profile-header-info{
		height: 260px;
	}
	.profile-header.v2 .profile-header-info{
		height: 70px;
	}
	.profile-header.v2 .profile-header-info .user-short-description {
		min-height: 105px;
	}
	.profile-header .profile-header-info .info-left{
		top: 123px;
		left: 0;
		width: 50%;
	}
	.profile-header .profile-header-info .info-right{
		top: 123px;
		right: 0;
		width: 50%;
	}
	.hexagon-image-124{
		border: 6px solid #2c333d;
	}
	.user-stat.big{
		padding: 0 20px;
	}
	.info-status{
		position: absolute;
		top: 183px;
		margin: 10px;
		width: 94%;
	}
	.info-status .button{
		min-width: 49%;
	}
	.profile-header-info-action.button.danger{
		min-width: 45%;
		margin-left: 10px;
	}
	.profile-header-info-action.button.default{
		float: right;
		min-width: 45%;
		margin-right: 10px;
	}
	.stats-decoration.v2.big{
		margin: 0 10px;
	}
}