@charset "utf-8";

@font-face {
    font-family: 'pf_din_text_comp_promedium';
    src: url('fonts/pfdintextcomppro-medium-webfont.eot');
    src: url('fonts/pfdintextcomppro-medium-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/pfdintextcomppro-medium-webfont.woff') format('woff'),
         url('fonts/pfdintextcomppro-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'pf_din_text_comp_prothin';
    src: url('fonts/pfdintextcomppro-thin-webfont.eot');
    src: url('fonts/pfdintextcomppro-thin-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/pfdintextcomppro-thin-webfont.woff') format('woff'),
         url('fonts/pfdintextcomppro-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

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

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none
}

[hidden] {
	display: none
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

figure {
	margin: 0
}

form {
	margin: 0
}

small, .small {
	font-size: 12px
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal
}

option {
	padding: 4px 0 4px 12px
}

option[disabled] {
	color: gray;
	font-style: italic
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button, input {
	line-height: normal
}

button, input[type="button"], input[type="reset"], input[type="submit"], .pointer {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible
}

input[type="button"].fifthType, input[type="submit"].fifthType {
	padding: 0 22px
}

button[disabled], input[disabled] {
	cursor: default
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input:focus, input:active, textarea:active, input, textarea {
	outline: none;
}

*:focus, * {
	outline: none
}

abbr[title], .abbr {
	border-bottom: 1px dotted
}

b, strong, .bold {
	font-weight: bold
}

blockquote {
	padding: 0 40px
}

dfn {
	font-style: italic
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 15px 0;
	padding: 0
}

pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em;
	font-size: 10px
}

sub {
	bottom: -0.25em
}

ul {
	padding: 0;
	margin: 0
}

ul li {
	list-style: none;
	padding: 0 0 0 17px;
	margin: 0 0 16px 0
}

ol {
	padding: 0;
	margin: 0
}

ol li {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 0;
	background: none;
	margin: 0 0 16px 0
}

ol, ul {
	margin: 0 0 30px 0
}

dd, dt, dd {
	margin: 0
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}

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

table a {
	color: #323232
}

td {
	line-height: normal;
	height: 40px;
	padding: 7px 10px;
	border: 1px solid #c4c4c4;
	color: #868686
}

thead td {
	height: 35px;
	border-bottom: none
}

tr:first-child td {
	border-top: none
}

:focus {
	outline: none
}

a {
	color: #909090
}

a:hover {
	text-decoration: underline
}

a:hover, a:active {
	outline: 0
}

html {
	overflow: auto
}

html, body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: 'arial', 'helvetica cy', sans-serif;
	color: #6e6e6e;
	background-color: #000
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0
}

h1, .h1 {
	margin: 0 0 18px 0;
	line-height: 50px;
	font-size: 40px;
	letter-spacing: 1px;
	font-family: 'pf_din_text_comp_prothin', 'arial', 'helvetica cy', sans-serif;
	color: #ecf400;
	text-transform: uppercase
}

h2, .h2 {
	margin: 0 0 18px 0;
	line-height: 50px;
	font-size: 30px;
	letter-spacing: 5px;
	font-family: 'pf_din_text_comp_prothin', 'arial', 'helvetica cy', sans-serif;
	color: #ecf400;
	text-transform: uppercase
}

h3, .h3 {
	margin: 0 0 24px 0;
	line-height: 40px;
	font-size: 20px;
	letter-spacing: 4px;
	font-family: 'pf_din_text_comp_prothin', 'arial', 'helvetica cy', sans-serif;
	color: #ecf400;
	text-transform: uppercase
}

h3 sup, .h3 sup {
	text-transform: none;
	font-size: 30px
}

h5, .h5 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 20px;
	font-family: 'arial', 'helvetica cy', sans-serif
}

.patternBg h5, .patternBg .h5 {
	color: #fff
}

h6, .h6 {
	margin: 0 0 12px 0;
	font-weight: bold;
	font-size: 14px
}

.subTitle {
	margin: 0 0 30px 0;
	font-size: 26px;
	font-family: 'pf_din_text_comp_prothin', serif;
	color: #b7b7b7
}

p {
	margin: 0 0 22px 0;
	line-height: 22px
}

.white {
	color: #fff !important
}

/* INPUTS */
input, textarea {
    outline: none
}

input:active, textarea:active {
    outline: none
}

input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder {
  color: #868686;
  opacity: 1 !important
}

input[type="text"]:focus::placeholder, input[type="password"]:focus::placeholder, input[type="email"]:focus::placeholder {
  color: #fff;
  opacity: 0 !important
}

input[disabled], textarea[disabled] {
	background: #DCDCDC !important
}

textarea {
	padding: 7px;
	border: 1px solid #d6d6d6;
	line-height: normal\9;
	//font-style: italic;
	//color: #a7a7a7
}

textarea::placeholder{
  color: #a7a7a7;
  opacity: 1 !important
}

textarea:focus::placeholder{
  color: #fff;
  opacity: 0 !important
}

/* BUTTONS */
button, .button {
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	box-sizing: border-box;
	height: 35px;
	padding: 0;
	border: 1px solid #868686;
	line-height: normal;
	white-space: nowrap;
	border-radius: 3px;
	font-size: 14px;
	color: #868686;
	text-align: center;
	vertical-align: middle;
	position: relative
}

button span, .button span {
	display: block;
	height: 25px
}

.button:not(.active) {
	cursor: pointer
}

button:hover, .button:hover {
	text-decoration: none
}

button.firstType, .button.firstType {
	background: linear-gradient(to bottom,  #4d4d4d 0%,#2f2f2f 100%)
}

button.firstType:hover, .button.firstType:hover {
	color: #868686 !important;
	background: linear-gradient(to bottom, #2f2f2f 0%,#4d4d4d 100%)
}

button.firstType span, .button.firstType span {
	padding: 8px 10px 0
}

button.firstType, .button.firstType {
	vertical-align: top
}

.firstType[disabled] {
	cursor: default;
	background: none
}

.firstType[disabled]:hover {
	background: none
}

button.secondType, .button.secondType {
	margin: 0 0 20px 10px;
	font-weight: bold;
	text-transform: uppercase
}

button.thirdType, .button.thirdType {
	min-width: 28px;
	background-color: #fff
}

button.fourthType, .button.fourthType {
	min-width: 27px;
	height: 27px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
}

button.fourthType:hover, .button.fourthType:hover {
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff));
	background: -o-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e6e6e6 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 )
}

button.fourthType span, .button.fourthType span, input[type="submit"], input[type="button"] {
	height: 23px;
	padding: 3px 6px 0
}

button.fifthType, .button.fifthType {
	height: 46px;
	border: none;
	font-size: 18px;
	color: #fff;
	background: -moz-linear-gradient(top,  #00dc15 0%, #37910a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00dc15), color-stop(100%,#37910a));
	background: -o-linear-gradient(top,  #00dc15 0%,#37910a 100%);
	background: -ms-linear-gradient(top,  #00dc15 0%,#37910a 100%);
	background: linear-gradient(to bottom,  #00dc15 0%,#37910a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dc15', endColorstr='#37910a',GradientType=0 )
}

button[disabled].fifthType, button[disabled].fifthType:hover {
	background: linear-gradient(to bottom, white -10%, gray 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important
}

button.fifthType:hover, .button.fifthType:hover {
	background: -moz-linear-gradient(top,  #37910a 0%, #00dc15 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37910a), color-stop(100%,#00dc15));
	background: -o-linear-gradient(top,  #37910a 0%,#00dc15 100%);
	background: -ms-linear-gradient(top,  #37910a 0%,#00dc15 100%);
	background: linear-gradient(to bottom,  #37910a 0%,#00dc15 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37910a', endColorstr='#00dc15',GradientType=0 )
}

button.fifthType span, .button.fifthType span {
	height: 34px;
	padding: 8px 12px 0
}

a.button.fifthType span {
	padding: 12px 12px 0
}

button.simple, .button.simple {
	height: 26px;
	border: 1px solid #979797;
	border-radius: 0;
	color: #646464;
	background: #fff;
	margin-top: 4px
}

button.simple span, .button.simple span {
	height: 20px;
	padding: 4px 6px 0
}

button.simple:hover, .button.simple:hover, button.simple.active, .button.simple.active {
	color: #fff;
	background: #99988c
}

.playFree, .playFreeLoad {
	width: 309px;
	height: 84px;
	border: none;
	border-radius: 16px;
	box-shadow: 0 0 8px 6px #000;
	margin: 0 0 0 -155px;
	letter-spacing: 3px;
	font-size: 30px;
	font-family: 'pf_din_text_comp_promedium', serif;
	color: #fff;
	text-transform: uppercase;
	background: url('images/play-free.png') no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 50px;
	left: 30%;
	z-index: 10
}

.playFreeLoad {
	left: 70%;
	padding-bottom: 3rem;
	outline: none
}

.playFree span, .playFreeLoad span {
	height: 59px;
	padding: 25px 20px 0 20px
}

.playFree img, .playFreeLoad img {
	max-width: 100%
}

.playFree:hover img, .playFreeLoad:hover img {
	opacity: 0.8
}

.playFree:hover, .playFreeLoad:hover {
	background-position: 0 -84px
}

.basketBut {
	width: 60px;
	height: 45px;
	border: none;
	border-radius: 0;
	background: #2cd31f url('images/ico-1.png') center no-repeat;
	text-indent: -9999px;
	vertical-align: top
}

.basketBut:hover {
	background: #2cd31f url('images/ico-1.png') center no-repeat
}

.hasSelect {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 0 4px;
	vertical-align: middle;
	position: relative
}

.hasSelect.firstType button span {
	padding: 4px 20px 0 10px
}

.hasSelect.firstType button:after, .hasSelect.firstType .button:after {
	content: '';
	display: block;
	width: 5px;
	height: 3px;
	background: url('images/marker-2.png');
	position: absolute;
	top: 16px;
	right: 10px
}

.hasSelect ul {
	display: none;
	border: 1px solid #868686;
	border-radius: 3px;
	text-align: left;
	position: absolute;
	top: 38px;
	right: 0;
	z-index: 20;
	box-sizing: border-box;
	min-width: 100%;
	padding: 0;
	white-space: normal;
	box-shadow: 0 3px 3px #c7c7c7
}

.hasSelect.firstType ul {
	background: #fff;
	white-space: nowrap
}

.hasSelect.secondType ul {
	background: #fff
}

.hasSelect ul li {
	color: #868686;
	padding: 7px 10px;
	margin: 0;
	border-bottom: 1px solid #ededed;
	font-size: 12px;
	background: none
}

.hasSelect ul li:first-child {
	padding: 7px 10px
}

.hasSelect ul a {
	text-decoration: none;
	color: #324e5d
}

.hasSelect ul a:hover {
	color: #76756c
}

.hasSelect.secondType button span {
	padding: 8px 30px 0 10px
}

.hasSelect.secondType button:after, .hasSelect.secondType .button:after {
	content: '';
	display: block;
	width: 7px;
	height: 4px;
	background: url('images/marker-3.png');
	position: absolute;
	top: 16px;
	right: 10px
}

.attach {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    position: relative;
	overflow: hidden
}

.attach input[type="file"] {
    direction: ltr;
    cursor: pointer;
    position: absolute;
    left: -100%;
    top: 0;
    opacity: 0;
    font-size: 50px
}

.path {
    font-size: 10px
}

/*===============================================================================================================
  ===== [ WRAPPER START ] =======================================================================================
  =============================================================================================================*/
.main {
	height: auto !important;
    min-height: 100%;
    min-width: 320px;
    overflow: hidden;
    width: 100%;
    background-color: #222022
}

.wrapper {
	position: relative
}

/*===============================================================================================================
  ===== [ HEADER START ] ========================================================================================
  =============================================================================================================*/
#header {
	width: 100%;
	height: 100px;
	background: url('images/head-bg.jpg') repeat-x;
	position: relative;
}

/*===== [ MAIN NAV START ] =======================================================================================*/

.mainNav {
	padding: 12px 0 0 0
}

.mainNav > ul {
	text-align: justify;
	text-justify: newspaper
}

.mainNav > ul:after {
	content: '.';
	display: inline-block;
	visibility: hidden;
	height: 0;
	margin-left: 100%
}

.mainNav > ul > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 0 30px 0;
	font-size: 20px;
	font-family: 'pf_din_text_comp_promedium', 'arial', 'helvetica cy', sans-serif;
	color: #99988c;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	z-index: 40
}

.mainNav > ul > li > a, .mainNav > ul > li > span {
	text-decoration: none;
	display: inline-block;
	padding: 45px 0 0 0;
	background-image: url('images/main-menu-sprite.png');
	background-repeat: no-repeat
}

.mainNav > ul > li.active > a {
	cursor: default
}

.mainNav > ul > li > ul {
	display: none;
	padding: 20px;
	border: 1px solid #51504b;
	border-radius: 7px;
	background: #222;
	position: absolute;
	top: 90px;
	z-index: 40
}

.mainNav > ul > li > ul:after {
	content: '';
	display: block;
	width: 30px;
	height: 10px;
	margin: 0 0 0 -15px;
	background: url('images/marker-1.png') no-repeat;
	position: absolute;
	top: -10px
}

.mainNav > ul > li > ul > li a {
	text-decoration: none;
	display: block;
	width: 100%;
}

.mainNav > ul > li > ul > li a:hover, .mainNav > ul > li > a:hover {
	color: #d38728 !important
}

.mainNav > ul > li:hover > ul {
	display: block
}

.mainNav > ul > li > ul > li {
	white-space: nowrap;
	padding: 20px 0 0 0
}

.mainNav > ul > li > ul > li:first-child {
	padding: 0
}

.mainNav .nav-1 a, .mainNav .nav-1 span {
	background-position: center 8px
}

.mainNav .nav-2 a, .mainNav .nav-2 span {
	background-position: center -58px
}

.mainNav .nav-3 a, .mainNav .nav-3 span {
	background-position: center -128px
}

.mainNav .nav-4 a, .mainNav .nav-4 span {
	background-position: center -201px
}

.mainNav .nav-5 a, .mainNav .nav-5 span {
	background-position: center -276px
}

.mainNav .nav-6 a, .mainNav .nav-6 span {
	background-position: center -353px
}

.mainNav .nav-7 a, .mainNav .nav-7 span {
	background-position: center -430px
}

.mainNav ul, .firstMiddleMenu ul, .pagination ul, .pagination li {
	margin: 0
}

.mainNav li, .secondMiddleMenu li, .fadingCarousel li {
	padding: 0;
	margin: 0;
	background: none
}

.triggerNav {
	display: none;
	width: 27px;
	height: 31px;
	background: url('images/trigger-nav.png') no-repeat;
	position: absolute;
	top: 30px;
	right: 30px
}

/*===============================================================================================================
  ===== [ CONTENT START ] =======================================================================================
  =============================================================================================================*/

/*===== [ BACKGROUNDS START ] =======================================================================================*/
.bg1,.bg2,.bg3,.bg4,.bg5,.bg6,.bg7,.bg8,.bg9,.bg10,.bg11,.bg13,.bg400,.bg403,.bg404,.bg500,.bg503 {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover
}

.bg1 {
	background-image: url('images/bg-1.jpg');
	background-position: center top
}

.bg2 {
	background-image: url('images/bg-2.jpg')
}

.bg3 {
	background-image: url('images/bg-3.jpg')
}

.bg4 {
	background-image: url('images/bg-4.jpg')
}

.bg5 {
	background-image: url('images/bg-5.jpg')
}

.bg6 {
	background-image: url('images/bg-6.jpg')
}

.bg7 {
	background-image: url('images/bg-7.jpg')
}

.bg8 {
	background-image: url('images/bg-8.jpg')
}

.bg9 {
	background: #000 url('images/bg92.jpg') center
}

.bg10 {
	background-image: url('images/bg-10.jpg')
}

.bg11 {
	background-image: url('images/bg-11.jpg');
	background-position: center top
}

.bg12 {
	background: rgba(0, 0, 0, 0.6) center top;
}

.bg13 {
	background-image: url('images/bg-13.jpg');
	background-position: center top
}

.bg14 {
	background: url('images/bg-14.jpg') center top no-repeat
}

.bg403, .bg400 {
	background-image: url('images/b-403.jpg')
}

.bg404 {
	background-image: url('images/b-404.jpg')
}

.bg500, .bg503 {
	background: #000 url("images/b-503.jpg") center top no-repeat !important
}

.bg500 pre, .bg503 pre, .bg404 pre {
	background-color: #fffff0;
	padding: 4px;
	font-size: 0.96em;
	overflow-x: auto
}

/*===== [ CONTENT START ] =======================================================================================*/

#content {
	width: 100%;
	padding: 50px 0;
	margin: 0;
	background-color: #000
}

.primary #content {
	padding: 0
}

/*===== [ MAIN BANNER START ] =======================================================================================*/
.mainBanner .text {
	position: absolute;
	bottom: 30px
}

.logo {
	display: block;
	width: 237px;
	margin: 0 0 0 -119px;
	position: absolute;
	top: 23px;
	left: 50%;
	z-index: 30
}

.logo img {
	max-width: 100%
}

.slogan {
	margin: 0 0 0 -228px;
	position: absolute;
	top: 310px;
	left: 50%;
	z-index: 30
}

.slogan img {
	max-width: 100%
}

/*===== [ WELCOME TEXT START ] =======================================================================================*/
.welcomeText {
	padding: 110px 0
}

.welcomeText .innerWrap {
	padding: 35px 33px;
	background: #040602
}

.welcomeText p {
	margin: 0 0 22px 0;
	line-height: 22px;
	font-size: 16px
}

.welcomeText p:last-child {
	margin: 0
}

/*===== [ TOP BLOCK START ] =======================================================================================*/

.patternBg {
	background: url('images/pattern-1.png')
}

.topBlock {
	padding: 20px 25px 0
}

.topBlock p {
	margin: 0 0 20px 0;
	color: #acacac
}

.topBlock .pagination {
	margin: 0
}

.accaunt .img {
	margin: 5px 26px -170px 0;
	height: 210px;
	background: transparent
}

.accaunt .img img {
	max-width: 100%;
	border: 1px solid #fff;
	box-shadow: 0 0 0 1px #8f8f8f
}

.clanlogo {
	position: relative;
	border: 1px solid #fff;
	box-shadow: 0 0 0 1px #8f8f8f;
	width: 210px;
	height: 210px;
	background: gray;
	text-align: center
}

.sendButWrap {
	padding: 3px 0 0 0;
	margin: 0 0 20px 0
}

.w50per {
	width: 50%
}

.firstTypeTwoColumns {
	padding: 25px;
	background: #fff
}

.firstTypeTwoColumns .pagination {
	padding: 0;
	margin-bottom: 15px
}

.market {
	width: 100%;
	height: auto;
	margin: 0 0 32px 0;
	background: #4e4e4e
}

.market .img {
	text-align: center
}

.market .img img {
	max-width: 100%
}

.market .title {
	padding: 30px 35px;
	font-size: 26px;
	font-family: 'arial', serif;
	color: #fff
}

.market .img {
	padding: 0 20px
}

.rebateItem {
	margin: 0 0 0 40px;
	background: #000
}

.rebateItem .img {
	position: relative
}

.rebateItem .text {
	padding: 15px 18px;
	background: #232323
}

.rebateItem .title {
	margin: 0 0 7px 0;
	font-size: 18px;
	color: #fff
}

.rebateItem p {
	margin: 0 0 5px 0
}

/*===== [ SIDEBAR START ] =======================================================================================*/

.sideBar {
    width: 264px
}

.sideBar.fl {
	padding: 0;
	margin: 0
}

.sideBar.fr {
	margin: 0 0 0 26px
}

.sideBlock {
	padding: 15px 0 0 0;
	margin: 8px 0 18px 0;
	border-top: 1px solid #c9c9c9
}

.sideBlock:first-child {
	padding: 0;
	border-top: none
}

.sideBlock p {
	margin: 0 0 5px 0
}

.clanUsers .img {
	width: 82px;
	height: 82px;
	margin: 0 10px 0 0;
	border: 1px solid #8f8f8f;
	float: left
}

.clanUsers .img img {
	max-width: 100%
}

.clanUsers .text {
	padding: 4px 0;
	overflow: hidden
}

.clanUsers .text p {
	margin: 0
}

.firstAvatarList ul {
	display: table;
	width: 276px;
	padding: 12px 0;
	font-size: 0
}

.firstAvatarList li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 33px;
	height: 32px;
	margin: 0 11px 12px 0;
	border: 1px solid #8f8f8f;
	font-size: 14px;
	overflow: hidden
}

.firstAvatarList li img {
	max-width: 100%
}

.instruction {
	width: 224px;
	min-height: 374px;
	padding: 15px 24px;
	margin: 0 0 0 40px;
	border: 4px solid #363636;
	background: #fff
}

.instruction .title {
	font-weight: bold;
	font-size: 18px;
	color: #000
}

.secondSearch {
	*zoom: 1;
	margin: 0 0 10px 0;
	position: relative
}

.secondSearch:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0
}

.secondSearch input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 33px;
	padding: 0 36px 0 10px;
	border: 1px solid #868686;
	border-radius: 3px;
}
.secondSearch input[type="submit"] {
	width: 36px;
	height: 33px;
	padding: 0;
	border: none;
	text-indent: -9999px;
	background: url('images/ico-3.png') center no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

/*===== [ MAIN GALLERY START ] =====================================================================================*/
.mainGallery {
	padding: 90px 0;
}

/*===== [ INNER GALLERY START ] =====================================================================================*/
.firstTypeCarousel.innerGallery {
	padding: 5px 0;
	margin: 0 0 35px 0;
}

.firstTypeCarousel.innerGallery:last-child {
	margin: 0 0 35px 0;
}

.firstTypeCarousel.innerGallery.video {
	margin: 0 0 65px 0;
}

.innerGallery h2, .innerGallery .h2 {
	margin: 0 0 40px 0;
}

.firstTypeCarousel.innerGallery.video p {
	font-size: 18px;
}

.firstTypeCarousel.innerGallery.video li, .firstTypeCarousel.innerGallery.pictures li {
	width: 270px;
}

.firstTypeCarousel.innerGallery.video li a img, .firstTypeCarousel.innerGallery.pictures li a img {
	display: block;
}

.firstTypeCarousel.innerGallery.video li a, .firstTypeCarousel.innerGallery.pictures li a {
	width: 266px;
	height: 188px;
	display: block;
	border: 2px solid #696969;
	position: relative;
	margin-bottom: 16px;
}

.firstTypeCarousel.innerGallery.video li {
	height: 250px;
	margin: 10px;
	text-align: center;
}

.firstTypeCarousel.innerGallery.video li a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7) url('images/play-but.png') center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

/*===== [ ABOUT CLAN START ] =====================================================================================*/
.clanInfo {
	padding: 105px 0;
}
.clanInfo .innerWrap {
	padding: 40px 50px;
	background: #040602;
}
.aboutClan {
	*zoom: 1;
}
.aboutClan:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
.aboutClan .img {
	width: 141px;
	height: 183px;
	margin: 0 50px 50px 0;
	line-height: 183px;
	text-align: center;
	position: relative;
	float: left;
}
.aboutClan .img:after {
	content: '';
	display: block;
	width: 163px;
	height: 224px;
	background: url('images/mask-2.png') no-repeat;
	position: absolute;
	top: -17px;
	left: -11px;
}
.aboutClan .img img {
	max-width: 100%;
}
.aboutClan .text {
	overflow: hidden;
}

/*===== [ STORE START ] =======================================================================================*/
.store {
	padding: 170px 0;
}
.store .innerWrap {
	padding: 24px 40px 0;
	background: #010101;
}
.store .name {
	font-size: 22px;
	color: #000;
	position: absolute;
	top: 30px;
	left: 28px;
}
.store .title {
	margin: 0 0 20px 0;
	font-size: 26px;
	color: #fff;
}

.store .caroufredsel_wrapper {
	height: 100%;
}
.store li {
	background: #1a1a1a;
}
.store .img {
	position: relative;
	float: left;
}
.store .img img {
	max-width: 100%;
}

.itemAbout {
	padding: 22px 30px;
	overflow: hidden;
	position: relative;
	min-height: 480px;
}

.itemAbout .title {
	margin-bottom: 6px;
	font-weight: bold;
}

.store p, .itemAbout p {
	margin: 0 0 6px 0;
	color: #fff;
}

.itemAbout p a {
	color: inherit
}

.itemAbout .tag {
	font-size: 11px
}

.store em, .itemAbout em {
	font-style: normal;
	color: #7a7a7a;
}

.store .basket, .itemAbout .basket {
	display: table;
	font-size: 0;
}

.store .price, .itemAbout .price {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 12px;
	margin: 0 6px 0 0;
	border: 1px solid #2cd31f;
	line-height: 43px;
	font-size: 20px;
	color: #2cd31f;
	text-transform: uppercase;
	vertical-align: top;
}

/*===== [ MIDDLE START ] =======================================================================================*/

.middle {
    overflow: hidden
}

.status {
	padding: 8px 10px;
	margin: 0 0 12px 0;
	border: 1px solid #979797
}

.lkButWrap {
	margin: 0 0 20px 0
}

.testimonials li {
	padding: 10px 0 22px 0;
	border-top: 1px solid #c9c9c9
}

.testimonials .img {
	width: 52px;
	margin: 0 16px 0 0;
	border: 1px solid #8f8f8f;
	float: left
}

.testimonials .img img {
	max-width: 100%
}

.testimonials .text {
	overflow: hidden
}

.testimonials .text p {
	margin: 0 0 4px 0
}

.testimonials .text img {
	border: 1px solid #8f8f8f
}

.testimonials .text p:last-child {
	margin: 0
}

.yourComment {
	padding: 5px;
	border: 1px solid #e8e8e8
}

/*===== [ ROLE CHOOSE START ] =======================================================================================*/

.roleChoose {
	padding: 38px 0 40px
}

.profList {
	position: relative
}

.profList ul {
	*zoom: 1
}

.profList ul:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0
}

.profList li {
	float: left;
	width: 236px;
	margin: 0 2px 35px 0;
	font-size: 14px;
	vertical-align: top
}

.profList .text {
	padding: 10px 9px;
	height: 217px;
	background: rgba(0,0,0,0.8);
	overflow: hidden
}

.profList p {
	margin: 0
}

.profList .title {
	margin: 0 0 7px 0;
	font-size: 18px;
	color: #f6ff00
}

.profList li, .weaponsList li {
	padding: 0 0 5px 0;
	background: none
}

.profList li:hover, .weaponsList li:hover {
	padding: 0;
	border-bottom: 5px solid #ecf400
}

.profList a:hover, .weaponsList a:hover {
	text-decoration: none
}

/*===== [ GAME WORLD START ] =======================================================================================*/

.gameWorld {
	height: 760px;
	padding: 0;
}
.gameWorld .text {
	padding: 30px 50px;
	background: rgba(0,0,0,0.8);
	position: absolute;
	bottom: 35px;
}
.gameWorld .text p {
	margin: 0;
}

/*===== [ WEAPONS START ] =======================================================================================*/
.weapons {
	padding: 2rem 0 12rem 0;
	min-height: 540px;
	background-repeat: repeat-y
}

#weapons>.tac {
	position: absolute;
	bottom: -160px;
	width: 100%
}

.weaponsList li {
	width: 236px;
	margin: 0 2px 0 0
}

.weaponsList .img {
	width: 100%;
	height: 193px;
	line-height: 193px;
	text-align: center;
	background: #000
}

.weaponsList .text {
	padding: 14px 17px;
	height: 179px;
	background: rgba(0,0,0,0.8);
	overflow: hidden
}
.weaponsList .title {
	margin: 0 0 8px 0;
	font-size: 18px;
	color: #f6ff00
}

/*===== [ AVATAR CHOOSE START ] =======================================================================================*/
.avatarChoose {
	padding: 10px 0;
	margin: 0 0 10px 0;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9
}

.avatarChoose .img {
	width: 52px;
	height: 51px;
	margin: 0 45px 0 0;
	border: 1px solid #8f8f8f;
	float: left;
	overflow: hidden;
}
.avatarChoose .img img {
	max-width: 100%;
}
.avatarChoose .buttons {
	padding: 8px 0 0 0;
	position: relative;
	overflow: hidden;
}
.avatarChoose .buttons button {
	margin: 0 10px 0 0;
}
.avatarChoose .path {
	padding: 5px 0 0 0;
}

/*===== [ PERS THUMBNAIL START ] =======================================================================================*/
.persThumb .img {
	width: 82px;
	height: 80px;
	border: 1px solid #8f8f8f;
	float: left;
	overflow: hidden;
	margin: 0 15px 0 0;
}
.persThumb .img img {
	max-width: 100%;
}

/*===== [ SECOND UNIVERSAL START ] =======================================================================================*/
.secondUniversalList {
	position: relative;
}
.secondUniversalList li {
	*zoom: 1;
	padding: 0 0 24px 0;
	margin: 0 0 24px 0;
	border-bottom: 1px solid #ccc;
}
.secondUniversalList li:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
.secondUniversalList .img {
	width: 109px;
	height: 109px;
	margin: 0 14px 0 0;
	border: 1px solid #8f8f8f;
	float: left;
}
.secondUniversalList .img img {
	max-width: 100%;
}
.secondUniversalList .text {
	position: relative;
	overflow: hidden;
}
.secondUniversalList p:last-child {
	margin: 0;
}
.secondTypeTitle {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.secondUniversalList button, .secondUniversalList .button {
	position: absolute;
	top: 0;
	right: 0;
}
.secondFilter {
	padding: 0 0 24px 0;
	margin: 0 0 24px 0;
	border-bottom: 1px solid #ccc;
}

/*===== [ THIRD UNIVERSAL START ] =======================================================================================*/

.thirdUniversalList li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 198px;
	margin: 0 0 25px 0;
	vertical-align: top
}

.thirdUniversalList li.helper {
	height: 0;
	margin: 0
}

.thirdUniversalList .img {
	height: 136px;
	line-height: 136px;
	margin: 0 0 10px 0;
	text-align: center;
	vertical-align: middle;
	position: relative
}

.thirdUniversalList .img img {
	max-width: 100%
}

.thirdUniversalList .text {
	padding: 0 10px
}

.thirdUniversalList .title {
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #fff
}

.thirdUniversalList p {
	margin: 0
}

/*===== [ FOURTH UNIVERSAL START ] =======================================================================================*/

.fourthUniversalList li, .fourthUniversalList > div {
	*zoom: 1;
	padding: 30px;
	margin: 0 0 10px 0;
	background: rgba(0,0,0,0.6);
}

.fourthUniversalList li:after, .fourthUniversalList > div:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
.fourthUniversalList .img {
	width: 195px;
	margin: 0 20px 0 0;
	border: 2px solid #4e4e4e;
	float: left;
}
.fourthUniversalList .img img {
	max-width: 100%;
}
.fourthUniversalList .text {
	overflow: hidden;
}
.fourthUniversalList .title {
	margin: 0 0 12px 0;
	font-size: 18px;
	color: #fff;
}
.fourthUniversalList .title a {
	color: #ecf400;
}
.fourthUniversalList p {
	color: #b7b7b7;
}

/*===== [ FIFTH UNIVERSAL START ] =======================================================================================*/

.fifthUniversalList ul {
	display: table;
	width: 103%;
	font-size: 0
}

.fifthUniversalList li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 10px 10px 0;
	font-size: 14px
}

