/*
Warface TrueSight
style.css sections

// ##1	Header // Last update (HTML & CSS): March 16 2017
		Header navigation
		User panel in the header navigation
// ##2	Slideout menu // Last update (HTML & CSS): July 30 2016
// ##3	Main content // Last update (CSS): March 16 2017
// ##4	Footer // Last update (HTML & CSS): March 16 2017

// ##5	Global error message // Last update (HTML & CSS): July 30 2016
// ##6	Pop-up messages

// ##7	Main page // Last update (HTML & CSS): March 17 2017
		VK widget + Slider + Archive and tips + Services on TrueSight
		Servers online
		News archive + News title and text + News publishing page

// ##8 - Authentication

// ##9  Player search page // Last update (HTML & CSS): May 12 2017
		Search panel
		Last search
		Features

// ##10 Clans


// ##11 - Tops // Last update (HTML & CSS): July 30 2016

// ##11 - Missions // Last update (HTML & CSS & PHP): January 14 2017

// Standard search was deleted from here [March 16 2017] (see std_search.css file)
*/

@font-face {
	font-family: "WarfaceRegularRussian";
	src: url(/WarfaceRegularRussian.woff);
}

@font-face {
	font-family: 'Oxygen';
	font-style: normal;
	font-weight: 400;
	src: local('Oxygen'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v5/78wGxsHfFBzG7bRkpfRnCQ.woff2?2) format('woff2');
}

* { box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em /*font*/, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}

article, aside, details, figcaption, figure,
footer, header, main, nav, section {
	display: block;
}

div::selection,
ul::selection, li::selection,
img::selection,
select::selection {
 	background: none;
}





html {
	height: 100%;
	/*overflow-y: scroll;*/
	background: #242323;
}

body {
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	font-family: "WarfaceRegularRussian", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	overflow: visible !important;
}





/* BEGINNING: Header (##1) */

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 6666;
	min-height: 70px;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	border-bottom: 1px solid #F40;
}

header .header-inner {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
}

header .header-inner .brand {
	display: inline-block;
	height: 45px;
	margin: 15px 0 0 40px;
	color: #FFF;
	font-size: 1.2em;
	font-family: "Oxygen", "Calibri Light", "Century Gothic", Arial, sans-serif;
	text-decoration: none;
}

@media(max-width: 500px) {
	header .header-inner .brand {
		margin-left: 10px;
		transition: margin linear .5s;
	}
}

@media(max-width: 390px) {
	header .header-inner .brand { width: 235px; }

	header .header-inner .brand img { margin-top: 0 !important; }
}

@media(max-width: 320px) {
	header .header-inner .brand { width: 200px; }

	header .header-inner .brand .warface { display: none; }
}

	/* Header navigation */

header nav {
	position: relative;
	float: right;
	margin: 5px 30px 0 0;
}

header nav ul.navigation-links {
	list-style: none;
}

header nav ul.navigation-links li {
	float: left;
}

header nav ul.navigation-links li a {
	display: block;
	margin: 0 10px;
	padding: 20px 5px 17px;
	font-size: 1.12em;
	color: #DBDCDE;
	text-decoration: none;
}

header nav ul.navigation-links li a:hover,
header nav ul.navigation-links li a:focus,
header nav ul.navigation-links li a:active {
	color: #FFF;
}

header nav ul.navigation-links li a.active {
	border-bottom: 3px solid #F40;
	color: #F40;
	cursor: default;
}

	/* User panel in the header navigation */

header nav ul.navigation-links li a.toggleMenu {
	cursor: pointer;
}

header nav ul.navigation-links li span:last-child {
	display: none;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 10px;
	vertical-align: middle;
	border-top: 4px solid #000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}

@media(max-width: 1190px) {
	header nav { max-width: 125px; }

	header nav ul.navigation-links li { display: none; }
	header nav ul.navigation-links li:last-child { display: block; }
	header nav ul.navigation-links li span:first-child { display: none; }
	header nav ul.navigation-links li span:last-child { display: inline-block; }

	header nav a.toggleMenu {
		display: none;
		float: right;
		margin: 0 !important;
		padding: 20px 60px 20px 0 !important;
		color: #DBDCDE;
		font-size: 1.496em;
		text-decoration: none;
		cursor: pointer;
	}

	header nav a.toggleMenu:before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		width: 30px;
		height: 2px;
		background: #e0e0e0;
		box-shadow: 0 9px 0 #e0e0e0, 0 18px 0 #e0e0e0;
	}
}

@media(max-width: 550px) {
	header nav a.toggleMenu  { padding: 20px 40px 40px 0 !important; }
	header nav ul.navigation-links li span:last-child { display: none; }
}

/* END: Header (##1) */





/* BEGINNING: Slideout menu (##2) */

.slideout-menu {
	position: fixed;
	top: 70px;
	bottom: 0;
	right: 0;
	width: 256px;
	overflow-y: auto;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	border-left: 1px solid #FF4400;
	z-index: 5555;
}

@media(min-width: 1500px) { .slideout-menu { width: 400px; } }
@media(min-width: 1800px) { .slideout-menu { width: 500px; } }
@media(min-width: 2000px) { .slideout-menu { width: 700px; } }

.slideout-open .slideout-menu {
	display: block !important;
}

.slideout-menu .menu-section {
	margin: 25px 0;
}

.slideout-menu .menu-section-title {
	padding: 0 20px;
	color: #ABABAB;
	font-size: 0.9em;
	letter-spacing: 1px;
}

.slideout-menu .menu-section-list {
  list-style: none;
}

.slideout-menu .menu-section-list .subtitle {
	padding-left: 20px;
	color: #ABABAB;
	font-size: 0.8em;
	letter-spacing: 1px;
}

.menu-section-list a {
	display: block;
	padding: 5px 20px;
	margin: 3px 0;
	font-size: 0.85em;
	line-height: 1.2em;
	color: #FFF !important;
}

.slideout-menu a:hover {
	text-decoration: underline;
}

/* END: Slideout menu (##2) */





/* BEGINNING: Main content (##3) */

.content-inner {
	margin: 100px auto 0;
	padding: 0 10px;
	max-width: 1200px;
}

a {
	color: #87CEFA;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #157ab5;
	text-decoration: underline;
}

p {
	margin: 10px 0;
	font-size: 0.9em;
}

hr {
	margin-bottom: 10px;
	border: 1px solid #404C57;
}

table {
	margin: 0 auto;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	font-weight: normal;
	font-family: "WarfaceRegularRussian", "Calibri Light", "Oxygen", "Century Gothic", Arial, sans-serif;
	color: #F40;
}

h1 { font-size: 38px; line-height: 40px; }
h2 { font-size: 31px; line-height: 40px; }
h3 { font-size: 24px; line-height: 40px; }
h4 { font-size: 17px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 11px; line-height: 20px; }

ul, ol {
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}

select,
input {
	display: block;
	width: 100%;
	max-width: 300px;
	height: 40px;
	padding: 0 5px;
	margin: 10px 0;
	font-size: 1.114em;
	line-height: 36px;
	font-family: "WarfaceRegularRussian", "Calibri Light", "Oxygen", "Century Gothic", Arial, sans-serif;
	color: #FFF;
	border: 2px solid #CCC;
	border-radius: 0;
	background: #000;
	transition: border linear .3s;
}

select {
	padding-right: 0;
}

select:focus,
input:focus {
	border: 2px solid #FF5A00;
}

textarea {
	display: block;
	width: 100%;
	max-width: 300px;
	min-height: 60px;
	padding: 10px;
	margin: 10px 0;
	font-size: 1.114em;
	line-height: 1.2em;
	font-family: "WarfaceRegularRussian";
	color: #FFF;
	border: 2px solid #CCC;
	border-radius: 0;
	background: #000;
	transition: border linear .3s;
}

textarea:focus {
	border: 2px solid #FF5A00;
}

.btn {
	position: relative;
	display: inline-block;
	width: 100%;
	min-width: 110px;
	max-width: 300px;
	height: 45px;
	margin: 10px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.364em;
	font-family: "WarfaceRegularRussian";
	line-height: 41px;
	color: #F40;
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
	border: 2px solid #F40;
	background-color: #000;
}

.btn:hover,
.btn:focus {
	color: #F40;
	text-decoration: none;
	background-color: rgba(255, 68, 0, 0.4);
	transition: background-color linear .4s;
}

.btn:active {
	color: #FFF;
	text-decoration: none;
}

.btn.disabled {
	opacity: 0.5;
	background-color: #000;
	cursor: default;
}

.btn.disabled:active {
	color: #F40;
}

/* END: Main content (##3) */





/* BEGINNING: Footer (##4) */

footer {
	margin-top: 10px;
	padding-top: 20px;
	text-align: center;
	border-top: 2px solid #404C57;
}

footer .footer-inner {
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
}

footer .footer-inner .related {
	max-width: 740px;
	min-height: 100px;
	margin: 0 auto;
}

footer .footer-inner .related .official-warface,
footer .footer-inner .related .manul,
footer .footer-inner .related .feedback {
	float: left;
	height: 100px;
}

footer .footer-inner .related .official-warface {
	max-width: 300px;
	height: 85px;
	padding-top: 15px;
	opacity: 1;
	transition: opacity linear .3s;
}

footer .footer-inner .related .official-warface:hover {
	opacity: 0.8;
}

footer .footer-inner .related .manul {
	max-width: 150px;
	opacity: 1;
	transition: opacity linear .3s;
}

footer .footer-inner .related .manul:hover {
	opacity: 0.8;
}

footer .footer-inner .related .feedback {
	width: 290px;
	position: relative;
	text-align: left;
}

footer .footer-inner .related .feedback .copyright {
	margin: 0;
}

footer .footer-inner .related .feedback .email {}

footer .footer-inner .related .feedback .social a img {
	opacity: 1;
	transition: opacity linear .3s;
}

footer .footer-inner .related .feedback .social a img:hover {
	opacity: 0.8;
}

footer .footer-inner .related .feedback .social a.hashtag {
	display: inline-block;
	margin-left: 30px;
	color: #FFF;
}

footer .footer-inner .counter {
	width: 80px;
	margin: 0 auto 25px;
}

@media(max-width: 800px) {
	footer .footer-inner .related {
		max-width: 410px;
	}

	footer .footer-inner .related .official-warface {
		margin: 0 auto;
		float: none;
	}

	footer .footer-inner .related .feedback {
		width: 245px;
	}
}

@media(max-width: 450px) {
	footer .footer-inner .related .manul {
		margin: 0 auto;
		float: none;
	}

	footer .footer-inner .related .feedback {
		margin: 0 auto;
		text-align: center;
		float: none;
	}
}

/* END: Footer (##4) */





/* BEGINNING: Global error message (##5) */

.global-error {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 6666;
	min-height: 30px;
	background-color: #F90;
	background-size: 50px 50px;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
}

