/** BASIC **/

body {
	font-family: 'PT Sans', sans-serif;
	color: #7c7f8b;
	font-size: 13px;
	background: #040407;
	overflow-x: hidden;
}

input, select, button, textarea, option {
    font-family: 'PT Sans', sans-serif !important;
}

a {
	font-weight: 400;
	color: #7c7f8b;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	outline: 0;
}

a:hover {
	color: #fff
}

h1,
h2,
h3 {
	margin: 0;
	padding: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0
}

main {
	margin-top: 30px;
}

::-webkit-scrollbar-track {
	background-color: #0d0e11;
	border-radius: 3px;
}

::-webkit-scrollbar {
	width: 4px;
	background-color: #0d0e11;
	border-radius: 3px;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(to bottom, rgb(59,183,86) 0%, rgb(111,195,64) 100%);
	border-radius: 3px;
}

body::-webkit-scrollbar {
	width: 9px
}


/** LAYOUT **/

.wrapper {
	max-width: 1491px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 25px;
	margin: 0px auto;
}

.wrapper img:not(.not-height-auto) {
	max-width: 100%;
	height: auto;
}

.home-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.home-container__main {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.home-container__sidebar {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 320px;
	flex: 0 1 320px;
	margin-left: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-width: 320px;
}


/** HEADER-SITE **/

.header-site {
	position: relative;
	background: rgba(15, 16, 20, 0.2);
	border-bottom: 1px solid #17181e;
}

.header-site:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -10;
	background: url(../../../images/gta4you/header-bg.png) top center no-repeat;
	height: 800px;
	content: '';
}

.header-site--no-bg:before {
	height: 149px;
}

.header-site__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.header-site__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	height: 148px;
	flex: 0 1 auto;
	max-width: 200px;
	margin-right: 6%;
}

.header-site__logo-img {
	-webkit-transition: 0.6s ease-in-out opacity;
	-o-transition: 0.6s ease-in-out opacity;
	transition: 0.6s ease-in-out opacity;
	width: auto;
	max-width: 100%;
}

.header-site__logo-img:hover {
	opacity: 0.6
}

.header-site__search {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 148px;
	margin-right: auto;
}

.header-site__search-form {
    border: 1px solid #17181e;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0;
}

.header-site__search-input[type=text] {
	margin: 0;
	border: 0;
	padding: 0 23px;
	max-width: 169px;
	height: 53px;
	font-size: 13px;
	background: none;
}

.header-site__search-button {
    padding: 0;
    width: 53px;
    height: 54px;
    color: #767984;
    border-left: 1px solid #17181e;
    border-radius: 5px;
    transition: 0.3s ease-in-out background;
    box-shadow: none;
}

.header-site__search-button:hover {
    background: #17181e;
    border-color: #17181e;
    opacity: 1;
}

/** SITE-MENU **/

.site-menu {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 148px;
	margin-right: auto;
	flex: 0 0 auto;
}

.site-menu__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	flex: 0 1 auto;
	margin-right: 35px;
	position: relative;
}

.site-menu__item:last-child {
	margin-right: unset;
}

.site-menu__title {
	font-weight: bold;
	display: block;
}

.site-menu__link {
	display: block;
	-webkit-transition: 0.4s ease-in-out all;
	-o-transition: 0.4s ease-in-out all;
	transition: 0.4s ease-in-out all;
	color: #7c7f8b;
	font-size: 14px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	padding: 0 20px;
	flex: 1;
}

.site-menu__link:hover {
    color: #fff;
}

.site-menu__link:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(to right, rgb(59,183,86) 0%, rgb(111,195,64) 100%);
	box-shadow: 0px 10px 40px 0px rgba(111, 195, 64, 1);
	z-index: -1;
	transform: scaleX(0);
	transform-origin: top center;
	-webkit-transition: 0.3s ease-in-out all;
	-o-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}

.site-menu__item--active .site-menu__link,
.site-menu__item--dropdown:hover .site-menu__link {
	color: #fff;
}

.site-menu__item--active .site-menu__link:before,
.site-menu__link:hover:before,
.site-menu__item--dropdown:hover .site-menu__link:before {
	transform: scaleX(1);
}

.site-menu:hover .site-menu__item--active .site-menu__link:not(:hover) {
	color: #7c7f8b;
}

.site-menu:hover .site-menu__item--active .site-menu__link:not(:hover):before {
	transform: scaleX(0);
}

.site-menu:hover .site-menu__item--active .site-menu__title {
	text-shadow: none;
}

.site-menu__icon {
	display: block;
	font-size: 20px;
	margin-bottom: 17px;
}

.site-menu__dropdown-icon {
    position: absolute;
    bottom: 20px;
    font-size: 15px;
}

.drop-menu {
	top: 148px;
	left: -50px;
	right: -50px;
	position: absolute;
	background: #17181e;
	margin: 0;
	padding: 5px 15px;
	list-style: none;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	box-sizing: border-box;
	transform: scaleY(0);    
	transform-origin: top;
	transition: 0.3s ease-in-out transform;
	z-index: 99;
}

.site-menu__item--dropdown:hover .drop-menu {
    transform: scaleY(1);
}

.drop-menu__link {
	padding: 10px 0;
	display: block;
}

.drop-menu__item:not(:last-child) .drop-menu__link {
	border-bottom: 1px solid rgba(90, 93, 106, 0.33);
}

/** USERBAR **/

.userbar {
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 148px;
}

.userbar .dropdown {
	top: 46px;
	right: -3px;
}