.fifthUniversalList a {
	display: block;
	width: 101px;
	height: 65px;
	border: 1px solid #868686;
	border-radius: 3px;
	line-height: 65px;
	text-align: center
}

.fifthUniversalList a:hover {
	box-shadow: inset 0 0 10px #ccc
}

.fifthUniversalList img {
	max-width: 100%
}

/*===== [ NEWS DETAIL START ] =======================================================================================*/

.fourthUniversalList.detail .title {
	margin: 0 0 20px 0;
	font-size: 28px;
	color: #ecf400;
	text-transform: uppercase
}

.fourthUniversalList.detail .date {
	margin: 0 0 20px 0;
	color: #3c3c3c
}

.fourthUniversalList .img:hover {
	border-color: #ecf400
}

.explain {
	margin: 0 0 20px 0;
}

/*===== [ FIRST MIDDLE MENU START ] =======================================================================================*/
.firstMiddleMenu {
	padding: 12px 15px;
	margin: 0 0 15px 0;
	background: url('images/pattern-1.png')
}

.firstMiddleMenu li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 40px 0 0;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	vertical-align: top
}

.firstMiddleMenu a, .def_label {
	text-decoration: none;
	color: #fff
}

.firstMiddleMenu a:hover {
	text-decoration: underline
}

/*===== [ PAGINATION START ] =======================================================================================*/