.global-error .message-container {
	margin: 5px auto;
	max-width: 1200px;
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

/* END: Global error message (##5) */





/* BEGINNING: Pop-up messages (##6) */

.screencover {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 7777;
	background: rgba(0, 0, 0, 0.8);
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.screencover .floater {
	position: relative;
	height: 50%;
	width: 1px;
	margin-bottom: -140px;
}

.screencover .alert {
	position: relative;
	width: 100%;
	min-height: 280px;
	padding: 80px 0;
	background-color: rgb(0, 0, 0);
	border-top: 3px solid rgb(61, 63, 65);
	border-bottom: 3px solid rgb(61, 63, 65);
	z-index: 8888;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	box-sizing: border-box;
}

.screencover .alert:hover {
	cursor: default;
}

.screencover .alert-message {
	padding: 0 120px 40px;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	box-sizing: border-box;
}

@media(max-width: 860px) {
	.screencover .alert-message {
		padding: 0 30px 40px;
	}
}

.screencover .alert-response {
	position: absolute;
	bottom: 20px;
	width: 100%;
	box-sizing: border-box;
}

.screencover .alert-response a {
	margin: 0 auto;
	display: block;
	width: 220px;
	box-sizing: border-box;
}

@import url("captcha.css");

/* END: Pop-up messages (##6) */





/* BEGINNING: Main page (##7) */

.review {
	position: relative;
}

	/* VK widget */

.review .vk-widget {
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
	height: 500px;
	overflow: hidden;
	background: #FFF;
	z-index: 2;
}

@media(max-width: 1220px) {
	.review .vk-widget { display: none; }
	.show-on-pc {
		display: none;
	}
}

	/* Slider */

.slider-wrapper {
	position: relative;
	max-width: 100%;
	height: 500px;
	margin: 0;
	box-shadow: none;
	z-index: 1;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
}

.rslides li {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
}

.rslides li:first-child {
	display: block;
}

.rslides .banner-text {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 400px;
	width: 100%;
	max-width: 780px;
	height: 33%;
	margin: auto;
	text-align: center;
	font-size: 2.9em;
	color: #FFF;
	line-height: 1.3em;
	text-shadow: 0.1em 0.1em 0.5em black;
}

@media(max-width: 1220px) {
	.slider-wrapper { height: auto; }
	.rslides .banner-text { right: 0; max-width: 100%; }
}
@media(max-width: 1100px) { .rslides .banner-text { height: 38%; } }
@media(max-width: 990px) { .rslides .banner-text { height: 44%; } }
@media(max-width: 900px) { .rslides .banner-text { font-size: 2.3em; } }
@media(max-width: 770px) { .rslides .banner-text { font-size: 1.7em; } }
@media(max-width: 550px) { .rslides .banner-text { height: 50%; font-size: 1.3em; } }
@media(max-width: 450px) { .rslides .banner-text { height: 55%; font-size: 1em; } }

.rslides img {
	display: block;
	margin: 0 auto;
}

.rslides_tabs {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 35px;
	font-size: 18px;
	z-index: 10;
}

.rslides_tabs li {
	display: inline;
	float: none;
	height: 35px;
}

.rslides_tabs a {
	display: inline-block;
	width: 35px;
	height: 35px;
	color: #FFF !important;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	background: transparent;
}

.rslides_tabs .rslides_here a {
	background: rgba(255, 255, 255, 0.3);
	text-decoration: underline;
	font-weight: bold;
}

	/* Archive and tips */

.review .additional {
	background: #333;
}

.review .additional .archive,
.review .additional .tips {
	min-height: 35px;
	text-align: center;
	font-size: 1.2em;
	line-height: 35px;
	color: #ABABAB;
}

.review .additional .archive a,
.review .additional .tips a {
	color: #ABABAB;
}

.review .additional .archive {
	float: right;
	width: 400px;
}

@media(max-width: 1170px) {
	.review .additional .archive,
	.review .additional .tips {
		padding: 0 15px;
	}

	.review .additional .archive {
		float: none;
		width: auto;
		margin: 0 auto;
	}
}

@media(max-width: 750px) {
	.review .additional .archive,
	.review .additional .tips {
		min-height: auto;
		font-size: 1em;
		line-height: 25px;
	}

	.review .additional .archive {
		padding: 10px 15px;
	}
}

	/* TrueSight Services */

.look-at {
	text-align: center;
	color: #FFF;
	font-size: 1.5em;
	line-height: 40px;
}

@media(max-width: 800px) {
	.look-at {
		font-size: 1.2em;
		line-height: 24px;
		margin-bottom: 25px;
	}
}

.services {
	width: 80%;
	margin: 0 auto;
}

.service {
	height: 80px;
	margin-bottom: 10px;
}

.service .key-word {
	display: block;
	float: left;
	width: 300px;
	margin-right: 35px;
	text-align: right;
	font-size: 2.5em;
	line-height: 80px;
	color: #FFF;
	text-transform: uppercase;
}

.service .description {
	padding: 10px 25px;
	font-size: 1.3em;
	line-height: 20px;
	color: #CCC;
}

@media(max-width: 1120px) {
	.services { width: 90%; }
}

@media(max-width: 1050px) {
	.service { height: auto; }

	.service .key-word {
		float: none;
		width: auto;
		height: auto;
		font-size: 1.5em;
		line-height: 20px;
		text-align: left;
	}

	.service .description {
		font-size: 1.2em;
	}
}

@media(max-width: 800px) {
	.service .key-word { font-size: 1.1em; }
	.service .description { font-size: 0.9em; }
}

	/* News archive */

.news {
	float: left;
	width: 58%;
	max-width: 700px;
	margin: 0 0 50px 50px;
}

.news hr:last-child {
	display: none;
}

.news table.news-item {
	width: 100%;
}

.news table.news-item td,
.news table.news-item th {
	padding: 5px 15px;
	font-size: 0.8em;
}

@media(max-width: 980px) {
	.news {
		float: none;
		width: 100%;
		margin: 0 auto 50px;
	}

	.news table.news-item td,
	.news table.news-item th {
		padding: 5px 0;
	}
}

.news table.news-item th.news-title {
	text-align: left;
}

.news table.news-item th.news-title a {
	font-size: 1.2em;
	font-weight: bold;
	color: #F40;
}

.news table.news-item th.news-date {
	width: 75px;
	height: 25px;
	font-weight: normal;
	color: #767676;
	text-align: center;
	vertical-align: top;
}

	/* News title and text */

.news-container {
	margin: 0 20px 50px;
}

.news-container h2 {
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 25px;
}

.news-container div.news-date {
	float: right;
	margin-left: 25px;
	color: #FFF;
	font-size: 1.1em;
}

.news-full-text p {
	font-size: 1em;
}

.news-link {
	margin: 50px 15px 0 0;
	width: auto;
	padding: 0 50px;
}

	/* News publishing page */

.news-publishing {
	position: relative;
}

.news-publishing input {
	max-width: 650px;
	padding: 0 10px;
}

.news-publishing textarea {
	max-width: 650px;
}

.news-publishing textarea[name="desc"] {
	height: 100px;
}

.news-publishing textarea[name="text"] {
	height: 300px;
}

.news-publishing .news-publishing-help {
	_margin-left: 50px;
	list-style: none;
}

@media (max-width: 1230px) {
	.news-publishing .news-publishing-help {
		position: inherit !important;
		width: 100% !important;
	}
}

.news-publishing xmp {
	display: inline-block;
	font-size: 140%;
	line-height: 20%;
}

/* END: Main page (##7) */



































/* BEGINNING: Authentication (##8) - переделать после ввода авторизации */

.authentication {}

.authentication .registration-form,
.authentication .login-form {
	max-width: 300px;
	margin: 0 auto;
}

.authentication .registration-form img,
.authentication .login-form img {
	display: block;
	height: 60px;
}

.authentication .login-form label input,
.authentication .login-form label input:checked {
	display: inline;
	width: auto;
	height: auto;
	margin: 4px 0 0 0;
}

.authentication .login-form label span {
	font-size: 110%;
	vertical-align: top;
}

/* END: Authentication (##8) */













/* BEGINNING: Player search page (##9) */

	/* Search panel */

.search-container {
	text-align: center;
}

.search-form {
	position: relative;
	display: inline-block;
	padding: 5px 15px 5px 10px;
	margin: 25px auto;
	background: #1D1C1C;
	background: rgba(0,0,0,.2);
	border-radius: 5px;
	text-align: right;
}

.search-form img,
.search-form canvas {
	display: block;
	float: left;
	margin-top: -2px;
	margin-right: 10px;
}

/*#search_mode {
	width: 140px;
	border-right: 1px dotted #000;
}

.search-form select {
	display: inline-block;
	width: 180px;
	max-width: 100%;
	height: 40px;
	color: #000;
	border: 0;
	background: #FFF;
}*/

.search-form input {
	display: inline-block;
	width: 330px;
	max-width: 100%;
	height: 40px;
	color: #000;
	border: 0;
	border-radius: 3px 0 0 3px;
	background: #FFF;
}
 
.search-form input:focus {
	outline: 0;
	background: #FFF;
}

.search-form button {
	overflow: visible;
	position: relative;
	border: 0;
	margin: 0 0 0 -5px;
	cursor: pointer;
	height: 40px;
	line-height: 38px;
	width: 110px;
	font-size: 1.114em;
	font-family: "WarfaceRegularRussian", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	background: #E04400;
	border-radius: 0 3px 3px 0;      
	text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}

@media(max-width: 600px) { /*Если есть доп. поля, то указать 850px */
	.search-form {
		display: block;
		max-width: 500px;
	}

	.search-form img,
	.search-form canvas {
		float: none;
		margin: 0;
		position: absolute;
		bottom: 5px;
		left: 5px;
	}

	/*#search_mode {
		display: block !important;
		width: 100%;
		max-width: 100%;
		border: 0;
	}

	.search-form select,*/
	.search-form input {
		display: block;
		width: 100%;
		max-width: 100%;
		border: 0;
		border-radius: 3px;
	}

	.search-form button {
	    margin: 0;
	    height: 60px;
	    line-height: 58px;
	    width: 75%;
	    font-size: 1.584em;
	    border-radius: 5px;
	}

	.search-form button:before {
		display: none;
	}
}
   
.search-form button:hover {     
    background: #F40;
}   
   
.search-form button:active,
.search-form button:focus,
.search-form button[disabled="disabled"] {   
    background: #E4601C;
    outline: 0;   
}
 
.search-form button:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #E04400 transparent;
    top: 12px;
    left: -6px;
}
 
.search-form button:hover:before {
    border-right-color: #F40;
}
 
.search-form button:focus:before,
.search-form button:active:before {
        border-right-color: #E4601C;
}

	/* Last search */

#last_search {
	height: 400px;
}

.players .slimScrollDiv {
float: right;
overflow-y: scroll;
overflow-x: hidden;
width: 440px;
}

@media(max-width: 730px) {
	.players .slimScrollDiv {
		float: none;
		margin: 0 auto;
	}
}

@media(max-width: 500px) {
	.players .slimScrollDiv {
		display: none;
	}
}

	/* Features */

.features {
	padding-top: 16px;
	text-align: center;
}