.userbar__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.userbar__item,
.imp-menu__item {
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.userbar__item--ddm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.userbar__link,
.imp-menu__link {
	color: #7c7f8b;
	-webkit-transition: 0.5s ease-in-out color;
	-o-transition: 0.5s ease-in-out color;
	transition: 0.5s ease-in-out color;
	display: inline-block;
}

.userbar__link--username {
	margin-left: 15px;
}

.userbar__link b {
	font-weight: 500;
}

.login-link {
	position: relative;
	font-weight: bold;
	color: #fff;
}

.login-link:before {
    content: '';
    width: 16px;
    height: 20px;
    background: url(../../../images/gta4you/icons-pack.png) no-repeat;
    background-position: -8px -7px;
    margin-right: 14px;
    filter: drop-shadow(0 0 18px #40b854);
}

.login-link span {
	line-height: 1;	
}

.login-link i {
	line-height: 0.8;	
}

.imp-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 40px;
}

.imp-menu__item {
	margin-left: 35px;
	padding: 0;
}

.imp-menu__item:first-child {
    margin-left: unset;
}

.imp-menu__link {
	padding-top: 0;
	display: block;
}

.imp-menu__link--pms {
	position: relative
}

.imp-menu__link:hover,
.userbar__link--username:hover {
	color: #56bd4b;
}

.userbar__link--username {
	font-weight: bold;
	font-size: 14px;
    color: #fff;
}

.userbar__avatar {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-webkit-transition: 0.3s ease-in-out opacity;
	-o-transition: 0.3s ease-in-out opacity;
	transition: 0.3s ease-in-out opacity;
}

.userbar__avatar:hover {
	opacity: 0.7;
}

.pms-value {
	position: absolute;
	bottom: -25px;
	left: 50%;
	background: #f73e3e;
	color: #fff;
	display: block;
	height: 13px;
	padding: 1px 4px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	border-radius: 4px;
	transform: translateX(-50%);
}

.pms-value.value-0 {
	display: none
}

.pms-value:before {
	font-family: Font Awesome\ 5 Free;
	display: inline-block;
	content: '\f0d8';
	position: absolute;
	color: #f73e3e;
	top: -7px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.pms-value.value-0 {
	display: none
}


/** BUTTONS AND FORM **/

input[type=text],
input[type=password],
input[type=email],
textarea,
select {
	background: rgba(0,0,0,0.2);
	border: 1px solid rgba(57, 75, 101, 0.2);
	margin: 5px;
	outline: 0;
	color: #7c7f8b;
	border-radius: 3px;
	padding: 10px 15px;
	-webkit-transition: 0.3s ease-in-out opacity;
	-o-transition: 0.3s ease-in-out opacity;
	transition: 0.3s ease-in-out opacity;
	width: auto;
	height: auto;
	padding: 7px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
}

option {
    background: #0d0e11;
}

button,
input[type=submit],
input[type=button] {
	text-shadow: 0px 1px 1px rgba(5, 6, 6, 0.3);
	background: linear-gradient( 120deg, rgb(59,183,86) 0%, rgb(111,195,64) 100%);
	box-shadow: 0px 10px 40px 0px rgba(111, 195, 64, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.32);
	font-weight: bold;
	outline: 0;
	border: 0;
	color: #fff;
	border-radius: 3px;
	-webkit-transition: 0.3s ease-in-out opacity;
	-o-transition: 0.3s ease-in-out opacity;
	transition: 0.3s ease-in-out opacity;
	width: auto;
	height: auto;
	padding: 10px 18px;
}

button:hover,
input[type=submit]:hover,
input[type=button]:hover {
	opacity: 0.7;
}

.button-transparent {
	background: none;
	margin: 0 !important;
}

.button {
	-webkit-transition: 0.3s ease-in-out opacity;
	-o-transition: 0.3s ease-in-out opacity;
	transition: 0.3s ease-in-out opacity;
	background: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	position: relative;
	font-weight: bold;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #17181e;
	border-radius: 8px;
	padding: 15px 30px;
	background: linear-gradient(to right, rgba(23, 24, 30, 0.37) 40%, rgba(255, 255, 255, 0) 100%);
	line-height: 1;
}

.button:hover {
	opacity: 0.8;
}

.button--icon {
	width: 40px;
	height: 40px;
	padding-top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.button--small {
	font-size: 14px;
	min-width: auto;
	padding: 16px 21px;
	height: auto;
}

.button--green {
    text-shadow: 0px 1px 1px rgba(5, 6, 6, 0.3);
    background: linear-gradient( 120deg, rgb(59,183,86) 0%, rgb(111,195,64) 100%);
    box-shadow: 0px 10px 40px 0px rgba(111, 195, 64, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.42);
    border: 0;
}

.button--big {
	min-width: 179px;
	min-height: 55px;
	max-width: 100%;
}

input[type=radio] {
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px
}

label {
	cursor: pointer
}

input {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.input-line:not(:first-child) {
	margin-top: 10px
}


/** FEED **/

.ann-slider {
	color: #fff;
	height: 574px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ann-slider__container {
    margin-top: auto;	
}

.ann-slider__dots {
	position: relative;
	margin-top: auto;
}

.ann-slider__title {
	font-size: 40px;
	font-weight: bold;
	max-width: 700px;
	line-height: 1.2;
}

.ann-slider__description {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: auto;
	margin-top: 30px;
	max-width: 700px;
	line-height: 1.7;
}

.ann-slider__bottom {
	margin-top: 25px;
}

.ann-slider__item {
	outline: 0;
}

.ann-slider__item-container {
	position: relative;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 375px;
	width: 100%;
}

.ann-slider__dots ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.ann-slider__dots li {
    flex: 1 0 auto;
    display: flex;
    padding: 0 1%;
}

.ann-slider__dots li:first-child {
    padding-left: 0;
}

.ann-slider__dots li:last-child {
    padding-right: 0;
}

.ann-slider__dots button {
    font-size: 0;
    background: #17181e;
    box-sizing: border-box;
    height: 4px;
    flex: 1;
    padding: 0;
    outline: 0;
    border: 0;
    border-radius: 3px;
    position: relative;
    box-shadow: none;
}

.ann-slider__dots button:before {
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	border-radius: 3px;
	transform: scaleX(0);
    transform-origin: top right;
	background: linear-gradient( to right, rgb(59,183,86) 0%, rgb(111,195,64) 100%);
	transition: 0.3s ease-in-out transform;
}

.ann-slider__dots .slick-active button:before {
    transform: scaleX(1);
    transform-origin: top left;
}

.ann-slider .slick-slide>div {
	padding: 20px 0;
}


/** NAVIGATION **/

.nav {
	font-size: 12px;
	margin-top: 35px;
}

.nav__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.nav__user-links {
	margin: 0;
	padding: 0;
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	list-style: none;
	margin-bottom: 25px;
}

.nav__user-link {
	margin-left: 15px;
}

.nav__user-link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	-webkit-transition: .3s ease-in-out opacity;
	-o-transition: .3s ease-in-out opacity;
	transition: .3s ease-in-out opacity;
}

.nav__user-link a:before {
	content: '';
	height: 16px;
	width: 14px;
	background: url(../../../images/gta4you/icons-pack.png) no-repeat;
	background-position: -46px -5px;
	margin-right: 10px;
}

.nav__user-link i {
	display: none;
}

.nav__user-link a:hover {
	opacity: 0.7;
}

.nav__site-ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.nav__item {
	color: #fff;
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s ease-in-out opacity;
	-o-transition: .3s ease-in-out opacity;
	transition: .3s ease-in-out opacity;
	margin-right: 13px;
	font-size: 14px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	max-width: 160px;
	white-space: nowrap;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding-left: 18px;
	text-align: left;
	font-weight: bold;
}

.nav__item:first-child {
	-webkit-transition: .3s ease-in-out all;
	-o-transition: .3s ease-in-out all;
	transition: .3s ease-in-out all;
}

.nav__item:first-child {
    position: relative;
	padding-left: 22px;
}

.nav__item:first-child:before {
	content: '';
	height: 14px;
	width: 16px;
	background: url(../../../images/gta4you/icons-pack.png) no-repeat;
	background-position: -26px -7px;
	position: absolute;
	left: 0;
	top: 2px;
}

.nav__item:before {
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	content: "\f054";
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 1px;
}

.nav__item--active {
	color: #fff;
	font-weight: bold;
}

.nav__link,
a.nav__link {
	color: #fff;
	font-weight: 500;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.nav__item--active.nav__link,
.nav__item--active a.nav__link {
	color: #fff;
}

.nav__link:hover,
a.nav__link:hover {
	color: #fff;
	opacity: 0.7;
}

.nav__item--active:after {
	display: none
}

.nav__item:hover:before {
	border-left-color: #c1b4a9
}

/** STABLE **/

.stable:first-child {
	margin-top: 0;
}

.stable,
.tborder {
	position: relative;
	border-radius: 8px;
	margin-top: 45px;
	background: #090a0c;
	border: 1px solid #17181e;
}

.stable:before,
.tborder:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 8px;
	border-radius: 8px 8px 0 0;
	background: linear-gradient(to right, rgb(111,195,64) 0%, rgb(59,183,86) 100%);
	border-bottom: 5px solid #090a0c;
	box-sizing: border-box;
}

.profile-container .stable--no-headline {

}

.headline,
.thead {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 18px;
	padding: 0 38px;
	position: relative;
	height: 80px;
	color: #ffffff;
	text-shadow: 0px 1px 1px rgba(5, 6, 6, 0.3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.headline .icon {
    position: absolute;
    left: -20px;
    top: 20px;
    height: 40px;
    width: 40px;
    background: linear-gradient( 120deg, rgb(59,183,86) 0%, rgb(111,195,64) 100%);
    box-shadow: 0px 10px 40px 0px rgba(111, 195, 64, 0.2),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon--category:before {
	content: '';
	height: 17px;
	width: 22px;
	background: url(../../../images/gta4you/icons-pack.png) no-repeat;
	background-position: -149px -5px;
}

.icon--shoutbox:before {
	content: '';
	height: 17px;
	width: 16px;
	background: url(../../../images/gta4you/icons-pack.png) no-repeat;
	background-position: -64px -6px;
}

.icon--category + .title,
.icon--shoutbox + .head {
	margin-left: 10px;
	font-weight: normal;
}

.search-user .container .headline {
	background: #56bd4b;
	height: auto;
	padding: 20px;
	border-radius: 3px;
}

.search-user .container .headline:before {
	display: none;
}

.stable .headline .right,
.stable .headline .thread_mode {
	margin-left: auto;
	float: none;
}

.headline .description {
	display: none
}

.headline a,
.thead a {
	font-size: 18px;
	color: #fff;
	display: inline-block;
}

.headline a:hover,
.thead a:hover {
	color: #d4cdc7
}

.headline .close {
	margin-left: auto;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	font-size: 16px;
}

.headline .close img {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: 0.3s ease-in-out transform, opacity;
	-o-transition: 0.3s ease-in-out transform, opacity;
	transition: 0.3s ease-in-out transform, opacity;
	padding: 15px;
}

.headline .close img:hover {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 1;
}

.container {
	width: 100%;
	padding: 10px 38px 38px 38px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.stable--no-headline .container:not(.statsboard__line) {
    padding-top: 38px;
}

.redirect .stable {
	width: 450px;
	max-width: 100%;
}

.row,
.trow1,
.trow2 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 25px 25px;
	border-top: 1px solid #13151a;
	word-break: break-word;
	background: #0d0e11;
	margin-bottom: 8px;
	border-radius: 8px;
}

#registration_form .row:first-of-type {
	padding: 10px;
}

#registration_form .box>.row {
	padding: 20px 25px;
}

.row .right {
	float: right
}

.row.wb {
	background: none;
	border-bottom: 0
}

.row.wp {
	padding: 0
}

.row:empty,
.trow1:empty,
.trow2:empty {
	padding: 0;
}

.row:first-child,
.trow1:first-child,
.trow2:first-child {
	margin-top: 0;
}

.row:not(.post-info):last-child,
.trow1:last-child,
.trow2:last-child {
	margin-bottom: 0;
}

.row .title {
	font-weight: bold;
	font-size: 14px;
}

.row .title i {
	margin-right: 5px
}

.row .value {
	display: inline-block;
	color: #848389;
	font-size: 11pt;
}

.row>.title {
	display: inline-block;
	font-size: 14px;
	color: #fff;
}

.row>.title i {
	margin-right: 5px
}

.row .value {
	display: inline-block;
	color: #848389;
	font-size: 14px;
	padding-left: 5px;
}


/** OTHER TABLE CLASSS **/

.tcat,
.tfoot,
.row.sticky,
.row.normal,
.row.toch {
	padding: 15px 25px;
	color: #56bd4a;
}

tr.tcat td {
	padding: 10px 25px;
}

.tcat:not(:last-child) {
	border-right: 1px solid #070707
}


/** FORUM **/

.forum {
	padding: 36px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	position: relative;
}

.forum__item {
	z-index: 1;
	position: relative;
}

.forum__item--info {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 1.4;
	font-size: 13px;
	margin-left: 4%;
}

.forum__item--stats {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 18%;
	flex: 0 0 18%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	position: relative;
}

.forum__item--stats:before {
	content: '';
	height: 14px;
	width: 12px;
	background: url(../../../images/gta4you/icons-pack.png) no-repeat;
	background-position: -176px -7px;
	margin-right: 15px;
	flex: 0 0 auto;
}

.forum__stats-container {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.forum__item--last-post {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 210px;
	flex: 0 1 210px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.forum__item--last-post .avatarep_fd {
	margin: 0;
	padding: 0;
	float: none;
	width: auto;
	height: auto;
	display: inline-block
}

.forum__avatar {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
}

.forum__avatar img {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.forum__post {
	font-size: 12px;
	line-height: 17px;
	padding-left: 15px;
	border-radius: 3px;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.forum__post-title,
.forum__post-info {
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	font-size: 13px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-top: 5px;
	max-width: 160px;
	display: block;
}

.forum__post-title,
.forum__name {
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	color: #fff;
	font-weight: bold;
}

.forum__name:hover,
.forum__post-title:hover,
.sub-forums ul li a:hover {
	color: #50bc4d;
}

.forum__description {
	line-height: 1.6;
	margin: 15px 0 0 0;
	font-weight: normal;
	font-size: 13px;
}

.forum-description img {
	max-width: 100%;
	height: auto;
}

.sub-forums {
	font-size: 11px;
	margin-top: 15px;
}

.sub-forums ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.sub-forums ul li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: flex-start;
}

.sub-forums ul li a {
	color: #fff;
	font-size: 13px;
}

.sub-forums ul li:first-child:before {
	content: "\f30b";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	color: #15d1a4;
	font-size: 15px;
	padding-right: 10px;
}

.sub-forums ul li:first-child:before {
	content: "\f30b";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	color: #69c243;
	font-size: 15px;
	padding-right: 10px;
	line-height: 1;
}

.sub-forums ul li:not(:last-child):after {
	content: ',';
	color: #fff;
	padding-right: 5px;
}

.subforumicon {
	display: none;
}

.forum__item--status {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	text-align: center;
}

.forum__status {
	text-align: center;
	position: relative;
	height: 50px;
	width: 50px;
	background: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.forum__status.forum_on:before {

}

.forum__status:after {
	content: '';
	height: 17px;
	width: 17px;
	background: url(../../../images/gta4you/icons-pack.png) no-repeat;
	background-position: -8px -49px;
	opacity: 0.2;
	position: relative;
	z-index: 1;
}

.forum_on.forum__status:after {
	background-position: -8px -30px;
	filter: drop-shadow(0 0 18px #40b854);
	opacity: 1;
}


/** SIDE **/

.home-container__sidebar .expcolimage {
	display: none
}

.side-table:not(:first-child) {
	margin-top: 45px;
}

.side-table {
	position: relative;
	max-width: 320px;
	background: #040407;
	border-radius: 8px;
	border: 1px solid #17181e;
}

.side-table .headline,
.home-container__sidebar .thead {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 15px;
	color: rgb(255, 255, 255);
	position: relative;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: auto;
	background: #040407;
	padding: 0 15px;
	margin-top: -10px;
	margin-left: 15px;
}

.home-container__sidebar .thead strong {
	font-weight: bold
}

.side-table .headline i {
	font-size: 13px;
	margin-right: 10px;
}

.side-table .list,
.home-container__sidebar tbody {
	padding: 25px 25px;
}

.side-table .list:empty,
.home-container__sidebar tbody:empty {
	padding: 0;
}

.side-row,
.home-container__sidebar .trow1,
.home-container__sidebar .trow2 {
	line-height: 1.4;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 13px;
	padding: 25px 0;
	border-radius: 3px;
	position: relative;
}

.side-row:not(:last-child):before,
.home-container__sidebar .trow1:not(:last-child):before,
.home-container__sidebar .trow2:not(:last-child):before {
	content: '';
	left: 10%;
	right: 10%;
	position: absolute;
	bottom: 0;
	height: 1px;
    background: #17181e;
}

.side-row:first-child,
.home-container__sidebar .trow1:first-child,
.home-container__sidebar .trow2:first-child {
	padding-top: 0;
}

.side-row:last-child,
.home-container__sidebar .trow1:last-child,
.home-container__sidebar .trow2:last-child {
	padding-bottom: 0;
}


.side-row--stat {
	padding: 10px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.side-row__result {
	background: #17181e;
	border-radius: 4px;
	font-weight: bold;
	padding: 7px 11px;
	margin-left: auto;
	position: relative;
}

.side-row__result:before {
	content: '';
    left: -5px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
    border-right: 5px solid #17181e; 
}

.side-row__smaller {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.side-row__avatar {
	width: 40px;
}

.side-row__avatar img {
	width: 40px;
	height: 40px;
	float: none;
	margin-right: 0px;
	border-radius: 50%;
}

.side-row__container {
	margin-left: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 1.3;
	padding: 0 0 0 15px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.side-row__title {
	width: 100%;
}

.side-row__next-small {
	font-size: 13px;
	margin-top: 5px;
}

.side-row__author {
	font-size: 13px;
}

.side-row__date {
	font-size: 13px;
}

.side-row__title a {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

.side-row__title a:hover {
	color: #15d1a4;
}

/** PARTNERS **/

.partners {
	position: relative;
}

.partners__container {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-bottom: 20px;
	padding: 0;
}

.partners__container:before {
    display: none;
}

.partners__container .slick-slide {
	text-align: center;
	outline: 0;
}

.partners__container .slick-slide img {
	display: inline-block
}

.partners__nav {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	margin-left:auto;
	margin-right:auto;
}

.partners__nav .slick-dots {
	background: #040407;
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 12px 0 12px;
	border: 1px solid #17181e;
	border-radius: 8px 8px 0 0;
	border-bottom: 0;
}

.partners__nav .slick-dots li {
    display: block;
}

.partners__nav .slick-dots li button {
	font-size: 0;
	line-height: 0;
	width: 8px;
	height: 8px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	border-radius: 50%;
	background: #17181e;
	-webkit-transition: 0.3s ease-in-out opacity;
	-o-transition: 0.3s ease-in-out opacity;
	transition: 0.3s ease-in-out opacity;
	margin: 0 5px;
}

.partners__nav .slick-dots li.slick-active button {
	height: 12px;
	width: 12px;
	background: linear-gradient( 120deg, rgb(59,183,86) 0%, rgb(111,195,64) 100%);
    box-shadow: 0px 0px 20px 0px rgba(111, 195, 64, 0.64),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
}

/** STATSBOARD **/

.statsboard {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 15px;
}

.statsboard .stable {
	background: rgba(9, 10, 12, 0.8);
}

.statsboard .row {
	background: none;
	padding: 0;
	border: 0;
}

.statsboard .stable {
	overflow: hidden;
	margin-top: 30px;
}

.statsboard .stable:before {
	border: 0;
	height: 3px;
}

.statsboard .title {
    font-weight: bold;
    font-size: 15px;
}

.statsboard .title i {
    margin-right: 5px;
}

.statsboard .container:not(.statsboard__line) {
	padding: 0 38px 28px 38px;
}

.statsboard .row:before {
    display: none;
}

.statsboard__description i {
	margin-left: 5px;
	background: -o-linear-gradient(left, #fa7223, #c32eaf);
	background: -webkit-gradient(linear, left top, right top, from(#fa7223), to(#c32eaf));
	background: linear-gradient(to right, #fa7223, #c32eaf);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-transition: 0.3s ease-in-out all;
	-o-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}

.statsboard__description i:hover {
	opacity: 0.7;
}

.statsboard__line {
	padding: 60px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 0;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.statsboard__item {
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

.statsboard__item--has-avatar {
	padding-right: 20px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.statsboard__item-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 40px;
}

.statsboard__avatar {}

.statsboard__text {
	margin-left: 20px;
	text-align: left;
}

.statsboard__value {
	display: block;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.statsboard__title {
	display: block;
	max-width: 100px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.statsboard__description {
	font-size: 13px;
	margin-right: 20px;
	text-transform: lowercase;
	font-weight: normal;
	margin-left: 10px;
	color: #7c7f8b;
}

.statsboard__avatar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.statsboard__avatar img {
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

/** STATS ICON **/

.stat-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.stat-icon:before {
	content: '';
	background: url(../../../images/gta4you/icons-pack.png) no-repeat;
}

.stat-icon--posts:before {
	width: 16px;
	height: 22px;
	background-position: -60px -27px;
}

.stat-icon--threads:before {
	width: 23px;
	height: 21px;
	background-position: -31px -28px;
}

.stat-icon--users:before {
	width: 25px;
	height: 20px;
	background-position: -83px -27px;
}

.stat-icon--max-users:before {
	width: 15px;
	height: 18px;
	background-position: -114px -27px;
}


/** FOOTER **/

.footer-site {
	margin-top: 50px;
	position: relative;
	background: rgba(4, 4, 7, 0.5);
	border-top: 1px solid #17181e;
	padding: 28px 0;
}

.footer-site:before {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	content: '';
	height: 625px;
	background: url(../../../images/gta4you/footer-bg.png) no-repeat center bottom;
}

.footer-site--short:before {
	display: none;
}

.footer-site__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer-site__left {
	margin-right: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.footer-site__block {
	text-transform: none;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.3px;
}

.footer-site__link {
	font-weight: normal;
	letter-spacing: 0.3px;
}

.footer-site__link--color {
	font-weight: bold
}

.footer-site__link:hover {
	color: #a7a5af;
}

.footer-site__link--color:hover,
a.footer-site__link--color:hover {
	color: #62c045;
}

.footer-site__button {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	color: #fff;
	flex: 0 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	padding: 15px 20px;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out opacity;
	-o-transition: 0.3s ease-in-out opacity;
	transition: 0.3s ease-in-out opacity;
	background: #090a0c;
	border-radius: 8px;
}

.footer-site__button:hover {
	opacity: 0.9;
}

.footer-site__button span:before {
	content: '\f077';
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
}

.footer-site__list {
	margin-left: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	list-style: none;
}

.footer-site__list-item {
	margin-left: 30px;
	font-size: 14px;
	-webkit-transition: 0.3s ease-in-out color;
	-o-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
	letter-spacing: 0.3px;
}

.footer-site__list-item .selectize__open {
	-webkit-transition: 0.3s ease-in-out color;
	-o-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
}

.footer-site__list-item:first-child {
	margin-left: 0;
}

.footer-site__list-item .selectize__open:hover {
	color: #fff;
}


/** LOGIN **/

.login-box {
	position: absolute;
	top: 35px;
	right: -9px;
	width: 300px;
	z-index: 100000;
}

.login-box .head {
	background: #f76e2c;
	padding: 20px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
}

.login-box .head .close {
	float: right;
	font-size: 13pt;
	font-weight: bold;
	cursor: pointer
}

.login-box form {
	padding: 20px;
	background: #17181e;
	border-radius: 5px;
}

.login-box form input:not([type=checkbox]) {
	display: block;
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 13px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: 0.4s ease-in-out background;
	-o-transition: 0.4s ease-in-out background;
	transition: 0.4s ease-in-out background;
	border: 1px solid rgba(57, 75, 101, 0.4);
	border-radius: 4px;
	background: none;
	color: #fff;
	outline: 0;
}

.login-box form input:not([type=checkbox]):focus {
	background: rgb(13, 14, 17);
}

.login-box form label {
	margin-top: 20px;
	display: block;
	font-size: 13px;
	font-weight: 600;
}

.login-box form label input {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 12px
}

.login-box form input:not([type=checkbox]):first-child {
	margin: 0
}

.login-box form .remember-passwd {
	margin-top: 8px
}

.login-box form .remember-passwd a {
	font-size: 12px;
}

.login-box form button {
	margin: 10px 0 0 0;
}


/** ROW THREAD **/

.row.thread {
	display: table;
	width: 100%
}

.row.thread>div {
	display: table-cell;
	vertical-align: middle;
	position: relative
}

.row.thread>div.status,
.row.thread>div.icon {
	width: 2%
}

.row.thread>div.thread-info {
	width: 40%
}

.row.thread>div.stats {
	width: 15%;
	text-align: right;
	color: #848389;
}

.row.thread>div.stats .views:not(span) {
	font-size: 13px;
	vertical-align: middle;
	color: #848389;
	font-weight: 600;
}

.row.thread>div.stats .views span {
	font-weight: normal;
}

.row.thread>div.last-post {
	width: 17%;
	text-align: right
}

.row.thread>div.modbit {
	width: 3%;
	text-align: right
}

.row.thread .thread-info {
	position: relative
}

.row.thread .thread-info .avatar,
.row.thread .last-post .avatar,
.row.och .avatar {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.row.thread .last-post .avatar {
	right: 0
}

.row.och .info {
	padding-left: 50px
}

.row.thread .last-post .info {
	padding-right: 60px;
	font-size: 13px;
	line-height: 20px;
	color: #848389;
}

.row .avatarep_fd {
	float: none;
	margin: auto;
	padding: 0;
	width: auto;
	height: auto
}

.row.thread .thread-info .info:not(.avatar-none) {
	padding-left: 60px
}

.row.thread .thread-info .info .thread-name .smalltext,
.row.thread .thread-info .info .thread-name .smalltext a {
	color: #757575;
	font-size: 11px
}

.row.thread .thread-info .info .thread-name .smalltext a {
	font-weight: bold
}

.row.thread .thread-info .info .thread-name a {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.row.thread .thread-info .info .thread-name a img {
	vertical-align: middle
}

.row.thread .thread-info .info a,
.row.thread>div.stats a {
	font-size: 13px;
	color: #848389;
	font-weight: 600;
}

.row.avatar img {
	max-width: unset;
	max-height: unset
}

.trow_deleted,
.trow_selected {
	background: none;
	border: none;
	color: #848389;
}

.post-container.trow_deleted .row,
.post.deleted_post {
	background: #E8DEFF;
}

.post-container.trow_selected .row,
tr.trow_selected td {
	background: #101115;
}


/** DROPDOWN **/

.dropdown-icon:after {
	font-family: Font Awesome\ 5 Free;
	display: inline-block;
	content: '\f0d7';
	margin-left: 5px;
	font-weight: 900
}

.dropdown-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999
}

.dropdown-link {
	cursor: pointer
}

.dropdown {
	display: none;
	position: absolute;
	top: 30px;
	color: #fff;
	text-align: left;
	border-radius: 3px;
	z-index: 9999999;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 10px;
	width: 170px;
	list-style: none;
	margin: 0px;
	background: #17181e;
	padding: 5px 15px;
}

.ucp-submenu .dropdown {
	width: 100%;
	margin-top: 10px;
	top: 40px;
	left: 0;
	right: 0;
}

.dropdown.on-right {
	right: 0;
	left: auto
}

.dropdown.on-right:before {
	float: right;
	margin-right: 5px
}

.dropdown:before,
.selectize__options:before,
.login-box:before {
	content: '';
	position: absolute;
	right: 0;
	top: -7px;
	width: 0;
    height: 0;
    border-bottom: 8px solid #17181e;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.login-box:before {
    right: 5px;
    top: -7px;
}

.selectize__options:before {
	position: absolute;
	right: unset;
	top: unset;
	left: 5px;
	bottom: -8px;
	border-top: 8px solid #17181e;
	border-bottom: 0;
}

.dropdown>li,
.dropdown__item,
.selectize__options__option {
	margin: 0;
	padding: 0;
	display: block;
}

.dropdown>li:last-child a,
.dropdown__item:last-child a,
.selectize__options__option:last-child {
	border-bottom: 0;
}

.dropdown>li>a,
.dropdown__link,
a.dropdown__link,
.selectize__options__option {
	padding: 10px 0;
	border-bottom: 1px solid rgba(90, 93, 106, 0.33);
	-webkit-transition: 0.3s ease-in-out all;
	-o-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
	display: block;
	cursor: pointer;
}

.dropdown>li a i,
.dropdown__link i {
	margin-right: 5px
}

.dropdown>li a:hover,
.dropdown__link:hover,
a.dropdown__link:hover,
.selectize__options__option:hover {
	color: #fff;
}

ul.dropdown--on-right {
	width: 200px;
	left: unset;
	right: 0;
	top: 30px
}

ul.userbar__dropdown {
	top: 40px
}

ul.dropdown--on-right:before {
	margin-right: 3px;
	float: right
}

.dropdown-menu {
	display: none;
}


/* USER LIST */

.user-list .headline .search-by {
	float: right;
	position: relative
}

.user-list .users,
.user-list .user-container,
.form-container>div {
	width: 100%;
	text-align: left
}

.form-container>div:not(:first-child) {
	margin-top: 20px
}

.user-list .user-container {
	padding: 10px 15px
}

.user-list .users .user {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 32.6%;
	flex: 0 0 32.6%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
	margin: 5px 0;
	border: 1px solid #13151a;
}

.user-list .users .user:nth-child(3n+2) {
	margin: 5px 1% 5px 1%
}

.users.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	border: 0;
	background: none;
}

.user-list .users .user .container {
	padding-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: top;
	-ms-flex-align: top;
	align-items: top
}

.user-list .users .user .container:before {
	display: none;
}

.user-list .users .user .info>span {
	display: block;
	color: #e2e3e4
}

.user-list .users .user .avatar {
	text-align: center
}

.user-list .users .user .avatar img {
	border-radius: 50%
}

.user-list .users .user .info {
	line-height: 20px;
	padding-left: 20px;
	font-size: 13px;
}

.user-list .users .user .info>span.usertitle {
	font-weight: 500;
}

.user-list .info>span:not(.profilelink) i {
	color: #7c7f8b;
	width: 15px;
}

.user-list .alphabet a {
	display: inline-block;
	background: #59be4a;
	padding: 8px 10px;
	color: #fff;
	border-radius: 3px;
	margin-right: 5px;
	-webkit-transition: background 0.6s ease-in-out;
	-o-transition: background 0.6s ease-in-out;
	transition: background 0.6s ease-in-out;
}

.user-list .alphabet a:hover {
	background: #4db33e;
}

.user-list .inline-stats {
	text-align: left;
	border-top: 1px solid #13151a;
	margin-top: auto;
	padding-top: 15px;
}

.user-list .inline-stats>div {
	display: inline-block;
	background: #66c144;
	padding: 6px 12px;
	border-radius: 3px;
	font-size: 12px;
	margin: 0 3px;
	font-weight: bold;
	color: #fff;
}

.user-container .forumteam {
	float: right;
	font-size: 10.5pt;
	padding-top: 11px
}

.user-container>.pages {
	float: left
}

.user-container>.pages .pagination {
	margin: 0
}

.user-container .forumteam strong {
	font-weight: normal
}

.form-container>div .headline {
	margin-bottom: 10px;
	font-size: 13px
}

.search-user input[type=submit] {}

.search-user .ratio {
	margin-top: 10px
}

.search-user .ratio input {
	display: inline-block;
	vertical-align: middle
}

.user-list .inline-stats>div a {
	color: #d4d4d4
}

.search-user input[type=submit] {}

.search-user .ratio {
	margin-top: 10px;
}

.search-user .ratio input {
	display: inline-block;
	vertical-align: middle;
}


/** THREADS LIST **/

.tb-container {
	margin: 50px 0;
}

.tb-container .left {
	float: left;
}

.tb-container .left ul {
	list-style: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

.tb-container .left ul li {
	margin-bottom: 10px;
}

.tb-container .left ul li i {
	margin-right: 5px;
}

.tb-container .left .pagination {
	margin-top: -3px;
}

.tb-container .inline_rating {
	margin-top: 10px
}

.tb-container .right {
	float: right;
	text-align: right
}


/** SELECTIZE **/

.selectize__overlay {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.selectize {
	position: relative
}

.selectize .selectize__open {
	vertical-align: middle;
	cursor: pointer
}

.selectize .selectize__options {
	visibility: hidden;
	opacity: 0;
	z-index: 9999999;
	display: none;
	position: absolute;
	-webkit-transition: 0.3s ease-in-out opacity;
	-o-transition: 0.3s ease-in-out opacity;
	transition: 0.3s ease-in-out opacity;
	padding: 3px 10px;
	margin-bottom: 10px;
}

.selectize.selectize--opened .selectize__options {
	visibility: visible;
	opacity: 1;
	display: block;
	bottom: 20px;
	min-width: 140px;
	left: 0;
	background: #17181e;
	border-radius: 4px;
}


/** THREAD PAGE **/

.search-by {
	text-align: right;
	position: relative
}

.post-prev {
	margin: 10px 0;
	font-size: 9pt
}

.smilies-box {
	background: none;
	border: 1px solid rgba(57, 75, 101, 0.2);
	padding: 15px;
	border-radius: 4px;
	margin: 10px 0;
}

.smilies-box .head {
	font-weight: 600;
}

.smilies-box .smilies {
	margin-top: 5px
}

.smilies-box .smilie {
	display: inline-block
}

.smilies-box a {
	color: #c5b9b9;
}

.post-icons {
	margin: 0;
	list-style: none;
	padding: 0;
}

.post-icons a.button {
	background: #0e0d28;
}

.posticons_label img {
	display: inline-block;
	vertical-align: middle
}

#quick_reply_form .stable {
	margin-top: 35px
}

.thread-table {
	position: relative
}

.thread-table .container {
}

.stable .row .options>label {
	background: #17181e;
	padding: 9px 12px;
	display: inline-block;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	text-transform: unset;
	width: 100%;
	font-weight: 500;
	margin: 3px 0;
	font-size: 13px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.stable .row .options>label strong {
	font-weight: normal;
}

.stable .row .options>label input {
	display: inline-block;
	vertical-align: middle
}

.row .options {
	float: right;
	width: 18%
}

.row .textarea-c {
	float: left;
	width: 80%;
	max-width: 100%
}

.stable .row textarea {
	width: 100%;
	padding: 20px 15px
}

.stable .row textarea {
	min-height: 152px
}

.thread-table .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.thread-table .row:last-child {
	padding-top: 20px;
}

.thread-table .row .left,
.thread-table .row .float_left {
	margin-right: auto;
}

.thread-table .row .right,
.thread-table .row .float_right {
	margin-left: auto;
}

.thread-table .row .left a,
.thread-table .row .right a {
	text-transform: unset;
	font-weight: 500;
}

.thread-table .row .left a,
.thread-table .row .right a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.thread-table .row .left a i {
	margin-right: 10px;
}

.thread-table .row .right a i {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	margin-left: 10px;
}

.thread-table .post-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0;
	overflow: unset;
}

.thread-table .post-container:first-of-type {
	margin-top: 0;
}

.thread-table .post-container .author-info {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 19%;
	flex: 0 1 19%;
	padding: 25px 25px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	line-height: 23px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	border-radius: 8px 0 0 8px;
}

.thread-table .post-container .author-info .username {
	font-size: 16px;
}

.thread-table .post-container .author-info .avatar {
	margin: 20px auto;
	width: 100px
}

.thread-table .post-container .author-info .avatar img {
	height: 100px;
	width: 100px;
	border-radius: 50%
}

.thread-table .post-container .author-info .title {font-weight: normal;color: #7c7f8b;}

.thread-table .post-container .post-info {
	padding: 25px 25px;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 0;
	border-radius: 0 8px 8px 0;
	border-left: 1px solid #13151a;
}

.thread-table .post-container .post-info .post_head {
	width: 100%;
}

.thread-table .post-container .post-info .post_head a {}

.thread-table .post-container .post-info .post_head {}

.thread-table .post-container .post-info .content {
	word-break: break-all;
	margin-top: 20px;
	line-height: 22px;
	font-size: 14px;
	width: 100%;
}

.thread-table .editreason {
	margin: 15px 0;
}

.thread-table .editreason label {
	margin-right: 10px;
}

.thread-table .post-container .post-info .signature {
	max-height: 150px;
	word-break: break-all;
	overflow: auto;
	margin-top: 20px;
	border-top: 1px solid #13151a;
	padding: 15px;
}

.thread-table .post .post_head span.post_date {
	color: #7c7f8b;
}

.thread-table .post_meta {
	font-size: 12px;
	margin-top: 20px;
	color: #7c7f8b;
}

.thread-table .post_meta a {
	font-size: 12px;
	color: #7c7f8b !important;
}

.thread-table .headline .thread_mode {
	float: right
}

.thread-table .avatar {
	position: relative
}

.thread-table .status {
	position: absolute;
	bottom: 0;
	right: 10px;
	border: 3px solid #0d0e11;
	border-radius: 50%;
}

.thread-table .status .user-online {
	background: #54c128;
	width: 20px;
	height: 20px;
	border-radius: 50%
}

.thread-table .status .user-offline {
	background: #c12828;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.thread-table .post-container .author-info .inline-stats {
	text-align: center;
	color: #fff
}

.thread-table .post-container .author-info .inline-stats>div {
	display: inline-block;
	font-size: 13px;
	background: #413d4a;
	border-radius: 3px;
	padding: 3px 7px;
	margin: 0 2px;
	font-weight: bold;
}

.thread-table .post-container .author-info .inline-stats>div strong,
.thread-table .post-container .author-info .inline-stats>div a {
	color: #fff;
	font-weight: bold
}

.thread-table .post-container .author-info .inline-stats>div.reputation {
	background: #4a922f;
}

.thread-table .post-container .author-info .inline-stats>div.war-lvl {
	background: #b53d3d;
}

.thread-table .profilefield,
.thread-table .groupimage {
	margin-bottom: 15px;
	font-size: 11pt
}

.thread-table .post-controls {
	margin-top: auto;
	padding-top: 15px;
	width: 100%;
}

.thread-table .edit {
	display: inline-block;
	position: relative
}

.thread-table .edit ul {
	position: absolute;
	min-width: 150px;
	line-height: 13px;
	border: 0;
	background: #17181e;
	list-style: none;
	top: 20px;
	z-index: 2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 3px 7px;
	border-radius: 3px;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: transform 0.3s linear;
	-o-transition: transform 0.3s linear;
	transition: transform 0.3s linear;
}

.thread-table .edit ul li {
	display: block;
	font-size: 13px;
	background: none;
}

.thread-table .edit ul li:last-child a {
	border-bottom: 0;
}

.thread-table .edit ul li a {
	background: none;
	height: auto;
	display: block;
	border: 0;
	padding: 10px 12px;
	border-radius: 0;
	border-bottom: 1px solid rgba(90, 93, 106, 0.33);
}

.thread-table .edit ul li a:hover {
	background: none;
}

.thread-table .edit:hover ul {
	transform: scaleY(1);
}

.thread-table .edit ul:before {
	position: absolute;
	display: inline-block;
	top: 0;
	font-family: Font Awesome\ 5 Free;
	text-align: center;
	content: '\f0de';
	font-weight: bold;
	color: #17181e;
	height: 10px;
	top: -9px;
	line-height: 27px;
	text-align: left;
	left: 3px;
	padding-left: 2px;
	right: 0;
	font-size: 26px;
}


/** UCP **/

.ucp-options fieldset {
	background: #1c2029;
	border: none;
	border-radius: 3px;
	font-size: 10.5pt
}

.ucp-options fieldset legend {
	color: #fff
}

.ucp-options fieldset .smalltext {
	font-size: 10pt
}

.box:not(:first-child) {
	margin-top: 20px
}

.box .headline {
	padding: 15px 20px;
	background: #17181e;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.5px;
	height: auto;
}

.box .headline:before {
	display: none;
}

.box .row {
	border-radius: 0;
	padding: 20px;
	margin: 0;
}

.box .row:last-child {
	border-bottom: none
}


/** REDIRECT **/

.r_bg {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


/** MANAGEMENT CLASSES **/

.stable .row.och {
	display: table;
	width: 100%;
	text-align: left
}

.stable .row.och>div {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding: 10px
}

.stable .row.och.np>div {
	padding: 0 10px
}

.stable .row.och .title {
	width: 50%
}

.stable .row.och .username {
	width: 23%
}

.stable .row.och .dateline {
	width: 25%
}

.stable .row.och .manage {
	width: 2%;
	text-align: right
}


/** UCP **/

ul.userbar__dropdown {
	top: 40px
}

ul.dropdown--on-right:before {
	margin-right: 3px;
	float: right
}

.dropdown-menu {
	display: none;
}

.ucp-menu {
	margin-bottom: 45px;
}

.ucp-container>.left {
	width: 100%;
	text-align: center;
	float: none
}

.ucp-container>.right {
	float: none;
}

.ucp-container>.right .stable:first-child,
.ucp-container>.right .thread-table:first-child {
	margin-top: 0
}

.ucp-menu ul {
	display: block;
	margin: 0;
}

.ucp-menu>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ucp-menu>ul>li {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 19%;
	flex: 0 1 19%;
	margin: 0;
	padding: 0;
	margin-right: 1%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.ucp-menu>ul>li>a,
.ucp-menu>ul>li>span {
	width: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: 0px 1px 1px rgba(5, 6, 6, 0.3);
    background: linear-gradient( 120deg, rgb(59,183,86) 0%, rgb(111,195,64) 100%);
    box-shadow: 0px 10px 40px 0px rgba(111, 195, 64, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.42);
	color: #fff;
	border-radius: 4px;
	display: block;
	font-weight: bold;
	font-size: 14px;
}

.ucp-menu .dropdown {
	width: 100%;
	top: 46px;
	left: 0;
	right: 0
}

.ucp-menu .dropdown:before {
	margin: 0;
	position: absolute;
	right: 0;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}