.pagination {
	margin: 0 0 30px 0;
	padding: 0 15px
}

.pagination li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #868686;
	padding: 0;
	background: none
}

.pagination a {
	display: block;
	padding: 1px 6px;
	border-radius: 3px;
	line-height: 23px;
	color: #868686
}

.pagination a:hover {
	text-decoration: underline;
}

.pagination li.active a {
	cursor: default;
	text-decoration: none;
	padding: 0 5px;
	border: 1px solid #868686
}

#toTop {
	cursor: pointer;
	position : fixed;
	bottom : 40px;
	right : 20px;
	z-index: 50
}

#toTop img {
	max-width: 100%
}

/*===== [ TABS START ] =======================================================================================*/

.tabsWrap .box {
	display: none
}

.tabsWrap .box.show {
	display: block
}

.tabs {
	display: table;
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 0
}

.tabs li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 10px 5px 0;
	font-size: 14px;
	color: #868686
}

.tabs a {
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 33px;
	padding: 0 12px;
	border: 1px solid #868686;
	border-radius: 3px;
	line-height: 33px;
	color: #868686;
	text-align: center
}

.tabs li a:hover, .tabs li.current a {
	background: -moz-linear-gradient(top,  #4d4d4d 0%, #2f2f2f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#2f2f2f));
	background: -o-linear-gradient(top,  #4d4d4d 0%,#2f2f2f 100%);
	background: -ms-linear-gradient(top,  #4d4d4d 0%,#2f2f2f 100%);
	background: linear-gradient(to bottom,  #4d4d4d 0%,#2f2f2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#2f2f2f',GradientType=0 )
}

.tabs li.current a {
	cursor: default
}

/*===== [ PAY SYSTEM START ] =======================================================================================*/

.paySystem {
	margin: 0 0 30px 0
}

.paySystem .img {
	display: table-cell;
	width: 101px;
	height: 65px;
	border: 1px solid #868686;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle
}

.paySystem .name {
	display: table-cell;
	padding: 0 0 0 28px;
	font-size: 22px;
	color: #000;
	vertical-align: middle
}

.custom-select {

}

/*===== [ FORM SECOND TYPE START ] =======================================================================================*/

.formSecondType input[type="text"], .formSecondType input[type="password"], .formSecondType input[type="email"], .selector {
	box-sizing: border-box;
	height: 35px;
	padding: 6px 10px;
	line-height: 33px;
	background: transparent;
	border: 1px solid #868686;
	border-radius: 3px;
	color: #868686
}

.formSecondType p {
	margin: 0 0 7px 0;
	line-height: 18px;
	color: #646464
}

.formRow {
	margin: 0 0 12px 0
}

.formRow label {
	overflow: hidden
}

.formRow .jqTransformCheckboxWrapper {
	float: left
}

/*======================================= [ FOOTER START ] =========================*/

#footer {
	width: 100%;
	padding: 1px 0;
	background: url('images/foot-bg.jpg');
	position: relative
}

#footer div.auto {
	padding: 0 39px
}

.footNav {
	line-height: 1.25;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #404040
}

.footNav > ul, .footNav > ul > li > ul {
	margin: 0 0 20px
}

.footNav:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0
}

.footNav > ul > li {
	width: 20%;
	font-size: 20px;
	font-family: 'pf_din_text_comp_promedium', serif;
	color: #99988c;
	text-transform: uppercase;
	float: left
}

.footNav > ul > li > a, .footNav > ul > li > span {
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 45px 0 0 0;
	margin: 0 0 7px 0;
	letter-spacing: 2px;
	background-image: url('images/main-menu-sprite.png');
	background-repeat: no-repeat
}

.footNav .nav-1 a, .footNav .nav-1 span {
	background-position: left 8px
}

.footNav .nav-2 a, .footNav .nav-2 span {
	background-position: left -58px
}

.footNav .nav-3 a, .footNav .nav-3 span {
	background-position: left -128px
}

.footNav .nav-4 a, .footNav .nav-4 span {
	background-position: left -201px
}

.footNav .nav-5 a, .footNav .nav-5 span {
	background-position: left -276px
}

.footNav .nav-6 a, .footNav .nav-6 span {
	background-position: left -353px
}

.footNav .nav-7 a, .footNav .nav-7 span {
	background-position: left -430px
}

.footNav > ul > li > ul > li a, .footNav > ul > li > ul > li span {
	font-size: 12px;
	font-family: 'arial', 'helvetica cy', sans-serif;
	color: #99988c;
	text-transform: none
}

.footNav > ul > li > ul > li a:hover {
	color: #d38728
}

.footNav > ul > li > ul > li {
	margin: 0 0 1px
}

.footNav li {
	padding: 0;
	background: none
}

.footBottom {
	*zoom: 1;
	padding: 23px 0 0 0;
}
.footBottom:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

.copy {
	width: 350px;
	padding: 0;
	float: left;
}

.poweredby {
	width: 370px;
	padding: 0;
	float: left
}

.copy p, .poweredby p {
	margin: 0;
	font-size: 10px
}

.copy p a:hover, .poweredby p a:hover {
	color: #d38728 !important
}

.footBottomRight {
	float: right;
	width: 464px;
	text-align: right
}

.footLogo {
	margin: 0 0 0 22px
}

/*===== [ AUTOCOMPLETE START ] =================================================================================*/

.autocomplete-suggestions {
	border: 1px solid #868686;
	border-radius: 4px;
	background: #FFF;
	cursor: default;
	overflow: auto;
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64)
}