.feature {
	display: inline-block;
	width: 225px;
	min-height: 180px;
	margin: 5px;
}

.feature p {
	margin: 0;
}

/* END: Player search page (##9) */





/* BEGINNING: Clans (##10) */

	/* Clanbars in the list of clan pages */

.clanbar {
	margin: 0 auto 20px;
}

.clanbar a {
	color: #FFF;
    text-decoration: none;
}

.clanbar .picture {
	float: left;
	width: 128px;
	height: 128px;
	margin: 0 16px 2px 0;
}

.clanbar .server {
	float: right;
	padding: 8px 20px 0;
	font-size: 1.1em;
	color: #ABABAB;
}

.clanbar .name {
	padding-top: 8px;
	font-size: 1.6em;
	color: #F40;
}

.clanbar .message {
	padding-right: 20px;
	margin: 10px 0;
	font-size: 0.95em;
}

.clanbar .brief {
	clear: both;
}

.clanbar .brief .item {
	display: inline-block;
	padding-right: 20px;
	line-height: 30px;
	font-size: 0.968em;
	height: 30px;
}

.clanbar .brief .item a {
	color: #FFF;
}

.clanbar .brief .item a:hover {
	text-decoration: underline;
}

.clanbar .brief .item span {
	color: #ABABAB;
}

	/* Clan pages */

.clan-page {}

.clan-page .logo {
	margin: 25px 0 15px;
}

.clan-page .logo img {
	display: block;
	margin: 0 auto;
}

.clan-page .text-block {
	margin-bottom: 25px;
}

.clan-page .text-block .title {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #F40;
}

.clan-page .userbars {
	float: right;
	width: 100%;
	max-width: 450px;
	margin: 0 0 15px 30px;
}

.clan-page .userbars .title {
	font-size: 1em;
	line-height: 2.6em;
	color: #F40;
}

.clan-page userbars .userbar {
	display: block;
	height: 64px;
}



.clan-page .voice_service {}

.clan-page .voice_service img {
	float: left;
	margin-right: 20px;
	width: 64px;
	height: 64px;
}

.clan-page .voice_service .name {
	font-size: 1.4em;
	line-height: 32px;
}

.clan-page .voice_service .connection {
	font-size: 1.2em;
	line-height: 32px;
	color: #ABABAB;
}

/* END: Clans (##10) */







/* START: Tops (##11) */

.nomination-top table {
	width: 100%;
}

.nomination-top table tr:hover { background: rgba(255, 255, 255, 0.3); }
.nomination-top table tr.gold { background: rgba(255, 215, 0, 0.3); }

.nomination-top table tr.header th {
	height: 50px;
	padding: 0 10px;
	color: #ABABAB;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center !important;
}

.nomination-top table tr.header,
.nomination-top table tr:first-child {
	line-height: 1.2em;
	background: none !important;
}

.nomination-top table td {
	height: 35px;
	padding: 0;
	line-height: 35px;
	font-size: 1.05em;
	text-align: center;
	white-space: nowrap;
}

.nomination-top table tr:first-child td,
.nomination-top table tr.header td {
	white-space: normal !important;
}