.autocomplete-suggestion {
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer
}

.autocomplete-selected {
	background: #F0F0F0
}

/*===== [ SCROLLBAR START ] =====================================================================================*/

.mCSB_container {
	width: auto;
	margin-right: 9px;
	overflow: hidden
}

#about .mCSB_container, #specializations .mCSB_container, #weapons .mCSB_container {
	margin-right: 40px
}

.mCSB_container.mCS_no_scrollbar {
	margin-right: 0
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
	margin-right: 9px
}

#about .mCustomScrollBox > .mCSB_scrollTools, #specializations .mCustomScrollBox > .mCSB_scrollTools, #weapons .mCustomScrollBox > .mCSB_scrollTools {
	width: 11px;
	height: 100%;
	top: 0;
	right: 0
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a+ .mCSB_draggerContainer {
	margin: 20px 0
}

#about .mCSB_scrollTools .mCSB_draggerRail, #specializations .mCSB_scrollTools .mCSB_draggerRail, #weapons .mCSB_scrollTools .mCSB_draggerRail {
	width: 11px;
	height: 100%;
	margin: 0 auto;
	background-color: #4e4e4e
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 9px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background-color: #ecf400
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: relative;
	height: 20px;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	top: 100%;
	margin-top: -40px
}

.mCSB_horizontal > .mCSB_container {
	height: auto;
	margin-right: 0;
	margin-bottom: 0;
	overflow: hidden
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
	margin-bottom: 0
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
	width: 100%;
	height: 16px;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	overflow: hidden
}

.mCSB_horizontal > .mCSB_scrollTools a+ .mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 7px;
	margin: 7px 0
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
	width: 9px;
	height: 100%
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
	display: block;
	position: relative;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	float: left
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
	margin-left: -40px;
	float: right
}

.mCustomScrollBox {
	-ms-touch-action: none
}

.mCustomScrollBox > .mCSB_scrollTools {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)" /* old ie */
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)" /* old ie */
}

.professions .verticalScrollBar, .profList .verticalScrollBar {
    height: 230px
}

.mCSB_dragger_barBefore {
	height: 1px
}

.mCSB_dragger_barMiddle {
	background: #ecf400
}

.mCSB_dragger_barAfter {
	height: 1px
}

.mCSB_dragger_railMiddle {
	background: #313131
}

.mCSB_dragger_railBefore {
	height: 1px
}

.mCSB_dragger_railAfter {
	height: 1px
}

.horizontalScrollBar .mCSB_dragger_railMiddle {
	height: 11px;
	float: left
}

.horizontalScrollBar .mCSB_dragger_railBefore {
	width: 4px;
	height: 7px;
	float: left
}

.horizontalScrollBar .mCSB_dragger_railAfter {
	width: 4px;
	height: 7px;
	float: left
}

.horizontalScrollBar .mCSB_dragger_barBefore {
	height: 9px;
	width: 4px;
	float: left
}

.horizontalScrollBar .mCSB_dragger_barMiddle {
	height: 9px;
	float: left
}

.horizontalScrollBar .mCSB_dragger_barAfter {
	height: 9px;
	width: 4px;
	float: left
}

/*===== [ CAROUSEL START ] =======================================================================================*/

.carousel, .oneItemCarousel {
    position: relative;
    z-index: 1
}

.preloader {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20
}

.textCarousel {
	position: relative
}

.textCarousel.tempHeight {
	height: 278px;
	background: #000;
	overflow: hidden
}

.preloader img {
	margin: -38px 0 0 -38px;
	position: absolute;
	top: 50%;
	left: 50%
}

.carousel .caroufredsel_wrapper, .oneItemCarousel .caroufredsel_wrapper {
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important
}

.carousel .caroufredsel_wrapper li, .oneItemCarousel .caroufredsel_wrapper li {
    padding: 0;
    position: relative;
    float: left
}

.firstTypeCarousel {
	padding: 35px 0;
	margin: 0 0 65px 0
}

.firstTypeCarousel:last-child {
	margin: 0
}

.firstTypeCarousel .caroufredsel_wrapper li {
	width: 150px;
	margin: 0 10px
}

.firstTypeCarousel .caroufredsel_wrapper li a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 146px;
	height: 92px;
	margin: 0 0 15px 0;
	border: 2px solid #252525;
	overflow: hidden
}

.firstTypeCarousel .caroufredsel_wrapper li p {
	padding: 0 10px 0 0;
	margin: 0
}

.firstTypeCarousel h2, .firstTypeCarousel .h2 {
	padding: 0 10px
}

.firstTypeCarousel li a:hover {
	border-color: #ecf400 !important
}

.firstTypeCarousel.innerGallery.video li a:hover:after {
	background-image: url('images/play-but-hov.png')
}