.nomination-top table .position_1 .position {
	background: url(https://cdn.wfts.su/top/leaders.png) center -2px no-repeat;
	color: #f1b463;
}

.nomination-top table .position_2 .position {
	background: url(https://cdn.wfts.su/top/leaders.png) center -40px no-repeat;
	color: #c1c1c1;
}

.nomination-top table .position_3 .position {
	background: url(https://cdn.wfts.su/top/leaders.png) center -78px no-repeat;
	color: #c48161;
}

.nomination-top table .position { width: 50px; }

.nomination-top table .server { width: 85px; }

/*.rank {*/
/*	display: none; !* because new rank system is pretty shit *!*/
/*}*/

.nomination-top table .rank { width: 85px; }
.nomination-top table .rank span {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background-image: url(https://cdn.wfts.su/ranks/ranks_all.png?v=90);
}

.nomination-top table .nickname { width: 175px; text-align: left; }

.nomination-top table .clan { text-align: left; }
.nomination-top table .nickname a, .nomination-top table .clan a { color: #FFF !important; }

.nomination-top table tr td span {
	display: none;
	color: #ABABAB;
}

@media(max-width: 1000px) {
	.nomination-top table tr.header {
		display: none;
	}

	.nomination-top table tr {
		padding: 5px 5px 5px 15px;
		display: block;
		width: 100%;
	}

	.nomination-top table td {
		display: block;
		text-align: left;
		height: 20px;
		line-height: 20px;
	}

	.nomination-top table tr:not(.clan-member):first-child td {
		display: table-cell;
		text-align: center;
	}

	.nomination-top table tr .position,
	.nomination-top table tr .server,
	.nomination-top table tr .rank,
	.nomination-top table tr .nickname {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	.nomination-top table tr .position { width: 36px !important; text-align: center; }
	.nomination-top table tr .rank { width: 40px !important; }
	.nomination-top table tr .server { width: 60px !important; text-align: center; }
	.nomination-top table tr .nickname { width: auto; }

	.nomination-top table tr td span {
		display: inline;
	}
}

/* END: Tops */


/* START: weapons */


.wfts-table table {
	width: 100%;
}

.wfts-table table tr:hover { background: rgba(255, 255, 255, 0.3); }
.wfts-table table tr.gold { background: rgba(255, 215, 0, 0.3); }

.wfts-table table tr.header th {
	height: 50px;
	padding: 0 10px;
	color: #ABABAB;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center !important;
}

.wfts-table table tr.header,
/*.wfts-table table tr:first-child {
	line-height: 1.2em;
	background: none !important;
}*/

.wfts-table table td {
	height: 35px;
	padding: 0;
	line-height: 35px;
	font-size: 1.05em;
	text-align: center;
	white-space: nowrap;
}

/*.wfts-table table tr:first-child td,*/
.wfts-table table tr.header td {
	white-space: normal !important;
}

.wfts-table table .position { width: 50px; }

.wfts-table table .server { width: 85px; }

/*.rank {*/
/*	display: none; !* because new rank system is pretty shit *!*/
/*}*/

.wfts-table table .rank { width: 85px; }
.wfts-table table .rank span {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background-image: url(https://cdn.wfts.su/ranks/ranks_all.png?v=90);
}

.wfts-table table .nickname { width: 175px; text-align: left; }

.wfts-table table .clan { text-align: left; }
.wfts-table table .nickname a, .wfts-table table .clan a { color: #FFF !important; }

.wfts-table table tr td span {
	display: none;
	color: #ABABAB;
}

@media(max-width: 1000px) {
	.wfts-table table tr.header {
		display: none;
	}

	.wfts-table table tr {
		padding: 5px 5px 5px 15px;
		display: block;
		width: 100%;
	}

	.wfts-table table td {
		display: block;
		text-align: left;
		height: 20px;
		line-height: 20px;
	}

	/*.wfts-table table tr:first-child td {
		display: table-cell;
		text-align: center;
	}*/

	.wfts-table table tr .position,
	.wfts-table table tr .server,
	.wfts-table table tr .rank,
	.wfts-table table tr .nickname {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	.wfts-table table tr .position { width: 36px !important; text-align: center; }
	.wfts-table table tr .rank { width: 40px !important; }
	.wfts-table table tr .server { width: 60px !important; text-align: center; }
	.wfts-table table tr .nickname { width: auto; }

	.wfts-table table tr td span {
		display: inline;
	}
}

/* End: weapons comparing


/* START: Comparison (##) */

.comparison table {
	width: 100%;
}

.comparison table tr:hover { background: rgba(255, 255, 255, 0.3); }

.comparison table tr.header th {
	height: 50px;
	padding: 0 10px;
	color: #ABABAB;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center !important;
}

.comparison table tr.header,
.comparison table tr:first-child {
	line-height: 1.2em;
	background: none !important;
}

.comparison table td {
	height: 35px;
	padding: 0 10px;
	line-height: 35px;
	font-size: 1.05em;
	text-align: center;
	white-space: nowrap;
}

.comparison table td.green { background: rgba(0, 128, 0, 0.5); }
.comparison table td.red { background: rgba(255, 0, 0, 0.5); }

.comparison table td:first-child {
	text-align: left;
}

.comparison table tr:first-child td,
.comparison table tr.header td {
	white-space: normal !important;
}

/* END: Comparison */















/* START: Missions (##11) */

.missions {
	text-align: center;
}

.mission {
	display: inline-block;
	width: 380px;
	margin: 5px;
	text-align: left;
	border: 3px solid #3A4045;
	background-repeat: no-repeat;
	background-size: 380px 235px;
	background-color: #1D1D1D;
	cursor: default;
}

.mission:hover {
	border: 3px solid #FF5A00;
}

@media(max-width: 500px) {
	.mission {
		zoom: 0.8 !important;
		-moz-transform: scale(0.8);
	}
}

@media(max-width: 400px) {
	.mission {
		zoom: 0.7 !important;
		-moz-transform: scale(0.7);
	}
}

@media(max-width: 300px) {
	.mission {
		zoom: 0.65 !important;
		-moz-transform: scale(0.65);
	}
}

.mission .title {
	position: relative;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
}

.mission .title .difficulty {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	font-size: 130%;
}

.mission .title .difficulty.easy { background-color: #4CBF72; }
.mission .title .difficulty.normal { background-color: #FB9701; }
.mission .title .difficulty.hard { background-color: #FB4503; }
.mission .title .difficulty.training { display: none; }

.mission .title .name {
	position: absolute;
	left: 50px;
	right: 0;
	top: 0;
	font-size: 1em;
}

.mission .difficulty.training + .name { left: 0; }

.mission .crown-counter {
	position: relative;
	height: 185px;
}

.mission .crown-counter span {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 25px;
	text-shadow: 0 0 10px #000;
}

.mission .crown-counter span img {
	width: 25px;
	height: 22px;
	vertical-align: bottom;
}

.mission .description {
	display: table-cell;
	width: 380px;
	height: 80px;
	padding: 5px 10px;
	font-size: 0.8em;
	line-height: 1.45em;
	vertical-align: middle;
	border-bottom: 2px solid #3A4045;
}

.mission .objectives {
	height: 100px;
	border-bottom: 2px solid #3A4045;
}

.mission .objectives div:first-child {
	float: left;
	width: 70px;
	padding: 25px 10px 0;
	color: #ABABAB;
}

.mission .objectives .aim {
	height: 50px;
}

.mission .objectives .aim span:first-child {
	float: left;
	width: 45px;
	height: 45px;
	margin-right: 10px;
}

.mission .objectives .aim span:last-child {
	display: table-cell;
	width: 230px;
	height: 50px;
	vertical-align: middle;
	font-size: 0.836em;
}

.mission .level,
.mission .wiki-info {
	width: 374px;
	height: 40px;
	font-size: 1em;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid #3A4045;
}

.mission .level a,
.mission .wiki-info a {
	display: inline-block;
	padding: 0 15px;
	color: #DBDCDE;
}

.mission .level a:hover,
.mission .level a:focus,
.mission .level a:active,
.mission .wiki-info a:hover,
.mission .wiki-info a:focus,
.mission .wiki-info a:active {
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}

.mission .awards {}

.mission .awards .award {
	margin: 5px 10px;
	font-size: 1.144em;
	line-height: 35px;
	color: #EFA94A;
}

.mission .awards .award img {
	width: 35px;
	height: 35px;
}

.mission .awards table {
	width: 100%;
	text-align: center;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(242, 198, 76, 0.8));
}

.mission .awards table .score {
	position: relative;
	display: inline-block;
	width: 100px;
	font-size: 1.144em;
	line-height: 40px;
}

.mission .awards table .score span:last-child {
	display: none;
}

.mission .awards table .score:hover span:first-child {
	display: none;
}

.mission .awards table .score:hover span:last-child {
	position: absolute;
	left: 0;
	top: -54px;
	display: block;
	width: 100px;
	height: 75px;
	padding: 35px 0 0 0;
	background: no-repeat url(https://cdn.wfts.su/missions/crown.png) center 0;
}

/* END: Missions */






audio {display:inline-block;*display:inline;}
audio:not([controls]) {display:none}







/* START: Donation page */

.donations {
	margin: 0 auto;
}

.donations .donator {
	width: 100%;
	max-width: 500px;
	height: 100px;
	margin: 10px 10px 10px 0;
}

.donations .donator:nth-child(2n+1) {
	float: left;
}

.donations .donator:nth-child(2n) {
	float: right;
}

@media(max-width: 1100px) {
	.donations {
		max-width: 500px;
		margin: 0 auto;
	}

	.donations .donator {
		float: none;
		height: auto;
		margin: 20px 0 0;
	}
}

.donator .date {
	float: right;
	margin-left: 25px;
	color: #ABABAB;
}

.donator .name span,
.donator .donation-amount span,
.donator .comment span {
	color: #ABABAB;
}

/* END: Donation page */










































































.player-profile .player 
.players .player {
	margin: 0 auto 10px;
}
/*
.player-profile .player .page-title {
	margin-bottom: 5px;
	font-size: 2em;
	line-height: 2em;
	color: #F40;
}
*/





/* START: TrueSight Userbar */

table.ts-userbar {}

table.ts-userbar .rank {
	width: 64px;
}

table.ts-userbar .rank div {
	margin: 0 auto;
	width: 32px;
	height: 32px;
	background-image: url(https://cdn.wfts.su/ranks/ranks_all.png?v=86);
}

table.ts-userbar .nickname {
	font-size: 1.76em;
	color: #FFF !important;
	white-space: nowrap;
}

.ts-userbar .nickname .verified-badge,
.ts-userbar-v2 .player .nickname .verified-badge {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-left: 0px;
    margin-right: 4px;
    transform: translateY(-1px);
}

table.ts-userbar .server {
	font-size: 0.968em;
	color: #ABABAB !important;
	white-space: nowrap;
}

table.ts-userbar .title {
	padding-left: 35px;
	font-size: 2.376em;
}

table.ts-userbar .title.vip {
	color: rgb(255, 215, 0);
}

@media(max-width: 800px) {
	table.ts-userbar .title {
		display: none;
	}
}



table.ts-userbar.last-found {
	position: relative;
	line-height: 16px;
	margin: 11px 0;
	width: 100%;
	height: 55px;
	padding: 5px 0;
}

table.ts-userbar.last-found .clan {
	font-size: 0.968em;
	color: #EED502 !important;
	white-space: nowrap;
}

table.ts-userbar.last-found .noclan {
	font-size: 0.968em;
	color: #ABABAB !important;
	white-space: nowrap;
	opacity: 0.5;
}

table.ts-userbar.last-found .nickname {
	width: 170px;
	font-size: 1.1em;
}

table.ts-userbar.last-found .nickname a {
	color: #FFF !important;
}

table.ts-userbar.last-found .stats {
	position: relative;
	padding: 5px 0 5px 15px;
	color: #FFF !important;
	font-family: 'Courier New';
	font-size: 0.704em;
	line-height: 0.9em;
	vertical-align: middle;
}

table.ts-userbar.last-found.vip .stats span {
	display: none !important;
}

table.ts-userbar.last-found.vip .stats a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

table.ts-userbar.last-found.truesight .stats {
	background: url(https://cdn.wfts.su/search/vip-truesight.png) center center no-repeat;
}

table.ts-userbar.last-found.warface .stats {
	background: url(https://cdn.wfts.su/search/vip-warface.png) center center no-repeat;
}

table.ts-userbar.last-found.crown .stats {
	background: url(https://cdn.wfts.su/search/vip-crown.png) center center no-repeat;
}

table.ts-userbar.last-found.youtube .stats {
	background: url(https://cdn.wfts.su/search/vip-youtube.png) center center no-repeat;
}





/* ССЫЛКИ НА РАЗДЕЛЫ НА СТРАНИЦАХ ПОИСКА И ПРОФИЛЯ */

.sections {
	margin: 10px auto;
	text-align: center;
}

.sections > a,
.sections label {
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 1.144em;
	line-height: 30px;
	color: #DBDCDE;
	text-transform: uppercase;
	padding: 5px 5px;
}

.sections label {
	margin: 0;
}

.sections > a:hover,
.sections > a:focus,
.sections > a:active,
.sections label:hover {
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}

.sections > a.active,
.sections input[type=checkbox]:checked ~ label {
	border-bottom: 3px solid #F40;
	color: #F40 !important;
}

.sections .description {
    display: none;
    text-align: left;
}
 
.sections input[type=checkbox]:checked ~ .description {
    display: block;
}

.sections input[type=checkbox] {
	display: none;
}








.gray {
	color: #ABABAB;
	font-weight: normal;
}



/* START: Profile notification */

.player-profile .notification {
	padding: 0 25px;
	font-size: 0.85em;
	text-align: center;
	color: #ABABAB;
}

/* END: Profile notification */

/* START: Profile warning alert */

@media(max-width: 1000px) {
	.player-profile .account-alert .warning-image {
		display: none;
	}
	.player-profile .account-info .info-image {
		display: none;
	}

}

@media(max-width: 950px) {
	.player-profile .account-info {
		width: 350px;
	}
}

@media(max-width: 1000px) {
	.wfts-alertbox .warning-image {
		display: none !important;
	}
	.wfts-infobox .info-image {
		display: none !important;
	}

}

@media(max-width: 950px) {
	.wfts-infobox {
		width: 350px !important;
	}
}

/* END: Profile warning alert */

/* START: Вкладка "Сводка" в профиле игрока */

.player-profile .player-type {
	margin: 20px 0;
	text-align: center;
	font-size: 1.4em;
}

.player-profile .last-game {
	margin: 20px 0;
	font-size: 1.4em;
	text-align: center;
}

.player-profile .player-skills {
	text-align: center;
	margin: 25px auto 50px;
	max-width: 1060px;
}

.player-profile .player-skills .skill {
	_display: inline-block;
	margin: 10px auto;
	width: 100%;
	max-width: 330px;
	border: 3px solid #F40;
	border-radius: 3px;
	height: 40px;
	line-height: 34px;
}

.player-profile .player-skills .skill-value, 
.player-profile .player-skills .skill-name {
	display: inline-block;
}

.player-profile .player-skills .skill-value {
	padding: 0 15px;
	float: left;
	font-size: 1.2em;
	border-right: 3px solid #F40;
}

.player-profile .player-skills .skill-value:last-child {
	float: right;
	border-right: 0;
	border-left: 3px solid #F40;
}

.player-profile .player-skills .playtime-circles {
	float: left;
	width: 100%;
	max-width: 125px;
	height: 255px;
	margin-right: 20px;
}

.player-profile .player-skills .playtime-circles > div {
	display: inline-block;
	max-width: 125px;
}

.player-profile .player-skills .classes-playtime {
	float: left;
	width: 350px;
	height: 255px;
}

.player-profile .player-skills .classes-playtime img {
	width: 32px;
	height: 32px;
}

.player-profile .player-skills .classes-values {
	float: left;
	width: 100%;
	max-width: 360px;
	padding-top: 15px;
}

.player-profile .player-skills .modes-kills {
	float: left;
	width: 100%;
	max-width: 200px;
	height: 250px;
}

@media(max-width: 1180px) {
	.player-profile .player-skills {
		max-width: 560px;
	}

	.player-profile .player-skills .playtime-circles {
		margin-left: 20px;
	}
}

@media(max-width: 640px) {
	.player-profile .player-skills {
		max-width: 370px;
	}

	.player-profile .player-skills > div {
		float: none !important;
		display: inline-block;
	}

	.player-profile .player-skills .playtime-circles {
		max-width: 300px;
		height: auto;
	}
}

.player-profile .common-info {
	float: left;
	margin: 0 auto;
	max-width: 600px;
}

.player-profile .common-info span,
.player-profile .game-class span {
	display: inline-block;
	min-height: 21px;
	margin-bottom: 7px;
	padding: 0 5px;
	font-size: 1.05em;
	vertical-align: top;
}

.player-profile .common-info span:first-child, .player-profile .game-class span:first-child { color: #ABABAB; }
.player-profile .common-info span:last-child, .player-profile .game-class span:last-child { color: #FFF; }
.player-profile .common-info span b, .player-profile .game-class span b { font-weight: normal; }

.player-profile .common-info table {
	margin: 3px 0 10px;
	text-align: center;
}

.player-profile .common-info .rank-picture {
	padding: 0 30px;
	height: 32px;
	background: url(https://cdn.wfts.su/ranks/ranks_all.png?v=86) no-repeat;
}

.player-profile .common-info .progress {
	width: 100%;
	padding: 5px 10px 0;
}

.player-profile .controls {
	float: right;
	margin: 0 auto;
	width: 100%;
	max-width: 530px;
}

.player-profile .controls .btn {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding-left: 25px;
	text-align: left;
	white-space: normal;
}

.controls select, .controls textarea {
	max-width: 100%;
}

@media(max-width: 1180px) {
	.player-profile .common-info, .player-profile .controls { max-width: 600px; float: none; }
}

/* END: Вкладка "Сводка" в профиле игрока */

/* START: Вкладки "PvP" и "PvE" в профиле игрока */

.player-profile .stats-container {
	margin: 10px auto;
	text-align: center;
}

.player-profile .statistics-block {
	float: left;
	display: inline-block;
	width: 100%;
	max-width: 360px;
	margin: 0 15px;
	text-align: left;
}

@media(max-width: 1215px) {
	.player-profile .stats-container { max-width: 790px; }
}

@media(max-width: 850px) {
	.player-profile .stats-container { max-width: 360px; }
	.player-profile .statistics-block { margin: 0; }
}

.player-profile .statistics-block .title {
	margin: 0;
	padding: 4px 0 3px;
	font-size: 1.05em;
	text-align: center;
	color: #F40;
}

.player-profile .statistics-block div span {
	display: inline-block;
	min-height: 21px;
	margin-bottom: 7px;
	padding: 0 5px;
	font-size: 1.05em;
	vertical-align: top;
}

.player-profile .statistics-block span:first-child { color: #ABABAB; }
.player-profile .statistics-block span:last-child { float: right; color: #FFF; }
.player-profile .statistics-block span b { font-weight: normal; }

@media(max-width: 400px) {
	.player-profile .statistics-block div span { display: inline-block; }
	.player-profile .statistics-block div span:last-child { float: none; }
}

.player-profile .mission-statistics {
	font-size: 0.95em;
}

.player-profile .mission-statistics .mission-type {
	margin-left: 5px;
}

@media(max-width: 850px) {
	.player-profile .mission-statistics .statistics-block { margin: 15px 0; }
}

/* END: Вкладки "PvP" и "PvE" в профиле игрока */


/* START: Player`s weapons */

.shooting {
	padding: 10px;
	text-align: center;
}

.shooting span {
	display: block;
}

.shooting span b {
	color: #F40;
	font-weight: normal;
}

.player-profile .shooting .all {
	background: url(https://cdn.wfts.su/wf_achievements/stripe/challenge_strip_121.png?1) no-repeat;
}

.player-profile .shooting .pvp {
	background: url(https://cdn.wfts.su/wf_achievements/stripe/challenge_strip_117.png?1) no-repeat;
}

.player-profile .shooting .all,
.player-profile .shooting .pvp {
	display: inline-block;
	text-align: left;
	margin-bottom: 30px;
	background-size: 100% 100%;
	width: 360px;
	height: 90px;
}

.player-profile .shooting div span:first-child {
	display: block;
	padding: 45px 0 0 15px;
	font-size: 1.2em;
	line-height: 16px;
	text-shadow: 0px 0px 16px rgb(0, 0, 0);
}

.player-profile .shooting div span:last-child {
	display: block;
	margin: -4px 0 0 15px;
	font-size: 0.7em;
	text-shadow: 0px 0px 4px rgb(0, 0, 0);
}

/* END: Player`s weapons */

/* START: Profile achievements */

.player-profile #achievements {
	margin-top: 25px;
	text-align: center;
}

.player-profile #achievements .slimScrollDiv,
.player-profile #achievements #marks,
.player-profile #achievements #badges,
.player-profile #achievements #stripes {
	display: inline-block;
	width: 370px;
	height: 500px;
	margin: 0 10px;
	overflow-y: hidden;
	overflow-y: scroll;
	text-align: left;
}

.player-profile #achievements #marks,
.player-profile #achievements #badges,
.player-profile #achievements #stripes {
	padding-top: 64px;
}

.player-profile #achievements .counter {
	position: absolute;
	top: -1px;
	left: 10px;
	right: 10px;
	background: #242323;
	z-index: 10;
}

.player-profile #achievements .counter h4,
.player-profile #achievements .counter p {
	margin: 0;
	text-align: center;
}

.player-profile #achievements .achievement,
.player-profile .achievements-container .achievement {
	position: relative;
	width: 350px;
	height: 80px;
	margin: 0 0 10px;
}

.player-profile #achievements .achievement.not-completed {
	opacity: 0.5;
	transition: opacity linear .5s;
}

.player-profile #achievements .achievement.not-completed:hover {
	opacity: 1;
}

.player-profile #achievements .achievement .name,
.player-profile .achievements-container .achievement .name {
	margin: 0 0 10px;
	font-size: 0.95em;
	line-height: 16px;
}

.player-profile #achievements .achievement .picture,
.player-profile .achievements-container .achievement .picture {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.player-profile #achievements .achievement .picture img,
.player-profile .achievements-container .achievement .picture img {
	height: 64px;
	float: right;
}

.player-profile #achievements .achievement .description,
.player-profile .achievements-container .achievement .description {
	margin-right: 64px;
	color: #ABABAB;
	font-size: 0.88em;
}

.player-profile #achievements .achievement.stripe .description,
.player-profile .achievements-container .achievement.stripe .description {
	min-height: 50px;
	margin-right: 0;
}

.player-profile #achievements .achievement.stripe .description:hover {
	border-radius: 5px;
	background: #000;
	background: rgba(0, 0, 0, 0.75);
}

.player-profile #achievements .achievement .progress {
	display: none;
	color: #ABABAB;
	font-size: 0.88em;
}

.player-profile #achievements .achievement:hover .description { display: none; }
.player-profile #achievements .achievement:hover .progress { display: block; }

@media(max-width: 600px) {
	.player-profile #achievements .slimScrollDiv,
	.player-profile #achievements #marks,
	.player-profile #achievements #badges,
	.player-profile #achievements #stripes {
		height: auto;
		width: 100% !important;
		margin: 0 0 25px;
	}

	.player-profile #achievements .slimScrollBar {
		display: none;
	}

	.player-profile #achievements .achievement {
		width: 100%;
	}
}

.player-profile .achievements-search input {
	border-radius: 3px;
}

/* END: Profile achievements */

/* START: Personal rating */

.player-profile .rating-statistics {
	float: right;
	width: 100%;
	max-width: 300px;
	padding-top: 25px;
	text-align: center;
}

.player-profile .rating-statistics .players-amount {
	background: url(https://cdn.wfts.su/wf_achievements/stripe/challenge_strip_elite_warface.png?1) no-repeat;
}

.player-profile .rating-statistics .player-found {
	background: url(https://cdn.wfts.su/wf_achievements/stripe/challenge_strip_vol_04.png?1) no-repeat;
}

.player-profile .rating-statistics .top1-taken {
	background: url(https://cdn.wfts.su/wf_achievements/stripe/challenge_strip_112.png?1) no-repeat;
}

.player-profile .rating-statistics .top10-taken {
	background: url(https://cdn.wfts.su/wf_achievements/stripe/challenge_strip_114.png?1) no-repeat;
}

.player-profile .rating-statistics .top100-taken {
	background: url(https://cdn.wfts.su/wf_achievements/stripe/challenge_strip_51.png?1) no-repeat;
}

.player-profile .rating-statistics .top1000-taken {
	background: url(https://cdn.wfts.su/wf_achievements/stripe/challenge_strip_109.png?1) no-repeat;
}

.player-profile .rating-statistics .players-amount,
.player-profile .rating-statistics .player-found,
.player-profile .rating-statistics .taken-positions {
	display: inline-block;
	height: 75px;
	width: 100%;
	max-width: 300px;
	margin-bottom: 30px;
	text-align: left;
	background-size: 100% 100%;
}

.player-profile .rating-statistics div span:first-child {
	display: block;
	padding: 20px 0 0 15px;
	font-size: 2.2em;
	line-height: 32px;
	text-shadow: 0px 0px 16px rgb(0, 0, 0);
}

.player-profile .rating-statistics div span:last-child {
	display: block;
	margin: -4px 0 0 15px;
	font-size: 0.7em;
	text-shadow: 0px 0px 16px rgb(0, 0, 0);
}

.player-profile .rating-statistics div.taken-positions span:first-child {
	float: left;
	padding: 20px 0 0 0;
	width: 100%;
	max-width: 80px;
	text-align: center;
}

.player-profile .rating-statistics div.taken-positions span:last-child {
	margin: 16px 0 0 15px;
	float: right;
	font-size: 1.2em;
	line-height: 1em;
	width: 100%;
	max-width: 185px;
}




.player-profile .nominations {
	max-width: 860px;
	padding-top: 25px;
}

.player-profile .nomination {
	height: 128px;
	width: 100%;
	max-width: 425px;
	display: inline-block;
	position: relative;
}

.player-profile .column {
	height: 1050px;
	width: 100%;
	max-width: 425px;
	display: inline-block;
}

.player-profile .out {
	opacity: 0.3;
}

.player-profile .nomination img {
	float: left;
	height: 128px;
	width: 128px;
}

.player-profile .nomination a {
	display: block;
	text-align: center;
	height: 50px;
    font-size: 17px;
    line-height: 20px;
    color: #F40 !important;
}

.player-profile .nomination div {
	display: inline-block;
	text-align: center;
	font-size: 1.5em;
	width: 145px;
	line-height: 39px;
}

.player-profile .nomination .value {
	color: #ABABAB;
}

.player-profile .nomination div span {
	display: block;
	margin-top: -15px;
	font-size: 0.5em;
	color: #ABABAB;
}

@media(max-width: 1200px) {
	.player-profile .rating-statistics {
		float: none;
		max-width: 905px;
		margin: 0 auto;
	}

	.player-profile .rating-statistics .players-amount,
	.player-profile .rating-statistics .player-found,
	.player-profile .rating-statistics .taken-positions {
		float: left;
	}

	.player-profile .nominations {
		margin: 0 auto;
		text-align: center;
	}
}

@media(max-width: 940px) {
	.player-profile .rating-statistics {
		max-width: 605px;
	}
}

@media(max-width: 650px) {
	.player-profile .rating-statistics {
		max-width: 305px;
	}
}

@media(max-width: 470px) {
	.player-profile .nomination img {
		display: none;
	}
}







/* 2017 year */

table.useractions tr th {
    height: 50px;
    padding: 0 10px;
    color: #ABABAB;
    line-height: 1.2em;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center !important;
}



	/* Servers online */
/*
.online {
	float: right;
	width: 35%;
	max-width: 500px;
}

.online .server {
	margin: 0 auto 20px;
	width: 100%;
	max-width: 500px;
	background-color: rgb(70, 70, 70);
}

.online .server .name {
	height: 28px;
	width: 100%;
	text-align: center;
	font-size: 1.056em;
	line-height: 30px;
	background-color: rgb(60, 60, 60);
}

.online .server .total,
.online .server .pvp,
.online .server .pve {
	padding-left: 15px;
	line-height: 30px;
	font-size: 0.968em;
}

.online .server .total {
	float: right;
	width: 60%;
	height: 60px;
}

.online .server .pvp,
.online .server .pve {
	width: 40%;
	height: 30px;
}

.online .server span {
	color: #ABABAB;
}

.online .last-update {
	text-align: right;
	font-size: 0.8em;
	color: #767676;
}
*/





/* BEGINNING: Armory (##?) */

	/* Armory: main page */

.popular-items {
	float: right;
	width: 260px;
	height: 470px;
	margin: 0 25px !important;
}

.popular-items .header {
	margin: 0 10px;
	color: #ABABAB;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.15em;
}

p.armory-description {
	font-size: 1em;
}

p.armory-features {
	font-size: 1em;
	color: #F40;
	text-transform: uppercase;
	margin: 20px 0 -10px;
}

.armory-categories {
	text-align: center;
}

.armory-categories .category {
	display: inline-block;
	margin: 10px;
	width: 210px;
	height: 64px;
	line-height: 20px;
	color: #FFF;
	text-decoration: none;
}

.armory-categories .category img {
	float: left;
	width: 64px;
	height: 64px;
}

.armory-categories .category span {
	display: block;
	padding: 10px 0 0;
}

	/* Armory: items list */

.armory-items {
	margin-bottom: 35px;
	text-align: center;
}

.armory-items .title {
	font-size: 1.5em;
	line-height: 2em;
	text-transform: uppercase;
}

.armory-items .item {
	position: relative;
	display: inline-block;
	width: 250px;
	margin: 5px;
	cursor: pointer;
}

.armory-items .item.weapon { height: 100px; }

.armory-items .item .name {
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding: 0 10px;
	font-size: 0.95em;
	border-radius: 100px;
	background: #1D1C1C;
	background: rgba(0, 0, 0, 0.5);
}

.armory-items .item .picture {}

	/* Parameters Window */

.themodal-lock {
	/* when modal is opened we're removing scrollbars from the main content */
	overflow: hidden !important;
}

.themodal-overlay {
	/* overlay will stay fixed and will take all the space available */
	position: fixed;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 10000;
	overflow: auto; /* if modal content doesn't fit inside the overlay, display scrollbars */
	-webkit-overflow-scrolling: touch; /* allow one-finger iPad scrolling */
}

.themodal-overlay > * {
	-webkit-transform: translateZ(0px); /* fix for iPad glitches */
}

.themodal-overlay {
	background: rgba(0, 0, 0, 0.5);
	/* IE6–IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000);
	zoom: 1;
}




.parameters-window {
	position: relative;
	margin: 120px auto 60px;
	max-width: 900px;
	min-height: 300px;
	padding: 20px;
	background: #353434;
	border-radius: 3px;
	z-index: 8888;
}

.parameters-window .close {
	position: absolute;
	right: 25px;
	top: 25px;
    font-size: 40px;
    cursor: pointer;
    color: #FFF;
    opacity: 0.75;
}

.parameters-window .close:hover {
	opacity: 1;
}

.parameters-window .parameters {
	margin: 0 auto;
	max-width: 900px;
}

.parameters-window .parameters .loading {
	margin-top: 115px;
	text-align: center;
	font-size: 1.2em;
}

.parameters .name {
	margin-bottom: 10px;
	font-size: 1.8em;
	color: #FFA500;
}

.parameters .item-picture {
	width: 250px;
	height: 100px;
	margin: 20px auto;
}

.parameters .graphics {
	position: relative;
	float: left;
	width: 280px;
}

.parameters .graphics .class-picture {
	position: absolute;
	top: 175px;
	right: 65px;
	width: 64px;
	height: 64px;
	opacity: 0.5;
}

.parameters .graphics .item-picture {
	margin: 10px auto 30px;
}

.parameters .hitbox {
	position: relative;
	width: 280px;
	height: 468px;
}

.hitbox .head, .hitbox .body, .hitbox .arms, .hitbox .legs {
	position: absolute;
	text-align: center;
	font-size: 1.4em;
	width: 50px;
}

.hitbox .head { top: 5px; right: 9px; }
.hitbox .body { top: 66px; left: 8px; }
.hitbox .arms { top: 277px; right: 9px; }
.hitbox .legs { top: 368px; left: 11px; }

.parameters .hitbox .label {
	position: absolute;
	bottom: 0;
	left: 35px;
	right: 35px;
	padding: 2px 10px;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	border-radius: 100px;
	background: #1D1C1C;
	background: rgba(0, 0, 0, 0.5);
}

.parameters .links {
	margin-top: 20px;
	text-align: center;
}

.parameters .links .link {
	display: inline-block;
	margin: 0 5px;
	padding: 0 15px;
	line-height: 40px;
	font-size: 1.1em;
	color: #FFF;
	text-transform: uppercase;
	background: #E04400;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	background: #E04400;
}

.parameters .links .link:hover {
	background: #F40;
}

table.parameters-list {
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
}

table.parameters-list tr:hover { background: rgba(255, 255, 255, 0.3); }

table.parameters-list tr.empty-space:hover { background: none; }

table.parameters-list td {
	height: 30px;
	padding: 5px 10px;
	line-height: 15px;
}

table.parameters-list td:last-child {
	width: 135px;
	text-align: center;
}

@media(max-width: 950px) {

}


.spinner{position:relative;margin:100px auto}.spinner.big{width:128px;height:128px}.spinner:after{content:"";position:absolute;top:0;left:0;border-style:solid;border-color:#fff;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:clockwise 3500ms infinite linear}.spinner.big:after{border-width:5px;width:118px;height:118px}@keyframes clockwise{100%{transform:rotate(360deg)}}.spinner:before{content:"";position:absolute;border-style:solid;border-color:#f40;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:counter-clockwise 4000ms infinite linear}.spinner.big:before{border-width:5px;top:11px;left:11px;width:96px;height:96px}@keyframes counter-clockwise{100%{transform:rotate(-360deg)}}

/* Оформление вкладок (НАЧАЛО) */

ul.sections {
	text-align: center;
}

ul.sections li {
	display: inline-block;
	margin: 0 5px;
	padding: 5px;
	color: #DBDCDE;
	font-size: 1.1em;
	text-transform: uppercase;
	border-bottom: 3px solid transparent;
	cursor: pointer;
}

ul.sections li:hover {
	color: #FFF;
}

ul.sections li.active {
	color: #F40;
	border-bottom: 3px solid #F40;
}

ul.sections li.active:hover {
	cursor: default;
}

ul.sections li > * {
	position: relative;
	z-index: -1;
}

/* Оформление вкладок (КОНЕЦ) */






/* Оформление КрайПрокси в профиле игрока */

.match-results-cryproxy table,
.match-container-cryproxy table {
    width: 100%;
    margin: 0 auto;
}

.match-results-cryproxy table thead th,
.match-container-cryproxy table thead th {
    color: #ABABAB;
    font-size: 1.15em;
}

.match-results-cryproxy table tbody td,
.match-results-cryproxy table tfoot td,
.match-container-cryproxy table tbody td,
.match-container-cryproxy table tfoot td {
    color: #FFF;
    font-size: 1.05em;
}

.match-results-cryproxy table thead th,
.match-results-cryproxy table tbody td,
.match-results-cryproxy table tfoot td,
.match-container-cryproxy table thead th,
.match-container-cryproxy table tbody td,
.match-container-cryproxy table tfoot td {
    padding: 10px 15px;
    text-align: center;
    line-height: 1.2em;
    font-weight: normal;
}

.match-results-cryproxy table tbody tr:hover,
.match-container-cryproxy table tbody tr:hover {
    background: rgba(255, 255, 255, 0.1);
}

.match-results-cryproxy {
    position: relative;
    width: 900px;
    margin: 10px auto 30px;
    border: 2px solid #3A4045;
    background: #1D1D1D;
}

.match-results-cryproxy .preview {
    position: relative;
    float: left;
    width: 310px;
    height: 196px;
    color: #FFF;
    border-right: 2px solid #3A4045;
    background-size: 310px 196px;
}

.match-results-cryproxy .preview .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
}

.match-results-cryproxy .preview .title .difficulty {
    float: left;
    width: 48px;
    height: 48px;
    font-size: 1.4em;
}

.match-results-cryproxy .preview .title .difficulty.training { display: none; }
.match-results-cryproxy .preview .title .difficulty.easy { background-color: #4CBF72; }
.match-results-cryproxy .preview .title .difficulty.normal { background-color: #FB9701; }
.match-results-cryproxy .preview .title .difficulty.hard { background-color: #FB4503; }
.match-results-cryproxy .preview .title .difficulty.survival { background-color: #FB4503; font-size: 2.1em; }

.match-results-cryproxy .preview .title .name {
    font-size: 1.05em;
	line-height: 16px;
    margin-top: 8px;
}

.match-results-cryproxy .preview .title .mode {
	line-height: 16px;
    font-size: 0.8em;
    margin-top: 2px;
}

.match-results-cryproxy .preview .results {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 32px;
    color: #FFF !important;
    text-align: center;
    line-height: 32px;
    background: rgba(0, 0, 0, 0.6);
}

.match-results-cryproxy .details .description {
    height: 50px;
    padding: 0 10px;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    border-bottom: 2px solid #3A4045;
}

.match-results-cryproxy .details .description .won { color: #0bda51; }
.match-results-cryproxy .details .description .lost { color: red; }
.match-results-cryproxy .details .description .draw { color: #ff8e0d; }
.match-results-cryproxy .details .description .place { color: #F40; }

.match-results-cryproxy .details {
    position: relative;
    height: 196px;
    margin-left: 310px;
}

.match-results-cryproxy .details .type,
.match-results-cryproxy .details .date {
    position: absolute;
    right: 0;
    width: 280px;
    text-align: center;
}

.match-results-cryproxy .details .type {
	bottom: 25px;
	color: #FFF;
}

.match-results-cryproxy .details .date {
    bottom: 2px;
    color: #CCC;
}

.match-results-cryproxy .details .stats {
    padding: 2px 0 0 8px;
}

.match-results-cryproxy .details .stats div {
    display: inline-block;
    width: 140px;
    height: 40px;
    margin: 4px 0;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position: left center;
}

.match-results-cryproxy .details .stats div span {
    display: block;
    line-height: 20px;
}

.match-results-cryproxy .details .stats div span:first-child {
    color: #CCC;
}

.match-results-cryproxy .details .stats div span:last-child {
    color: #FFF;
}

.match-results-cryproxy .details .stats .kills { background-image: url(https://cdn.wfts.su/cryproxy/kills.png); }
.match-results-cryproxy .details .stats .deaths { background-image: url(https://cdn.wfts.su/cryproxy/deaths.png); }
.match-results-cryproxy .details .stats .kd { background-image: url(https://cdn.wfts.su/cryproxy/kd.png); }
.match-results-cryproxy .details .stats .melee { background-image: url(https://cdn.wfts.su/cryproxy/melee.png); }
.match-results-cryproxy .details .stats .explosives { background-image: url(https://cdn.wfts.su/cryproxy/explosives2.png); }
.match-results-cryproxy .details .stats .headshots { background-image: url(https://cdn.wfts.su/cryproxy/headshots.png); }
.match-results-cryproxy .details .stats .accuracy { background-image: url(https://cdn.wfts.su/cryproxy/accuracy.png); }
.match-results-cryproxy .details .stats .damage { background-image: url(https://cdn.wfts.su/cryproxy/damage.png); }
.match-results-cryproxy .details .stats .heal { background-image: url(https://cdn.wfts.su/cryproxy/heal.png); }
.match-results-cryproxy .details .stats .res { background-image: url(https://cdn.wfts.su/cryproxy/res.png); }

.match-results-cryproxy .awards {
    height: 50px;
    text-align: center;
    border-top: 2px solid #3A4045;
}

.match-results-cryproxy .awards div {
    display: inline-block;
    height: 50px;
    padding-left: 75px;
    margin: 0 15px;
    color: #FFF;
    font-size: 1.2em;
    text-align: left;
    line-height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
}

.match-results-cryproxy .awards .wb { background-image: url(https://cdn.wfts.su/cryproxy/wb.png); }
.match-results-cryproxy .awards .xp { background-image: url(https://cdn.wfts.su/cryproxy/xp.png); }
.match-results-cryproxy .awards .vp { background-image: url(https://cdn.wfts.su/cryproxy/vp.png); }
.match-results-cryproxy .awards .cp { background-image: url(https://cdn.wfts.su/cryproxy/cp.png); }
.match-results-cryproxy .awards .crowns { background-image: url(https://cdn.wfts.su/cryproxy/crowns.png); }

.match-results-cryproxy .progress {
    min-height: 30px;
    border-top: 2px solid #3A4045;
}

.match-results-cryproxy .progress .show,
.match-results-cryproxy .progress .hide {
	padding: 10px;
    text-align: center;
    color: #FFF;
    line-height: 1.5em;
}

.match-results-cryproxy .progress .show:hover,
.match-results-cryproxy .progress .hide:hover {
    cursor: pointer;
    text-decoration: underline;
}

.match-results-cryproxy .progress table {
    width: 100%;
    margin: 0 auto;
}

.match-results-cryproxy .progress table img {
	_width: 100%;
    _max-width: 300px;
    max-height: 75px;
}

.match-results-cryproxy .userbar {
	position: relative;
	margin: 15px auto;
	width: 576px;
	height: 128px;
}

.match-results-cryproxy .userbar .stripe {
	left: 64px;
	width: 512px;
}

@media(max-width: 950px) {
    .match-results-cryproxy {
        width: 350px;
        height: auto;
    }

    .match-results-cryproxy .preview {
        float: none;
        width: 346px;
        height: 220px;
        border-right: 0;
        border-bottom: 2px solid #3A4045;
        background-size: 346px 220px;
    }

    .match-results-cryproxy .details {
        height: auto;
        margin-left: 0;
    }

    .match-results-cryproxy .description {
        height: auto !important;
        padding: 10px !important;
        line-height: 1.3em !important;
    }

    .match-results-cryproxy .details .type,
    .match-results-cryproxy .details .date {
        position: relative;
        bottom: auto;
        right: auto;
        width: auto;
        color: #FFF;
        line-height: 40px;
        text-align: center;
        border-bottom: 2px solid #3A4045;
    }

    .match-results-cryproxy .details .stats {
        text-align: center;
    }

    .match-results-cryproxy .details .stats div {
        text-align: left;
        margin: 4px 10px;
    }

    .match-results-cryproxy .awards {
        height: auto;
    }

    .match-results-cryproxy .progress table td,
    .match-results-cryproxy .progress table th {
        display: none;
    }

    .match-results-cryproxy .progress table td:first-child,
    .match-results-cryproxy .progress table td:last-child,
    .match-results-cryproxy .progress table th:first-child,
    .match-results-cryproxy .progress table th:last-child {
        display: table-cell;
    }

	.match-results-cryproxy .userbar {
		zoom: 0.8;
	}
}

@media(max-width: 400px) {
    .match-results-cryproxy {
        zoom: 0.8;
    }
}







/* Оформление КрайПрокси в отдельном матче */

.match-preview-cryproxy {
    max-width: 900px;
    margin: 125px auto 25px;
}

.match-preview-cryproxy table tbody {
    border-bottom: solid 15px transparent;
}

.match-preview-cryproxy table tr:hover {
    background: none;
}

.match-preview-cryproxy table .picture {
	position: relative;
    padding-right: 15px;
    width: 310px;
    height: 200px;
}

.match-preview-cryproxy table .picture img {
    width: 310px;
    height: 200px;
    border-radius: 5px;
}

@media(max-width: 920px) {
    .match-preview-cryproxy table .picture {
		display: block;
   		 margin: 0 auto 15px;
    }
}

.match-preview-cryproxy table .picture .title {
	position: absolute;
	top: 0;
    left: 0;
    right: 15px;
    text-align: center;
    height: 48px;
    border-radius: 5px 5px 0 0;
    background: rgba(0, 0, 0, 0.6);
}

.match-preview-cryproxy table .picture .title .name {
    font-size: 1.05em;
    line-height: 16px;
    margin-top: 8px;
}

.match-preview-cryproxy table .picture .title .mode {
    line-height: 16px;
    font-size: 0.8em;
    margin-top: 2px;
}

.match-preview-cryproxy table .description {
    padding-top: 0;
    text-align: left;
    vertical-align: middle;
}

.match-preview-cryproxy table .description p {
    margin: 4px 0;
    font-size: 1em;
}

.match-preview-cryproxy table .description span {
    color: #CCC;
}

.match-container-cryproxy > div {
    display: none;
}

.group > div {
	width: 12px;
    height: 12px;
    margin: 0 auto;
    border-radius: 12px;
}

.group > div.group_1 { background: #F40; } /* красный */
.group > div.group_2 { background: #15b74a; } /* зеленый */
.group > div.group_3 { background: #eed502; } /* желтый */
.group > div.group_4 { background: #FFF; } /* белый */
.group > div.group_5 { background: #d502ee; } /* фиолетовый */
.group > div.group_6 { background: #07afff; } /* голубой */
.group > div.group_7 { background: #ec930d; } /* оранжевый */
.group > div.group_8 { background: #908a8a; } /* серый */

.match-container-cryproxy .rank { width: 85px; }
.match-container-cryproxy .rank span {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background-image: url(https://cdn.wfts.su/ranks/ranks_all.png?v=90);
}

.userbar .rank { width: 85px; }
.userbar .rank span {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background-image: url(https://cdn.wfts.su/ranks/ranks_all.png?v=90);
}

.match-container-cryproxy table .nickname { width: 175px; text-align: left; }

.match-container-cryproxy table .nickname a { color: #FFF !important; }









/* Деление на команды */

.match-container-cryproxy {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 25px;
}

tr.team:hover {
    background: none !important;
}

.teams {
	max-width: 1080px;
    margin: 0 auto;
}

.team .warface {
    font-size: 2em;
    text-align: center;
    color: #0091CF !important;
}

.team .blackwood {
    font-size: 2em;
    text-align: center;
    color: #FB0000 !important;
}

.teams .team {
    width: 500px;
    margin: 0 15px;
}

.team .userbar,
.match-results-cryproxy .userbar {
    position: relative;
    margin: 15px auto;
    width: 360px;
    height: 64px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.team.wf .userbar.group_1 { border-right-color: #F40; } /* красный */
.team.wf .userbar.group_2 { border-right-color: #15b74a; } /* зеленый */
.team.wf .userbar.group_3 { border-right-color: #eed502; } /* желтый */
.team.wf .userbar.group_4 { border-right-color: #FFF; } /* белый */
.team.wf .userbar.group_5 { border-right-color: #d502ee; } /* фиолетовый */
.team.wf .userbar.group_6 { border-right-color: #07afff; } /* голубой */
.team.wf .userbar.group_7 { border-right-color: #ec930d; } /* оранжевый */
.team.wf .userbar.group_8 { border-right-color: #908a8a; } /* серый */

.team.bw .userbar.group_1 { border-left-color: #F40; } /* красный */
.team.bw .userbar.group_2 { border-left-color: #15b74a; } /* зеленый */
.team.bw .userbar.group_3 { border-left-color: #eed502; } /* желтый */
.team.bw .userbar.group_4 { border-left-color: #FFF; } /* белый */
.team.bw .userbar.group_5 { border-left-color: #d502ee; } /* фиолетовый */
.team.bw .userbar.group_6 { border-left-color: #07afff; } /* голубой */
.team.bw .userbar.group_7 { border-left-color: #ec930d; } /* оранжевый */
.team.bw .userbar.group_8 { border-left-color: #908a8a; } /* серый */

.teams .team.no-team {
    width: auto;
    text-align: center;
}

.teams .team.no-team .userbar {
    display: inline-block;
    margin: 15px;
}

.teams .team .userbar .observer {
	position: absolute;
    left: -50px;
    top: 16px;
}

.userbar .stripe,
.userbar .badge,
.userbar .mark {
    position: absolute;
    top: 0;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
}

.userbar .stripe {
    left: 38px;
    width: 256px;
}

.userbar .badge,
.userbar .mark {
    left: 25px;
    width: 64px;
}

.teams .userbar .player,
.match-results-cryproxy .userbar .player {
    position: absolute;
    left: 60px;
    right: 0;
    top: 0;
    bottom: 0;
    padding-left: 10px;
    text-align: left;
}

.teams .userbar .player .rank,
.match-results-cryproxy .userbar .player .rank {
    width: 50px;
    height: 64px;
    float: left;
    margin-right: 5px;
}

.teams .userbar .player .rank span,
.match-results-cryproxy .userbar .player .rank span {
    margin-top: 16px;
}

.teams .userbar .player .clan,
.match-results-cryproxy .userbar .player .clan {
	height: 25px;
    margin-top: 8px;
    font-size: 0.95em;
}

.teams .userbar .player .clan a,
.match-results-cryproxy .userbar .player .clan a {
    color: #EED502 !important;
}

.teams .userbar .player .nickname,
.match-results-cryproxy .userbar .player .nickname {
    font-size: 1.1em;
    margin-top: -5px;
}

.teams .userbar .player .nickname a {
    color: #FFF !important;
}

.teams .userbar .game-class {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
}

.teams .userbar .game-class.rifleman {
	background-image: url(https://cdn.wfts.su/class0_new.png);
}

.teams .userbar .game-class.medic {
	background-image: url(https://cdn.wfts.su/class1_new.png);
}

.teams .userbar .game-class.engineer {
	background-image: url(https://cdn.wfts.su/class2_new.png);
}

.teams .userbar .game-class.recon {
	background-image: url(https://cdn.wfts.su/class3_new.png);
}

.teams .userbar .game-class.heavy {
	background-image: url(https://cdn.wfts.su/class4_new.png);
}


@media(max-width: 1100px) {
    .teams .team {
        float: none !important;
        width: 332px;
        margin: 0 auto 50px;
    }
}

@media(max-width: 400px) {
    .teams .userbar {
    	zoom: 0.8;
    }
}

.teams .team .name {
    display: inline-block;
    vertical-align: middle;
}

.teams .team .winner {
    font-size: 0.5em;
    margin-top: 5px;
    color: #CCC;
}

.team .name {
	display: inline-block;
	vertical-align: middle;
}
.team .name .winner {
	font-size: 0.5em;
	margin-top: 5px;
	color: #CCC;
}







.cryproxy-pages {
	display: block;
	text-align: center;
}

.cryproxy-pages li {
	display: inline-block;
	border: 2px solid #3A4045;
	list-style: none;
}

.cryproxy-pages li a,
.cryproxy-pages li span {
	color: #FFF;
	padding: 15px;
    line-height: 32px;
}

.cryproxy-pages li.active {
	background: #3A4045;
}

.cryproxy-pages li:first-child {
	border-radius: 16px 0 0 16px;
}

.cryproxy-pages li:last-child {
	border-radius: 0 16px 16px 0;
}

/* Карты */

.maps-block {
	margin: 5px 30px auto 65px;
}

.maps-block .map-preview {
	position: relative;
	display: inline-block;
	width: 310px;
	height: 196px;
	color: #FFF;
	border: 1px solid #3A4045;
	background-size: 310px 196px;
	margin: 10px auto 1px 30px;
}

.maps-block .map-preview .title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
}

.maps-block .map-preview .title .difficulty {
	float: left;
	width: 48px;
	height: 48px;
	font-size: 1.4em;
}

.maps-block .map-preview .title .difficulty.training { display: none; }
.maps-block .map-preview .title .difficulty.easy { background-color: #4CBF72; }
.maps-block .map-preview .title .difficulty.normal { background-color: #FB9701; }
.maps-block .map-preview .title .difficulty.hard { background-color: #FB4503; }
.maps-block .map-preview .title .difficulty.survival { background-color: #FB4503; font-size: 2.1em; }

.maps-block .map-preview .title .name {
	font-size: 1.05em;
	line-height: 16px;
	margin-top: 8px;
}

.maps-block .map-preview .title .mode {
	line-height: 16px;
	font-size: 0.8em;
	margin-top: 2px;
}

.maps-block .map-preview .results {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 32px;
	color: #FFF !important;
	text-align: center;
	line-height: 32px;
	background: rgba(0, 0, 0, 0.6);
}

@media (max-width: 795px) {
	.maps-block{
		text-align: center;
	}
}

@media (max-width: 795px) {
	.maps-block{
		text-align: center;
	}
}

/* By default, hide the 'mobile-only' class */
.mobile-only {
	display: none;
}

/* When the screen size is less than 1100px, apply these rules */
@media screen and (max-width: 1100px) {
	/* Hide elements with class 'wide-resolution-only' */
	.wide-resolution-only {
		display: none;
	}
	/* Show elements with class 'mobile-only' */
	.mobile-only {
		display: block;
	}
}

@media screen and (max-width: 1100px) {
	.mobile-table-only {
		display: table;
	}
}

/* Weapon perks */
.mod-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px;
	overflow: hidden; /* Скрыть прокрутку */
}
.mod {
	border: 2px solid transparent;
	margin: 10px;
	width: 150px;
	height: 150px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	background: transparent;
	cursor: pointer;
}
.mod img {
	width: 100px;
	height: 100px;
	margin-top: 25px;
}
.corner {
	position: absolute;
	width: 20px;
	height: 20px;
	background: transparent;
}
.corner.top-left {
	top: 0;
	left: 0;
	border-top: 2px solid;
	border-left: 2px solid;
}
.corner.top-right {
	top: 0;
	right: 0;
	border-top: 2px solid;
	border-right: 2px solid;
}
.corner.bottom-left {
	bottom: 0;
	left: 0;
	border-bottom: 2px solid;
	border-left: 2px solid;
}
.corner.bottom-right {
	bottom: 0;
	right: 0;
	border-bottom: 2px solid;
	border-right: 2px solid;
}
.mod .corner {
	border-color: white;
}
.mod-tooltip {
	display: none;
	position: fixed; /* Изменяем позиционирование */
	background: rgba(0, 0, 0, 0.8);
	padding: 10px;
	border-radius: 5px;
	z-index: 10;
}
.mod:hover .mod-tooltip {
	display: none; /* disabled */
}
.mod-tooltip .common {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5)); /* Белый градиент */
	color: #000;
}
.mod-tooltip .rare {
	background: linear-gradient(90deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0.5)); /* Зеленый градиент */
	color: #000;
}
.mod-tooltip .ultra_rare {
	background: linear-gradient(90deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0.5)); /* Синий градиент */
	color: #fff;
}
.mod-tooltip .legendary {
	background: linear-gradient(90deg, rgba(128, 0, 128, 0.8), rgba(128, 0, 128, 0.5)); /* Фиолетовый градиент */
	color: #fff;
}
.mod-tooltip .elite {
	background: linear-gradient(90deg, rgba(255, 223, 0, 0.8), rgba(255, 223, 0, 0.5)); /* Золотой градиент */
	color: #000;
}
.mod::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 20px;
	border-radius: 50% 50% 0 0;
	background-blend-mode: multiply;
}
.mod.common::before {
	background: radial-gradient(circle at center, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0) 70%),
	linear-gradient(to top, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0));
}
.mod.rare::before {
	background: radial-gradient(circle at center, rgba(0, 255, 0, 0.48), rgba(0, 255, 0, 0) 70%),
	linear-gradient(to top, rgba(0, 255, 0, 0.14), rgba(0, 255, 0, 0));
}
.mod.ultra_rare::before {
	background: radial-gradient(circle at center, rgba(0, 0, 255, 0.48), rgba(0, 0, 255, 0) 70%),
	linear-gradient(to top, rgba(0, 0, 255, 0.14), rgba(0, 0, 255, 0));
}
.mod.legendary::before {
	background: radial-gradient(circle at center, rgba(128, 0, 128, 0.48), rgba(128, 0, 128, 0) 70%),
	linear-gradient(to top, rgba(128, 0, 128, 0.14), rgba(128, 0, 128, 0));
}
.mod.elite::before {
	background: radial-gradient(circle at center, rgba(255, 223, 0, 0.48), rgba(255, 223, 0, 0) 70%),
	linear-gradient(to top, rgba(255, 223, 0, 0.14), rgba(255, 223, 0, 0));
}
.mod::after {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	background: url('https://cdn.wfts.su/perks/buttonselection.png') no-repeat center center;
	background-size: contain;
	display: none;
	pointer-events: none;
	z-index: 1;
}
.mod:hover::after {
	display: block;
}

@font-face {
	font-family: 'Roboto Condensed';
	src: url('/fonts/RobotoCondensed-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

/* Стили для модального окна */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);
	padding-top: 60px;
}

.modal-content {
	font-family: 'Roboto Condensed', Arial, sans-serif;
	margin: 5% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 600px;
	position: relative;
	border-radius: 10px;
	color: #fff;
	background: rgba(0, 0, 0, 0.9);
}

.close {
	color: #aaa;
	position: absolute;
	top: 0px;
	right: 5px;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.rarity-section {
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 5px;
	background: #444;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 20px;
}

.rarity-section img {
	width: 100px;
	height: 100px;
	border-radius: 10px;
}

.rarity-section h3 {
	margin: 0;
	position: relative;
	display: inline-block;
}

.rarity-section p {
	margin: 0;
	padding: 0;
}

.rarity-section.common {
	border-left: 10px solid rgba(255, 255, 255, 0.8);
}

.rarity-section.rare {
	border-left: 10px solid rgba(0, 255, 0, 0.8);
}

.rarity-section.ultra_rare {
	border-left: 10px solid rgba(0, 0, 255, 0.8);
}

.rarity-section.legendary {
	border-left: 10px solid rgba(128, 0, 128, 0.8);
}

.rarity-section.elite {
	border-left: 10px solid rgba(255, 223, 0, 0.8);
}

.token-container {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.token-container img {
	width: 24px;
	height: 24px;
	margin-right: 5px;
}

.token-count {
	font-family: 'WarfaceRegularRussian', Arial, sans-serif;
	font-size: 18px;
	color: #fff;
}

/* userbar 2.0 */
.ts-userbar-v2 .userbar .stripe {
	left: 57px;
	width: 512px;
	z-index: -1000;
}

.ts-userbar-v2 {
	position: relative;
	width: 900px;
}

.teams .userbar .player,
.ts-userbar-v2 .userbar .player {
	position: absolute;
	left: 75px;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: left;
}

.ts-userbar-v2 .userbar {
	display: flex;
	align-items: center;
}

.team .userbar,
.ts-userbar-v2 .userbar {
	position: relative;
	width: 380px;
	height: 64px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.teams .userbar .player .clan,
.ts-userbar-v2 .userbar .player .clan {
	height: 25px;
	margin-top: 8px;
	font-size: 0.95em;
}

.teams .userbar .player .clan a,
.ts-userbar-v2 .userbar .player .clan a {
	color: #cbcbcb !important;
}

.teams .userbar .player .rank,
.ts-userbar-v2 .userbar .player .rank {
	width: 50px;
	height: 64px;
	float: left;
}

.teams .userbar .player .rank span,
.ts-userbar-v2 .userbar .player .rank span {
	margin-top: 16px;
}

.teams .userbar .player .nickname,
.ts-userbar-v2 .userbar .player .nickname {
	font-size: 1.1em;
	margin-top: -5px;
	width: 350px;
}

.ts-userbar-v2 .userbar .player .nickname {
	font-size: 1.1em;
	margin-top: -5px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.ts-userbar-v2 .userbar .player .clan {
	height: 25px;
	margin-top: 8px;
	font-size: 0.95em;
	color: #EED502;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.ts-userbar-v2 .right-text {
	font-size: 0.9em;
	color: #EED502;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
	white-space: nowrap;
}

.ts-userbar-v2 .userbar .badge {
	z-index: -900;
}

.ts-userbar-v2 .userbar .mark {
	z-index: -800;
}

.ts-userbar-v2 .userbar .stripe {
	z-index: -1000;
}

.ts-userbar-v2 {
	display: flex;
	align-items: center;
	width: 576px;
	height: 64px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	transform-origin: center;
	justify-content: center;
	transform: scale(1.3);
}

.ts-userbar-v2 .left-icon {
	width: 64px;
	height: 64px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ts-userbar-v2 .left-icon img {
	width: 64px;
	height: 64px;
	object-fit: contain;
}

@media screen and (max-width: 445px) {
	.ts-userbar-v2 .left-icon {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	.ts-userbar-v2 .userbar .player .nickname {
		font-size: 0.95em;
	}
}

@media screen and (max-width: 768px) {
	.ts-userbar-v2 {
		width: 100%;
		max-width: 576px;
		transform: scale(1);
		height: 64px;
		margin: 10px auto;
	}

	.ts-userbar-v2 .left-icon {
		margin-right: -30px;
		width: 64px;
		height: 64px;
	}

	.ts-userbar-v2 .left-icon img {
		width: 124px;
		height: 124px;
	}

	.ts-userbar-v2 .nickname {
		font-size: 0.95em;
	}

	.ts-userbar-v2 .right-text {
		display: none;
	}
}

/* PROFILE CARDS */
.ranks-wrapper {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	max-width: 650px;
	margin: 0 auto;
}

.rank-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: linear-gradient(145deg, #1f1f1f, #2c2c2c);
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
	width: 300px;
	color: #ffffff;
	min-width: 300px;
}

.rank-header {
	font-size: 14px;
	color: #b0b0b0;
	margin-bottom: 5px;
}

.rank-content {
	display: flex;
	align-items: center;
}

.rank-icon {
	width: 64px;
	height: 64px;
	margin-right: 15px;
}

.rank-info {
	display: flex;
	flex-direction: column;
}

.rank-name {
	font-size: 20px;
	font-weight: bold;
	color: #ffc800;
}

.rank-rp {
	font-size: 16px;
	color: #e0e0e0;
}

@media (max-width: 600px) {
	.ranks-wrapper {
		flex-direction: column;
		align-items: center;
	}

	.rank-container {
		width: 100%;
		max-width: 300px;
		margin-bottom: 15px;
	}
}