.firstTypeCarousel .caroufredsel_wrapper li a:hover {
	border-color: #ecf400
}

/*===== [ MAIN NEWS START ] =======================================================================================*/

.mainNews {
	padding: 70px 0;
	color: #fff;
	position: relative
}

.mainNews li {
	width: 302px;
	margin: 0 10px
}

.mainNews .img {
	margin: 0 0 12px 0;
	border: 2px solid #4e4e4e;
	background: url(images/news_stub.jpg) no-repeat;
	background-size: cover
}

.mainNews .img img {
	max-width: 100%
}

.mainNews .date {
	margin: 0 0 6px 0
}

.mainNews .title {
	margin: 0 0 12px 0;
	font-size: 20px;
	font-family: 'pf_din_text_comp_prothin', serif;
	color: #ecf400;
}

.mainNews .title a {
	color: #ecf400
}

.mainNews h2, .mainNews .h2 {
	padding: 0 10px;
	color: #fff
}

#thumbs.tempHeight {
	height: 180px;
	background: #000;
	overflow: hidden
}

.firstTypeCarousel .prev, .firstTypeCarousel .next, #thumbs .prev, #thumbs .next, .mainNews .prev, .mainNews .next, .weaponsList .prev, .weaponsList .next, .profList .prev, .profList .next {
    display: block;
    width: 21px;
    height: 35px;
    background-image: url('images/slider-arr-1.png');
    position: absolute;
    top: 95px;
    z-index: 10
}

#thumbs .prev, #thumbs .next {
	top: -60px
}

.mainNews .prev, .mainNews .next {
	display: none !important;
	top: 125px
}

.weaponsList .prev, .weaponsList .next {
	top: auto;
	bottom: -66px
}

.profList .prev, .profList .next {
	display: none !important;
	top: 145px
}

.innerGallery.video .prev, .innerGallery.video .next {
	top: 170px
}

.innerGallery .prev, .innerGallery .next {
	top: 120px
}

.innerGallery li {
	margin: 0 10px;
	float: left
}

.firstTypeCarousel .prev, #thumbs .prev, .mainNews .prev, .weaponsList .prev, .profList .prev {
	background-position: 0 0;
    left: -38px
}

#thumbs .prev {
	left: auto;
	right: 60px
}

.mainNews .prev {
	left: 5px
}

.profList .prev {
	left: 15px
}

.weaponsList .prev {
	margin: 0 0 0 -52px;
	left: 50%
}

.firstTypeCarousel .next, #thumbs .next, .mainNews .next, .weaponsList .next, .profList .next {
    background-position: 21px 0;
    right: -38px
}

#thumbs .next {
	right: 20px
}

.mainNews .next {
	right: 5px
}

.weaponsList .next {
	margin: 0 0 0 29px;
	left: 50%
}

.profList .next {
	right: 15px
}

.firstTypeCarousel .prev:hover, #thumbs .prev:hover, .mainNews .prev:hover, .weaponsList .prev:hover, .profList .prev:hover {
    background-position: 0 -35px
}

.firstTypeCarousel .next:hover, #thumbs .next:hover, .mainNews .next:hover, .weaponsList .next:hover, .profList .next:hover {
	background-position: 21px -35px
}

.oneItemCarousel .pager {
	*zoom: 1;
	height: 11px;
	padding: 24px 0
}

.market.oneItemCarousel .pager {
	padding: 24px 20px;
	text-align: right
}

.oneItemCarousel .pager:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0
}

.oneItemCarousel .pager a {
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
    width: 11px;
	height: 11px;
	margin: 0 0 0 30px;
	border-radius: 50%;
	background: #fff;
	position: relative
}

.oneItemCarousel .pager a:first-child {
	margin: 0
}

.oneItemCarousel .pager span {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.oneItemCarousel .pager a.selected {
    background: #f69e30
}

/*===== [ BREADCRUMBS START] =========================================================================*/

.breadcrumbs {
	padding: 30px 20px
}

.breadcrumbs ul {
	display: table;
	width: 100%;
	margin: 0;
	font-size: 0
}

.breadcrumbs li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0;
	margin: 0;
	font-size: 18px;
	color: #f6ff00;
	background: none
}

.breadcrumbs li:before {
	content: '//';
	margin: 0 25px;
	font-size: 18px;
	color: #b7b7b7
}

.breadcrumbs li:first-child:before {
	display: none
}

.breadcrumbs a {
	color: #f6ff00
}

.breadcrumbs li.active, .breadcrumbs li.active a {
	color: #b7b7b7
}

/*===== [ PROFESSIONS START ] =======================================================================================*/

.aboutProf {
	width: 428px;
	padding: 30px 35px 10px 45px;
	margin: 60px 0;
	background: url('images/mask-3.png') no-repeat;
	background-size: cover;
	float: left
}

#thumbs {
	height: 180px
}

#thumbs .caroufredsel_wrapper {
	height: 180px !important
}

.mainNews .caroufredsel_wrapper {
	margin: 0 0 30px 0 !important
}

#thumbs ul {
	padding: 15px 0
}

#thumbs ul li {
	width: 89px;
	margin: 0 9px;
	float: left
}

#thumbs ul li a {
	display: block;
	margin: 0 0 5px 0;
	border: 2px solid #252525;
	position: relative
}

#thumbs ul li img {
	max-width: 100%
}

#thumbs ul li.current a {
	border-color: #ecf400
}

#thumbs ul li.current a:after {
	content: '';
	display: block;
	width: 100px;
	height: 126px;
	background: url('images/mask-1.png') no-repeat;
	position: absolute;
	top: -8px;
	left: -7px
}

#thumbs ul li.current span {
	color: #ecf400
}

#thumbs ul li, .weaponsList li {
	float: left
}

#thumbs ul li a:hover:after {
	content: '';
	display: block;
	width: 100px;
	height: 126px;
	background: url('images/mask-1.png') no-repeat;
	position: absolute;
	top: -8px;
	left: -7px
}

#about, #specializations, #weapons {
	width: 100%;
}

#about .caroufredsel_wrapper {
	width: 100%;
	position: relative
}

#about .title {
	margin: 0 0 10px 0;
	font-size: 26px;
	font-family: 'pf_din_text_comp_prothin', serif;
	color: #b7b7b7
}

#about ul li {
	width: 410px;
	padding: 0;
	background: none;
	float: left
}

.fullSizePers {
	display: table-cell;
	height: 704px;
	padding-left: 40px;
	vertical-align: bottom
}

.selectWrap {
	display: inline-block;
	margin-right: 4px;
	vertical-align: top
}

/*===== [ FANCYBOX START ] ======================================================================================*/

.fancybox-overlay {
    display: none;
    width: 100% !important;
    height: 100% !important;
    background: url('images/fancybox_overlay.png');
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 80
}

.fancybox-wrap {
    padding: 0;
    margin: 0;
    border: 2px solid #4e4e4e;
    outline: none;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90
}

.fancybox-skin {
    padding: 0 !important;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    text-shadow: none;
    vertical-align: top;
    background: none;
    position: relative
}

.fancybox-outer {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    position: relative;
    overflow: visible !important
}

.fancybox-inner {
    height: auto !important;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    position: relative;
    overflow: visible !important
}

.fancybox-image {
    max-width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-tmp {
    max-width: 99999px;
    max-height: 99999px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    visibility: hidden;
    position: absolute;
    top: -99999px;
    left: -99999px;
    overflow: visible !important
}

.fancybox-opened {
    z-index: 100
}

.fancybox-error {
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-close {
    display: block;
    width: 16px;
    height: 16px;
    background: url('images/fancy_close.png') no-repeat;
    position: absolute;
    top: 15px;
    right: 15px
}

#fancybox-loading {
    display: none
}

.fancybox-title {
	display: block;
	width: 100%;
	font-size: 14px;
	text-align: center;
	position: absolute;
	bottom: -90px
}

.fancybox-type-iframe .fancybox-inner {
	padding-top: 25px;
	padding-bottom: 56.25%;
    -webkit-overflow-scrolling: touch
}

.fancybox-type-iframe iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.auto {
	min-width: 280px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	*zoom: 1
}

.auto:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0
}

.clear {
	*zoom: 1
}

.clear:after {
	height: 0;
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	line-height: 0;
	font-size: 0
}

.clearboth {
	clear: both
}

.tac, .ac {
	text-align: center
}

.tar, .ar {
	text-align: right
}

.taj {
	text-align: justify;
	text-justify: newspaper
}

.taj .title, .al {
	text-align: left
}

.taj:after {
	content: '.';
	display: inline-block;
	visibility: hidden;
	height: 0;
	margin-left: 100%;
	font-size: 14px
}

.taj > .after {
	display: inline;
	zoom: 1;
	visibility: hidden;
	height: 0;
	margin-left: 100%
}

.fl {
	float: left
}

.fr {
	float: right
}

.overhid {
	overflow: hidden
}

.fullWidth, .w990, .w970, .w950, .w920, .w855, .w810, .w720, .w710, .w670, .w520, .w320, .w260, .w244, .w233, .w200, .w120, .w150, .w73, .w63, .w24  {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%
}

.fullWidth {
	width: 100%
}

.w990 {
	max-width: 992px
}

.w970 {
	max-width: 972px;
	min-height: 450px
}

.w950 {
	max-width: 952px
}

.w920 {
	max-width: 920px
}

.w950nr {
	width: 950px;
	margin: 0 auto
}

.w875 {
	max-width: 875px
}

.w810 {
	max-width: 810px
}

.w720 {
	max-width: 720px
}

.w710 {
	max-width: 710px
}

.w670 {
	max-width: 670px
}

.w520 {
	max-width: 520px
}

.w320 {
	width: 320px
}

.w260 {
	width: 260px
}

.w280 {
	width: 280px
}

.w244 {
	width: 244px
}

.w233 {
	width: 233px
}

.w200 {
	width: 200px
}

.w190 {
	width: 190px
}

.w150 {
	width: 150px
}

.w120 {
	width: 120px
}

.w106 {
	width: 106px
}

.w73 {
	width: 73px
}

.w65 {
	width: 65px
}

.w65 img {
	max-width: 100%
}

.w24 {
	width: 24px
}

.fs28 {
	font-size: 28px;
	color: #000
}

.fs22 {
	font-size: 22px;
	color: #000
}

.fs18 {
	font-size: 18px;
	color: #000;
	text-transform: uppercase
}

.fs14 {
	font-size: 14px;
	color: #000;
	text-transform: uppercase
}

.fs11 {
	font-size: 11px !important
}

.h750 {
	height: 750px !important
}

.h550 {
	height: 550px !important
}

.lh35 {
	line-height: 35px;
	margin: 0 0 12px 0
}

.violet {
	color: #8d38ed !important
}

.red {
	color: #ef1f1f !important
}

.pink {
	color: #c94949
}

.default {
	color: #6e6e6e
}

.visible {
	display: none
}

.barbwire {
	position: relative
}

.barbwire:after {
	content: '';
	display: block;
	width: 100%;
	height: 30px;
	background: url('images/divider-1.png') repeat-x;
	position: absolute;
	bottom: -16px;
	left: 0;
	z-index: 30
}

.viewAll {
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 0 20px 0;
	font-size: 20px;
	letter-spacing: 2px;
	font-family: 'pf_din_text_comp_prothin', serif;
	color: #ecf400;
	text-transform: uppercase;
	background: url('images/divider-2.png') bottom repeat-x
}

.viewAll:hover {
	text-decoration: none;
	background: none
}

.discount {
	width: 92px;
	height: 91px;
	font-size: 22px;
	font-family: 'pf_din_text_comp_promedium', serif;
	color: #000;
	background: url('images/discount.png') no-repeat;
	position: absolute;
	top: 0;
	right: 0
}

.discount span {
	display: block;
    height: 70px;
    line-height: 50px;
    margin: 9px 0 0 21px;
    text-align: center;
    width: 55px;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.itemOfDay {
	width: 100%;
	padding: 10px 0;
	font-size: 18px;
	color: #000;
	background: #ecf400;
	position: absolute;
	top: 0
}

.itemOfDay span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 14px
}

.lightBrown {
	color: #fdffbf !important
}

.green {
	color: #37910a !important
}

.blue {
	color: #33c !important
}

.brown {
	color: #ffa505 !important
}

.semiBrown {
	color: #c29966 !important
}

.grey {
	color: #c1c1c1 !important
}

.darkBrown {
	color: #797407 !important
}

.darkGreen {
	color: #008080 !important
}

.darkViolet {
	color: #808 !important
}

.darkGreen {
	color: #008000 !important
}

.yellow {
	color: #ff0 !important
}

.lightGreyBg {
	background: #2e2e2e !important
}

@media only screen and (max-width: 952px) {
	.profList .prev, .profList .next {
		display: block !important
	}
}

/*===============================================================================================================
  ===== [ WP START ] ============================================================================================
  =============================================================================================================*/
p img {
	padding: 0;
	margin: 4px;
	max-width: 100%;
	border: 1px solid #8f8f8f

}

form img {
	border: none !important
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto
}

img.fr {
	padding: 0;
	margin: 0 0 10px 10px;
	display: inline
}

img.fl {
	padding: 0;
	margin: 0 25px 25px 0;
	display: inline
}

.error {
	color: red
}

.failure {
	color: black
}

.spoiler {
	display: none;
	padding-top: 6px
}

.spoiler * {
	margin: 8px 0
}

.spoil_control {
	border-bottom: 1px dashed;
	cursor: pointer
}

.cap_image {
	cursor: pointer;
	border-radius: 3px
}

.loginform input, .loginform img {
	margin: 8px 8px 8px 0
}

.content {
	margin-bottom: 24px
}

.spoil_container {
	padding: 4px 0
}

.spoil_container .spoiler {
	margin: 4px 0
}

.renderwindow .webgllogo {
	position: absolute;
	top: 8px;
	left: 8px
}

.wmibutton {
	margin-left: 4px
}

.quitbutton, .serverbutton {
	margin-top: 48px
}

.dataBlock-2 .sendButWrap {
	max-width: 360px
}

input[type="radio"], input[type="checkbox"] {
	display: none
}

input[type="radio"] + label, input[type="checkbox"] + label, .abbr, .logout {
	cursor: pointer
}

input[type="radio"] + label::before, input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 24px;
    background-image: url(images/checkbox_radio.png);
    background-repeat: no-repeat
}

input[type="checkbox"] + label::before {
    background-position: 0 -160px
}

input[type="checkbox"]:checked + label::before {
    background-position: 0 -140px
}

input[type="checkbox"]:disabled + label::before {
    background-position: 0 -120px
}

input[type="checkbox"]:checked:disabled + label::before {
    background-position: 0 -100px
}

input[type="radio"] + label::before {
    background-position: 0 -60px
}

input[type="radio"]:checked + label::before {
    background-position: 0 -40px
}

input[type="radio"]:disabled + label::before {
    background-position: 0 -20px
}

input[type="radio"]:checked:disabled + label::before {
    background-position: 0 0
}

#wizard {
	position: relative
}

#wizard .modal {
	display: none;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background: white
}

.formRow ul, .nomargin {
	margin: 0
}

.formRow li {
	margin: 4px 0
}

.dropzone {
	background: silver;
	position: relative;
	margin: 0 16px 16px 0
}

.dropzone input, .dropzone span, .clanlogo span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.dropzone input {
	opacity: 0
}

.dropzone span, .clanlogo span {
	top: 46%;
	height: 54%;
	font-size: 11px;
	color: #fff
}

.clandesc {
	width: 368px;
	height: 197px;
	color: #6e6e6e;
	font-style: normal
}

.drop_clanlogo {
	position: absolute;
	cursor: pointer;
	top: 6px;
	right: 6px
}

.clanforum {
	width: 100%
}

.halfWidth, .fourthWidth {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: 50%;
	padding: 0 5px;
	margin: 0 -5px
}

.fourthWidth {
	width: 25%
}

.clanlogo_container, .clandesc_container {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: 210px
}

.clandesc_container {
	text-align: left;
	width: 660px;
	margin-top: -5px;
	text-indent: 20px;
	float: right
}

.clandesc_title, .clandesc_url {
	float: right
}

.statisticsWrap {
	margin-bottom: 20px
}

.percentList {
	padding-top: 5px;
	padding-bottom: 5px
}

.percentList p {
	margin-bottom: 10px
}

.color {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	color: #000
}

.green_bg {
	background: #97dd00
}

.yellow_bg {
	background: #ecf400
}

.blue_bg {
	background: #5bd1d8
}

.violet_bg {
	background: #bf66ca
}

.titleGrey {
	margin-bottom: 20px;
	font-size: 18px;
	color: #bababa
}

.social_link {
	background: url(images/social_t.png) no-repeat;
	filter: brightness(50%);
	width: 34px;
	height: 32px;
	margin: 2px;
	float: left
}

.social_image {
	margin: -2px 2px 2px
}

.greyBordered {
	border: 1px solid #fff;
	box-shadow: 0 0 0 1px #8f8f8f
}

.diT {
	display: table;
	width: 100%
}

.diTRow {
	display: table-row
}

.diTCell {
	display: table-cell;
	vertical-align: middle
}

.navyColor {
	color: #324e5d
}

.break {
	height: 0;
	border-top: 1px solid #c9c9c9;
	margin: 30px 0
}

.vk {
	background-position: -2px -224px
}

.fb {
	background-position: -2px -142px
}

.yt {
	background-position: -2px -288px
}

.tv {
	background-position: -2px -737px
}

.st {
	background-position: -2px -128px
}

.wm {
	background-position: -2px -632px
}

.tg {
	background-position: -2px -160px
}

.ig {
	background-position: -2px -488px
}

.ya {
	background-position: -2px -247px
}

.check_code {
	text-transform: uppercase
}

.graph_bar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	text-align: left
}

.graph_ct {
	position: relative;
	display: block
}

.graph_txt {
	position: absolute;
	top: 0;
	z-index: 11;
	font-size: 10px
}

.graph_txt > a {
	color: inherit !important
}

ul.int_mtl>li, ol.int_mtl>li {
	padding: 0 !important;
	background: none
}

table.int_mtl>tbody>tr>td {
	border: none !important;
	padding: 1px
}

.mtl>ul, .mtl>ol {
	padding-left: 24px;
	margin: 0 0 10px
}

.mtl>ul>li>ul, .mtl>ol>li>ol, .mtl>ul>li>ol, .mtl>ol>li>ul {
	padding-left: 24px;
	margin: 10px 0 -10px 0
}

.mtl>ul>li, .mtl>ol>li, .mtl>*>li>*>li {
	padding: 0;
	list-style-type: disc;
	background: none;
	color: #B7B7B7
}

.mtl>ol>li, .mtl>*>li>ol>li {
	list-style-type: decimal
}

.mtl>p {
	text-indent: 0;
	padding-left: 12px
}

.advTitle {
	position: absolute;
	display: none;
    z-index: 9000;
    background: rgb(255,255,230);
    font-family: Arial, sans-serif;
    font-size: 11px;
	color: #000;
    border: 1px solid #000;
    padding: 4px;
    max-width: 500px;
    box-shadow: 2px 2px 2px #373737
}

.advTitle>* {
	margin: 0;
	line-height: 15px
}

.defence td, .item_params td {
	border: 0;
	height: 0;
	padding: 4px 2px;
	text-align: left
}

.item_params td {
	padding-left: 0
}

.defence .icon {
	width: 10px;
	height: 10px;
	display: block;
	margin: 0 10px;
	background: url(images/cyrvetica.png) no-repeat
}

.damage_type_melee {
	background-position: -169px -51px !important
}

.damage_type_bullet {
	background-position: -87px -51px !important
}

.damage_type_explosion {
	background-position: -182px -51px !important
}

.damage_type_electrostatic {
	background-position: -14px -51px !important
}

.damage_type_infrared {
	background-position: -25px -51px !important
}

.damage_type_bio {
	background-position: -194px -51px !important
}

.firstTypeTable thead td {
	font-weight: bold;
	font-size: 18px;
	background: #f9f9f9
}

.firstTypeTable td {
	height: auto;
	padding: 10px 14px;
	color: #4d4d4d
}

.firstTypeTable tfoot td {
	border: none;
	padding: 10px 0;
	font-size: 18px
}

.secondTypeTable thead td, .p_title {
	padding: 10px 0;
	font-weight: bold;
	font-size: 18px;
	color: #4d4d4d
}

.secondTypeTable td {
	height: auto;
	border: none;
	padding: 10px 10px;
	color: #4d4d4d
}

.secondTypeTable tbody tr:nth-child(2n+1) td {
	background: #f9f9f9
}

.secondTypeTable tfoot td {
	padding: 10px 0;
	font-size: 18px
}

/*===== [ BALANCE START ] ======================================================================================*/

.balance {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}

/*===== [ PROFILE START ] ======================================================================================*/

.profile .img {
	margin: 0 18px 18px 0
}

.nickName {
	margin: 0 0 20px 0;
	font: bold 28px/28px arial;
	color: #fff
}

.nickName > span {
	font-size: 14px;
	font-weight: normal;
	color: #acacac
}

.nickName small {
	font-size: 12px;
	color: #acacac
}

.country {
	margin: 0 10px
}

.profile .nickName {
	margin: 0 0 5px 0
}

/*===== [ INVENTORY START ] ======================================================================================*/

.butWrap {
	margin: 0 0 20px 0
}

.fancy-inventory .fancybox-prev, .fancy-inventory .fancybox-next {
	top: auto;
	bottom: -100px
}

.inventoryItems .prev, .fancy-inventory .fancybox-prev, .fancy-inventory .fancybox-prev:hover {
	background-position: 0 0
}

.fancy-inventory .fancybox-prev {
	margin: 0 0 0 -65px;
	left: 50%
}

.fancy-inventory .fancybox-next {
	margin: 0 0 0 27px;
	right: auto;
	left: 50%
}

.counter {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 18px;
	line-height: 34px;
	font-size: 16px;
	vertical-align: top
}

.fadingCarousel li {
	width: 325px !important;
	float: left
}

.persThumb .buttons {
	padding: 27px 0;
	overflow: hidden
}

.fancy-inventory {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100% !important;
	padding: 10px;
	left: 0 !important;
	background: #131313
}

.fancy-inventory .fancybox-inner {
	width: 100% !important
}

.fancy-inventory .img {
	text-align: center
}

.fancy-inventory .img img {
	max-width: 80%
}

.fancy-inventory li {
	margin: 0 !important;
	list-style: none
}

.fancybox-prev, .fancybox-next {
	cursor: pointer;
	width: 21px;
	height: 35px;
	padding: 0;
	margin: -11px 0 0 0;
	border: 0;
	outline: none;
	vertical-align: top;
	background-image: url('images/slider-arr-1.png');
	position: absolute;
	top: 50%;
	z-index: 100;
	visibility: visible
}

.fancybox-prev {
	background-position: 0 0;
	left: 10px
}

.fancybox-prev:hover {
	background-position: 0 -35px
}

.fancybox-next {
	background-position: 21px 0;
	right: 10px
}

.fancybox-next:hover {
	background-position: 21px -35px
}

/*===== [ INNER MARKET START ] ======================================================================================*/

.innerStore .img {
	background: #000
}

.innerStore .img img {
	max-width: 90%
}

.innerStore .itemAboutContainer {
	background: #1a1a1a;
	vertical-align: top
}

/*===== [ COUNTER CAROUSEL START ] ======================================================================================*/

.counterCarousel {
	position: relative
}

.counterCarousel > div {
	float: left
}

/*===== [ SECOND TYPE TWO COLUMNS START ] =======================================================================================*/

.secondTypeTwoColumns .sideBar {
	width: 240px;
	padding: 0;
	background: none
}

.secondTypeTwoColumns .sideBar.fr {
	margin: 0 0 0 10px
}

/*== OTHER ===*/

.firstMiddleMenu li, .firstAvatarList li, .thirdUniversalList li, .fifthUniversalList li, .tabs li, .percentageList li, .inventoryItems li, .seventhUniversalList li, .eightUniversalList li, .firstTypeCarousel li, #thumbs ul li {
	padding: 0;
	background: none
}

.testimonials li, .sixthUniversalList li, .carousel .caroufredsel_wrapper li, .oneItemCarousel .caroufredsel_wrapper li {
	background: none
}

.jqTransformSelectWrapper ul a:hover {
	color: #76756c;
	text-decoration: none
}

table.tablesorter {
	text-align: left
}

table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 20px;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer
}

table.tablesorter tbody td {
	border: 0;
	vertical-align: middle
}

table.tablesorter tbody td a {
	color: #909090
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
	background-position: 0 12px
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif)
}

.items_groups a {
	text-decoration: underline !important
}

.items_groups a:hover, .items_groups .active {
	color: #ecf400
}

.promo_poll {
	padding-top: 12px
}

.promo_poll p {
	margin-bottom: 12px
}

.p_title {
	padding-top: 0
}

#lottery_carousel {
	width: 64px;
	height: 192px;
	overflow: hidden;
	background-color: #000
}

#lottery_carousel #lcbg {
	width: 64px;
	background-repeat: repeat-y
}

.mtl_content h4, .mtl_content h5 {
	color: #b7b7b7;
	margin-bottom: 1rem
}

.mtl_content h5 {
	font-size: 1.2rem
}

.payBlankFrame {
	border: 0;
	width: 100%;
	height: 690px
}

.download_modal_content {
	border-radius: 0;
	background: rgba(0,0,0,0.9)
}

.download_modal_content .close:hover {
	color: #ecf400;
	outline: none
}

.download_modal_header {
	border: none
}

.download_modal_dialog {
	max-width: 70rem
}

.text-news-content {
	color: #b7b7b7
}